@import url(//fonts.googleapis.com/css?family=Roboto);
@import url(//fonts.googleapis.com/css?family=Anton|Changa+One|Courgette|Dosis|Droid+Sans|Droid+Serif|Gloria+Hallelujah|Josefin+Sans|Lobster|Merriweather|Montserrat|Open+Sans|Oswald|Oxygen|Pacifico|Playfair+Display|Roboto|Roboto+Slab|Shadows+Into+Light|Titillium+Web);
@import url(https://fonts.googleapis.com/css?family=Fredoka+One&display=swap);
.box-grid {
    float: left
}

.box-grid select {
    margin-right: 5px
}

.p-right {
    padding-right: 10px
}

.box40 {
    width: 40%
}

.box30 {
    width: 30%
}

.box50 {
    width: 50%
}

.box60 {
    width: 60%
}

.box33 {
    width: 33%;
    padding-right: 5px
}

.box25 {
    width: 25%
}

.box90 {
    width: 90%
}

.box10 {
    width: 10%
}

.box20 {
    width: 20%
}

.box66 {
    width: 67%
}

.box100 {
    width: 100%
}

.box85 {
    width: 85%
}

.box15 {
    width: 15%
}

.box5 {
    width: 5%
}

.nopadding {
    padding: 0 !important
}

.container-p-r-l-10 {
    margin: 0 10px
}

.container-small {
    width: 768px;
    margin: auto
}

.absolute-right-marker {
    position: absolute;
    width: 336px;
    right: 0;
    bottom: 20%;
    z-index: 99
}

.fixed-marker {
    position: fixed
}

.w-1000 {
    width: 1000px !important
}

.w-800 {
    width: 800px !important
}

.w-730 {
    width: 730px !important
}

.w-650 {
    width: 650px !important
}

.w-600 {
    width: 600px !important
}

.w-550 {
    width: 550px !important
}

.w-530 {
    width: 530px !important
}

.w-520 {
    width: 520px !important
}

.w-500 {
    width: 500px !important
}

.w-400 {
    width: 400px !important
}

.w-380 {
    width: 380px !important
}

.w-360 {
    width: 360px !important
}

.w-350 {
    width: 350px !important
}

.w-320 {
    width: 320px !important
}

.w-290 {
    width: 290px !important
}

.w-280 {
    width: 280px !important
}

.w-260 {
    width: 260px !important
}

.w-250 {
    width: 250px !important
}

.w-240 {
    width: 240px !important
}

.w-220 {
    width: 220px !important
}

.w-200 {
    width: 200px !important
}

.w-180 {
    width: 180px !important
}

.w-170 {
    width: 170px !important
}

.w-150 {
    width: 150px !important
}

.w-130 {
    width: 130px !important
}

.w-120 {
    width: 120px !important
}

.w-100 {
    width: 100px !important
}

.w-80 {
    width: 80px !important
}

.w-90 {
    width: 90px !important
}

.w-70 {
    width: 70px !important
}

.w-60 {
    width: 60px !important
}

.w-50 {
    width: 50px !important
}

.w-42 {
    width: 42px !important
}

.w-34 {
    width: 34px !important
}

.w-38 {
    width: 38px !important
}

.w-29 {
    width: 29px !important
}

.w-28 {
    width: 28px !important
}

.w-25 {
    width: 25px !important
}

.w-20 {
    width: 20px !important
}

.w-100-percent {
    width: 100% !important
}

.w-75-percent {
    width: 75% !important
}

.w-65-percent {
    width: 65% !important
}

.w-50-percent {
    width: 50% !important
}

.w-40-percent {
    width: 40% !important
}

.w-25-percent {
    width: 25% !important
}

.w-20-percent {
    width: 20% !important
}

.w-auto {
    width: "auto" !important
}

.w-min-content {
    width: min-content !important
}

.h-1000 {
    height: 1000px !important
}

.h-800 {
    height: 800px !important
}

.h-730 {
    height: 730px !important
}

.h-650 {
    height: 650px !important
}

.h-600 {
    height: 600px !important
}

.h-550 {
    height: 550px !important
}

.h-530 {
    height: 530px !important
}

.h-520 {
    height: 520px !important
}

.h-500 {
    height: 500px !important
}

.h-400 {
    height: 400px !important
}

.h-380 {
    height: 380px !important
}

.h-360 {
    height: 360px !important
}

.h-350 {
    height: 350px !important
}

.h-320 {
    height: 320px !important
}

.h-290 {
    height: 290px !important
}

.h-280 {
    height: 280px !important
}

.h-260 {
    height: 260px !important
}

.h-250 {
    height: 250px !important
}

.h-240 {
    height: 240px !important
}

.h-220 {
    height: 220px !important
}

.h-200 {
    height: 200px !important
}

.h-180 {
    height: 180px !important
}

.h-170 {
    height: 170px !important
}

.h-150 {
    height: 150px !important
}

.h-130 {
    height: 130px !important
}

.h-120 {
    height: 120px !important
}

.h-100 {
    height: 100px !important
}

.h-80 {
    height: 80px !important
}

.h-90 {
    height: 90px !important
}

.h-70 {
    height: 70px !important
}

.h-60 {
    height: 60px !important
}

.h-50 {
    height: 50px !important
}

.h-42 {
    height: 42px !important
}

.h-34 {
    height: 34px !important
}

.h-38 {
    height: 38px !important
}

.h-29 {
    height: 29px !important
}

.h-28 {
    height: 28px !important
}

.h-25 {
    height: 25px !important
}

.h-20 {
    height: 20px !important
}

.h-100-percent {
    height: 100% !important
}

.h-75-percent {
    height: 75% !important
}

.h-65-percent {
    height: 65% !important
}

.h-50-percent {
    height: 50% !important
}

.h-40-percent {
    height: 40% !important
}

.h-25-percent {
    height: 25% !important
}

.h-20-percent {
    height: 20% !important
}

.h-auto {
    height: "auto" !important
}

.h-min-content {
    height: min-content !important
}

.min-h-2 {
    min-height: 2vh !important
}

.min-h-6 {
    min-height: 6vh !important
}

.min-h-8 {
    min-height: 8vh !important
}

.min-h-10 {
    min-height: 10vh !important
}

.min-h-16 {
    min-height: 16vh !important
}

.min-h-18 {
    min-height: 18vh !important
}

.min-h-20 {
    min-height: 20vh !important
}

.min-h-22 {
    min-height: 22vh !important
}

.min-h-24 {
    min-height: 24vh !important
}

.min-h-26 {
    min-height: 26vh !important
}

.min-h-30 {
    min-height: 30vh !important
}

.min-h-32 {
    min-height: 32vh !important
}

.min-h-36 {
    min-height: 36vh !important
}

.min-h-38 {
    min-height: 38vh !important
}

.min-h-40 {
    min-height: 40vh !important
}

.min-h-46 {
    min-height: 46vh !important
}

.min-h-50 {
    min-height: 50vh !important
}

.min-h-56 {
    min-height: 56vh !important
}

.min-h-60 {
    min-height: 60vh !important
}

.min-h-80 {
    min-height: 80vh !important
}

.min-h-90 {
    min-height: 90vh !important
}

.max-h-2 {
    max-height: 2vh !important
}

.max-h-6 {
    max-height: 6vh !important
}

.max-h-8 {
    max-height: 8vh !important
}

.max-h-10 {
    max-height: 10vh !important
}

.max-h-16 {
    max-height: 16vh !important
}

.max-h-18 {
    max-height: 18vh !important
}

.max-h-20 {
    max-height: 20vh !important
}

.max-h-22 {
    max-height: 22vh !important
}

.max-h-24 {
    max-height: 24vh !important
}

.max-h-26 {
    max-height: 26vh !important
}

.max-h-30 {
    max-height: 30vh !important
}

.max-h-32 {
    max-height: 32vh !important
}

.max-h-36 {
    max-height: 36vh !important
}

.max-h-38 {
    max-height: 38vh !important
}

.max-h-40 {
    max-height: 40vh !important
}

.max-h-46 {
    max-height: 46vh !important
}

.max-h-50 {
    max-height: 50vh !important
}

.max-h-56 {
    max-height: 56vh !important
}

.max-h-60 {
    max-height: 60vh !important
}

.max-h-80 {
    max-height: 80vh !important
}

.max-h-90 {
    max-height: 90vh !important
}

.min-w-2 {
    min-width: 2vw !important
}

.min-w-6 {
    min-width: 6vw !important
}

.min-w-8 {
    min-width: 8vw !important
}

.min-w-10 {
    min-width: 10vw !important
}

.min-w-16 {
    min-width: 16vw !important
}

.min-w-18 {
    min-width: 18vw !important
}

.min-w-20 {
    min-width: 20vw !important
}

.min-w-22 {
    min-width: 22vw !important
}

.min-w-24 {
    min-width: 24vw !important
}

.min-w-26 {
    min-width: 26vw !important
}

.min-w-30 {
    min-width: 30vw !important
}

.min-w-32 {
    min-width: 32vw !important
}

.min-w-36 {
    min-width: 36vw !important
}

.min-w-38 {
    min-width: 38vw !important
}

.min-w-40 {
    min-width: 40vw !important
}

.min-w-46 {
    min-width: 46vw !important
}

.min-w-50 {
    min-width: 50vw !important
}

.min-w-56 {
    min-width: 56vw !important
}

.min-w-60 {
    min-width: 60vw !important
}

.min-w-80 {
    min-width: 80vw !important
}

.min-w-90 {
    min-width: 90vw !important
}

.max-w-2 {
    max-width: 2vw !important
}

.max-w-6 {
    max-width: 6vw !important
}

.max-w-8 {
    max-width: 8vw !important
}

.max-w-10 {
    max-width: 10vw !important
}

.max-w-16 {
    max-width: 16vw !important
}

.max-w-18 {
    max-width: 18vw !important
}

.max-w-20 {
    max-width: 20vw !important
}

.max-w-22 {
    max-width: 22vw !important
}

.max-w-24 {
    max-width: 24vw !important
}

.max-w-26 {
    max-width: 26vw !important
}

.max-w-30 {
    max-width: 30vw !important
}

.max-w-32 {
    max-width: 32vw !important
}

.max-w-36 {
    max-width: 36vw !important
}

.max-w-38 {
    max-width: 38vw !important
}

.max-w-40 {
    max-width: 40vw !important
}

.max-w-46 {
    max-width: 46vw !important
}

.max-w-50 {
    max-width: 50vw !important
}

.max-w-56 {
    max-width: 56vw !important
}

.max-w-60 {
    max-width: 60vw !important
}

.max-w-80 {
    max-width: 80vw !important
}

.max-w-90 {
    max-width: 90vw !important
}

.red {
    color: #b12704 !important
}

.gray {
    color: #777 !important
}

.green {
    color: #008a00 !important
}

.light-blue {
    color: #069ff5 !important
}

.blue {
    color: #337ab7 !important
}

.yellow-bg {
    background-color: #fed928 !important
}

.mustard {
    color: #ffc763
}

.primary {
    color: #3f75d0
}

.second {
    color: #eee
}

.success {
    color: #74c640
}

.danger {
    color: #d60022
}

.warning {
    color: #feaf20
}

.blue-sky {
    color: #4274d7
}

.red-light {
    color: red
}

.tale {
    color: #afecde
}

.white {
    color: #fff
}

.black {
    color: #000
}

.transparent {
    color: transparent
}

.orange-light {
    color: #fff3cd
}

.papaya-wip {
    color: #f2eee3
}

.cararra {
    color: #e7e2d5
}

.dark-green {
    color: #009a53
}

.orange-medium {
    color: #f7921e
}

.rose-white {
    color: #fbe9e7
}

.snow {
    color: #fff5f4
}

.olive {
    color: #856404
}

.broom {
    color: #fff500
}

.eastern-blue {
    color: #067e99
}

.red-dark {
    color: #d0021b
}

.cesoir {
    color: #975ea7
}

.yellow-bg {
    color: #fbe581
}

.facebook {
    color: #395a93
}

.twitter {
    color: #00c4f3
}

.email {
    color: #0a6dab
}

.whatsapp {
    color: #49c955
}

.telegram {
    color: #1baacc
}

.link {
    color: #f2994a
}

.cadmium-orange {
    color: #f37d31
}

.rosewood {
    color: #5b0505
}

.brown {
    color: #816360
}

.dark-lavender {
    color: #765594
}

.sheen-gold {
    color: #c5a141
}

.baby-pink {
    color: #fef6f6
}

.light-coral {
    color: #f79089
}

.solitude {
    color: #f1f4f8
}

.soft-blue {
    color: #b0e0ee
}

.peach {
    color: #f18072
}

.starry-night {
    color: #345e88
}

.ice-cold {
    color: #b2d9ff
}

.burgundy {
    color: #803643
}

.volcano {
    color: #fa541c
}

.salmon {
    color: #f07777
}

.acadia {
    color: #555
}

.white-solid {
    color: #f4f6f9
}

.grey {
    color: #777
}

.grey-10 {
    color: #f2f4f8
}

.grey-20 {
    color: #d5d9df
}

.grey-60 {
    color: #697076
}

.grey-70 {
    color: #50565b
}

.grey-100 {
    color: #f8f9fa
}

.grey-200 {
    color: #e9ecef
}

.grey-300 {
    color: #dee2e6
}

.grey-400 {
    color: #ced4da
}

.grey-500 {
    color: #adb5bd
}

.grey-600 {
    color: #6c757d
}

.grey-700 {
    color: #495057
}

.grey-800 {
    color: #343a40
}

.grey-900 {
    color: #212529
}

.grey-superdark {
    color: #333
}

.grey-semidark {
    color: #4f4f4f
}

.grey-cool {
    color: #4c4c4c
}

.grey-dark {
    color: #828282
}

.grey-sand {
    color: #888
}

.grey-supersmooth {
    color: #bdbdbd
}

.grey-line {
    color: #e0e0e0
}

.grey-light {
    color: #eee
}

.grey-line-smooth {
    color: #ddd
}

.grey-background {
    color: #e5e5e5
}

.grey-smoke {
    color: #f2f2f2
}

.grey-smooth {
    color: #fafafa
}

.very-light-grey {
    color: #ccc
}

.gray97 {
    color: #f7f7f7
}

.blue-cool {
    color: #434f5b
}

.space-main-bottom {
    margin-bottom: 20px
}

.space-main-top {
    margin-top: 20px
}

.space-main-right {
    margin-right: 20px
}

.space-main-left {
    margin-left: 20px
}

.space-medium-bottom {
    margin-bottom: 16px
}

.space-medium-top {
    margin-top: 16px
}

.space-medium-right {
    margin-right: 16px
}

.space-medium-left {
    margin-left: 16px
}

.space-0 {
    margin: 0 !important
}

.space-0-top {
    margin-top: 0 !important
}

.space-0-bottom {
    margin-bottom: 0 !important
}

.space-0-left {
    margin-left: 0 !important
}

.space-0-right {
    margin-right: 0 !important
}

.-space-0 {
    margin: 0 !important
}

.-space-0-top {
    margin-top: 0 !important
}

.-space-0-bottom {
    margin-bottom: 0 !important
}

.-space-0-left {
    margin-left: 0 !important
}

.-space-0-right {
    margin-right: 0 !important
}

.space-2 {
    margin: 2px !important
}

.space-2-top {
    margin-top: 2px !important
}

.space-2-bottom {
    margin-bottom: 2px !important
}

.space-2-left {
    margin-left: 2px !important
}

.space-2-right {
    margin-right: 2px !important
}

.-space-2 {
    margin: -2px !important
}

.-space-2-top {
    margin-top: -2px !important
}

.-space-2-bottom {
    margin-bottom: -2px !important
}

.-space-2-left {
    margin-left: -2px !important
}

.-space-2-right {
    margin-right: -2px !important
}

.space-4 {
    margin: 4px !important
}

.space-4-top {
    margin-top: 4px !important
}

.space-4-bottom {
    margin-bottom: 4px !important
}

.space-4-left {
    margin-left: 4px !important
}

.space-4-right {
    margin-right: 4px !important
}

.-space-4 {
    margin: -4px !important
}

.-space-4-top {
    margin-top: -4px !important
}

.-space-4-bottom {
    margin-bottom: -4px !important
}

.-space-4-left {
    margin-left: -4px !important
}

.-space-4-right {
    margin-right: -4px !important
}

.space-6 {
    margin: 6px !important
}

.space-6-top {
    margin-top: 6px !important
}

.space-6-bottom {
    margin-bottom: 6px !important
}

.space-6-left {
    margin-left: 6px !important
}

.space-6-right {
    margin-right: 6px !important
}

.-space-6 {
    margin: -6px !important
}

.-space-6-top {
    margin-top: -6px !important
}

.-space-6-bottom {
    margin-bottom: -6px !important
}

.-space-6-left {
    margin-left: -6px !important
}

.-space-6-right {
    margin-right: -6px !important
}

.space-8 {
    margin: 8px !important
}

.space-8-top {
    margin-top: 8px !important
}

.space-8-bottom {
    margin-bottom: 8px !important
}

.space-8-left {
    margin-left: 8px !important
}

.space-8-right {
    margin-right: 8px !important
}

.-space-8 {
    margin: -8px !important
}

.-space-8-top {
    margin-top: -8px !important
}

.-space-8-bottom {
    margin-bottom: -8px !important
}

.-space-8-left {
    margin-left: -8px !important
}

.-space-8-right {
    margin-right: -8px !important
}

.space-10 {
    margin: 10px !important
}

.space-10-top {
    margin-top: 10px !important
}

.space-10-bottom {
    margin-bottom: 10px !important
}

.space-10-left {
    margin-left: 10px !important
}

.space-10-right {
    margin-right: 10px !important
}

.-space-10 {
    margin: -10px !important
}

.-space-10-top {
    margin-top: -10px !important
}

.-space-10-bottom {
    margin-bottom: -10px !important
}

.-space-10-left {
    margin-left: -10px !important
}

.-space-10-right {
    margin-right: -10px !important
}

.space-12 {
    margin: 12px !important
}

.space-12-top {
    margin-top: 12px !important
}

.space-12-bottom {
    margin-bottom: 12px !important
}

.space-12-left {
    margin-left: 12px !important
}

.space-12-right {
    margin-right: 12px !important
}

.-space-12 {
    margin: -12px !important
}

.-space-12-top {
    margin-top: -12px !important
}

.-space-12-bottom {
    margin-bottom: -12px !important
}

.-space-12-left {
    margin-left: -12px !important
}

.-space-12-right {
    margin-right: -12px !important
}

.space-14 {
    margin: 14px !important
}

.space-14-top {
    margin-top: 14px !important
}

.space-14-bottom {
    margin-bottom: 14px !important
}

.space-14-left {
    margin-left: 14px !important
}

.space-14-right {
    margin-right: 14px !important
}

.-space-14 {
    margin: -14px !important
}

.-space-14-top {
    margin-top: -14px !important
}

.-space-14-bottom {
    margin-bottom: -14px !important
}

.-space-14-left {
    margin-left: -14px !important
}

.-space-14-right {
    margin-right: -14px !important
}

.space-15 {
    margin: 15px !important
}

.space-15-top {
    margin-top: 15px !important
}

.space-15-bottom {
    margin-bottom: 15px !important
}

.space-15-left {
    margin-left: 15px !important
}

.space-15-right {
    margin-right: 15px !important
}

.-space-15 {
    margin: -15px !important
}

.-space-15-top {
    margin-top: -15px !important
}

.-space-15-bottom {
    margin-bottom: -15px !important
}

.-space-15-left {
    margin-left: -15px !important
}

.-space-15-right {
    margin-right: -15px !important
}

.space-16 {
    margin: 16px !important
}

.space-16-top {
    margin-top: 16px !important
}

.space-16-bottom {
    margin-bottom: 16px !important
}

.space-16-left {
    margin-left: 16px !important
}

.space-16-right {
    margin-right: 16px !important
}

.-space-16 {
    margin: -16px !important
}

.-space-16-top {
    margin-top: -16px !important
}

.-space-16-bottom {
    margin-bottom: -16px !important
}

.-space-16-left {
    margin-left: -16px !important
}

.-space-16-right {
    margin-right: -16px !important
}

.space-20 {
    margin: 20px !important
}

.space-20-top {
    margin-top: 20px !important
}

.space-20-bottom {
    margin-bottom: 20px !important
}

.space-20-left {
    margin-left: 20px !important
}

.space-20-right {
    margin-right: 20px !important
}

.-space-20 {
    margin: -20px !important
}

.-space-20-top {
    margin-top: -20px !important
}

.-space-20-bottom {
    margin-bottom: -20px !important
}

.-space-20-left {
    margin-left: -20px !important
}

.-space-20-right {
    margin-right: -20px !important
}

.space-24 {
    margin: 24px !important
}

.space-24-top {
    margin-top: 24px !important
}

.space-24-bottom {
    margin-bottom: 24px !important
}

.space-24-left {
    margin-left: 24px !important
}

.space-24-right {
    margin-right: 24px !important
}

.-space-24 {
    margin: -24px !important
}

.-space-24-top {
    margin-top: -24px !important
}

.-space-24-bottom {
    margin-bottom: -24px !important
}

.-space-24-left {
    margin-left: -24px !important
}

.-space-24-right {
    margin-right: -24px !important
}

.space-26 {
    margin: 26px !important
}

.space-26-top {
    margin-top: 26px !important
}

.space-26-bottom {
    margin-bottom: 26px !important
}

.space-26-left {
    margin-left: 26px !important
}

.space-26-right {
    margin-right: 26px !important
}

.-space-26 {
    margin: -26px !important
}

.-space-26-top {
    margin-top: -26px !important
}

.-space-26-bottom {
    margin-bottom: -26px !important
}

.-space-26-left {
    margin-left: -26px !important
}

.-space-26-right {
    margin-right: -26px !important
}

.space-30 {
    margin: 30px !important
}

.space-30-top {
    margin-top: 30px !important
}

.space-30-bottom {
    margin-bottom: 30px !important
}

.space-30-left {
    margin-left: 30px !important
}

.space-30-right {
    margin-right: 30px !important
}

.-space-30 {
    margin: -30px !important
}

.-space-30-top {
    margin-top: -30px !important
}

.-space-30-bottom {
    margin-bottom: -30px !important
}

.-space-30-left {
    margin-left: -30px !important
}

.-space-30-right {
    margin-right: -30px !important
}

.space-32 {
    margin: 32px !important
}

.space-32-top {
    margin-top: 32px !important
}

.space-32-bottom {
    margin-bottom: 32px !important
}

.space-32-left {
    margin-left: 32px !important
}

.space-32-right {
    margin-right: 32px !important
}

.-space-32 {
    margin: -32px !important
}

.-space-32-top {
    margin-top: -32px !important
}

.-space-32-bottom {
    margin-bottom: -32px !important
}

.-space-32-left {
    margin-left: -32px !important
}

.-space-32-right {
    margin-right: -32px !important
}

.space-34 {
    margin: 34px !important
}

.space-34-top {
    margin-top: 34px !important
}

.space-34-bottom {
    margin-bottom: 34px !important
}

.space-34-left {
    margin-left: 34px !important
}

.space-34-right {
    margin-right: 34px !important
}

.-space-34 {
    margin: -34px !important
}

.-space-34-top {
    margin-top: -34px !important
}

.-space-34-bottom {
    margin-bottom: -34px !important
}

.-space-34-left {
    margin-left: -34px !important
}

.-space-34-right {
    margin-right: -34px !important
}

.space-36 {
    margin: 36px !important
}

.space-36-top {
    margin-top: 36px !important
}

.space-36-bottom {
    margin-bottom: 36px !important
}

.space-36-left {
    margin-left: 36px !important
}

.space-36-right {
    margin-right: 36px !important
}

.-space-36 {
    margin: -36px !important
}

.-space-36-top {
    margin-top: -36px !important
}

.-space-36-bottom {
    margin-bottom: -36px !important
}

.-space-36-left {
    margin-left: -36px !important
}

.-space-36-right {
    margin-right: -36px !important
}

.space-40 {
    margin: 40px !important
}

.space-40-top {
    margin-top: 40px !important
}

.space-40-bottom {
    margin-bottom: 40px !important
}

.space-40-left {
    margin-left: 40px !important
}

.space-40-right {
    margin-right: 40px !important
}

.-space-40 {
    margin: -40px !important
}

.-space-40-top {
    margin-top: -40px !important
}

.-space-40-bottom {
    margin-bottom: -40px !important
}

.-space-40-left {
    margin-left: -40px !important
}

.-space-40-right {
    margin-right: -40px !important
}

.space-42 {
    margin: 42px !important
}

.space-42-top {
    margin-top: 42px !important
}

.space-42-bottom {
    margin-bottom: 42px !important
}

.space-42-left {
    margin-left: 42px !important
}

.space-42-right {
    margin-right: 42px !important
}

.-space-42 {
    margin: -42px !important
}

.-space-42-top {
    margin-top: -42px !important
}

.-space-42-bottom {
    margin-bottom: -42px !important
}

.-space-42-left {
    margin-left: -42px !important
}

.-space-42-right {
    margin-right: -42px !important
}

.space-46 {
    margin: 46px !important
}

.space-46-top {
    margin-top: 46px !important
}

.space-46-bottom {
    margin-bottom: 46px !important
}

.space-46-left {
    margin-left: 46px !important
}

.space-46-right {
    margin-right: 46px !important
}

.-space-46 {
    margin: -46px !important
}

.-space-46-top {
    margin-top: -46px !important
}

.-space-46-bottom {
    margin-bottom: -46px !important
}

.-space-46-left {
    margin-left: -46px !important
}

.-space-46-right {
    margin-right: -46px !important
}

.space-48 {
    margin: 48px !important
}

.space-48-top {
    margin-top: 48px !important
}

.space-48-bottom {
    margin-bottom: 48px !important
}

.space-48-left {
    margin-left: 48px !important
}

.space-48-right {
    margin-right: 48px !important
}

.-space-48 {
    margin: -48px !important
}

.-space-48-top {
    margin-top: -48px !important
}

.-space-48-bottom {
    margin-bottom: -48px !important
}

.-space-48-left {
    margin-left: -48px !important
}

.-space-48-right {
    margin-right: -48px !important
}

.space-50 {
    margin: 50px !important
}

.space-50-top {
    margin-top: 50px !important
}

.space-50-bottom {
    margin-bottom: 50px !important
}

.space-50-left {
    margin-left: 50px !important
}

.space-50-right {
    margin-right: 50px !important
}

.-space-50 {
    margin: -50px !important
}

.-space-50-top {
    margin-top: -50px !important
}

.-space-50-bottom {
    margin-bottom: -50px !important
}

.-space-50-left {
    margin-left: -50px !important
}

.-space-50-right {
    margin-right: -50px !important
}

.space-54 {
    margin: 54px !important
}

.space-54-top {
    margin-top: 54px !important
}

.space-54-bottom {
    margin-bottom: 54px !important
}

.space-54-left {
    margin-left: 54px !important
}

.space-54-right {
    margin-right: 54px !important
}

.-space-54 {
    margin: -54px !important
}

.-space-54-top {
    margin-top: -54px !important
}

.-space-54-bottom {
    margin-bottom: -54px !important
}

.-space-54-left {
    margin-left: -54px !important
}

.-space-54-right {
    margin-right: -54px !important
}

.space-56 {
    margin: 56px !important
}

.space-56-top {
    margin-top: 56px !important
}

.space-56-bottom {
    margin-bottom: 56px !important
}

.space-56-left {
    margin-left: 56px !important
}

.space-56-right {
    margin-right: 56px !important
}

.-space-56 {
    margin: -56px !important
}

.-space-56-top {
    margin-top: -56px !important
}

.-space-56-bottom {
    margin-bottom: -56px !important
}

.-space-56-left {
    margin-left: -56px !important
}

.-space-56-right {
    margin-right: -56px !important
}

.space-60 {
    margin: 60px !important
}

.space-60-top {
    margin-top: 60px !important
}

.space-60-bottom {
    margin-bottom: 60px !important
}

.space-60-left {
    margin-left: 60px !important
}

.space-60-right {
    margin-right: 60px !important
}

.-space-60 {
    margin: -60px !important
}

.-space-60-top {
    margin-top: -60px !important
}

.-space-60-bottom {
    margin-bottom: -60px !important
}

.-space-60-left {
    margin-left: -60px !important
}

.-space-60-right {
    margin-right: -60px !important
}

.space-64 {
    margin: 64px !important
}

.space-64-top {
    margin-top: 64px !important
}

.space-64-bottom {
    margin-bottom: 64px !important
}

.space-64-left {
    margin-left: 64px !important
}

.space-64-right {
    margin-right: 64px !important
}

.-space-64 {
    margin: -64px !important
}

.-space-64-top {
    margin-top: -64px !important
}

.-space-64-bottom {
    margin-bottom: -64px !important
}

.-space-64-left {
    margin-left: -64px !important
}

.-space-64-right {
    margin-right: -64px !important
}

.space-80 {
    margin: 80px !important
}

.space-80-top {
    margin-top: 80px !important
}

.space-80-bottom {
    margin-bottom: 80px !important
}

.space-80-left {
    margin-left: 80px !important
}

.space-80-right {
    margin-right: 80px !important
}

.-space-80 {
    margin: -80px !important
}

.-space-80-top {
    margin-top: -80px !important
}

.-space-80-bottom {
    margin-bottom: -80px !important
}

.-space-80-left {
    margin-left: -80px !important
}

.-space-80-right {
    margin-right: -80px !important
}

.space-100 {
    margin: 100px !important
}

.space-100-top {
    margin-top: 100px !important
}

.space-100-bottom {
    margin-bottom: 100px !important
}

.space-100-left {
    margin-left: 100px !important
}

.space-100-right {
    margin-right: 100px !important
}

.-space-100 {
    margin: -100px !important
}

.-space-100-top {
    margin-top: -100px !important
}

.-space-100-bottom {
    margin-bottom: -100px !important
}

.-space-100-left {
    margin-left: -100px !important
}

.-space-100-right {
    margin-right: -100px !important
}

.space-120 {
    margin: 120px !important
}

.space-120-top {
    margin-top: 120px !important
}

.space-120-bottom {
    margin-bottom: 120px !important
}

.space-120-left {
    margin-left: 120px !important
}

.space-120-right {
    margin-right: 120px !important
}

.-space-120 {
    margin: -120px !important
}

.-space-120-top {
    margin-top: -120px !important
}

.-space-120-bottom {
    margin-bottom: -120px !important
}

.-space-120-left {
    margin-left: -120px !important
}

.-space-120-right {
    margin-right: -120px !important
}

.space-200 {
    margin: 200px !important
}

.space-200-top {
    margin-top: 200px !important
}

.space-200-bottom {
    margin-bottom: 200px !important
}

.space-200-left {
    margin-left: 200px !important
}

.space-200-right {
    margin-right: 200px !important
}

.-space-200 {
    margin: -200px !important
}

.-space-200-top {
    margin-top: -200px !important
}

.-space-200-bottom {
    margin-bottom: -200px !important
}

.-space-200-left {
    margin-left: -200px !important
}

.-space-200-right {
    margin-right: -200px !important
}

.space-auto {
    margin: auto !important
}

.space-auto-top {
    margin-top: auto !important
}

.space-auto-bottom {
    margin-bottom: auto !important
}

.space-auto-left {
    margin-left: auto !important
}

.space-auto-right {
    margin-right: auto !important
}

.-space-auto {
    margin: auto !important
}

.-space-auto-top {
    margin-top: auto !important
}

.-space-auto-bottom {
    margin-bottom: auto !important
}

.-space-auto-left {
    margin-left: auto !important
}

.-space-auto-right {
    margin-right: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-0-top {
    padding-top: 0 !important
}

.p-0-bottom {
    padding-bottom: 0 !important
}

.p-0-left {
    padding-left: 0 !important
}

.p-0-right {
    padding-right: 0 !important
}

.p-2 {
    padding: 2px !important
}

.p-2-top {
    padding-top: 2px !important
}

.p-2-bottom {
    padding-bottom: 2px !important
}

.p-2-left {
    padding-left: 2px !important
}

.p-2-right {
    padding-right: 2px !important
}

.p-4 {
    padding: 4px !important
}

.p-4-top {
    padding-top: 4px !important
}

.p-4-bottom {
    padding-bottom: 4px !important
}

.p-4-left {
    padding-left: 4px !important
}

.p-4-right {
    padding-right: 4px !important
}

.p-6 {
    padding: 6px !important
}

.p-6-top {
    padding-top: 6px !important
}

.p-6-bottom {
    padding-bottom: 6px !important
}

.p-6-left {
    padding-left: 6px !important
}

.p-6-right {
    padding-right: 6px !important
}

.p-8 {
    padding: 8px !important
}

.p-8-top {
    padding-top: 8px !important
}

.p-8-bottom {
    padding-bottom: 8px !important
}

.p-8-left {
    padding-left: 8px !important
}

.p-8-right {
    padding-right: 8px !important
}

.p-10 {
    padding: 10px !important
}

.p-10-top {
    padding-top: 10px !important
}

.p-10-bottom {
    padding-bottom: 10px !important
}

.p-10-left {
    padding-left: 10px !important
}

.p-10-right {
    padding-right: 10px !important
}

.p-12 {
    padding: 12px !important
}

.p-12-top {
    padding-top: 12px !important
}

.p-12-bottom {
    padding-bottom: 12px !important
}

.p-12-left {
    padding-left: 12px !important
}

.p-12-right {
    padding-right: 12px !important
}

.p-14 {
    padding: 14px !important
}

.p-14-top {
    padding-top: 14px !important
}

.p-14-bottom {
    padding-bottom: 14px !important
}

.p-14-left {
    padding-left: 14px !important
}

.p-14-right {
    padding-right: 14px !important
}

.p-15 {
    padding: 15px !important
}

.p-15-top {
    padding-top: 15px !important
}

.p-15-bottom {
    padding-bottom: 15px !important
}

.p-15-left {
    padding-left: 15px !important
}

.p-15-right {
    padding-right: 15px !important
}

.p-16 {
    padding: 16px !important
}

.p-16-top {
    padding-top: 16px !important
}

.p-16-bottom {
    padding-bottom: 16px !important
}

.p-16-left {
    padding-left: 16px !important
}

.p-16-right {
    padding-right: 16px !important
}

.p-20 {
    padding: 20px !important
}

.p-20-top {
    padding-top: 20px !important
}

.p-20-bottom {
    padding-bottom: 20px !important
}

.p-20-left {
    padding-left: 20px !important
}

.p-20-right {
    padding-right: 20px !important
}

.p-24 {
    padding: 24px !important
}

.p-24-top {
    padding-top: 24px !important
}

.p-24-bottom {
    padding-bottom: 24px !important
}

.p-24-left {
    padding-left: 24px !important
}

.p-24-right {
    padding-right: 24px !important
}

.p-26 {
    padding: 26px !important
}

.p-26-top {
    padding-top: 26px !important
}

.p-26-bottom {
    padding-bottom: 26px !important
}

.p-26-left {
    padding-left: 26px !important
}

.p-26-right {
    padding-right: 26px !important
}

.p-30 {
    padding: 30px !important
}

.p-30-top {
    padding-top: 30px !important
}

.p-30-bottom {
    padding-bottom: 30px !important
}

.p-30-left {
    padding-left: 30px !important
}

.p-30-right {
    padding-right: 30px !important
}

.p-32 {
    padding: 32px !important
}

.p-32-top {
    padding-top: 32px !important
}

.p-32-bottom {
    padding-bottom: 32px !important
}

.p-32-left {
    padding-left: 32px !important
}

.p-32-right {
    padding-right: 32px !important
}

.p-34 {
    padding: 34px !important
}

.p-34-top {
    padding-top: 34px !important
}

.p-34-bottom {
    padding-bottom: 34px !important
}

.p-34-left {
    padding-left: 34px !important
}

.p-34-right {
    padding-right: 34px !important
}

.p-36 {
    padding: 36px !important
}

.p-36-top {
    padding-top: 36px !important
}

.p-36-bottom {
    padding-bottom: 36px !important
}

.p-36-left {
    padding-left: 36px !important
}

.p-36-right {
    padding-right: 36px !important
}

.p-40 {
    padding: 40px !important
}

.p-40-top {
    padding-top: 40px !important
}

.p-40-bottom {
    padding-bottom: 40px !important
}

.p-40-left {
    padding-left: 40px !important
}

.p-40-right {
    padding-right: 40px !important
}

.p-42 {
    padding: 42px !important
}

.p-42-top {
    padding-top: 42px !important
}

.p-42-bottom {
    padding-bottom: 42px !important
}

.p-42-left {
    padding-left: 42px !important
}

.p-42-right {
    padding-right: 42px !important
}

.p-46 {
    padding: 46px !important
}

.p-46-top {
    padding-top: 46px !important
}

.p-46-bottom {
    padding-bottom: 46px !important
}

.p-46-left {
    padding-left: 46px !important
}

.p-46-right {
    padding-right: 46px !important
}

.p-48 {
    padding: 48px !important
}

.p-48-top {
    padding-top: 48px !important
}

.p-48-bottom {
    padding-bottom: 48px !important
}

.p-48-left {
    padding-left: 48px !important
}

.p-48-right {
    padding-right: 48px !important
}

.p-50 {
    padding: 50px !important
}

.p-50-top {
    padding-top: 50px !important
}

.p-50-bottom {
    padding-bottom: 50px !important
}

.p-50-left {
    padding-left: 50px !important
}

.p-50-right {
    padding-right: 50px !important
}

.p-54 {
    padding: 54px !important
}

.p-54-top {
    padding-top: 54px !important
}

.p-54-bottom {
    padding-bottom: 54px !important
}

.p-54-left {
    padding-left: 54px !important
}

.p-54-right {
    padding-right: 54px !important
}

.p-56 {
    padding: 56px !important
}

.p-56-top {
    padding-top: 56px !important
}

.p-56-bottom {
    padding-bottom: 56px !important
}

.p-56-left {
    padding-left: 56px !important
}

.p-56-right {
    padding-right: 56px !important
}

.p-60 {
    padding: 60px !important
}

.p-60-top {
    padding-top: 60px !important
}

.p-60-bottom {
    padding-bottom: 60px !important
}

.p-60-left {
    padding-left: 60px !important
}

.p-60-right {
    padding-right: 60px !important
}

.p-64 {
    padding: 64px !important
}

.p-64-top {
    padding-top: 64px !important
}

.p-64-bottom {
    padding-bottom: 64px !important
}

.p-64-left {
    padding-left: 64px !important
}

.p-64-right {
    padding-right: 64px !important
}

.p-80 {
    padding: 80px !important
}

.p-80-top {
    padding-top: 80px !important
}

.p-80-bottom {
    padding-bottom: 80px !important
}

.p-80-left {
    padding-left: 80px !important
}

.p-80-right {
    padding-right: 80px !important
}

.p-100 {
    padding: 100px !important
}

.p-100-top {
    padding-top: 100px !important
}

.p-100-bottom {
    padding-bottom: 100px !important
}

.p-100-left {
    padding-left: 100px !important
}

.p-100-right {
    padding-right: 100px !important
}

.p-120 {
    padding: 120px !important
}

.p-120-top {
    padding-top: 120px !important
}

.p-120-bottom {
    padding-bottom: 120px !important
}

.p-120-left {
    padding-left: 120px !important
}

.p-120-right {
    padding-right: 120px !important
}

.p-200 {
    padding: 200px !important
}

.p-200-top {
    padding-top: 200px !important
}

.p-200-bottom {
    padding-bottom: 200px !important
}

.p-200-left {
    padding-left: 200px !important
}

.p-200-right {
    padding-right: 200px !important
}

.p-auto {
    padding: auto !important
}

.p-auto-top {
    padding-top: auto !important
}

.p-auto-bottom {
    padding-bottom: auto !important
}

.p-auto-left {
    padding-left: auto !important
}

.p-auto-right {
    padding-right: auto !important
}

.position-0-top {
    top: 0 !important
}

.position-0-bottom {
    bottom: 0 !important
}

.position-0-left {
    left: 0 !important
}

.position-0-right {
    right: 0 !important
}

.-position-0-top {
    top: 0 !important
}

.-position-0-bottom {
    bottom: 0 !important
}

.-position-0-left {
    left: 0 !important
}

.-position-0-right {
    right: 0 !important
}

.position-2-top {
    top: 2px !important
}

.position-2-bottom {
    bottom: 2px !important
}

.position-2-left {
    left: 2px !important
}

.position-2-right {
    right: 2px !important
}

.-position-2-top {
    top: -2px !important
}

.-position-2-bottom {
    bottom: -2px !important
}

.-position-2-left {
    left: -2px !important
}

.-position-2-right {
    right: -2px !important
}

.position-4-top {
    top: 4px !important
}

.position-4-bottom {
    bottom: 4px !important
}

.position-4-left {
    left: 4px !important
}

.position-4-right {
    right: 4px !important
}

.-position-4-top {
    top: -4px !important
}

.-position-4-bottom {
    bottom: -4px !important
}

.-position-4-left {
    left: -4px !important
}

.-position-4-right {
    right: -4px !important
}

.position-5-top {
    top: 5px !important
}

.position-5-bottom {
    bottom: 5px !important
}

.position-5-left {
    left: 5px !important
}

.position-5-right {
    right: 5px !important
}

.-position-5-top {
    top: -5px !important
}

.-position-5-bottom {
    bottom: -5px !important
}

.-position-5-left {
    left: -5px !important
}

.-position-5-right {
    right: -5px !important
}

.position-6-top {
    top: 6px !important
}

.position-6-bottom {
    bottom: 6px !important
}

.position-6-left {
    left: 6px !important
}

.position-6-right {
    right: 6px !important
}

.-position-6-top {
    top: -6px !important
}

.-position-6-bottom {
    bottom: -6px !important
}

.-position-6-left {
    left: -6px !important
}

.-position-6-right {
    right: -6px !important
}

.position-8-top {
    top: 8px !important
}

.position-8-bottom {
    bottom: 8px !important
}

.position-8-left {
    left: 8px !important
}

.position-8-right {
    right: 8px !important
}

.-position-8-top {
    top: -8px !important
}

.-position-8-bottom {
    bottom: -8px !important
}

.-position-8-left {
    left: -8px !important
}

.-position-8-right {
    right: -8px !important
}

.position-10-top {
    top: 10px !important
}

.position-10-bottom {
    bottom: 10px !important
}

.position-10-left {
    left: 10px !important
}

.position-10-right {
    right: 10px !important
}

.-position-10-top {
    top: -10px !important
}

.-position-10-bottom {
    bottom: -10px !important
}

.-position-10-left {
    left: -10px !important
}

.-position-10-right {
    right: -10px !important
}

.position-12-top {
    top: 12px !important
}

.position-12-bottom {
    bottom: 12px !important
}

.position-12-left {
    left: 12px !important
}

.position-12-right {
    right: 12px !important
}

.-position-12-top {
    top: -12px !important
}

.-position-12-bottom {
    bottom: -12px !important
}

.-position-12-left {
    left: -12px !important
}

.-position-12-right {
    right: -12px !important
}

.position-14-top {
    top: 14px !important
}

.position-14-bottom {
    bottom: 14px !important
}

.position-14-left {
    left: 14px !important
}

.position-14-right {
    right: 14px !important
}

.-position-14-top {
    top: -14px !important
}

.-position-14-bottom {
    bottom: -14px !important
}

.-position-14-left {
    left: -14px !important
}

.-position-14-right {
    right: -14px !important
}

.position-15-top {
    top: 15px !important
}

.position-15-bottom {
    bottom: 15px !important
}

.position-15-left {
    left: 15px !important
}

.position-15-right {
    right: 15px !important
}

.-position-15-top {
    top: -15px !important
}

.-position-15-bottom {
    bottom: -15px !important
}

.-position-15-left {
    left: -15px !important
}

.-position-15-right {
    right: -15px !important
}

.position-16-top {
    top: 16px !important
}

.position-16-bottom {
    bottom: 16px !important
}

.position-16-left {
    left: 16px !important
}

.position-16-right {
    right: 16px !important
}

.-position-16-top {
    top: -16px !important
}

.-position-16-bottom {
    bottom: -16px !important
}

.-position-16-left {
    left: -16px !important
}

.-position-16-right {
    right: -16px !important
}

.position-18-top {
    top: 18px !important
}

.position-18-bottom {
    bottom: 18px !important
}

.position-18-left {
    left: 18px !important
}

.position-18-right {
    right: 18px !important
}

.-position-18-top {
    top: -18px !important
}

.-position-18-bottom {
    bottom: -18px !important
}

.-position-18-left {
    left: -18px !important
}

.-position-18-right {
    right: -18px !important
}

.position-20-top {
    top: 20px !important
}

.position-20-bottom {
    bottom: 20px !important
}

.position-20-left {
    left: 20px !important
}

.position-20-right {
    right: 20px !important
}

.-position-20-top {
    top: -20px !important
}

.-position-20-bottom {
    bottom: -20px !important
}

.-position-20-left {
    left: -20px !important
}

.-position-20-right {
    right: -20px !important
}

.position-24-top {
    top: 24px !important
}

.position-24-bottom {
    bottom: 24px !important
}

.position-24-left {
    left: 24px !important
}

.position-24-right {
    right: 24px !important
}

.-position-24-top {
    top: -24px !important
}

.-position-24-bottom {
    bottom: -24px !important
}

.-position-24-left {
    left: -24px !important
}

.-position-24-right {
    right: -24px !important
}

.position-26-top {
    top: 26px !important
}

.position-26-bottom {
    bottom: 26px !important
}

.position-26-left {
    left: 26px !important
}

.position-26-right {
    right: 26px !important
}

.-position-26-top {
    top: -26px !important
}

.-position-26-bottom {
    bottom: -26px !important
}

.-position-26-left {
    left: -26px !important
}

.-position-26-right {
    right: -26px !important
}

.position-30-top {
    top: 30px !important
}

.position-30-bottom {
    bottom: 30px !important
}

.position-30-left {
    left: 30px !important
}

.position-30-right {
    right: 30px !important
}

.-position-30-top {
    top: -30px !important
}

.-position-30-bottom {
    bottom: -30px !important
}

.-position-30-left {
    left: -30px !important
}

.-position-30-right {
    right: -30px !important
}

.position-34-top {
    top: 34px !important
}

.position-34-bottom {
    bottom: 34px !important
}

.position-34-left {
    left: 34px !important
}

.position-34-right {
    right: 34px !important
}

.-position-34-top {
    top: -34px !important
}

.-position-34-bottom {
    bottom: -34px !important
}

.-position-34-left {
    left: -34px !important
}

.-position-34-right {
    right: -34px !important
}

.position-36-top {
    top: 36px !important
}

.position-36-bottom {
    bottom: 36px !important
}

.position-36-left {
    left: 36px !important
}

.position-36-right {
    right: 36px !important
}

.-position-36-top {
    top: -36px !important
}

.-position-36-bottom {
    bottom: -36px !important
}

.-position-36-left {
    left: -36px !important
}

.-position-36-right {
    right: -36px !important
}

.position-40-top {
    top: 40px !important
}

.position-40-bottom {
    bottom: 40px !important
}

.position-40-left {
    left: 40px !important
}

.position-40-right {
    right: 40px !important
}

.-position-40-top {
    top: -40px !important
}

.-position-40-bottom {
    bottom: -40px !important
}

.-position-40-left {
    left: -40px !important
}

.-position-40-right {
    right: -40px !important
}

.position-42-top {
    top: 42px !important
}

.position-42-bottom {
    bottom: 42px !important
}

.position-42-left {
    left: 42px !important
}

.position-42-right {
    right: 42px !important
}

.-position-42-top {
    top: -42px !important
}

.-position-42-bottom {
    bottom: -42px !important
}

.-position-42-left {
    left: -42px !important
}

.-position-42-right {
    right: -42px !important
}

.position-48-top {
    top: 48px !important
}

.position-48-bottom {
    bottom: 48px !important
}

.position-48-left {
    left: 48px !important
}

.position-48-right {
    right: 48px !important
}

.-position-48-top {
    top: -48px !important
}

.-position-48-bottom {
    bottom: -48px !important
}

.-position-48-left {
    left: -48px !important
}

.-position-48-right {
    right: -48px !important
}

.position-60-top {
    top: 60px !important
}

.position-60-bottom {
    bottom: 60px !important
}

.position-60-left {
    left: 60px !important
}

.position-60-right {
    right: 60px !important
}

.-position-60-top {
    top: -60px !important
}

.-position-60-bottom {
    bottom: -60px !important
}

.-position-60-left {
    left: -60px !important
}

.-position-60-right {
    right: -60px !important
}

.position-75-top {
    top: 75px !important
}

.position-75-bottom {
    bottom: 75px !important
}

.position-75-left {
    left: 75px !important
}

.position-75-right {
    right: 75px !important
}

.-position-75-top {
    top: -75px !important
}

.-position-75-bottom {
    bottom: -75px !important
}

.-position-75-left {
    left: -75px !important
}

.-position-75-right {
    right: -75px !important
}

.position-100-top {
    top: 100px !important
}

.position-100-bottom {
    bottom: 100px !important
}

.position-100-left {
    left: 100px !important
}

.position-100-right {
    right: 100px !important
}

.-position-100-top {
    top: -100px !important
}

.-position-100-bottom {
    bottom: -100px !important
}

.-position-100-left {
    left: -100px !important
}

.-position-100-right {
    right: -100px !important
}

.position-120-top {
    top: 120px !important
}

.position-120-bottom {
    bottom: 120px !important
}

.position-120-left {
    left: 120px !important
}

.position-120-right {
    right: 120px !important
}

.-position-120-top {
    top: -120px !important
}

.-position-120-bottom {
    bottom: -120px !important
}

.-position-120-left {
    left: -120px !important
}

.-position-120-right {
    right: -120px !important
}

.position-720-top {
    top: 720px !important
}

.position-720-bottom {
    bottom: 720px !important
}

.position-720-left {
    left: 720px !important
}

.position-720-right {
    right: 720px !important
}

.-position-720-top {
    top: -720px !important
}

.-position-720-bottom {
    bottom: -720px !important
}

.-position-720-left {
    left: -720px !important
}

.-position-720-right {
    right: -720px !important
}

.position-auto-top {
    top: auto !important
}

.position-auto-bottom {
    bottom: auto !important
}

.position-auto-left {
    left: auto !important
}

.position-auto-right {
    right: auto !important
}

.-position-auto-top {
    top: auto !important
}

.-position-auto-bottom {
    bottom: auto !important
}

.-position-auto-left {
    left: auto !important
}

.-position-auto-right {
    right: auto !important
}

.position-absolute {
    position: absolute !important
}

.position-static {
    position: static !important
}

.position-fixed {
    position: fixed !important
}

.position-relative {
    position: relative !important
}

.line-height-11 {
    line-height: 1.1em !important
}

.line-height-15 {
    line-height: 1.5em !important
}

.line-height-18 {
    line-height: 1.8em !important
}

.line-height-20 {
    line-height: 2em !important
}

.line-height-32 {
    line-height: 32px !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5) !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important
}

.text-break-all {
    word-break: break-all !important
}

.text-reset {
    color: inherit !important
}

.small {
    font-size: 12px !important
}

.big {
    font-size: 2em
}

.bigger {
    font-size: 1.1em
}

.inline-list {
    list-style-type: none;
    margin: 0
}

.inline-list li {
    padding: 5px 0;
    display: block;
    color: #000;
    text-decoration: none;
    float: left
}

.block-ellipsis {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 36px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.block-ellipsis,
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis
}

.text-overflow {
    display: block;
    white-space: nowrap
}

.text-underline {
    text-decoration: underline
}

.text-underline--dotted {
    border-bottom: 1px dashed #121212
}

.text-linethrough {
    text-decoration: line-through
}

.text-decoration-dotted {
    text-decoration-style: dotted
}

.text-display-xx-large {
    font-size: calc(3.125px + 5.20833vw)
}

@media screen and (max-width:420px) {
    .text-display-xx-large {
        font-size: 25px
    }
}

@media screen and (min-width:900px) {
    .text-display-xx-large {
        font-size: 50px
    }
}

.text-display-x-large {
    font-size: calc(8.25px + 3.75vw)
}

@media screen and (max-width:420px) {
    .text-display-x-large {
        font-size: 24px
    }
}

@media screen and (min-width:900px) {
    .text-display-x-large {
        font-size: 42px
    }
}

.text-display-large {
    font-size: calc(13px + 1.66667vw);
    font-style: normal;
    line-height: 32px
}

@media screen and (max-width:420px) {
    .text-display-large {
        font-size: 20px
    }
}

@media screen and (min-width:900px) {
    .text-display-large {
        font-size: 28px
    }
}

.text-display-medium {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px
}

.text-display-normal {
    font-size: calc(12.75px + 1.25vw);
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width:420px) {
    .text-display-normal {
        font-size: 18px
    }
}

@media screen and (min-width:900px) {
    .text-display-normal {
        font-size: 24px
    }
}

.text-display-custom {
    font-size: calc(16.5px + .83333vw);
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width:420px) {
    .text-display-custom {
        font-size: 20px
    }
}

@media screen and (min-width:900px) {
    .text-display-custom {
        font-size: 24px
    }
}

.text-display-small {
    font-size: calc(12.5px + .83333vw);
    font-style: normal;
    line-height: normal
}

@media screen and (max-width:420px) {
    .text-display-small {
        font-size: 16px
    }
}

@media screen and (min-width:900px) {
    .text-display-small {
        font-size: 20px
    }
}

.text-display-smaller {
    font-size: calc(8.75px + 1.25vw);
    font-style: normal;
    line-height: normal
}

@media screen and (max-width:420px) {
    .text-display-smaller {
        font-size: 14px
    }
}

@media screen and (min-width:900px) {
    .text-display-smaller {
        font-size: 20px
    }
}

.text-heading {
    font-size: 16px;
    font-style: normal;
    line-height: 24px
}

.text-heading-normal {
    font-size: 13px;
    font-style: normal;
    line-height: 16px
}

.text-subheading {
    font-size: 12px;
    font-style: normal;
    line-height: 16px
}

.text-body-normal {
    font-size: 15px
}

.text-body-big,
.text-body-normal {
    font-style: normal;
    line-height: 20px
}

.text-body-big {
    font-size: calc(14.25px + .41667vw)
}

@media screen and (max-width:420px) {
    .text-body-big {
        font-size: 16px
    }
}

@media screen and (min-width:900px) {
    .text-body-big {
        font-size: 18px
    }
}

.text-custom-20 {
    font-size: calc(12.5px + .83333vw);
    font-style: normal
}

@media screen and (max-width:420px) {
    .text-custom-20 {
        font-size: 16px
    }
}

@media screen and (min-width:900px) {
    .text-custom-20 {
        font-size: 20px
    }
}

.text-custom-24 {
    font-size: calc(5.25px + 2.08333vw);
    font-style: normal
}

@media screen and (max-width:420px) {
    .text-custom-24 {
        font-size: 14px
    }
}

@media screen and (min-width:900px) {
    .text-custom-24 {
        font-size: 24px
    }
}

.text-custom-40 {
    font-size: calc(-1.25px + 4.58333vw);
    font-style: normal
}

@media screen and (max-width:420px) {
    .text-custom-40 {
        font-size: 18px
    }
}

@media screen and (min-width:900px) {
    .text-custom-40 {
        font-size: 40px
    }
}

.text-custom-56 {
    font-size: calc(-4px + 6.66667vw);
    font-style: normal
}

@media screen and (max-width:420px) {
    .text-custom-56 {
        font-size: 24px
    }
}

@media screen and (min-width:900px) {
    .text-custom-56 {
        font-size: 56px
    }
}

.text-custom-32 {
    font-size: calc(-1.75px + 3.75vw);
    font-style: normal
}

@media screen and (max-width:420px) {
    .text-custom-32 {
        font-size: 14px
    }
}

@media screen and (min-width:900px) {
    .text-custom-32 {
        font-size: 32px
    }
}

.text-body {
    font-size: 14px;
    font-style: normal;
    line-height: 20px
}

.text-caption {
    font-size: 12px
}

.text-caption,
.text-caption-small {
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.text-caption-small {
    font-size: 11px
}

.text-margin-less {
    margin: 0
}

.text-weight-less {
    font-weight: 400
}

.text-hover-900:hover {
    color: #212529
}

.text-weight-600 {
    font-weight: 600
}

.text-weight-bold {
    font-weight: 700 !important
}

.text-weight-normal {
    font-weight: 400
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-black {
    color: #333
}

.text-strikethrough {
    text-decoration: line-through !important
}

.left {
    text-align: left !important
}

.right {
    text-align: right
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.breadcrumb-link {
    font-size: 12px;
    margin: 5px 0 15px;
    display: block
}

.breadcrumb-link a {
    color: #212529
}

.p-faq {
    float: left;
    margin-right: 25px !important
}

.list--latin {
    list-style-type: lower-latin
}

.list--with-margin>li {
    margin-bottom: 20px !important
}

.list--bullet {
    list-style-type: disc !important;
    margin-left: 16px
}

.hint {
    font-weight: 400;
    display: block;
    margin-top: 10px;
    font-size: .8em
}

.small-hint {
    font-size: .8em;
    font-style: italic
}

.list-none {
    list-style-type: none
}

.-webkit-right {
    text-align: -webkit-right !important
}

.font-size-15 {
    font-size: 15px !important
}

.font-size-20 {
    font-size: 20px !important
}

.font-size-24 {
    font-size: 24px !important
}

.font-size-36 {
    font-size: 36px !important
}

.font-size-32 {
    font-size: 32px !important
}

.font-size-40 {
    font-size: 40px !important
}

.font-size-48 {
    font-size: 48px !important
}

.font-size-56 {
    font-size: 56px !important
}

.font-size-60 {
    font-size: 60px !important
}

.font-size-64 {
    font-size: 64px !important
}

.font-size-68 {
    font-size: 68px !important
}

.font-size-78 {
    font-size: 78px !important
}

.font-size-80 {
    font-size: 80px !important
}

.font-weight-100 {
    font-weight: 100 !important
}

.font-weight-200 {
    font-weight: 200 !important
}

.font-weight-300 {
    font-weight: 300 !important
}

.font-weight-400 {
    font-weight: 400 !important
}

.font-weight-500 {
    font-weight: 500 !important
}

.font-weight-600 {
    font-weight: 600 !important
}

.font-weight-700 {
    font-weight: 700 !important
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.cmn-toggle-round-flat+label {
    padding: 2px;
    width: 50px;
    height: 25px;
    background-color: #ddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round-flat+label:after,
input.cmn-toggle-round-flat+label:before {
    display: block;
    position: absolute;
    content: ""
}

input.cmn-toggle-round-flat+label:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round-flat.ng-not-empty+label:before {
    background-color: #93d7af
}

input.cmn-toggle-round-flat.ng-empty+label:before {
    background-color: #e9ecef
}

input.cmn-toggle-round-flat+label:after {
    top: -2px;
    left: 0;
    bottom: -2px;
    width: 30px;
    background-color: #ddd;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: margin .4s, background .4s;
    -moz-transition: margin .4s, background .4s;
    -o-transition: margin .4s, background .4s;
    transition: margin .4s, background .4s
}

input.cmn-toggle-round-flat:checked+label {
    background-color: #27a1ca
}

input.cmn-toggle-round-flat:checked+label:after {
    margin-left: 20px;
    background-color: #27ae60
}

input.cmn-toggle-round-flat:checker+label:before {
    background-color: #93d7af
}

.form-icon-wrapper {
    position: relative
}

.form-icon {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 8px;
    cursor: pointer;
    color: #999
}

.form-icon .fa:before {
    font-size: 18px
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.custom-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    border-radius: 4px;
    background-color: #eee
}

.checkbox-container:hover input~.custom-checkmark {
    background-color: #ccc
}

.checkbox-container input:checked~.custom-checkmark {
    background-color: #74c640
}

.custom-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkbox-container input:checked~.custom-checkmark:after {
    display: block
}

.checkbox-container .custom-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeIn {
    -webkit-animation: fadeIn .6s linear;
    animation: fadeIn .6s linear
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation: fadeOut .6s linear forwards;
    animation: fadeOut .6s linear forwards
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 35px, 0);
        transform: translate3d(0, 35px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation: bounceInDown 2s infinite;
    animation: bounceInDown 2s infinite
}

@keyframes expand {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes expand {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.dot-pulse {
    position: relative;
    left: -9999px;
    box-shadow: 9999px 0 0 -5px #74c640;
    animation: dotPulse 1.5s linear infinite;
    animation-delay: .25s
}

.dot-pulse,
.dot-pulse:after,
.dot-pulse:before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #74c640;
    color: #74c640
}

.dot-pulse:after,
.dot-pulse:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0
}

.dot-pulse:before {
    box-shadow: 9984px 0 0 -5px #74c640;
    animation: dotPulseBefore 1.5s linear infinite;
    animation-delay: 0s
}

.dot-pulse:after {
    box-shadow: 10014px 0 0 -5px #74c640;
    animation: dotPulseAfter 1.5s linear infinite;
    animation-delay: .5s
}

@keyframes dotPulseBefore {
    0% {
        box-shadow: 9984px 0 0 -5px #74c640
    }
    30% {
        box-shadow: 9984px 0 0 2px #74c640
    }
    60%,
    to {
        box-shadow: 9984px 0 0 -5px #74c640
    }
}

@keyframes dotPulse {
    0% {
        box-shadow: 9999px 0 0 -5px #74c640
    }
    30% {
        box-shadow: 9999px 0 0 2px #74c640
    }
    60%,
    to {
        box-shadow: 9999px 0 0 -5px #74c640
    }
}

@keyframes dotPulseAfter {
    0% {
        box-shadow: 10014px 0 0 -5px #74c640
    }
    30% {
        box-shadow: 10014px 0 0 2px #74c640
    }
    60%,
    to {
        box-shadow: 10014px 0 0 -5px #74c640
    }
}

.flex {
    display: flex
}

.flex--align_center {
    align-items: center
}

.flex--align_start {
    align-items: flex-start
}

.flex--align_end {
    align-items: flex-end
}

.flex--justify_space {
    justify-content: space-between
}

.flex--justify_center {
    justify-content: center
}

.flex-center {
    justify-content: center
}

.flex-align-center,
.flex-center {
    display: flex;
    align-items: center
}

.flex-space {
    display: flex;
    justify-content: space-between
}

.flex-justify-center {
    display: flex;
    justify-content: center
}

.flex-align-space {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-end {
    display: flex;
    align-items: flex-end
}

.flex-start {
    display: flex;
    align-items: flex-start
}

.flex-wrap {
    flex-wrap: wrap !important
}

.label {
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    padding: 2px 8px;
    font-weight: 700
}

.label.label-sale {
    position: absolute;
    right: 9px;
    top: 9px;
    color: #da1e28;
    background: linear-gradient(0deg, rgba(219, 39, 65, .2), rgba(219, 39, 65, .2)), #fff;
    border: 1px solid #da1e28
}

.label.label-new {
    position: absolute;
    left: 9px;
    top: 9px;
    color: #28a745;
    background: #fff;
    border: 1px solid #28a745
}

.label.label-black {
    color: #fff;
    background: #232a2d
}

.label.label-o-grey {
    color: #697076;
    border: 1px solid #868d94
}

.model-tag {
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 8px;
    border-radius: 2px;
    font-weight: 700;
    color: #fff;
    margin-left: 5px;
    top: -2px;
    position: relative
}

.model-tag.popular {
    background-color: #f2994a
}

.model-tag.cheapest {
    background-color: #219653;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: .6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate
}

.model-tag.new {
    background-color: #2d9cdb
}

.model-tag.hot {
    background-color: red
}

.model-tag.sale {
    background-color: #ff7272
}

.model-tag.price-down {
    background-color: #fdd13a;
    color: #000
}

.badge {
    top: 0;
    left: 0;
    display: inline-block;
    position: absolute;
    border-radius: 5px 0 0 0;
    font-weight: 700;
    font-size: 10px;
    color: #fff;
    text-transform: capitalize;
    padding: 0 7px
}

.badge.new {
    background-color: #219653
}

.badge.featured {
    background-color: #ff9300
}

.badge span {
    line-height: 24px
}

.market-type {
    color: #4274d7;
    background-color: rgba(66, 116, 215, .2);
    border: 1px solid #4274d7;
    padding: 3px 10px;
    display: inline-block;
    margin: 0 4px 5px 0;
    font-size: 11px;
    font-weight: 600;
    border-radius: 2px
}

.bg-primary {
    background-color: #3f75d0 !important
}

.bg-second {
    background-color: #eee !important
}

.bg-success {
    background-color: #74c640 !important
}

.bg-danger {
    background-color: #d60022 !important
}

.bg-warning {
    background-color: #feaf20 !important
}

.bg-blue-sky {
    background-color: #4274d7 !important
}

.bg-red-light {
    background-color: red !important
}

.bg-tale {
    background-color: #afecde !important
}

.bg-white {
    background-color: #fff !important
}

.bg-black {
    background-color: #000 !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-orange-light {
    background-color: #fff3cd !important
}

.bg-papaya-wip {
    background-color: #f2eee3 !important
}

.bg-cararra {
    background-color: #e7e2d5 !important
}

.bg-dark-green {
    background-color: #009a53 !important
}

.bg-orange-medium {
    background-color: #f7921e !important
}

.bg-rose-white {
    background-color: #fbe9e7 !important
}

.bg-snow {
    background-color: #fff5f4 !important
}

.bg-olive {
    background-color: #856404 !important
}

.bg-broom {
    background-color: #fff500 !important
}

.bg-eastern-blue {
    background-color: #067e99 !important
}

.bg-red-dark {
    background-color: #d0021b !important
}

.bg-cesoir {
    background-color: #975ea7 !important
}

.bg-yellow-bg {
    background-color: #fbe581 !important
}

.bg-facebook {
    background-color: #395a93 !important
}

.bg-twitter {
    background-color: #00c4f3 !important
}

.bg-email {
    background-color: #0a6dab !important
}

.bg-whatsapp {
    background-color: #49c955 !important
}

.bg-telegram {
    background-color: #1baacc !important
}

.bg-link {
    background-color: #f2994a !important
}

.bg-cadmium-orange {
    background-color: #f37d31 !important
}

.bg-rosewood {
    background-color: #5b0505 !important
}

.bg-brown {
    background-color: #816360 !important
}

.bg-dark-lavender {
    background-color: #765594 !important
}

.bg-sheen-gold {
    background-color: #c5a141 !important
}

.bg-baby-pink {
    background-color: #fef6f6 !important
}

.bg-light-coral {
    background-color: #f79089 !important
}

.bg-solitude {
    background-color: #f1f4f8 !important
}

.bg-soft-blue {
    background-color: #b0e0ee !important
}

.bg-peach {
    background-color: #f18072 !important
}

.bg-starry-night {
    background-color: #345e88 !important
}

.bg-ice-cold {
    background-color: #b2d9ff !important
}

.bg-burgundy {
    background-color: #803643 !important
}

.bg-volcano {
    background-color: #fa541c !important
}

.bg-salmon {
    background-color: #f07777 !important
}

.bg-acadia {
    background-color: #555 !important
}

.bg-white-solid {
    background-color: #f4f6f9 !important
}

.bg-grey {
    background-color: #777 !important
}

.bg-grey-10 {
    background-color: #f2f4f8 !important
}

.bg-grey-20 {
    background-color: #d5d9df !important
}

.bg-grey-60 {
    background-color: #697076 !important
}

.bg-grey-70 {
    background-color: #50565b !important
}

.bg-grey-100 {
    background-color: #f8f9fa !important
}

.bg-grey-200 {
    background-color: #e9ecef !important
}

.bg-grey-300 {
    background-color: #dee2e6 !important
}

.bg-grey-400 {
    background-color: #ced4da !important
}

.bg-grey-500 {
    background-color: #adb5bd !important
}

.bg-grey-600 {
    background-color: #6c757d !important
}

.bg-grey-700 {
    background-color: #495057 !important
}

.bg-grey-800 {
    background-color: #343a40 !important
}

.bg-grey-900 {
    background-color: #212529 !important
}

.bg-grey-superdark {
    background-color: #333 !important
}

.bg-grey-semidark {
    background-color: #4f4f4f !important
}

.bg-grey-cool {
    background-color: #4c4c4c !important
}

.bg-grey-dark {
    background-color: #828282 !important
}

.bg-grey-sand {
    background-color: #888 !important
}

.bg-grey-supersmooth {
    background-color: #bdbdbd !important
}

.bg-grey-line {
    background-color: #e0e0e0 !important
}

.bg-grey-light {
    background-color: #eee !important
}

.bg-grey-line-smooth {
    background-color: #ddd !important
}

.bg-grey-background {
    background-color: #e5e5e5 !important
}

.bg-grey-smoke {
    background-color: #f2f2f2 !important
}

.bg-grey-smooth {
    background-color: #fafafa !important
}

.bg-very-light-grey {
    background-color: #ccc !important
}

.bg-gray97 {
    background-color: #f7f7f7 !important
}

.bg-blue-cool {
    background-color: #434f5b !important
}

.sw-campaign {
    background-image: url(/assets/images/starwars/bg-star.jpg?v=2024-11-25T07:05:16.035Z)
}

.bg-help-center {
    background-image: url(/assets/images/pages/help-center/help-center-banner.jpg?v=2024-11-25T07:05:16.035Z)
}

.bg-help-center,
.bg-help-center-2 {
    background-repeat: no-repeat;
    background-size: cover
}

.bg-help-center-2 {
    background-image: url(/assets/images/pages/help-center/help-center-banner-2.jpg?v=2024-11-25T07:05:16.035Z)
}

.bg-flashsale {
    background: linear-gradient(101.58deg, #e34e4e 29.66%, #ffbc6a 111.01%)
}

.bg-sale {
    background: linear-gradient(184.42deg, #ee7f23 3.59%, #da1e28 56.72%)
}

.bg-ornament-circle {
    background: url(/assets/images/pages/rapijali/ornament-circle.svg?v=2022-01-27T16:55:58.968Z);
    background-repeat: no-repeat;
    background-size: 40px !important;
    background-position: top 30px right 0;
    width: fit-content;
    padding-right: 18px
}

.bg-ornament-circle-2 {
    background: url(/assets/images/pages/rapijali/ornament-circle.svg?v=2022-01-27T16:55:58.968Z);
    background-repeat: no-repeat;
    background-size: 50px !important;
    background-position: top 25px right 0;
    width: fit-content;
    padding-right: 32px;
    padding-bottom: 25px
}

.bg-ornament-circle-mobile {
    background: url(/assets/images/pages/rapijali/ornament-circle.svg?v=2022-01-27T16:55:58.968Z);
    background-repeat: no-repeat;
    background-size: 25px !important;
    background-position: top 16px right 0;
    width: fit-content;
    padding-right: 10px;
    padding-bottom: 10px
}

.bg-ornament-big-circle {
    background: url(/assets/images/pages/rapijali/ornament-circle.svg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: 540px !important;
    background-position: bottom -80px left -131px
}

.bg-rapijali-section-3 {
    background: none
}

.bg-coupon-rapijali {
    background: url(/assets/images/pages/rapijali/coupon.svg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: 557px 308px;
    padding: 20px
}

.bg-rapijali-section-4 {
    background: #f6f6f6 !important;
    background-repeat: no-repeat
}

.bg-rapijali-section-4 .bg-rapijali-section-4-ornament {
    background: url(/assets/images/pages/rapijali/ornament-circle.svg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: 50px !important;
    background-position: top 90px right 350px
}

.bg-alumni-1 .bg-1 {
    background: url(/assets/images/pages/alumni/bg-1.svg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: 620px !important;
    background-position: top right -4px
}

.bg-alumni-2 .square-ornament {
    background: url(/assets/images/pages/alumni/square-ornament.svg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: 800px !important;
    background-position: top 0 left 0
}

.bg-alumni-8 {
    background: url(/assets/images/pages/alumni/bg-alumni-8.jpg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-tabu-3 {
    background: url(/assets/images/pages/tabu/tabu-3.png?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: 400px 420px;
    background-position: bottom right 100px
}

.display-tablet {
    display: none !important
}

.border-0 {
    border: none !important
}

.border-0-radius {
    border-radius: 0 !important
}

.border-100-radius {
    border-radius: 100px !important
}

.rounded-50-percent {
    border-radius: 50% !important
}

.rounded-50-percent-top-left {
    border-top-left-radius: 50% !important
}

.rounded-50-percent-top-right {
    border-top-right-radius: 50% !important
}

.rounded-50-percent-bottom-left {
    border-bottom-left-radius: 50% !important
}

.rounded-50-percent-bottom-right {
    border-bottom-right-radius: 50% !important
}

.rounded-50 {
    border-radius: 50px !important
}

.rounded-50-top-left {
    border-top-left-radius: 50px !important
}

.rounded-50-top-right {
    border-top-right-radius: 50px !important
}

.rounded-50-bottom-left {
    border-bottom-left-radius: 50px !important
}

.rounded-50-bottom-right {
    border-bottom-right-radius: 50px !important
}

.rounded-32 {
    border-radius: 32px !important
}

.rounded-32-top-left {
    border-top-left-radius: 32px !important
}

.rounded-32-top-right {
    border-top-right-radius: 32px !important
}

.rounded-32-bottom-left {
    border-bottom-left-radius: 32px !important
}

.rounded-32-bottom-right {
    border-bottom-right-radius: 32px !important
}

.rounded-20 {
    border-radius: 20px !important
}

.rounded-20-top-left {
    border-top-left-radius: 20px !important
}

.rounded-20-top-right {
    border-top-right-radius: 20px !important
}

.rounded-20-bottom-left {
    border-bottom-left-radius: 20px !important
}

.rounded-20-bottom-right {
    border-bottom-right-radius: 20px !important
}

.rounded-16 {
    border-radius: 16px !important
}

.rounded-16-top-left {
    border-top-left-radius: 16px !important
}

.rounded-16-top-right {
    border-top-right-radius: 16px !important
}

.rounded-16-bottom-left {
    border-bottom-left-radius: 16px !important
}

.rounded-16-bottom-right {
    border-bottom-right-radius: 16px !important
}

.rounded-12 {
    border-radius: 12px !important
}

.rounded-12-top-left {
    border-top-left-radius: 12px !important
}

.rounded-12-top-right {
    border-top-right-radius: 12px !important
}

.rounded-12-bottom-left {
    border-bottom-left-radius: 12px !important
}

.rounded-12-bottom-right {
    border-bottom-right-radius: 12px !important
}

.rounded-10 {
    border-radius: 10px !important
}

.rounded-10-top-left {
    border-top-left-radius: 10px !important
}

.rounded-10-top-right {
    border-top-right-radius: 10px !important
}

.rounded-10-bottom-left {
    border-bottom-left-radius: 10px !important
}

.rounded-10-bottom-right {
    border-bottom-right-radius: 10px !important
}

.rounded-8 {
    border-radius: 8px !important
}

.rounded-8-top-left {
    border-top-left-radius: 8px !important
}

.rounded-8-top-right {
    border-top-right-radius: 8px !important
}

.rounded-8-bottom-left {
    border-bottom-left-radius: 8px !important
}

.rounded-8-bottom-right {
    border-bottom-right-radius: 8px !important
}

.rounded-4 {
    border-radius: 4px !important
}

.rounded-4-top-left {
    border-top-left-radius: 4px !important
}

.rounded-4-top-right {
    border-top-right-radius: 4px !important
}

.rounded-4-bottom-left {
    border-bottom-left-radius: 4px !important
}

.rounded-4-bottom-right {
    border-bottom-right-radius: 4px !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-0-top-left {
    border-top-left-radius: 0 !important
}

.rounded-0-top-right {
    border-top-right-radius: 0 !important
}

.rounded-0-bottom-left {
    border-bottom-left-radius: 0 !important
}

.rounded-0-bottom-right {
    border-bottom-right-radius: 0 !important
}

.border-1 {
    border: 1px solid #e0e0e0 !important
}

.border-1-top {
    border-top: 1px solid #e0e0e0
}

.border-1-bottom {
    border-bottom: 1px solid #e0e0e0
}

.border-1-right {
    border-right: 1px solid #e0e0e0
}

.border-1-left {
    border-left: 1px solid #e0e0e0
}

.border-2 {
    border: 2px solid #e0e0e0 !important
}

.border-2-top {
    border-top: 2px solid #e0e0e0
}

.border-2-bottom {
    border-bottom: 2px solid #e0e0e0
}

.border-2-right {
    border-right: 2px solid #e0e0e0
}

.border-2-left {
    border-left: 2px solid #e0e0e0
}

.border-4 {
    border: 4px solid #e0e0e0 !important
}

.border-4-top {
    border-top: 4px solid #e0e0e0
}

.border-4-bottom {
    border-bottom: 4px solid #e0e0e0
}

.border-4-right {
    border-right: 4px solid #e0e0e0
}

.border-4-left {
    border-left: 4px solid #e0e0e0
}

.border-8 {
    border: 8px solid #e0e0e0 !important
}

.border-8-top {
    border-top: 8px solid #e0e0e0
}

.border-8-bottom {
    border-bottom: 8px solid #e0e0e0
}

.border-8-right {
    border-right: 8px solid #e0e0e0
}

.border-8-left {
    border-left: 8px solid #e0e0e0
}

.border-12 {
    border: 12px solid #e0e0e0 !important
}

.border-12-top {
    border-top: 12px solid #e0e0e0
}

.border-12-bottom {
    border-bottom: 12px solid #e0e0e0
}

.border-12-right {
    border-right: 12px solid #e0e0e0
}

.border-12-left {
    border-left: 12px solid #e0e0e0
}

.border-primary {
    border-color: #3f75d0 !important
}

.border-second {
    border-color: #eee !important
}

.border-success {
    border-color: #74c640 !important
}

.border-danger {
    border-color: #d60022 !important
}

.border-warning {
    border-color: #feaf20 !important
}

.border-blue-sky {
    border-color: #4274d7 !important
}

.border-red-light {
    border-color: red !important
}

.border-tale {
    border-color: #afecde !important
}

.border-white {
    border-color: #fff !important
}

.border-black {
    border-color: #000 !important
}

.border-transparent {
    border-color: transparent !important
}

.border-orange-light {
    border-color: #fff3cd !important
}

.border-papaya-wip {
    border-color: #f2eee3 !important
}

.border-cararra {
    border-color: #e7e2d5 !important
}

.border-dark-green {
    border-color: #009a53 !important
}

.border-orange-medium {
    border-color: #f7921e !important
}

.border-rose-white {
    border-color: #fbe9e7 !important
}

.border-snow {
    border-color: #fff5f4 !important
}

.border-olive {
    border-color: #856404 !important
}

.border-broom {
    border-color: #fff500 !important
}

.border-eastern-blue {
    border-color: #067e99 !important
}

.border-red-dark {
    border-color: #d0021b !important
}

.border-cesoir {
    border-color: #975ea7 !important
}

.border-yellow-bg {
    border-color: #fbe581 !important
}

.border-facebook {
    border-color: #395a93 !important
}

.border-twitter {
    border-color: #00c4f3 !important
}

.border-email {
    border-color: #0a6dab !important
}

.border-whatsapp {
    border-color: #49c955 !important
}

.border-telegram {
    border-color: #1baacc !important
}

.border-link {
    border-color: #f2994a !important
}

.border-cadmium-orange {
    border-color: #f37d31 !important
}

.border-rosewood {
    border-color: #5b0505 !important
}

.border-brown {
    border-color: #816360 !important
}

.border-dark-lavender {
    border-color: #765594 !important
}

.border-sheen-gold {
    border-color: #c5a141 !important
}

.border-baby-pink {
    border-color: #fef6f6 !important
}

.border-light-coral {
    border-color: #f79089 !important
}

.border-solitude {
    border-color: #f1f4f8 !important
}

.border-soft-blue {
    border-color: #b0e0ee !important
}

.border-peach {
    border-color: #f18072 !important
}

.border-starry-night {
    border-color: #345e88 !important
}

.border-ice-cold {
    border-color: #b2d9ff !important
}

.border-burgundy {
    border-color: #803643 !important
}

.border-volcano {
    border-color: #fa541c !important
}

.border-salmon {
    border-color: #f07777 !important
}

.border-acadia {
    border-color: #555 !important
}

.border-white-solid {
    border-color: #f4f6f9 !important
}

.border-grey {
    border-color: #777 !important
}

.border-grey-10 {
    border-color: #f2f4f8 !important
}

.border-grey-20 {
    border-color: #d5d9df !important
}

.border-grey-60 {
    border-color: #697076 !important
}

.border-grey-70 {
    border-color: #50565b !important
}

.border-grey-100 {
    border-color: #f8f9fa !important
}

.border-grey-200 {
    border-color: #e9ecef !important
}

.border-grey-300 {
    border-color: #dee2e6 !important
}

.border-grey-400 {
    border-color: #ced4da !important
}

.border-grey-500 {
    border-color: #adb5bd !important
}

.border-grey-600 {
    border-color: #6c757d !important
}

.border-grey-700 {
    border-color: #495057 !important
}

.border-grey-800 {
    border-color: #343a40 !important
}

.border-grey-900 {
    border-color: #212529 !important
}

.border-grey-superdark {
    border-color: #333 !important
}

.border-grey-semidark {
    border-color: #4f4f4f !important
}

.border-grey-cool {
    border-color: #4c4c4c !important
}

.border-grey-dark {
    border-color: #828282 !important
}

.border-grey-sand {
    border-color: #888 !important
}

.border-grey-supersmooth {
    border-color: #bdbdbd !important
}

.border-grey-line {
    border-color: #e0e0e0 !important
}

.border-grey-light {
    border-color: #eee !important
}

.border-grey-line-smooth {
    border-color: #ddd !important
}

.border-grey-background {
    border-color: #e5e5e5 !important
}

.border-grey-smoke {
    border-color: #f2f2f2 !important
}

.border-grey-smooth {
    border-color: #fafafa !important
}

.border-very-light-grey {
    border-color: #ccc !important
}

.border-gray97 {
    border-color: #f7f7f7 !important
}

.border-blue-cool {
    border-color: #434f5b !important
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.static {
    position: static
}

.sticky {
    position: sticky
}

.absolute-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.fullwidth {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -72px
}

.mid-wide {
    max-width: 900px;
    padding-bottom: 4em
}

.mid-wide,
.small-wide {
    margin-left: auto;
    margin-right: auto
}

.small-wide {
    max-width: 450px
}

.grid-overflow {
    overflow: auto;
    display: flex;
    white-space: nowrap;
    justify-content: left;
    width: 100%
}

.display-block {
    display: block !important
}

.display-inline-block {
    display: inline-block !important
}

.display-inline {
    display: inline !important
}

.display-flex {
    display: flex !important
}

.display-inline-flex {
    display: inline-flex !important
}

.display-table {
    display: table !important
}

.display-none {
    display: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

@media (prefers-color-scheme:light) {
    input[type=checkbox],
    input[type=radio] {
        width: 15px;
        height: 15px
    }
    .form-shipping input[type=radio] {
        width: 18px;
        height: 18px
    }
}

@media (prefers-color-scheme:dark) {
    input[type=checkbox],
    input[type=radio] {
        width: 15px;
        height: 15px;
        filter: invert(100%) hue-rotate(180deg) brightness(1.7)
    }
    .form-shipping input[type=radio] {
        width: 18px;
        height: 18px;
        filter: invert(100%) hue-rotate(180deg) brightness(1.7)
    }
}

.col-lg-2-4,
.col-md-2-4,
.col-sm-2-4,
.col-xs-2-4 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-2-4 {
    width: 20%;
    float: left
}

.row-centered {
    text-align: center
}

.row-equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap
}

.col-centered {
    float: none;
    margin: 0 auto;
    display: inline-block
}

@media (min-width:768px) {
    .col-sm-2-4 {
        width: 20%;
        float: left
    }
}

@media (min-width:992px) {
    .col-md-2-4 {
        width: 20%;
        float: left
    }
}

@media (min-width:1200px) {
    .col-lg-2-4 {
        width: 20%;
        float: left
    }
    .container {
        width: 1200px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto
    }
}

.promo-popup .modal-dialog {
    margin: 16%
}

.promo-popup .modal-dialog .modal-content {
    border: none;
    box-shadow: none
}

.promo-popup-special {
    z-index: 99999 !important
}

.promo-popup-special .modal-dialog {
    margin-top: 10%
}

.promo-popup-special .modal-dialog .modal-content {
    border: none;
    box-shadow: none;
    background-color: transparent
}

.modal-dialog {
    max-height: auto;
    height: -webkit-fill-available
}

.modal-open .modal-body {
    max-height: 75vh;
    overflow-y: auto
}

.change-garment-wrapper .modal-dialog {
    width: 500px
}

.ng-aside.horizontal.left.in .modal-dialog .modal-content .modal-body {
    max-height: none
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent
}

.newsletter-popup .newsletter-popup-content {
    text-align: center;
    background: #cbcdcc url(/images/subscribe-newsletter-bg.jpg?_=864dbd5c4f194535f7c52c86f222a9f5) 50% repeat-x !important
}

.newsletter-popup .newsletter-popup-content big {
    display: block;
    font-size: 1.4em
}

.newsletter-popup .modal-dialog {
    width: 600px;
    max-height: auto
}

.newsletter-popup .content {
    height: 400px
}

.newsletter-popup input {
    margin: 2em auto 0;
    padding: 1.5em;
    font-size: 1.2em;
    border: none;
    width: 85%;
    text-align: center
}

.newsletter-popup span {
    margin-left: 24px
}

.newsletter-popup button {
    margin-top: 10px;
    width: 85%;
    border: 0;
    background-color: #000;
    font-weight: 700;
    padding: 1em;
    text-shadow: none
}

.newsletter-popup button:hover {
    background-color: #0d0d0d
}

.newsletter-popup .dialog-footer {
    margin-top: 1em
}

.newsletter-popup .dialog-footer a,
.newsletter-popup .dialog-footer a:visited {
    font-weight: 700;
    text-decoration: underline
}

.newsletter-popup .dialog-footer a:hover {
    text-decoration: underline
}

.panel-group .panel {
    box-shadow: none;
    border-radius: 0
}

.panel-group .panel-heading {
    border-radius: 0
}

.panel-group .panel-title {
    font-size: 1em;
    font-weight: 700
}

.flashsale-bar .countdown-flipclock .countdown-link,
.flashsale-bar .flashsale .countdown-link {
    color: #000;
    text-decoration: underline
}

.flashsale-bar .countdown-flipclock .dy-flip-clock,
.flashsale-bar .flashsale .dy-flip-clock {
    float: right
}

.flashsale-bar .countdown-flipclock .dy-flip-clock-card-value,
.flashsale-bar .flashsale .dy-flip-clock-card-value {
    font-size: 12px;
    background-color: #e34e4e;
    color: #fff;
    text-shadow: none
}

.flashsale-bar .countdown-flipclock .dy-flip-clock-number,
.flashsale-bar .flashsale .dy-flip-clock-number {
    width: 15px;
    height: 25px;
    margin: -10px 2px;
    box-shadow: none;
    background: transparent
}

.flashsale-bar .countdown-flipclock .dy-flip-clock-number-digit,
.flashsale-bar .flashsale .dy-flip-clock-number-digit {
    line-height: 25px
}

.flashsale-bar .countdown-flipclock .dy-flip-clock-dot,
.flashsale-bar .flashsale .dy-flip-clock-dot {
    width: 5px;
    height: 5px;
    left: 7px
}

.flashsale-bar .countdown-flipclock .dy-flip-clock-dot-top,
.flashsale-bar .flashsale .dy-flip-clock-dot-top {
    top: -3px
}

.flashsale-bar .countdown-flipclock .dy-flip-clock-dot-bottom,
.flashsale-bar .flashsale .dy-flip-clock-dot-bottom {
    bottom: 8px
}

.flashsale-bar .countdown-flipclock .dy-flip-clock-label,
.flashsale-bar .flashsale .dy-flip-clock-label {
    display: none
}

.flashsale-bar .countdown-flipclock .dy-flip-clock-divider,
.flashsale-bar .flashsale .dy-flip-clock-divider {
    height: 20px
}

.flashsale-bar .countdown-flipclock.homepage,
.flashsale-bar .flashsale.homepage {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flashsale-bar .countdown-flipclock.homepage dy-flip-clock,
.flashsale-bar .flashsale.homepage dy-flip-clock {
    margin-top: 12px
}

.flashsale-bar .countdown-flipclock.homepage ul,
.flashsale-bar .flashsale.homepage ul {
    padding-left: 15px
}

.flashsale-bar .countdown-flipclock.homepage .dy-flip-clock-dot,
.flashsale-bar .flashsale.homepage .dy-flip-clock-dot {
    box-shadow: none;
    width: 3px;
    height: 3px
}

.flashsale-bar .countdown-flipclock.homepage .dy-flip-clock,
.flashsale-bar .flashsale.homepage .dy-flip-clock {
    margin: 0
}

.flashsale-bar .countdown-flipclock.homepage .dy-flip-clock-card-value,
.flashsale-bar .flashsale.homepage .dy-flip-clock-card-value {
    font-size: 14px;
    background-color: #e34e4e;
    color: #fff;
    text-shadow: none
}

.flashsale-bar .countdown-flipclock.homepage .dy-flip-clock-divider,
.flashsale-bar .flashsale.homepage .dy-flip-clock-divider {
    height: 15px
}

.flashsale-bar .countdown-flipclock.homepage .dy-flip-clock-dot,
.flashsale-bar .flashsale.homepage .dy-flip-clock-dot {
    background: #fff
}

.flashsale-bar .countdown-flipclock.homepage .dy-flip-clock-label,
.flashsale-bar .flashsale.homepage .dy-flip-clock-label {
    color: #fff
}

.flashsale-bar .countdown-flipclock.homepage .dy-flip-clock-number,
.flashsale-bar .flashsale.homepage .dy-flip-clock-number {
    margin: -10px 0
}

.slick-slide img {
    margin: auto;
    width: 100%
}

.homepage-banner-radius img {
    border-radius: 8px
}

.store-register img {
    border-radius: 0
}

.official-store .slick-dots {
    bottom: -28px
}

.official-store .slick-dots li {
    margin: 0 2px !important;
    width: 20px;
    height: 9px
}

.official-store .slick-dots li button:before {
    color: transparent;
    background-color: #bdbdbd;
    border-radius: 20%;
    width: 20px;
    height: 4px
}

.official-store .slick-dots li.slick-active button:before {
    background-color: #888;
    color: transparent
}

.slick-dots {
    bottom: 5px
}

.slick-dots li {
    margin: 0 2px !important;
    width: 9px;
    height: 9px
}

.slick-dots li button:before {
    border-radius: 50%;
    width: 9px;
    height: 9px
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: transparent;
    background-color: #212529
}

.slick-slider {
    position: relative
}

.arrow-left,
.arrow-left-char,
.arrow-left-store,
.arrow-left-store-ab,
.arrow-right,
.arrow-right-char,
.arrow-right-store,
.arrow-right-store-ab,
.icon-catalog-arrow-left,
.icon-catalog-arrow-right {
    position: absolute;
    top: 43%;
    z-index: 1;
    cursor: pointer
}

.arrow-left,
.arrow-left-char,
.arrow-left-store,
.arrow-left-store-ab,
.arrow-right,
.arrow-right-char,
.arrow-right-store,
.arrow-right-store-ab {
    background-color: #fff;
    color: #212529
}

.icon-catalog-arrow-left,
.icon-catalog-arrow-right {
    background-color: none
}

.icon-catalog-arrow-left {
    left: 8%
}

.icon-catalog-arrow-right {
    right: 8%
}

.arrow-left,
.arrow-left-char,
.arrow-left-store,
.arrow-left-store-ab {
    left: 0;
    border-radius: 0 4px 4px 0
}

.arrow-right,
.arrow-right-char,
.arrow-right-store,
.arrow-right-store-ab {
    right: 0;
    border-radius: 4px 0 0 4px
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.swal2-popup {
    font-size: 1.5rem !important
}

.swal2-styled.swal2-confirm {
    background: #74c640 !important
}

#swal2-content {
    color: #000;
    font-weight: 500
}

.shepherd-element .shepherd-content header .shepherd-title {
    font-size: 14px
}

.shepherd-element .shepherd-content .shepherd-text {
    text-align: left;
    font-size: 13px;
    padding: 16px 10px
}

.shepherd-element .shepherd-content .shepherd-footer {
    background: none
}

.shepherd-element .shepherd-content .shepherd-footer .shepherd-buttons li .shepherd-button {
    font-size: 11px;
    border-radius: 4px;
    font-weight: 600
}

.shepherd-active.shepherd-modal-is-visible :not(.shepherd-target) {
    pointer-events: inherit
}

.btn-breadcrumb .btn:not(:last-child):after {
    border-left: 10px solid #fff
}

.btn-breadcrumb .btn:not(:last-child):after,
.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3
}

.btn-breadcrumb .btn:not(:last-child):before {
    border-left: 10px solid #adadad;
    margin-left: 1px
}

.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px
}

.btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px
}

.btn-breadcrumb .btn:last-child {
    padding: 6px 18px 6px 24px
}

.btn-breadcrumb .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #fff
}

.btn-breadcrumb .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #ccc
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
    border-left: 10px solid #ebebeb
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
    border-left: 10px solid #adadad
}

.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #428bca
}

.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
    border-left: 10px solid #357ebd
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
    border-left: 10px solid #3276b1
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
    border-left: 10px solid #285e8e
}

.btn-breadcrumb .btn.btn-success:not(:last-child):after {
    border-left: 10px solid #5cb85c
}

.btn-breadcrumb .btn.btn-success:not(:last-child):before {
    border-left: 10px solid #4cae4c
}

.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
    border-left: 10px solid #47a447
}

.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
    border-left: 10px solid #398439
}

.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
    border-left: 10px solid #d9534f
}

.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
    border-left: 10px solid #d43f3a
}

.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
    border-left: 10px solid #d2322d
}

.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
    border-left: 10px solid #ac2925
}

.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
    border-left: 10px solid #f0ad4e
}

.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
    border-left: 10px solid #eea236
}

.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
    border-left: 10px solid #ed9c28
}

.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
    border-left: 10px solid #d58512
}

.btn-breadcrumb .btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de
}

.btn-breadcrumb .btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da
}

.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7
}

.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc
}

.btn-primary {
    background: #3f75d0;
    color: color-yiq(#3f75d0);
    border-color: transparent;
    border-bottom: none !important
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:visited {
    background: #2e62bb !important;
    color: color-yiq(#2e62bb);
    border-color: transparent
}

.btn-primary.disabled,
.btn-primary:disabled {
    background: #3f75d0;
    color: color-yiq(#3f75d0);
    border-color: transparent
}

.btn-outline-primary {
    background: transparent;
    color: #2b5db1;
    border-color: #3f75d0;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:visited {
    border-color: #2e62bb !important;
    color: #2b5db1;
    border-width: 2px
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background: transparent;
    color: #2b5db1;
    border-color: #3f75d0
}

.btn-second {
    background: #eee;
    color: color-yiq(#eee);
    border-color: transparent;
    border-bottom: none !important
}

.btn-second:active,
.btn-second:focus,
.btn-second:hover,
.btn-second:visited {
    background: #dbdbdb !important;
    color: color-yiq(#dbdbdb);
    border-color: transparent
}

.btn-second.disabled,
.btn-second:disabled {
    background: #eee;
    color: color-yiq(#eee);
    border-color: transparent
}

.btn-outline-second {
    background: transparent;
    color: #d5d5d5;
    border-color: #eee;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-second:active,
.btn-outline-second:focus,
.btn-outline-second:hover,
.btn-outline-second:visited {
    border-color: #dbdbdb !important;
    color: #d5d5d5;
    border-width: 2px
}

.btn-outline-second.disabled,
.btn-outline-second:disabled {
    background: transparent;
    color: #d5d5d5;
    border-color: #eee
}

.btn-success {
    background: #74c640;
    color: color-yiq(#74c640);
    border-color: transparent;
    border-bottom: none !important
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn-success:visited {
    background: #62ac33 !important;
    color: color-yiq(#62ac33);
    border-color: transparent
}

.btn-success.disabled,
.btn-success:disabled {
    background: #74c640;
    color: color-yiq(#74c640);
    border-color: transparent
}

.btn-outline-success {
    background: transparent;
    color: #5da330;
    border-color: #74c640;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-success:active,
.btn-outline-success:focus,
.btn-outline-success:hover,
.btn-outline-success:visited {
    border-color: #62ac33 !important;
    color: #5da330;
    border-width: 2px
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    background: transparent;
    color: #5da330;
    border-color: #74c640
}

.btn-danger {
    background: #d60022;
    color: color-yiq(#d60022);
    border-color: transparent;
    border-bottom: none !important
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:visited {
    background: #b0001c !important;
    color: color-yiq(#b0001c);
    border-color: transparent
}

.btn-danger.disabled,
.btn-danger:disabled {
    background: #d60022;
    color: color-yiq(#d60022);
    border-color: transparent
}

.btn-outline-danger {
    background: transparent;
    color: #a3001a;
    border-color: #d60022;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-danger:active,
.btn-outline-danger:focus,
.btn-outline-danger:hover,
.btn-outline-danger:visited {
    border-color: #b0001c !important;
    color: #a3001a;
    border-width: 2px
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    background: transparent;
    color: #a3001a;
    border-color: #d60022
}

.btn-warning {
    background: #feaf20;
    color: color-yiq(#feaf20);
    border-color: transparent;
    border-bottom: none !important
}

.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:visited {
    background: #f79f01 !important;
    color: color-yiq(#f79f01);
    border-color: transparent
}

.btn-warning.disabled,
.btn-warning:disabled {
    background: #feaf20;
    color: color-yiq(#feaf20);
    border-color: transparent
}

.btn-outline-warning {
    background: transparent;
    color: #ea9701;
    border-color: #feaf20;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-warning:active,
.btn-outline-warning:focus,
.btn-outline-warning:hover,
.btn-outline-warning:visited {
    border-color: #f79f01 !important;
    color: #ea9701;
    border-width: 2px
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    background: transparent;
    color: #ea9701;
    border-color: #feaf20
}

.btn-blue-sky {
    background: #4274d7;
    color: color-yiq(#4274d7);
    border-color: transparent;
    border-bottom: none !important
}

.btn-blue-sky:active,
.btn-blue-sky:focus,
.btn-blue-sky:hover,
.btn-blue-sky:visited {
    background: #2a5fc8 !important;
    color: color-yiq(#2a5fc8);
    border-color: transparent
}

.btn-blue-sky.disabled,
.btn-blue-sky:disabled {
    background: #4274d7;
    color: color-yiq(#4274d7);
    border-color: transparent
}

.btn-outline-blue-sky {
    background: transparent;
    color: #285abe;
    border-color: #4274d7;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-blue-sky:active,
.btn-outline-blue-sky:focus,
.btn-outline-blue-sky:hover,
.btn-outline-blue-sky:visited {
    border-color: #2a5fc8 !important;
    color: #285abe;
    border-width: 2px
}

.btn-outline-blue-sky.disabled,
.btn-outline-blue-sky:disabled {
    background: transparent;
    color: #285abe;
    border-color: #4274d7
}

.btn-red-light {
    background: red;
    color: color-yiq(red);
    border-color: transparent;
    border-bottom: none !important
}

.btn-red-light:active,
.btn-red-light:focus,
.btn-red-light:hover,
.btn-red-light:visited {
    background: #d90000 !important;
    color: color-yiq(#d90000);
    border-color: transparent
}

.btn-red-light.disabled,
.btn-red-light:disabled {
    background: red;
    color: color-yiq(red);
    border-color: transparent
}

.btn-outline-red-light {
    background: transparent;
    color: #c00;
    border-color: red;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-red-light:active,
.btn-outline-red-light:focus,
.btn-outline-red-light:hover,
.btn-outline-red-light:visited {
    border-color: #d90000 !important;
    color: #c00;
    border-width: 2px
}

.btn-outline-red-light.disabled,
.btn-outline-red-light:disabled {
    background: transparent;
    color: #c00;
    border-color: red
}

.btn-tale {
    background: #afecde;
    color: color-yiq(#afecde);
    border-color: transparent;
    border-bottom: none !important
}

.btn-tale:active,
.btn-tale:focus,
.btn-tale:hover,
.btn-tale:visited {
    background: #90e5d1 !important;
    color: color-yiq(#90e5d1);
    border-color: transparent
}

.btn-tale.disabled,
.btn-tale:disabled {
    background: #afecde;
    color: color-yiq(#afecde);
    border-color: transparent
}

.btn-outline-tale {
    background: transparent;
    color: #86e2cd;
    border-color: #afecde;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-tale:active,
.btn-outline-tale:focus,
.btn-outline-tale:hover,
.btn-outline-tale:visited {
    border-color: #90e5d1 !important;
    color: #86e2cd;
    border-width: 2px
}

.btn-outline-tale.disabled,
.btn-outline-tale:disabled {
    background: transparent;
    color: #86e2cd;
    border-color: #afecde
}

.btn-white {
    background: #fff;
    color: color-yiq(#fff);
    border-color: #ccc;
    border-bottom: none !important
}

.btn-white:active,
.btn-white:focus,
.btn-white:hover,
.btn-white:visited {
    background: #ececec !important;
    color: color-yiq(#ececec);
    border-color: #ccc
}

.btn-white.disabled,
.btn-white:disabled {
    background: #fff;
    color: color-yiq(#fff);
    border-color: #ccc
}

.btn-outline-white {
    background: transparent;
    color: #e6e6e6;
    border-color: #fff;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-white:active,
.btn-outline-white:focus,
.btn-outline-white:hover,
.btn-outline-white:visited {
    border-color: #ececec !important;
    color: #e6e6e6;
    border-width: 2px
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
    background: transparent;
    color: #e6e6e6;
    border-color: #fff
}

.btn-black {
    background: #000;
    color: color-yiq(#000);
    border-color: transparent;
    border-bottom: none !important
}

.btn-black:active,
.btn-black:focus,
.btn-black:hover,
.btn-black:visited {
    background: #000 !important;
    color: color-yiq(#000);
    border-color: transparent
}

.btn-black.disabled,
.btn-black:disabled {
    background: #000;
    color: color-yiq(#000);
    border-color: transparent
}

.btn-outline-black {
    background: transparent;
    color: #000;
    border-color: #000;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-black:active,
.btn-outline-black:focus,
.btn-outline-black:hover,
.btn-outline-black:visited {
    border-color: #000 !important;
    color: #000;
    border-width: 2px
}

.btn-outline-black.disabled,
.btn-outline-black:disabled {
    background: transparent;
    color: #000;
    border-color: #000
}

.btn-transparent {
    background: transparent;
    color: color-yiq(transparent);
    border-color: transparent;
    border-bottom: none !important
}

.btn-transparent:active,
.btn-transparent:focus,
.btn-transparent:hover,
.btn-transparent:visited {
    background: transparent !important;
    color: color-yiq(transparent);
    border-color: transparent
}

.btn-transparent.disabled,
.btn-transparent:disabled {
    background: transparent;
    color: color-yiq(transparent);
    border-color: transparent
}

.btn-outline-transparent {
    background: transparent;
    color: transparent;
    border-color: transparent;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-transparent:active,
.btn-outline-transparent:focus,
.btn-outline-transparent:hover,
.btn-outline-transparent:visited {
    border-color: transparent !important;
    color: transparent;
    border-width: 2px
}

.btn-outline-transparent.disabled,
.btn-outline-transparent:disabled {
    background: transparent;
    color: transparent;
    border-color: transparent
}

.btn-orange-light {
    background: #fff3cd;
    color: color-yiq(#fff3cd);
    border-color: transparent;
    border-bottom: none !important
}

.btn-orange-light:active,
.btn-orange-light:focus,
.btn-orange-light:hover,
.btn-orange-light:visited {
    background: #ffeaa7 !important;
    color: color-yiq(#ffeaa7);
    border-color: transparent
}

.btn-orange-light.disabled,
.btn-orange-light:disabled {
    background: #fff3cd;
    color: color-yiq(#fff3cd);
    border-color: transparent
}

.btn-outline-orange-light {
    background: transparent;
    color: #ffe79a;
    border-color: #fff3cd;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-orange-light:active,
.btn-outline-orange-light:focus,
.btn-outline-orange-light:hover,
.btn-outline-orange-light:visited {
    border-color: #ffeaa7 !important;
    color: #ffe79a;
    border-width: 2px
}

.btn-outline-orange-light.disabled,
.btn-outline-orange-light:disabled {
    background: transparent;
    color: #ffe79a;
    border-color: #fff3cd
}

.btn-papaya-wip {
    background: #f2eee3;
    color: color-yiq(#f2eee3);
    border-color: transparent;
    border-bottom: none !important
}

.btn-papaya-wip:active,
.btn-papaya-wip:focus,
.btn-papaya-wip:hover,
.btn-papaya-wip:visited {
    background: #e6dec9 !important;
    color: color-yiq(#e6dec9);
    border-color: transparent
}

.btn-papaya-wip.disabled,
.btn-papaya-wip:disabled {
    background: #f2eee3;
    color: color-yiq(#f2eee3);
    border-color: transparent
}

.btn-outline-papaya-wip {
    background: transparent;
    color: #e2d9c0;
    border-color: #f2eee3;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-papaya-wip:active,
.btn-outline-papaya-wip:focus,
.btn-outline-papaya-wip:hover,
.btn-outline-papaya-wip:visited {
    border-color: #e6dec9 !important;
    color: #e2d9c0;
    border-width: 2px
}

.btn-outline-papaya-wip.disabled,
.btn-outline-papaya-wip:disabled {
    background: transparent;
    color: #e2d9c0;
    border-color: #f2eee3
}

.btn-cararra {
    background: #e7e2d5;
    color: color-yiq(#e7e2d5);
    border-color: transparent;
    border-bottom: none !important
}

.btn-cararra:active,
.btn-cararra:focus,
.btn-cararra:hover,
.btn-cararra:visited {
    background: #d9d1bd !important;
    color: color-yiq(#d9d1bd);
    border-color: transparent
}

.btn-cararra.disabled,
.btn-cararra:disabled {
    background: #e7e2d5;
    color: color-yiq(#e7e2d5);
    border-color: transparent
}

.btn-outline-cararra {
    background: transparent;
    color: #d4ccb5;
    border-color: #e7e2d5;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-cararra:active,
.btn-outline-cararra:focus,
.btn-outline-cararra:hover,
.btn-outline-cararra:visited {
    border-color: #d9d1bd !important;
    color: #d4ccb5;
    border-width: 2px
}

.btn-outline-cararra.disabled,
.btn-outline-cararra:disabled {
    background: transparent;
    color: #d4ccb5;
    border-color: #e7e2d5
}

.btn-dark-green {
    background: #009a53;
    color: color-yiq(#009a53);
    border-color: transparent;
    border-bottom: none !important
}

.btn-dark-green:active,
.btn-dark-green:focus,
.btn-dark-green:hover,
.btn-dark-green:visited {
    background: #00743e !important;
    color: color-yiq(#00743e);
    border-color: transparent
}

.btn-dark-green.disabled,
.btn-dark-green:disabled {
    background: #009a53;
    color: color-yiq(#009a53);
    border-color: transparent
}

.btn-outline-dark-green {
    background: transparent;
    color: #006738;
    border-color: #009a53;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-dark-green:active,
.btn-outline-dark-green:focus,
.btn-outline-dark-green:hover,
.btn-outline-dark-green:visited {
    border-color: #00743e !important;
    color: #006738;
    border-width: 2px
}

.btn-outline-dark-green.disabled,
.btn-outline-dark-green:disabled {
    background: transparent;
    color: #006738;
    border-color: #009a53
}

.btn-orange-medium {
    background: #f7921e;
    color: color-yiq(#f7921e);
    border-color: transparent;
    border-bottom: none !important
}

.btn-orange-medium:active,
.btn-orange-medium:focus,
.btn-orange-medium:hover,
.btn-orange-medium:visited {
    background: #e77f08 !important;
    color: color-yiq(#e77f08);
    border-color: transparent
}

.btn-orange-medium.disabled,
.btn-orange-medium:disabled {
    background: #f7921e;
    color: color-yiq(#f7921e);
    border-color: transparent
}

.btn-outline-orange-medium {
    background: transparent;
    color: #da7808;
    border-color: #f7921e;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-orange-medium:active,
.btn-outline-orange-medium:focus,
.btn-outline-orange-medium:hover,
.btn-outline-orange-medium:visited {
    border-color: #e77f08 !important;
    color: #da7808;
    border-width: 2px
}

.btn-outline-orange-medium.disabled,
.btn-outline-orange-medium:disabled {
    background: transparent;
    color: #da7808;
    border-color: #f7921e
}

.btn-rose-white {
    background: #fbe9e7;
    color: color-yiq(#fbe9e7);
    border-color: transparent;
    border-bottom: none !important
}

.btn-rose-white:active,
.btn-rose-white:focus,
.btn-rose-white:hover,
.btn-rose-white:visited {
    background: #f6cbc6 !important;
    color: color-yiq(#f6cbc6);
    border-color: transparent
}

.btn-rose-white.disabled,
.btn-rose-white:disabled {
    background: #fbe9e7;
    color: color-yiq(#fbe9e7);
    border-color: transparent
}

.btn-outline-rose-white {
    background: transparent;
    color: #f4c1bb;
    border-color: #fbe9e7;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-rose-white:active,
.btn-outline-rose-white:focus,
.btn-outline-rose-white:hover,
.btn-outline-rose-white:visited {
    border-color: #f6cbc6 !important;
    color: #f4c1bb;
    border-width: 2px
}

.btn-outline-rose-white.disabled,
.btn-outline-rose-white:disabled {
    background: transparent;
    color: #f4c1bb;
    border-color: #fbe9e7
}

.btn-snow {
    background: #fff5f4;
    color: color-yiq(#fff5f4);
    border-color: transparent;
    border-bottom: none !important
}

.btn-snow:active,
.btn-snow:focus,
.btn-snow:hover,
.btn-snow:visited {
    background: #ffd2ce !important;
    color: color-yiq(#ffd2ce);
    border-color: transparent
}

.btn-snow.disabled,
.btn-snow:disabled {
    background: #fff5f4;
    color: color-yiq(#fff5f4);
    border-color: transparent
}

.btn-outline-snow {
    background: transparent;
    color: #ffc7c1;
    border-color: #fff5f4;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-snow:active,
.btn-outline-snow:focus,
.btn-outline-snow:hover,
.btn-outline-snow:visited {
    border-color: #ffd2ce !important;
    color: #ffc7c1;
    border-width: 2px
}

.btn-outline-snow.disabled,
.btn-outline-snow:disabled {
    background: transparent;
    color: #ffc7c1;
    border-color: #fff5f4
}

.btn-olive {
    background: #856404;
    color: color-yiq(#856404);
    border-color: transparent;
    border-bottom: none !important
}

.btn-olive:active,
.btn-olive:focus,
.btn-olive:hover,
.btn-olive:visited {
    background: #604803 !important;
    color: color-yiq(#604803);
    border-color: transparent
}

.btn-olive.disabled,
.btn-olive:disabled {
    background: #856404;
    color: color-yiq(#856404);
    border-color: transparent
}

.btn-outline-olive {
    background: transparent;
    color: #533f03;
    border-color: #856404;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-olive:active,
.btn-outline-olive:focus,
.btn-outline-olive:hover,
.btn-outline-olive:visited {
    border-color: #604803 !important;
    color: #533f03;
    border-width: 2px
}

.btn-outline-olive.disabled,
.btn-outline-olive:disabled {
    background: transparent;
    color: #533f03;
    border-color: #856404
}

.btn-broom {
    background: #fff500;
    color: color-yiq(#fff500);
    border-color: transparent;
    border-bottom: none !important
}

.btn-broom:active,
.btn-broom:focus,
.btn-broom:hover,
.btn-broom:visited {
    background: #d9d000 !important;
    color: color-yiq(#d9d000);
    border-color: transparent
}

.btn-broom.disabled,
.btn-broom:disabled {
    background: #fff500;
    color: color-yiq(#fff500);
    border-color: transparent
}

.btn-outline-broom {
    background: transparent;
    color: #ccc400;
    border-color: #fff500;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-broom:active,
.btn-outline-broom:focus,
.btn-outline-broom:hover,
.btn-outline-broom:visited {
    border-color: #d9d000 !important;
    color: #ccc400;
    border-width: 2px
}

.btn-outline-broom.disabled,
.btn-outline-broom:disabled {
    background: transparent;
    color: #ccc400;
    border-color: #fff500
}

.btn-eastern-blue {
    background: #067e99;
    color: color-yiq(#067e99);
    border-color: transparent;
    border-bottom: none !important
}

.btn-eastern-blue:active,
.btn-eastern-blue:focus,
.btn-eastern-blue:hover,
.btn-eastern-blue:visited {
    background: #056074 !important;
    color: color-yiq(#056074);
    border-color: transparent
}

.btn-eastern-blue.disabled,
.btn-eastern-blue:disabled {
    background: #067e99;
    color: color-yiq(#067e99);
    border-color: transparent
}

.btn-outline-eastern-blue {
    background: transparent;
    color: #045668;
    border-color: #067e99;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-eastern-blue:active,
.btn-outline-eastern-blue:focus,
.btn-outline-eastern-blue:hover,
.btn-outline-eastern-blue:visited {
    border-color: #056074 !important;
    color: #045668;
    border-width: 2px
}

.btn-outline-eastern-blue.disabled,
.btn-outline-eastern-blue:disabled {
    background: transparent;
    color: #045668;
    border-color: #067e99
}

.btn-red-dark {
    background: #d0021b;
    color: color-yiq(#d0021b);
    border-color: transparent;
    border-bottom: none !important
}

.btn-red-dark:active,
.btn-red-dark:focus,
.btn-red-dark:hover,
.btn-red-dark:visited {
    background: #aa0216 !important;
    color: color-yiq(#aa0216);
    border-color: transparent
}

.btn-red-dark.disabled,
.btn-red-dark:disabled {
    background: #d0021b;
    color: color-yiq(#d0021b);
    border-color: transparent
}

.btn-outline-red-dark {
    background: transparent;
    color: #9d0214;
    border-color: #d0021b;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-red-dark:active,
.btn-outline-red-dark:focus,
.btn-outline-red-dark:hover,
.btn-outline-red-dark:visited {
    border-color: #aa0216 !important;
    color: #9d0214;
    border-width: 2px
}

.btn-outline-red-dark.disabled,
.btn-outline-red-dark:disabled {
    background: transparent;
    color: #9d0214;
    border-color: #d0021b
}

.btn-cesoir {
    background: #975ea7;
    color: color-yiq(#975ea7);
    border-color: transparent;
    border-bottom: none !important
}

.btn-cesoir:active,
.btn-cesoir:focus,
.btn-cesoir:hover,
.btn-cesoir:visited {
    background: #824f90 !important;
    color: color-yiq(#824f90);
    border-color: transparent
}

.btn-cesoir.disabled,
.btn-cesoir:disabled {
    background: #975ea7;
    color: color-yiq(#975ea7);
    border-color: transparent
}

.btn-outline-cesoir {
    background: transparent;
    color: #7a4a88;
    border-color: #975ea7;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-cesoir:active,
.btn-outline-cesoir:focus,
.btn-outline-cesoir:hover,
.btn-outline-cesoir:visited {
    border-color: #824f90 !important;
    color: #7a4a88;
    border-width: 2px
}

.btn-outline-cesoir.disabled,
.btn-outline-cesoir:disabled {
    background: transparent;
    color: #7a4a88;
    border-color: #975ea7
}

.btn-yellow-bg {
    background: #fbe581;
    color: color-yiq(#fbe581);
    border-color: transparent;
    border-bottom: none !important
}

.btn-yellow-bg:active,
.btn-yellow-bg:focus,
.btn-yellow-bg:hover,
.btn-yellow-bg:visited {
    background: #fadd5c !important;
    color: color-yiq(#fadd5c);
    border-color: transparent
}

.btn-yellow-bg.disabled,
.btn-yellow-bg:disabled {
    background: #fbe581;
    color: color-yiq(#fbe581);
    border-color: transparent
}

.btn-outline-yellow-bg {
    background: transparent;
    color: #f9db50;
    border-color: #fbe581;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-yellow-bg:active,
.btn-outline-yellow-bg:focus,
.btn-outline-yellow-bg:hover,
.btn-outline-yellow-bg:visited {
    border-color: #fadd5c !important;
    color: #f9db50;
    border-width: 2px
}

.btn-outline-yellow-bg.disabled,
.btn-outline-yellow-bg:disabled {
    background: transparent;
    color: #f9db50;
    border-color: #fbe581
}

.btn-facebook {
    background: #395a93;
    color: color-yiq(#395a93);
    border-color: transparent;
    border-bottom: none !important
}

.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover,
.btn-facebook:visited {
    background: #2e4977 !important;
    color: color-yiq(#2e4977);
    border-color: transparent
}

.btn-facebook.disabled,
.btn-facebook:disabled {
    background: #395a93;
    color: color-yiq(#395a93);
    border-color: transparent
}

.btn-outline-facebook {
    background: transparent;
    color: #2b446e;
    border-color: #395a93;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-facebook:active,
.btn-outline-facebook:focus,
.btn-outline-facebook:hover,
.btn-outline-facebook:visited {
    border-color: #2e4977 !important;
    color: #2b446e;
    border-width: 2px
}

.btn-outline-facebook.disabled,
.btn-outline-facebook:disabled {
    background: transparent;
    color: #2b446e;
    border-color: #395a93
}

.btn-twitter {
    background: #00c4f3;
    color: color-yiq(#00c4f3);
    border-color: transparent;
    border-bottom: none !important
}

.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover,
.btn-twitter:visited {
    background: #00a5cd !important;
    color: color-yiq(#00a5cd);
    border-color: transparent
}

.btn-twitter.disabled,
.btn-twitter:disabled {
    background: #00c4f3;
    color: color-yiq(#00c4f3);
    border-color: transparent
}

.btn-outline-twitter {
    background: transparent;
    color: #009bc0;
    border-color: #00c4f3;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-twitter:active,
.btn-outline-twitter:focus,
.btn-outline-twitter:hover,
.btn-outline-twitter:visited {
    border-color: #00a5cd !important;
    color: #009bc0;
    border-width: 2px
}

.btn-outline-twitter.disabled,
.btn-outline-twitter:disabled {
    background: transparent;
    color: #009bc0;
    border-color: #00c4f3
}

.btn-email {
    background: #0a6dab;
    color: color-yiq(#0a6dab);
    border-color: transparent;
    border-bottom: none !important
}

.btn-email:active,
.btn-email:focus,
.btn-email:hover,
.btn-email:visited {
    background: #085687 !important;
    color: color-yiq(#085687);
    border-color: transparent
}

.btn-email.disabled,
.btn-email:disabled {
    background: #0a6dab;
    color: color-yiq(#0a6dab);
    border-color: transparent
}

.btn-outline-email {
    background: transparent;
    color: #074e7b;
    border-color: #0a6dab;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-email:active,
.btn-outline-email:focus,
.btn-outline-email:hover,
.btn-outline-email:visited {
    border-color: #085687 !important;
    color: #074e7b;
    border-width: 2px
}

.btn-outline-email.disabled,
.btn-outline-email:disabled {
    background: transparent;
    color: #074e7b;
    border-color: #0a6dab
}

.btn-whatsapp {
    background: #49c955;
    color: color-yiq(#49c955);
    border-color: transparent;
    border-bottom: none !important
}

.btn-whatsapp:active,
.btn-whatsapp:focus,
.btn-whatsapp:hover,
.btn-whatsapp:visited {
    background: #36b642 !important;
    color: color-yiq(#36b642);
    border-color: transparent
}

.btn-whatsapp.disabled,
.btn-whatsapp:disabled {
    background: #49c955;
    color: color-yiq(#49c955);
    border-color: transparent
}

.btn-outline-whatsapp {
    background: transparent;
    color: #33ac3e;
    border-color: #49c955;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-whatsapp:active,
.btn-outline-whatsapp:focus,
.btn-outline-whatsapp:hover,
.btn-outline-whatsapp:visited {
    border-color: #36b642 !important;
    color: #33ac3e;
    border-width: 2px
}

.btn-outline-whatsapp.disabled,
.btn-outline-whatsapp:disabled {
    background: transparent;
    color: #33ac3e;
    border-color: #49c955
}

.btn-telegram {
    background: #1baacc;
    color: color-yiq(#1baacc);
    border-color: transparent;
    border-bottom: none !important
}

.btn-telegram:active,
.btn-telegram:focus,
.btn-telegram:hover,
.btn-telegram:visited {
    background: #178eaa !important;
    color: color-yiq(#178eaa);
    border-color: transparent
}

.btn-telegram.disabled,
.btn-telegram:disabled {
    background: #1baacc;
    color: color-yiq(#1baacc);
    border-color: transparent
}

.btn-outline-telegram {
    background: transparent;
    color: #15849f;
    border-color: #1baacc;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-telegram:active,
.btn-outline-telegram:focus,
.btn-outline-telegram:hover,
.btn-outline-telegram:visited {
    border-color: #178eaa !important;
    color: #15849f;
    border-width: 2px
}

.btn-outline-telegram.disabled,
.btn-outline-telegram:disabled {
    background: transparent;
    color: #15849f;
    border-color: #1baacc
}

.btn-link {
    background: #f2994a;
    color: color-yiq(#f2994a);
    border-color: transparent;
    border-bottom: none !important
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.btn-link:visited {
    background: #ef8526 !important;
    color: color-yiq(#ef8526);
    border-color: transparent
}

.btn-link.disabled,
.btn-link:disabled {
    background: #f2994a;
    color: color-yiq(#f2994a);
    border-color: transparent
}

.btn-outline-link {
    background: transparent;
    color: #ef7e1a;
    border-color: #f2994a;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-link:active,
.btn-outline-link:focus,
.btn-outline-link:hover,
.btn-outline-link:visited {
    border-color: #ef8526 !important;
    color: #ef7e1a;
    border-width: 2px
}

.btn-outline-link.disabled,
.btn-outline-link:disabled {
    background: transparent;
    color: #ef7e1a;
    border-color: #f2994a
}

.btn-cadmium-orange {
    background: #f37d31;
    color: color-yiq(#f37d31);
    border-color: transparent;
    border-bottom: none !important
}

.btn-cadmium-orange:active,
.btn-cadmium-orange:focus,
.btn-cadmium-orange:hover,
.btn-cadmium-orange:visited {
    background: #f0660e !important;
    color: color-yiq(#f0660e);
    border-color: transparent
}

.btn-cadmium-orange.disabled,
.btn-cadmium-orange:disabled {
    background: #f37d31;
    color: color-yiq(#f37d31);
    border-color: transparent
}

.btn-outline-cadmium-orange {
    background: transparent;
    color: #e4610d;
    border-color: #f37d31;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-cadmium-orange:active,
.btn-outline-cadmium-orange:focus,
.btn-outline-cadmium-orange:hover,
.btn-outline-cadmium-orange:visited {
    border-color: #f0660e !important;
    color: #e4610d;
    border-width: 2px
}

.btn-outline-cadmium-orange.disabled,
.btn-outline-cadmium-orange:disabled {
    background: transparent;
    color: #e4610d;
    border-color: #f37d31
}

.btn-rosewood {
    background: #5b0505;
    color: color-yiq(#5b0505);
    border-color: transparent;
    border-bottom: none !important
}

.btn-rosewood:active,
.btn-rosewood:focus,
.btn-rosewood:hover,
.btn-rosewood:visited {
    background: #370303 !important;
    color: color-yiq(#370303);
    border-color: transparent
}

.btn-rosewood.disabled,
.btn-rosewood:disabled {
    background: #5b0505;
    color: color-yiq(#5b0505);
    border-color: transparent
}

.btn-outline-rosewood {
    background: transparent;
    color: #2b0202;
    border-color: #5b0505;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-rosewood:active,
.btn-outline-rosewood:focus,
.btn-outline-rosewood:hover,
.btn-outline-rosewood:visited {
    border-color: #370303 !important;
    color: #2b0202;
    border-width: 2px
}

.btn-outline-rosewood.disabled,
.btn-outline-rosewood:disabled {
    background: transparent;
    color: #2b0202;
    border-color: #5b0505
}

.btn-brown {
    background: #816360;
    color: color-yiq(#816360);
    border-color: transparent;
    border-bottom: none !important
}

.btn-brown:active,
.btn-brown:focus,
.btn-brown:hover,
.btn-brown:visited {
    background: #6b5250 !important;
    color: color-yiq(#6b5250);
    border-color: transparent
}

.btn-brown.disabled,
.btn-brown:disabled {
    background: #816360;
    color: color-yiq(#816360);
    border-color: transparent
}

.btn-outline-brown {
    background: transparent;
    color: #644d4a;
    border-color: #816360;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-brown:active,
.btn-outline-brown:focus,
.btn-outline-brown:hover,
.btn-outline-brown:visited {
    border-color: #6b5250 !important;
    color: #644d4a;
    border-width: 2px
}

.btn-outline-brown.disabled,
.btn-outline-brown:disabled {
    background: transparent;
    color: #644d4a;
    border-color: #816360
}

.btn-dark-lavender {
    background: #765594;
    color: color-yiq(#765594);
    border-color: transparent;
    border-bottom: none !important
}

.btn-dark-lavender:active,
.btn-dark-lavender:focus,
.btn-dark-lavender:hover,
.btn-dark-lavender:visited {
    background: #63477c !important;
    color: color-yiq(#63477c);
    border-color: transparent
}

.btn-dark-lavender.disabled,
.btn-dark-lavender:disabled {
    background: #765594;
    color: color-yiq(#765594);
    border-color: transparent
}

.btn-outline-dark-lavender {
    background: transparent;
    color: #5c4274;
    border-color: #765594;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-dark-lavender:active,
.btn-outline-dark-lavender:focus,
.btn-outline-dark-lavender:hover,
.btn-outline-dark-lavender:visited {
    border-color: #63477c !important;
    color: #5c4274;
    border-width: 2px
}

.btn-outline-dark-lavender.disabled,
.btn-outline-dark-lavender:disabled {
    background: transparent;
    color: #5c4274;
    border-color: #765594
}

.btn-sheen-gold {
    background: #c5a141;
    color: color-yiq(#c5a141);
    border-color: transparent;
    border-bottom: none !important
}

.btn-sheen-gold:active,
.btn-sheen-gold:focus,
.btn-sheen-gold:hover,
.btn-sheen-gold:visited {
    background: #ab8b34 !important;
    color: color-yiq(#ab8b34);
    border-color: transparent
}

.btn-sheen-gold.disabled,
.btn-sheen-gold:disabled {
    background: #c5a141;
    color: color-yiq(#c5a141);
    border-color: transparent
}

.btn-outline-sheen-gold {
    background: transparent;
    color: #a28331;
    border-color: #c5a141;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-sheen-gold:active,
.btn-outline-sheen-gold:focus,
.btn-outline-sheen-gold:hover,
.btn-outline-sheen-gold:visited {
    border-color: #ab8b34 !important;
    color: #a28331;
    border-width: 2px
}

.btn-outline-sheen-gold.disabled,
.btn-outline-sheen-gold:disabled {
    background: transparent;
    color: #a28331;
    border-color: #c5a141
}

.btn-baby-pink {
    background: #fef6f6;
    color: color-yiq(#fef6f6);
    border-color: transparent;
    border-bottom: none !important
}

.btn-baby-pink:active,
.btn-baby-pink:focus,
.btn-baby-pink:hover,
.btn-baby-pink:visited {
    background: #fad4d4 !important;
    color: color-yiq(#fad4d4);
    border-color: transparent
}

.btn-baby-pink.disabled,
.btn-baby-pink:disabled {
    background: #fef6f6;
    color: color-yiq(#fef6f6);
    border-color: transparent
}

.btn-outline-baby-pink {
    background: transparent;
    color: #f9c8c8;
    border-color: #fef6f6;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-baby-pink:active,
.btn-outline-baby-pink:focus,
.btn-outline-baby-pink:hover,
.btn-outline-baby-pink:visited {
    border-color: #fad4d4 !important;
    color: #f9c8c8;
    border-width: 2px
}

.btn-outline-baby-pink.disabled,
.btn-outline-baby-pink:disabled {
    background: transparent;
    color: #f9c8c8;
    border-color: #fef6f6
}

.btn-light-coral {
    background: #f79089;
    color: color-yiq(#f79089);
    border-color: transparent;
    border-bottom: none !important
}

.btn-light-coral:active,
.btn-light-coral:focus,
.btn-light-coral:hover,
.btn-light-coral:visited {
    background: #f56e65 !important;
    color: color-yiq(#f56e65);
    border-color: transparent
}

.btn-light-coral.disabled,
.btn-light-coral:disabled {
    background: #f79089;
    color: color-yiq(#f79089);
    border-color: transparent
}

.btn-outline-light-coral {
    background: transparent;
    color: #f46359;
    border-color: #f79089;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-light-coral:active,
.btn-outline-light-coral:focus,
.btn-outline-light-coral:hover,
.btn-outline-light-coral:visited {
    border-color: #f56e65 !important;
    color: #f46359;
    border-width: 2px
}

.btn-outline-light-coral.disabled,
.btn-outline-light-coral:disabled {
    background: transparent;
    color: #f46359;
    border-color: #f79089
}

.btn-solitude {
    background: #f1f4f8;
    color: color-yiq(#f1f4f8);
    border-color: transparent;
    border-bottom: none !important
}

.btn-solitude:active,
.btn-solitude:focus,
.btn-solitude:hover,
.btn-solitude:visited {
    background: #d8e0eb !important;
    color: color-yiq(#d8e0eb);
    border-color: transparent
}

.btn-solitude.disabled,
.btn-solitude:disabled {
    background: #f1f4f8;
    color: color-yiq(#f1f4f8);
    border-color: transparent
}

.btn-outline-solitude {
    background: transparent;
    color: #cfd9e7;
    border-color: #f1f4f8;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-solitude:active,
.btn-outline-solitude:focus,
.btn-outline-solitude:hover,
.btn-outline-solitude:visited {
    border-color: #d8e0eb !important;
    color: #cfd9e7;
    border-width: 2px
}

.btn-outline-solitude.disabled,
.btn-outline-solitude:disabled {
    background: transparent;
    color: #cfd9e7;
    border-color: #f1f4f8
}

.btn-soft-blue {
    background: #b0e0ee;
    color: color-yiq(#b0e0ee);
    border-color: transparent;
    border-bottom: none !important
}

.btn-soft-blue:active,
.btn-soft-blue:focus,
.btn-soft-blue:hover,
.btn-soft-blue:visited {
    background: #91d4e7 !important;
    color: color-yiq(#91d4e7);
    border-color: transparent
}

.btn-soft-blue.disabled,
.btn-soft-blue:disabled {
    background: #b0e0ee;
    color: color-yiq(#b0e0ee);
    border-color: transparent
}

.btn-outline-soft-blue {
    background: transparent;
    color: #86d0e5;
    border-color: #b0e0ee;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-soft-blue:active,
.btn-outline-soft-blue:focus,
.btn-outline-soft-blue:hover,
.btn-outline-soft-blue:visited {
    border-color: #91d4e7 !important;
    color: #86d0e5;
    border-width: 2px
}

.btn-outline-soft-blue.disabled,
.btn-outline-soft-blue:disabled {
    background: transparent;
    color: #86d0e5;
    border-color: #b0e0ee
}

.btn-peach {
    background: #f18072;
    color: color-yiq(#f18072);
    border-color: transparent;
    border-bottom: none !important
}

.btn-peach:active,
.btn-peach:focus,
.btn-peach:hover,
.btn-peach:visited {
    background: #ee614f !important;
    color: color-yiq(#ee614f);
    border-color: transparent
}

.btn-peach.disabled,
.btn-peach:disabled {
    background: #f18072;
    color: color-yiq(#f18072);
    border-color: transparent
}

.btn-outline-peach {
    background: transparent;
    color: #ec5644;
    border-color: #f18072;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-peach:active,
.btn-outline-peach:focus,
.btn-outline-peach:hover,
.btn-outline-peach:visited {
    border-color: #ee614f !important;
    color: #ec5644;
    border-width: 2px
}

.btn-outline-peach.disabled,
.btn-outline-peach:disabled {
    background: transparent;
    color: #ec5644;
    border-color: #f18072
}

.btn-starry-night {
    background: #345e88;
    color: color-yiq(#345e88);
    border-color: transparent;
    border-bottom: none !important
}

.btn-starry-night:active,
.btn-starry-night:focus,
.btn-starry-night:hover,
.btn-starry-night:visited {
    background: #294b6c !important;
    color: color-yiq(#294b6c);
    border-color: transparent
}

.btn-starry-night.disabled,
.btn-starry-night:disabled {
    background: #345e88;
    color: color-yiq(#345e88);
    border-color: transparent
}

.btn-outline-starry-night {
    background: transparent;
    color: #264563;
    border-color: #345e88;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-starry-night:active,
.btn-outline-starry-night:focus,
.btn-outline-starry-night:hover,
.btn-outline-starry-night:visited {
    border-color: #294b6c !important;
    color: #264563;
    border-width: 2px
}

.btn-outline-starry-night.disabled,
.btn-outline-starry-night:disabled {
    background: transparent;
    color: #264563;
    border-color: #345e88
}

.btn-ice-cold {
    background: #b2d9ff;
    color: color-yiq(#b2d9ff);
    border-color: transparent;
    border-bottom: none !important
}

.btn-ice-cold:active,
.btn-ice-cold:focus,
.btn-ice-cold:hover,
.btn-ice-cold:visited {
    background: #8cc6ff !important;
    color: color-yiq(#8cc6ff);
    border-color: transparent
}

.btn-ice-cold.disabled,
.btn-ice-cold:disabled {
    background: #b2d9ff;
    color: color-yiq(#b2d9ff);
    border-color: transparent
}

.btn-outline-ice-cold {
    background: transparent;
    color: #7fc0ff;
    border-color: #b2d9ff;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-ice-cold:active,
.btn-outline-ice-cold:focus,
.btn-outline-ice-cold:hover,
.btn-outline-ice-cold:visited {
    border-color: #8cc6ff !important;
    color: #7fc0ff;
    border-width: 2px
}

.btn-outline-ice-cold.disabled,
.btn-outline-ice-cold:disabled {
    background: transparent;
    color: #7fc0ff;
    border-color: #b2d9ff
}

.btn-burgundy {
    background: #803643;
    color: color-yiq(#803643);
    border-color: transparent;
    border-bottom: none !important
}

.btn-burgundy:active,
.btn-burgundy:focus,
.btn-burgundy:hover,
.btn-burgundy:visited {
    background: #652b35 !important;
    color: color-yiq(#652b35);
    border-color: transparent
}

.btn-burgundy.disabled,
.btn-burgundy:disabled {
    background: #803643;
    color: color-yiq(#803643);
    border-color: transparent
}

.btn-outline-burgundy {
    background: transparent;
    color: #5c2730;
    border-color: #803643;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-burgundy:active,
.btn-outline-burgundy:focus,
.btn-outline-burgundy:hover,
.btn-outline-burgundy:visited {
    border-color: #652b35 !important;
    color: #5c2730;
    border-width: 2px
}

.btn-outline-burgundy.disabled,
.btn-outline-burgundy:disabled {
    background: transparent;
    color: #5c2730;
    border-color: #803643
}

.btn-volcano {
    background: #fa541c;
    color: color-yiq(#fa541c);
    border-color: transparent;
    border-bottom: none !important
}

.btn-volcano:active,
.btn-volcano:focus,
.btn-volcano:hover,
.btn-volcano:visited {
    background: #eb3f05 !important;
    color: color-yiq(#eb3f05);
    border-color: transparent
}

.btn-volcano.disabled,
.btn-volcano:disabled {
    background: #fa541c;
    color: color-yiq(#fa541c);
    border-color: transparent
}

.btn-outline-volcano {
    background: transparent;
    color: #de3c05;
    border-color: #fa541c;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-volcano:active,
.btn-outline-volcano:focus,
.btn-outline-volcano:hover,
.btn-outline-volcano:visited {
    border-color: #eb3f05 !important;
    color: #de3c05;
    border-width: 2px
}

.btn-outline-volcano.disabled,
.btn-outline-volcano:disabled {
    background: transparent;
    color: #de3c05;
    border-color: #fa541c
}

.btn-salmon {
    background: #f07777;
    color: color-yiq(#f07777);
    border-color: transparent;
    border-bottom: none !important
}

.btn-salmon:active,
.btn-salmon:focus,
.btn-salmon:hover,
.btn-salmon:visited {
    background: #ec5555 !important;
    color: color-yiq(#ec5555);
    border-color: transparent
}

.btn-salmon.disabled,
.btn-salmon:disabled {
    background: #f07777;
    color: color-yiq(#f07777);
    border-color: transparent
}

.btn-outline-salmon {
    background: transparent;
    color: #eb4949;
    border-color: #f07777;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-salmon:active,
.btn-outline-salmon:focus,
.btn-outline-salmon:hover,
.btn-outline-salmon:visited {
    border-color: #ec5555 !important;
    color: #eb4949;
    border-width: 2px
}

.btn-outline-salmon.disabled,
.btn-outline-salmon:disabled {
    background: transparent;
    color: #eb4949;
    border-color: #f07777
}

.btn-acadia {
    background: #555;
    color: color-yiq(#555);
    border-color: transparent;
    border-bottom: none !important
}

.btn-acadia:active,
.btn-acadia:focus,
.btn-acadia:hover,
.btn-acadia:visited {
    background: #424242 !important;
    color: color-yiq(#424242);
    border-color: transparent
}

.btn-acadia.disabled,
.btn-acadia:disabled {
    background: #555;
    color: color-yiq(#555);
    border-color: transparent
}

.btn-outline-acadia {
    background: transparent;
    color: #3c3c3c;
    border-color: #555;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-acadia:active,
.btn-outline-acadia:focus,
.btn-outline-acadia:hover,
.btn-outline-acadia:visited {
    border-color: #424242 !important;
    color: #3c3c3c;
    border-width: 2px
}

.btn-outline-acadia.disabled,
.btn-outline-acadia:disabled {
    background: transparent;
    color: #3c3c3c;
    border-color: #555
}

.btn-white-solid {
    background: #f4f6f9;
    color: color-yiq(#f4f6f9);
    border-color: transparent;
    border-bottom: none !important
}

.btn-white-solid:active,
.btn-white-solid:focus,
.btn-white-solid:hover,
.btn-white-solid:visited {
    background: #dbe2ec !important;
    color: color-yiq(#dbe2ec);
    border-color: transparent
}

.btn-white-solid.disabled,
.btn-white-solid:disabled {
    background: #f4f6f9;
    color: color-yiq(#f4f6f9);
    border-color: transparent
}

.btn-outline-white-solid {
    background: transparent;
    color: #d3dbe7;
    border-color: #f4f6f9;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-white-solid:active,
.btn-outline-white-solid:focus,
.btn-outline-white-solid:hover,
.btn-outline-white-solid:visited {
    border-color: #dbe2ec !important;
    color: #d3dbe7;
    border-width: 2px
}

.btn-outline-white-solid.disabled,
.btn-outline-white-solid:disabled {
    background: transparent;
    color: #d3dbe7;
    border-color: #f4f6f9
}

.btn-grey {
    background: #777;
    color: color-yiq(#777);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey:active,
.btn-grey:focus,
.btn-grey:hover,
.btn-grey:visited {
    background: #646464 !important;
    color: color-yiq(#646464);
    border-color: transparent
}

.btn-grey.disabled,
.btn-grey:disabled {
    background: #777;
    color: color-yiq(#777);
    border-color: transparent
}

.btn-outline-grey {
    background: transparent;
    color: #5e5e5e;
    border-color: #777;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey:active,
.btn-outline-grey:focus,
.btn-outline-grey:hover,
.btn-outline-grey:visited {
    border-color: #646464 !important;
    color: #5e5e5e;
    border-width: 2px
}

.btn-outline-grey.disabled,
.btn-outline-grey:disabled {
    background: transparent;
    color: #5e5e5e;
    border-color: #777
}

.btn-grey-10 {
    background: #f2f4f8;
    color: color-yiq(#f2f4f8);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-10:active,
.btn-grey-10:focus,
.btn-grey-10:hover,
.btn-grey-10:visited {
    background: #d9dfeb !important;
    color: color-yiq(#d9dfeb);
    border-color: transparent
}

.btn-grey-10.disabled,
.btn-grey-10:disabled {
    background: #f2f4f8;
    color: color-yiq(#f2f4f8);
    border-color: transparent
}

.btn-outline-grey-10 {
    background: transparent;
    color: #d1d8e6;
    border-color: #f2f4f8;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-10:active,
.btn-outline-grey-10:focus,
.btn-outline-grey-10:hover,
.btn-outline-grey-10:visited {
    border-color: #d9dfeb !important;
    color: #d1d8e6;
    border-width: 2px
}

.btn-outline-grey-10.disabled,
.btn-outline-grey-10:disabled {
    background: transparent;
    color: #d1d8e6;
    border-color: #f2f4f8
}

.btn-grey-20 {
    background: #d5d9df;
    color: color-yiq(#d5d9df);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-20:active,
.btn-grey-20:focus,
.btn-grey-20:hover,
.btn-grey-20:visited {
    background: #bfc5ce !important;
    color: color-yiq(#bfc5ce);
    border-color: transparent
}

.btn-grey-20.disabled,
.btn-grey-20:disabled {
    background: #d5d9df;
    color: color-yiq(#d5d9df);
    border-color: transparent
}

.btn-outline-grey-20 {
    background: transparent;
    color: #b8bfc9;
    border-color: #d5d9df;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-20:active,
.btn-outline-grey-20:focus,
.btn-outline-grey-20:hover,
.btn-outline-grey-20:visited {
    border-color: #bfc5ce !important;
    color: #b8bfc9;
    border-width: 2px
}

.btn-outline-grey-20.disabled,
.btn-outline-grey-20:disabled {
    background: transparent;
    color: #b8bfc9;
    border-color: #d5d9df
}

.btn-grey-60 {
    background: #697076;
    color: color-yiq(#697076);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-60:active,
.btn-grey-60:focus,
.btn-grey-60:hover,
.btn-grey-60:visited {
    background: #575d62 !important;
    color: color-yiq(#575d62);
    border-color: transparent
}

.btn-grey-60.disabled,
.btn-grey-60:disabled {
    background: #697076;
    color: color-yiq(#697076);
    border-color: transparent
}

.btn-outline-grey-60 {
    background: transparent;
    color: #51565b;
    border-color: #697076;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-60:active,
.btn-outline-grey-60:focus,
.btn-outline-grey-60:hover,
.btn-outline-grey-60:visited {
    border-color: #575d62 !important;
    color: #51565b;
    border-width: 2px
}

.btn-outline-grey-60.disabled,
.btn-outline-grey-60:disabled {
    background: transparent;
    color: #51565b;
    border-color: #697076
}

.btn-grey-70 {
    background: #50565b;
    color: color-yiq(#50565b);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-70:active,
.btn-grey-70:focus,
.btn-grey-70:hover,
.btn-grey-70:visited {
    background: #3e4347 !important;
    color: color-yiq(#3e4347);
    border-color: transparent
}

.btn-grey-70.disabled,
.btn-grey-70:disabled {
    background: #50565b;
    color: color-yiq(#50565b);
    border-color: transparent
}

.btn-outline-grey-70 {
    background: transparent;
    color: #383c40;
    border-color: #50565b;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-70:active,
.btn-outline-grey-70:focus,
.btn-outline-grey-70:hover,
.btn-outline-grey-70:visited {
    border-color: #3e4347 !important;
    color: #383c40;
    border-width: 2px
}

.btn-outline-grey-70.disabled,
.btn-outline-grey-70:disabled {
    background: transparent;
    color: #383c40;
    border-color: #50565b
}

.btn-grey-100 {
    background: #f8f9fa;
    color: color-yiq(#f8f9fa);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-100:active,
.btn-grey-100:focus,
.btn-grey-100:hover,
.btn-grey-100:visited {
    background: #e2e6ea !important;
    color: color-yiq(#e2e6ea);
    border-color: transparent
}

.btn-grey-100.disabled,
.btn-grey-100:disabled {
    background: #f8f9fa;
    color: color-yiq(#f8f9fa);
    border-color: transparent
}

.btn-outline-grey-100 {
    background: transparent;
    color: #dae0e5;
    border-color: #f8f9fa;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-100:active,
.btn-outline-grey-100:focus,
.btn-outline-grey-100:hover,
.btn-outline-grey-100:visited {
    border-color: #e2e6ea !important;
    color: #dae0e5;
    border-width: 2px
}

.btn-outline-grey-100.disabled,
.btn-outline-grey-100:disabled {
    background: transparent;
    color: #dae0e5;
    border-color: #f8f9fa
}

.btn-grey-200 {
    background: #e9ecef;
    color: color-yiq(#e9ecef);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-200:active,
.btn-grey-200:focus,
.btn-grey-200:hover,
.btn-grey-200:visited {
    background: #d3d9df !important;
    color: color-yiq(#d3d9df);
    border-color: transparent
}

.btn-grey-200.disabled,
.btn-grey-200:disabled {
    background: #e9ecef;
    color: color-yiq(#e9ecef);
    border-color: transparent
}

.btn-outline-grey-200 {
    background: transparent;
    color: #cbd3da;
    border-color: #e9ecef;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-200:active,
.btn-outline-grey-200:focus,
.btn-outline-grey-200:hover,
.btn-outline-grey-200:visited {
    border-color: #d3d9df !important;
    color: #cbd3da;
    border-width: 2px
}

.btn-outline-grey-200.disabled,
.btn-outline-grey-200:disabled {
    background: transparent;
    color: #cbd3da;
    border-color: #e9ecef
}

.btn-grey-300 {
    background: #dee2e6;
    color: color-yiq(#dee2e6);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-300:active,
.btn-grey-300:focus,
.btn-grey-300:hover,
.btn-grey-300:visited {
    background: #c8cfd6 !important;
    color: color-yiq(#c8cfd6);
    border-color: transparent
}

.btn-grey-300.disabled,
.btn-grey-300:disabled {
    background: #dee2e6;
    color: color-yiq(#dee2e6);
    border-color: transparent
}

.btn-outline-grey-300 {
    background: transparent;
    color: #c1c9d0;
    border-color: #dee2e6;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-300:active,
.btn-outline-grey-300:focus,
.btn-outline-grey-300:hover,
.btn-outline-grey-300:visited {
    border-color: #c8cfd6 !important;
    color: #c1c9d0;
    border-width: 2px
}

.btn-outline-grey-300.disabled,
.btn-outline-grey-300:disabled {
    background: transparent;
    color: #c1c9d0;
    border-color: #dee2e6
}

.btn-grey-400 {
    background: #ced4da;
    color: color-yiq(#ced4da);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-400:active,
.btn-grey-400:focus,
.btn-grey-400:hover,
.btn-grey-400:visited {
    background: #b8c1ca !important;
    color: color-yiq(#b8c1ca);
    border-color: transparent
}

.btn-grey-400.disabled,
.btn-grey-400:disabled {
    background: #ced4da;
    color: color-yiq(#ced4da);
    border-color: transparent
}

.btn-outline-grey-400 {
    background: transparent;
    color: #b1bbc4;
    border-color: #ced4da;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-400:active,
.btn-outline-grey-400:focus,
.btn-outline-grey-400:hover,
.btn-outline-grey-400:visited {
    border-color: #b8c1ca !important;
    color: #b1bbc4;
    border-width: 2px
}

.btn-outline-grey-400.disabled,
.btn-outline-grey-400:disabled {
    background: transparent;
    color: #b1bbc4;
    border-color: #ced4da
}

.btn-grey-500 {
    background: #adb5bd;
    color: color-yiq(#adb5bd);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-500:active,
.btn-grey-500:focus,
.btn-grey-500:hover,
.btn-grey-500:visited {
    background: #98a2ac !important;
    color: color-yiq(#98a2ac);
    border-color: transparent
}

.btn-grey-500.disabled,
.btn-grey-500:disabled {
    background: #adb5bd;
    color: color-yiq(#adb5bd);
    border-color: transparent
}

.btn-outline-grey-500 {
    background: transparent;
    color: #919ca6;
    border-color: #adb5bd;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-500:active,
.btn-outline-grey-500:focus,
.btn-outline-grey-500:hover,
.btn-outline-grey-500:visited {
    border-color: #98a2ac !important;
    color: #919ca6;
    border-width: 2px
}

.btn-outline-grey-500.disabled,
.btn-outline-grey-500:disabled {
    background: transparent;
    color: #919ca6;
    border-color: #adb5bd
}

.btn-grey-600 {
    background: #6c757d;
    color: color-yiq(#6c757d);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-600:active,
.btn-grey-600:focus,
.btn-grey-600:hover,
.btn-grey-600:visited {
    background: #5a6268 !important;
    color: color-yiq(#5a6268);
    border-color: transparent
}

.btn-grey-600.disabled,
.btn-grey-600:disabled {
    background: #6c757d;
    color: color-yiq(#6c757d);
    border-color: transparent
}

.btn-outline-grey-600 {
    background: transparent;
    color: #545b62;
    border-color: #6c757d;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-600:active,
.btn-outline-grey-600:focus,
.btn-outline-grey-600:hover,
.btn-outline-grey-600:visited {
    border-color: #5a6268 !important;
    color: #545b62;
    border-width: 2px
}

.btn-outline-grey-600.disabled,
.btn-outline-grey-600:disabled {
    background: transparent;
    color: #545b62;
    border-color: #6c757d
}

.btn-grey-700 {
    background: #495057;
    color: color-yiq(#495057);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-700:active,
.btn-grey-700:focus,
.btn-grey-700:hover,
.btn-grey-700:visited {
    background: #383d42 !important;
    color: color-yiq(#383d42);
    border-color: transparent
}

.btn-grey-700.disabled,
.btn-grey-700:disabled {
    background: #495057;
    color: color-yiq(#495057);
    border-color: transparent
}

.btn-outline-grey-700 {
    background: transparent;
    color: #32373b;
    border-color: #495057;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-700:active,
.btn-outline-grey-700:focus,
.btn-outline-grey-700:hover,
.btn-outline-grey-700:visited {
    border-color: #383d42 !important;
    color: #32373b;
    border-width: 2px
}

.btn-outline-grey-700.disabled,
.btn-outline-grey-700:disabled {
    background: transparent;
    color: #32373b;
    border-color: #495057
}

.btn-grey-800 {
    background: #343a40;
    color: color-yiq(#343a40);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-800:active,
.btn-grey-800:focus,
.btn-grey-800:hover,
.btn-grey-800:visited {
    background: #23272b !important;
    color: color-yiq(#23272b);
    border-color: transparent
}

.btn-grey-800.disabled,
.btn-grey-800:disabled {
    background: #343a40;
    color: color-yiq(#343a40);
    border-color: transparent
}

.btn-outline-grey-800 {
    background: transparent;
    color: #1d2124;
    border-color: #343a40;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-800:active,
.btn-outline-grey-800:focus,
.btn-outline-grey-800:hover,
.btn-outline-grey-800:visited {
    border-color: #23272b !important;
    color: #1d2124;
    border-width: 2px
}

.btn-outline-grey-800.disabled,
.btn-outline-grey-800:disabled {
    background: transparent;
    color: #1d2124;
    border-color: #343a40
}

.btn-grey-900 {
    background: #212529;
    color: color-yiq(#212529);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-900:active,
.btn-grey-900:focus,
.btn-grey-900:hover,
.btn-grey-900:visited {
    background: #101214 !important;
    color: color-yiq(#101214);
    border-color: transparent
}

.btn-grey-900.disabled,
.btn-grey-900:disabled {
    background: #212529;
    color: color-yiq(#212529);
    border-color: transparent
}

.btn-outline-grey-900 {
    background: transparent;
    color: #0a0c0d;
    border-color: #212529;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-900:active,
.btn-outline-grey-900:focus,
.btn-outline-grey-900:hover,
.btn-outline-grey-900:visited {
    border-color: #101214 !important;
    color: #0a0c0d;
    border-width: 2px
}

.btn-outline-grey-900.disabled,
.btn-outline-grey-900:disabled {
    background: transparent;
    color: #0a0c0d;
    border-color: #212529
}

.btn-grey-superdark {
    background: #333;
    color: color-yiq(#333);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-superdark:active,
.btn-grey-superdark:focus,
.btn-grey-superdark:hover,
.btn-grey-superdark:visited {
    background: #202020 !important;
    color: color-yiq(#202020);
    border-color: transparent
}

.btn-grey-superdark.disabled,
.btn-grey-superdark:disabled {
    background: #333;
    color: color-yiq(#333);
    border-color: transparent
}

.btn-outline-grey-superdark {
    background: transparent;
    color: #1a1a1a;
    border-color: #333;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-superdark:active,
.btn-outline-grey-superdark:focus,
.btn-outline-grey-superdark:hover,
.btn-outline-grey-superdark:visited {
    border-color: #202020 !important;
    color: #1a1a1a;
    border-width: 2px
}

.btn-outline-grey-superdark.disabled,
.btn-outline-grey-superdark:disabled {
    background: transparent;
    color: #1a1a1a;
    border-color: #333
}

.btn-grey-semidark {
    background: #4f4f4f;
    color: color-yiq(#4f4f4f);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-semidark:active,
.btn-grey-semidark:focus,
.btn-grey-semidark:hover,
.btn-grey-semidark:visited {
    background: #3c3c3c !important;
    color: color-yiq(#3c3c3c);
    border-color: transparent
}

.btn-grey-semidark.disabled,
.btn-grey-semidark:disabled {
    background: #4f4f4f;
    color: color-yiq(#4f4f4f);
    border-color: transparent
}

.btn-outline-grey-semidark {
    background: transparent;
    color: #363636;
    border-color: #4f4f4f;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-semidark:active,
.btn-outline-grey-semidark:focus,
.btn-outline-grey-semidark:hover,
.btn-outline-grey-semidark:visited {
    border-color: #3c3c3c !important;
    color: #363636;
    border-width: 2px
}

.btn-outline-grey-semidark.disabled,
.btn-outline-grey-semidark:disabled {
    background: transparent;
    color: #363636;
    border-color: #4f4f4f
}

.btn-grey-cool {
    background: #4c4c4c;
    color: color-yiq(#4c4c4c);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-cool:active,
.btn-grey-cool:focus,
.btn-grey-cool:hover,
.btn-grey-cool:visited {
    background: #393939 !important;
    color: color-yiq(#393939);
    border-color: transparent
}

.btn-grey-cool.disabled,
.btn-grey-cool:disabled {
    background: #4c4c4c;
    color: color-yiq(#4c4c4c);
    border-color: transparent
}

.btn-outline-grey-cool {
    background: transparent;
    color: #333;
    border-color: #4c4c4c;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-cool:active,
.btn-outline-grey-cool:focus,
.btn-outline-grey-cool:hover,
.btn-outline-grey-cool:visited {
    border-color: #393939 !important;
    color: #333;
    border-width: 2px
}

.btn-outline-grey-cool.disabled,
.btn-outline-grey-cool:disabled {
    background: transparent;
    color: #333;
    border-color: #4c4c4c
}

.btn-grey-dark {
    background: #828282;
    color: color-yiq(#828282);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-dark:active,
.btn-grey-dark:focus,
.btn-grey-dark:hover,
.btn-grey-dark:visited {
    background: #6f6f6f !important;
    color: color-yiq(#6f6f6f);
    border-color: transparent
}

.btn-grey-dark.disabled,
.btn-grey-dark:disabled {
    background: #828282;
    color: color-yiq(#828282);
    border-color: transparent
}

.btn-outline-grey-dark {
    background: transparent;
    color: #696969;
    border-color: #828282;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-dark:active,
.btn-outline-grey-dark:focus,
.btn-outline-grey-dark:hover,
.btn-outline-grey-dark:visited {
    border-color: #6f6f6f !important;
    color: #696969;
    border-width: 2px
}

.btn-outline-grey-dark.disabled,
.btn-outline-grey-dark:disabled {
    background: transparent;
    color: #696969;
    border-color: #828282
}

.btn-grey-sand {
    background: #888;
    color: color-yiq(#888);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-sand:active,
.btn-grey-sand:focus,
.btn-grey-sand:hover,
.btn-grey-sand:visited {
    background: #757575 !important;
    color: color-yiq(#757575);
    border-color: transparent
}

.btn-grey-sand.disabled,
.btn-grey-sand:disabled {
    background: #888;
    color: color-yiq(#888);
    border-color: transparent
}

.btn-outline-grey-sand {
    background: transparent;
    color: #6f6f6f;
    border-color: #888;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-sand:active,
.btn-outline-grey-sand:focus,
.btn-outline-grey-sand:hover,
.btn-outline-grey-sand:visited {
    border-color: #757575 !important;
    color: #6f6f6f;
    border-width: 2px
}

.btn-outline-grey-sand.disabled,
.btn-outline-grey-sand:disabled {
    background: transparent;
    color: #6f6f6f;
    border-color: #888
}

.btn-grey-supersmooth {
    background: #bdbdbd;
    color: color-yiq(#bdbdbd);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-supersmooth:active,
.btn-grey-supersmooth:focus,
.btn-grey-supersmooth:hover,
.btn-grey-supersmooth:visited {
    background: #aaa !important;
    color: color-yiq(#aaa);
    border-color: transparent
}

.btn-grey-supersmooth.disabled,
.btn-grey-supersmooth:disabled {
    background: #bdbdbd;
    color: color-yiq(#bdbdbd);
    border-color: transparent
}

.btn-outline-grey-supersmooth {
    background: transparent;
    color: #a4a4a4;
    border-color: #bdbdbd;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-supersmooth:active,
.btn-outline-grey-supersmooth:focus,
.btn-outline-grey-supersmooth:hover,
.btn-outline-grey-supersmooth:visited {
    border-color: #aaa !important;
    color: #a4a4a4;
    border-width: 2px
}

.btn-outline-grey-supersmooth.disabled,
.btn-outline-grey-supersmooth:disabled {
    background: transparent;
    color: #a4a4a4;
    border-color: #bdbdbd
}

.btn-grey-line {
    background: #e0e0e0;
    color: color-yiq(#e0e0e0);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-line:active,
.btn-grey-line:focus,
.btn-grey-line:hover,
.btn-grey-line:visited {
    background: #cdcdcd !important;
    color: color-yiq(#cdcdcd);
    border-color: transparent
}

.btn-grey-line.disabled,
.btn-grey-line:disabled {
    background: #e0e0e0;
    color: color-yiq(#e0e0e0);
    border-color: transparent
}

.btn-outline-grey-line {
    background: transparent;
    color: #c7c7c7;
    border-color: #e0e0e0;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-line:active,
.btn-outline-grey-line:focus,
.btn-outline-grey-line:hover,
.btn-outline-grey-line:visited {
    border-color: #cdcdcd !important;
    color: #c7c7c7;
    border-width: 2px
}

.btn-outline-grey-line.disabled,
.btn-outline-grey-line:disabled {
    background: transparent;
    color: #c7c7c7;
    border-color: #e0e0e0
}

.btn-grey-light {
    background: #eee;
    color: color-yiq(#eee);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-light:active,
.btn-grey-light:focus,
.btn-grey-light:hover,
.btn-grey-light:visited {
    background: #dbdbdb !important;
    color: color-yiq(#dbdbdb);
    border-color: transparent
}

.btn-grey-light.disabled,
.btn-grey-light:disabled {
    background: #eee;
    color: color-yiq(#eee);
    border-color: transparent
}

.btn-outline-grey-light {
    background: transparent;
    color: #d5d5d5;
    border-color: #eee;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-light:active,
.btn-outline-grey-light:focus,
.btn-outline-grey-light:hover,
.btn-outline-grey-light:visited {
    border-color: #dbdbdb !important;
    color: #d5d5d5;
    border-width: 2px
}

.btn-outline-grey-light.disabled,
.btn-outline-grey-light:disabled {
    background: transparent;
    color: #d5d5d5;
    border-color: #eee
}

.btn-grey-line-smooth {
    background: #ddd;
    color: color-yiq(#ddd);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-line-smooth:active,
.btn-grey-line-smooth:focus,
.btn-grey-line-smooth:hover,
.btn-grey-line-smooth:visited {
    background: #cacaca !important;
    color: color-yiq(#cacaca);
    border-color: transparent
}

.btn-grey-line-smooth.disabled,
.btn-grey-line-smooth:disabled {
    background: #ddd;
    color: color-yiq(#ddd);
    border-color: transparent
}

.btn-outline-grey-line-smooth {
    background: transparent;
    color: #c4c4c4;
    border-color: #ddd;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-line-smooth:active,
.btn-outline-grey-line-smooth:focus,
.btn-outline-grey-line-smooth:hover,
.btn-outline-grey-line-smooth:visited {
    border-color: #cacaca !important;
    color: #c4c4c4;
    border-width: 2px
}

.btn-outline-grey-line-smooth.disabled,
.btn-outline-grey-line-smooth:disabled {
    background: transparent;
    color: #c4c4c4;
    border-color: #ddd
}

.btn-grey-background {
    background: #e5e5e5;
    color: color-yiq(#e5e5e5);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-background:active,
.btn-grey-background:focus,
.btn-grey-background:hover,
.btn-grey-background:visited {
    background: #d2d2d2 !important;
    color: color-yiq(#d2d2d2);
    border-color: transparent
}

.btn-grey-background.disabled,
.btn-grey-background:disabled {
    background: #e5e5e5;
    color: color-yiq(#e5e5e5);
    border-color: transparent
}

.btn-outline-grey-background {
    background: transparent;
    color: #ccc;
    border-color: #e5e5e5;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-background:active,
.btn-outline-grey-background:focus,
.btn-outline-grey-background:hover,
.btn-outline-grey-background:visited {
    border-color: #d2d2d2 !important;
    color: #ccc;
    border-width: 2px
}

.btn-outline-grey-background.disabled,
.btn-outline-grey-background:disabled {
    background: transparent;
    color: #ccc;
    border-color: #e5e5e5
}

.btn-grey-smoke {
    background: #f2f2f2;
    color: color-yiq(#f2f2f2);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-smoke:active,
.btn-grey-smoke:focus,
.btn-grey-smoke:hover,
.btn-grey-smoke:visited {
    background: #dfdfdf !important;
    color: color-yiq(#dfdfdf);
    border-color: transparent
}

.btn-grey-smoke.disabled,
.btn-grey-smoke:disabled {
    background: #f2f2f2;
    color: color-yiq(#f2f2f2);
    border-color: transparent
}

.btn-outline-grey-smoke {
    background: transparent;
    color: #d9d9d9;
    border-color: #f2f2f2;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-smoke:active,
.btn-outline-grey-smoke:focus,
.btn-outline-grey-smoke:hover,
.btn-outline-grey-smoke:visited {
    border-color: #dfdfdf !important;
    color: #d9d9d9;
    border-width: 2px
}

.btn-outline-grey-smoke.disabled,
.btn-outline-grey-smoke:disabled {
    background: transparent;
    color: #d9d9d9;
    border-color: #f2f2f2
}

.btn-grey-smooth {
    background: #fafafa;
    color: color-yiq(#fafafa);
    border-color: transparent;
    border-bottom: none !important
}

.btn-grey-smooth:active,
.btn-grey-smooth:focus,
.btn-grey-smooth:hover,
.btn-grey-smooth:visited {
    background: #e7e7e7 !important;
    color: color-yiq(#e7e7e7);
    border-color: transparent
}

.btn-grey-smooth.disabled,
.btn-grey-smooth:disabled {
    background: #fafafa;
    color: color-yiq(#fafafa);
    border-color: transparent
}

.btn-outline-grey-smooth {
    background: transparent;
    color: #e1e1e1;
    border-color: #fafafa;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-grey-smooth:active,
.btn-outline-grey-smooth:focus,
.btn-outline-grey-smooth:hover,
.btn-outline-grey-smooth:visited {
    border-color: #e7e7e7 !important;
    color: #e1e1e1;
    border-width: 2px
}

.btn-outline-grey-smooth.disabled,
.btn-outline-grey-smooth:disabled {
    background: transparent;
    color: #e1e1e1;
    border-color: #fafafa
}

.btn-very-light-grey {
    background: #ccc;
    color: color-yiq(#ccc);
    border-color: transparent;
    border-bottom: none !important
}

.btn-very-light-grey:active,
.btn-very-light-grey:focus,
.btn-very-light-grey:hover,
.btn-very-light-grey:visited {
    background: #b9b9b9 !important;
    color: color-yiq(#b9b9b9);
    border-color: transparent
}

.btn-very-light-grey.disabled,
.btn-very-light-grey:disabled {
    background: #ccc;
    color: color-yiq(#ccc);
    border-color: transparent
}

.btn-outline-very-light-grey {
    background: transparent;
    color: #b3b3b3;
    border-color: #ccc;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-very-light-grey:active,
.btn-outline-very-light-grey:focus,
.btn-outline-very-light-grey:hover,
.btn-outline-very-light-grey:visited {
    border-color: #b9b9b9 !important;
    color: #b3b3b3;
    border-width: 2px
}

.btn-outline-very-light-grey.disabled,
.btn-outline-very-light-grey:disabled {
    background: transparent;
    color: #b3b3b3;
    border-color: #ccc
}

.btn-gray97 {
    background: #f7f7f7;
    color: color-yiq(#f7f7f7);
    border-color: transparent;
    border-bottom: none !important
}

.btn-gray97:active,
.btn-gray97:focus,
.btn-gray97:hover,
.btn-gray97:visited {
    background: #e4e4e4 !important;
    color: color-yiq(#e4e4e4);
    border-color: transparent
}

.btn-gray97.disabled,
.btn-gray97:disabled {
    background: #f7f7f7;
    color: color-yiq(#f7f7f7);
    border-color: transparent
}

.btn-outline-gray97 {
    background: transparent;
    color: #dedede;
    border-color: #f7f7f7;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-gray97:active,
.btn-outline-gray97:focus,
.btn-outline-gray97:hover,
.btn-outline-gray97:visited {
    border-color: #e4e4e4 !important;
    color: #dedede;
    border-width: 2px
}

.btn-outline-gray97.disabled,
.btn-outline-gray97:disabled {
    background: transparent;
    color: #dedede;
    border-color: #f7f7f7
}

.btn-blue-cool {
    background: #434f5b;
    color: color-yiq(#434f5b);
    border-color: transparent;
    border-bottom: none !important
}

.btn-blue-cool:active,
.btn-blue-cool:focus,
.btn-blue-cool:hover,
.btn-blue-cool:visited {
    background: #333c45 !important;
    color: color-yiq(#333c45);
    border-color: transparent
}

.btn-blue-cool.disabled,
.btn-blue-cool:disabled {
    background: #434f5b;
    color: color-yiq(#434f5b);
    border-color: transparent
}

.btn-outline-blue-cool {
    background: transparent;
    color: #2d363e;
    border-color: #434f5b;
    border-width: 2px;
    box-shadow: none !important
}

.btn-outline-blue-cool:active,
.btn-outline-blue-cool:focus,
.btn-outline-blue-cool:hover,
.btn-outline-blue-cool:visited {
    border-color: #333c45 !important;
    color: #2d363e;
    border-width: 2px
}

.btn-outline-blue-cool.disabled,
.btn-outline-blue-cool:disabled {
    background: transparent;
    color: #2d363e;
    border-color: #434f5b
}

.btn-block {
    width: 100%
}

.btn-lg {
    padding: 10px 29px;
    font-size: 16px
}

.btn-default {
    padding: 6px 12px;
    font-size: 14px
}

.btn-small {
    font-size: 12px
}

.btn {
    border-radius: 0;
    border: 0;
    border-bottom: 4px solid #ccc;
    margin: 0 0 4px;
    -webkit-box-shadow: 0 5px 5px -6px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 5px -6px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 5px -6px rgba(0, 0, 0, .3)
}

.btn .btn-block:active,
.btn .btn-lg:active {
    -webkit-box-shadow: inset 0 3px 3px -5px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 3px 3px -5px rgba(0, 0, 0, .3);
    box-shadow: inset 0 3px 3px -5px rgba(0, 0, 0, .3)
}

.btn-default {
    color: #555;
    background-color: #f9f9f9;
    border-color: #cacaca;
    text-shadow: 1px 1px 0 #f5f5f5
}

.btn-default:focus,
.btn-default:hover {
    background-color: #f4f4f4;
    border-color: #bebebe
}

.btn-info {
    background-color: #39b3d7;
    border-color: #348fd2;
    text-shadow: 1px 1px 0 #238ed5
}

.btn-info:focus,
.btn-info:hover {
    background-color: #45abcd;
    border-color: #347abe
}

.btn-warning {
    background-color: #feaf20;
    border-color: #d79a34;
    text-shadow: 1px 1px 0 #db9e34
}

.btn-warning:focus,
.btn-warning:hover {
    background-color: #f5a620;
    border-color: #cd9034
}

.btn-wide {
    width: 100%
}

.btn-secondary {
    background-color: #ececec;
    border-color: #ececec;
    color: #6d6d6d;
    box-shadow: none;
    border-top: 2px;
    margin-left: 2px !important;
    border-bottom: 2px;
    padding-bottom: 8px
}

.btn-secondary a {
    color: #6d6d6d
}

.btn-secondary:hover {
    background-color: #dfdfdf;
    border-color: #dfdfdf
}

.btn-grey {
    color: #313131;
    background-color: #efefef;
    border: 1px solid #d3d3d3;
    border-bottom: 4px solid #d3d3d3 !important
}

.btn-grey:hover {
    color: #313131;
    background-color: #f2f2f2;
    border-color: #b9b9b9
}

.btn-grey.active {
    background-color: #efefef !important;
    border: none !important;
    border-bottom: 4px solid #d3d3d3 !important
}

.btn-white {
    background-color: #fff;
    border-color: #fff;
    box-shadow: none
}

.btn-social-link {
    padding: 4px 8px;
    font-size: 16px
}

.btn-social-link:hover {
    color: #337ab7;
    text-decoration: none
}

.btn-big {
    font-size: 1.2em;
    padding: .5em 1em
}

.btn-delete {
    border-radius: 50%;
    background-color: #fff;
    border: 0
}

.btn-small {
    font-size: .8em
}

.btn-bluesky {
    width: 100%;
    border-bottom: 0;
    font-weight: 700;
    background-color: #4274d7;
    text-shadow: none;
    color: #fff
}

.btn-shipping {
    color: #fff;
    font-size: 22px;
    line-height: 50px;
    margin: 0
}

.btn-shipping:hover {
    color: #fff;
    background-color: #2756b3
}

.btn-login {
    line-height: 30px;
    font-size: 22px;
    padding: 15px
}

.btn-o-green {
    font-size: 13px;
    font-weight: 700;
    color: #7ac70c;
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    width: fit-content;
    text-align: right
}

.btn-o-green:hover {
    background-color: #7ac70c;
    color: #fff;
    border: none
}

.btn-basic-rounded {
    background: linear-gradient(180deg, #fff, #f9fafb);
    border: 1px solid #ced4da;
    border-radius: 4px;
    text-align: center;
    padding: 8px 16px;
    font-size: 14px;
    color: #212529;
    width: max-content
}

.btn-basic-rounded .fa {
    margin: 0 8px 0 0 !important;
    color: #25d366
}

.btn-toggler .btn {
    background: #fff;
    border: 1px solid #ced4d9;
    box-shadow: 0 1px 0 #e9ecef
}

.btn-toggler .btn.active {
    border: 1px solid #ced4d9;
    background: none #f4f6f8;
    box-shadow: none
}

.btn-toggler .btn.active-custom {
    background: #fff;
    border: 3px solid #3f75d0;
    color: #212529;
    text-shadow: none !important
}

.btn-toggler .btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-toggler .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.primary-button {
    background-color: #198038;
    color: #fff;
    padding: 10px 16px
}

.custom-button,
.primary-button {
    font-size: 14px;
    border-radius: 48px;
    border: 0
}

.custom-button {
    background-color: #fdd13a;
    color: #212529;
    padding: 13px 21px;
    font-weight: 700
}

.secondary-button {
    background-color: #000;
    padding: 16px;
    color: #fff;
    border: none;
    border-radius: 4px
}

.btn.disabled,
.btn.disabled:hover,
.btn[disabled],
.btn[disabled]:hover,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover {
    background: #ccc;
    color: #313131
}

.btn.disabled,
.btn[disabled],
.btn[disabled]:hover {
    border-color: #ccc;
    text-shadow: none;
    color: #ececec
}

.drag-to-upload {
    background-color: #fafafa;
    width: 100%;
    min-height: 200px;
    border: 4px solid #ececec;
    text-align: center;
    padding: 14px 0
}

.drag-to-upload img {
    margin-bottom: 10px;
    border: 1px solid #ececec
}

.drag-to-upload span {
    display: block;
    line-height: 160px;
    font-size: 2em;
    font-weight: 700;
    color: #aaa
}

.drag-to-upload.secondary {
    height: 100px;
    border: 4px dashed #ccc
}

.drag-to-upload.secondary span {
    font-size: 1.5em;
    margin-top: 35px
}

.drag-to-upload.dragover {
    border: 4px solid #5fa2db
}

.drag-to-upload.dragover span {
    color: #5fa2db
}

.drag-to-upload .photo {
    position: relative
}

.drag-to-upload .photo .remove-button {
    background: #fff;
    border-radius: 50%;
    font-size: 1.4em;
    position: absolute;
    top: -5px;
    right: -10px
}

.btn-spinner {
    font-family: sans-serif;
    font-weight: 100
}

.btn-spinner:not(:required) {
    -webkit-animation: three-quarters 1.25s linear infinite;
    -moz-animation: three-quarters 1.25s infinite linear;
    -ms-animation: three-quarters 1.25s infinite linear;
    -o-animation: three-quarters 1.25s infinite linear;
    animation: three-quarters 1.25s linear infinite;
    border: 3px solid #8c8c8c;
    border-right-color: transparent;
    border-radius: 100%;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -9999px;
    width: 18px;
    height: 18px;
    margin-left: -22px;
    opacity: 0;
    transition: margin .4s ease-out, opacity .2s ease-out
}

.btn-spinner,
.is-loading .btn-spinner {
    transition: margin .2s ease-in, opacity .4s ease-in;
    margin-left: 5px;
    opacity: 1;
    text-align: left
}

.btn-detail {
    padding: 5px 10px;
    position: relative;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    background-color: #e1e1e1;
    color: #000
}

.product-social-button {
    font-size: 2em;
    margin: 1em 0
}

.product-social-button.small {
    font-size: 1em;
    margin: 0
}

.product-social-button.small a {
    width: 32px;
    height: 32px;
    padding: 6px
}

.product-social-button.medium {
    font-size: 1.5em;
    margin: 0
}

.product-social-button.medium p {
    font-size: .7em
}

.product-social-button.medium a {
    width: 48px;
    height: 48px;
    padding: 8px
}

.product-social-button span {
    font-size: .8em;
    display: none
}

.product-social-button .facebook {
    background-color: #39589a;
    color: #fff !important
}

.product-social-button .twitter {
    background-color: #069ff5;
    color: #fff !important
}

.product-social-button .google-plus {
    background-color: #d93b2b;
    color: #fff !important
}

.product-social-button .email {
    background-color: #fff;
    color: #08457c !important
}

.product-social-button .whatsapp {
    background-color: #49c955;
    color: #fff !important
}

.product-social-button a {
    display: inline-block;
    width: 64px;
    border: 1px solid #ececec;
    padding: 12px;
    margin-right: 5px;
    text-align: center
}

.image-link {
    background: transparent url(/images/ajax-loader.gif?_=ca82fbf…) 50% no-repeat
}

.color-pick {
    padding-bottom: 1em
}

.color-pick .color-name,
.color-pick label {
    float: left;
    margin: 2px 5px 0 0
}

.color-pick .color-name {
    margin-left: 8px
}

.color-pick ul.color-choice {
    list-style: none;
    padding: 0;
    float: left
}

.color-pick ul.color-choice li {
    display: inline;
    margin: 0 0 5px;
    padding: 0
}

.color-pick ul.color-choice .color-box {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid #ccc
}

.color-pick ul.color-choice .color-box.active {
    border: 2px solid #337ab7
}

.btn-inverse {
    color: #fff !important;
    background-color: #000;
    border: 0;
    font-size: 1.2em
}

.btn-inverse span {
    font-size: .8em
}

.colorbox {
    list-style: none;
    margin: 0;
    padding: 0
}

.colorbox li {
    display: inline
}

.colorbox li div.color {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 50%
}

.colorbox li div.color.black {
    background-color: #000
}

.colorbox li div.color.white {
    background-color: #fff
}

.colorbox li div.color.grey {
    background-color: #abb1af
}

.colorbox li div.color.green {
    background-color: #588c3a
}

.colorbox li div.color.blue {
    background-color: #074b78
}

.colorbox li div.color.pink {
    background-color: #dab6c2
}

.colorbox li div.color.yellow {
    background-color: #feed00
}

.colorbox li div.color.red {
    background-color: #ae0a0b
}

.button-bulk {
    background-color: #2d9cdb;
    padding: 15px 28px;
    display: block;
    font-weight: 700;
    color: #fff
}

.custom-upload {
    display: block;
    height: 100px;
    border: 1px solid #ccc
}

.custom-upload .image-preview {
    background-color: #eee;
    height: 100%
}

.custom-upload .upload-field {
    padding: 25px;
    z-index: 100
}

.custom-upload .upload-sign {
    padding: 17px
}

.custom-upload i {
    font-size: 60px
}

.btn-view-more {
    border-top: 1px solid #e0e0e0;
    font-weight: 700;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    margin-top: 5px
}

.btn-buy-mobile {
    background-color: #7ac70c;
    padding: 0 30px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    border: 0
}

.btn-flashsale {
    background: linear-gradient(104.56deg, #ee7f23 -8.65%, #db2741 143.63%)
}

.btn-recommendation {
    background: #fff
}

.btn-recommendation:hover {
    background: #fafafa
}

.photo-gallery img.photo-preview {
    width: 100%;
    border: 2px solid #fff;
    margin-bottom: 15px;
    max-height: 581px !important;
    object-fit: cover !important
}

.photo-gallery .photo-thumbs-placeholder {
    width: 10%;
    margin: 0 0 10px;
    padding: 0;
    float: left;
    white-space: nowrap;
    overflow: auto
}

.photo-gallery .photo-thumbs-placeholder div {
    float: left
}

.photo-gallery .photo-thumbs-placeholder .photo-thumbnails {
    max-height: 250px;
    overflow-y: hidden;
    margin-bottom: 10px
}

.photo-gallery .photo-thumbs-placeholder .photo-thumbnails-item img {
    width: 100%;
    border: 2px solid #fff
}

.photo-gallery .photo-thumbs-placeholder .photo-thumbnails-item img:hover {
    border: 2px solid #ececec
}

.photo-gallery .photo-thumbs-placeholder .photo-thumbnails-item img.active {
    border: 2px solid #337ab7
}

.photo-thumbs-placeholder {
    white-space: nowrap;
    overflow: auto
}

.photo-thumbnails-colors,
.photo-thumbnails-item {
    display: inline-block
}

.photo-thumbnails-colors img,
.photo-thumbnails-item img {
    border: 1px solid #eee;
    margin: 0 10px 0 5px;
    width: 75px;
    height: auto
}

.product-review {
    margin-top: 25px;
    padding: 0 10px 20px;
    text-transform: capitalize
}

.product-review h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 15px
}

.product-review .content-side {
    background: rgba(122, 199, 12, .05);
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 5px
}

.product-review i.fa-thumbs-up {
    font-size: 1.5em;
    color: green;
    float: left;
    margin: 10px 20px 10px 0
}

.product-review .fullname {
    font-weight: 400;
    line-height: 25px;
    font-size: 12px;
    color: #888
}

.product-review .message-trim {
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    font-size: 14px;
    color: #333;
    display: block
}

.product-review .message {
    font-weight: 400;
    line-height: 20px;
    font-size: 12px;
    display: block;
    color: #4c4c4c
}

@media only screen and (max-width:600px) {
    .photo-gallery .photo-thumbs-placeholder .photo-thumbnails {
        max-height: 180px
    }
    .photo-gallery .photo-thumbs-placeholder .btn {
        padding: 0
    }
}

.product-preview h2 {
    border-top: 4px solid #313131;
    padding-top: 2em;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 700;
    max-width: 280px;
    margin: 2em auto 1em
}

.product-preview h2 button {
    border-radius: 8px;
    margin-left: 15px;
    font-size: 80%
}

.notification_window {
    margin-top: 1em
}

.notification {
    margin: 0 0 15px;
    text-align: center;
    padding: 15px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 10px;
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    font-size: 14px;
    font-weight: 400;
    color: #313131;
    background-color: #fff
}

.notification .success {
    color: #4f8a10;
    background-color: #dff2bf !important
}

.notification .warning {
    color: #9f6000;
    background-color: #fde688
}

.notification .error {
    color: #d8000c;
    background-color: #ffbaba
}

.default {
    background-color: #fff !important;
    border: 2px solid #ececec
}

.info {
    color: #00529b;
    background-color: #bde5f8 !important
}

.info a,
.info a:visited {
    font-weight: 700;
    text-decoration: underline
}

.notification p {
    margin-bottom: 0
}

.notification img {
    margin-right: 5px;
    margin-top: -4px
}

.notification-alert {
    background: #17a2b8;
    border-radius: 8px;
    padding: 12px 20px;
    color: #fff;
    font-size: 14px
}

.notification-alert .fa-info-circle:before {
    font-size: 22px
}

.topbar {
    text-align: center;
    padding: 10px 20px;
    background-color: #484848;
    font-weight: 700;
    color: #ececec
}

.topbar .topbar-text {
    color: #fff;
    font-size: 14px;
    margin: 0
}

.topbar .topbar-text span.orange {
    color: #f2c94c
}

.topbar .tag-button {
    text-decoration: none;
    margin-left: 25px;
    font-size: 13px;
    background-color: #f2c94c;
    color: #000;
    padding: 6px 50px;
    font-weight: 700
}

.topbar .fa-close-topbar {
    cursor: pointer;
    font-size: 20px;
    margin-left: 23px
}

.topbar a {
    font-weight: 700;
    text-decoration: underline
}

.topbar.grey {
    background-color: #efefef !important
}

.bar-notif {
    padding: 10px 36px;
    color: #856404;
    text-align: center;
    position: relative
}

.bar-notif.border {
    border-radius: 4px;
    margin-top: 16px
}

.bar-notif .text-bar {
    font-size: 14px;
    margin: 0
}

.bar-notif .fa-close {
    position: absolute;
    right: 16px;
    top: 14px
}

.user-menu {
    background: #fafafa;
    padding: 0 0 50px
}

.user-menu p {
    margin: 0
}

.user-menu .title-bold {
    margin-bottom: 16px
}

.user-menu .text-summary {
    color: rgba(0, 0, 0, .54)
}

.user-menu .text-summary span {
    color: #000
}

.user-menu .table-menu-user {
    background-color: #fff;
    width: 100%;
    margin-bottom: 24px;
    border-bottom: 2px solid #eee;
    font-size: 14px
}

.user-menu .table-menu-user .table-header {
    padding: 11px 24px;
    background-color: #f5f5f5
}

.user-menu .table-menu-user .table-header .title {
    font-size: 18px;
    color: #333
}

.user-menu .table-menu-user .table-header .date {
    font-size: 12px;
    color: rgba(0, 0, 0, .54)
}

.user-menu .table-menu-user .table-header .button-arrow {
    color: #e0e0e0;
    font-size: 17px;
    margin-left: 16px
}

.user-menu .table-menu-user .table-content {
    border-top: 1px solid #eee;
    padding: 16px 24px 0
}

.user-menu .table-menu-user .table-content .product-row {
    margin-bottom: 16px
}

.user-menu .table-menu-user .table-content .product-row .img-wrapper {
    width: 80px;
    height: 80px
}

.user-menu .table-menu-user .table-content .product-row .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.user-menu .table-menu-user .table-content .product-row .product-name {
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 8px
}

.user-menu .table-menu-user .table-content .product-row .product-name a {
    color: #333
}

.user-menu .table-menu-user .table-content .product-row .btn-o-green {
    float: right;
    margin-top: 18px
}

.user-menu .table-menu-user .table-content .product-row .product-store {
    font-size: 12px;
    margin-top: -8px;
    margin-bottom: 10px
}

.user-menu .table-menu-user .table-content .product-row .product-store a {
    color: rgba(0, 0, 0, .38)
}

.user-menu .table-menu-user .table-footer {
    border-top: 1px solid #eee;
    padding: 22px 24px
}

.user-menu .table-menu-user .table-footer .total {
    font-weight: 700;
    color: #666
}

.user-menu .table-menu-user .table-footer .total .total-price {
    color: #333;
    margin-left: 40px
}

.user-menu .table-menu-stripped {
    width: 100%;
    min-height: 214px;
    background-color: #fff;
    border-bottom: 2px solid #eee;
    font-size: 14px
}

.user-menu .table-menu-stripped td {
    border-top: 1px solid #eee;
    padding: 16px
}

.user-menu .table-menu-stripped td .title {
    color: rgba(0, 0, 0, .54)
}

.user-menu .menu-detail-title {
    display: flex;
    align-items: center;
    margin-bottom: 39px
}

.user-menu .menu-detail-title h2 {
    margin: 0
}

.user-menu .menu-detail-title .fa:before {
    font-size: 24px;
    margin-right: 16px;
    color: rgba(0, 0, 0, .38)
}

.user-menu .table-basic {
    width: 100%;
    width: 36%;
    text-align: right;
    float: right;
    margin-bottom: 24px;
    font-size: 14px
}

.user-menu .history-order-empty {
    display: block;
    margin: auto;
    font-size: 16px;
    line-height: 28px;
    color: #666
}

.user-menu .history-order-empty img {
    display: block;
    margin: auto
}

.user-menu .history-order-empty .hilight {
    color: #f1592a
}

.user-menu .filter-orders ul {
    display: block;
    margin: 0 0 26px;
    padding: 0
}

.user-menu .filter-orders ul li {
    display: inline-block;
    font-size: 12px;
    margin-right: 26px;
    cursor: pointer;
    padding: 5px 9px;
    text-transform: capitalize;
    margin-bottom: 8px
}

.user-menu .filter-orders ul li.active,
.user-menu .filter-orders ul li:hover {
    color: #4274d7;
    border-radius: 12px;
    border: 1px solid #4274d7;
    padding: 4px 8px
}

@media only screen and (max-width:728px) {
    .user-menu .filter-orders {
        overflow: auto
    }
    .user-menu .filter-orders .filter-wrapper {
        width: max-content;
        display: inline-block
    }
    .user-menu .filter-orders .filter-wrapper ul li {
        margin-right: 8px
    }
    .user-menu .filter-orders .filter-wrapper ul li:hover {
        border: none;
        color: #333
    }
    .user-menu .filter-orders .filter-wrapper ul li.active {
        color: #4274d7;
        border: 1px solid #4274d7
    }
    .user-menu .header-title-mobile {
        box-shadow: 0 2px 0 #eee;
        background-color: #fff;
        padding: 12px 16px;
        margin: 0 -15px 16px;
        font-size: 17px;
        color: #333;
        font-weight: 600;
        display: flex !important;
        align-items: center
    }
    .user-menu .header-title-mobile .arrow-title {
        padding: 0 8px
    }
    .user-menu .header-title-mobile a {
        color: #333
    }
    .user-menu .table-menu-user .table-header .date {
        margin-bottom: 6px
    }
    .user-menu .table-menu-user .table-content {
        padding: 16px 16px 0
    }
    .user-menu .table-menu-user .table-content .product-row {
        margin-bottom: 24px
    }
    .user-menu .table-menu-user .table-content .product-row .img-wrapper {
        width: 48px;
        height: 48px
    }
    .user-menu .table-menu-user .table-content .product-row .btn-o-green {
        float: left;
        margin-top: 10px
    }
    .user-menu .table-menu-user .table-content .product-spec .order-status {
        display: inline-block;
        margin: 2px
    }
    .user-menu .table-menu-user .table-content .product-spec .order-status.work-status {
        margin-left: 2px
    }
    .user-menu .table-menu-stripped td {
        padding: 12px
    }
    .user-menu .table-menu-stripped td .title {
        width: 40%
    }
    .user-menu .table-basic {
        width: 100%;
        text-align: left
    }
}

#tees-widget-123192 .product-item {
    display: block;
    float: left;
    margin-right: 10px;
    max-width: 180px
}

#tees-widget-123192 .product-item img {
    width: 100%
}

#tees-widget-123192 .product-item a,
#tees-widget-123192 .product-item a:visited {
    display: block;
    width: 100%;
    text-decoration: none
}

#tees-widget-123192 .product-item .meta {
    font-family: Helvetica, sans-serif;
    text-decoration: none;
    padding: 10px;
    margin-bottom: 1em;
    font-size: 14px
}

#tees-widget-123192 .product-item .meta .title {
    text-decoration: none;
    display: block;
    color: #313131;
    font-weight: 700;
    margin-bottom: 5px
}

#tees-widget-123192 .product-item .meta .price {
    text-decoration: none;
    font-size: .9em;
    display: block;
    color: #777
}

#tees-widget-123192 .clear {
    clear: both
}

#tees-widget-123192 .cta {
    font-size: 14px;
    font-family: Helvetica, sans-serif;
    display: inline-block;
    width: auto;
    text-decoration: none;
    padding: 10px 20px;
    color: #fff;
    background-color: #000
}

#tees-widget-123192 .cta:hover {
    background-color: #333
}

#tees-widget-123192 .powered {
    color: #777;
    display: block;
    width: 100%;
    padding: 10px 0;
    font-family: Helvetica, sans-serif;
    font-size: .5em;
    text-decoration: none
}

.suggestion .product-image-link {
    min-height: 0;
    background: transparent url(/images/ajax-loader.gif?_=ca82fbf…) 50% no-repeat
}

@media only screen and (max-width:786px) {
    .mobile-search-wrapper {
        height: 100%;
        position: fixed;
        z-index: 100;
        top: 0;
        width: 100%
    }
    .mobile-search-wrapper a,
    .mobile-search-wrapper a:hover,
    .mobile-search-wrapper a:visited {
        color: #fff !important
    }
    .mobile-search-wrapper .search-mobile-top {
        padding: 5px 15px;
        border-bottom: 1px solid #e0e0e0;
        background-color: #fff
    }
    .mobile-search-wrapper .search-mobile-top i,
    .mobile-search-wrapper .search-mobile-top input {
        float: left;
        display: inline
    }
    .mobile-search-wrapper .search-mobile-top i {
        width: 11%;
        font-size: 1.5em;
        cursor: pointer
    }
    .mobile-search-wrapper .search-mobile-top input {
        width: 150%;
        box-shadow: none;
        border: none;
        margin: 0
    }
    .mobile-search-wrapper .search-box {
        margin-left: 0;
        width: 100%;
        background-color: #333;
        height: 100%;
        overflow: auto;
        padding-bottom: 50px;
        z-index: 999
    }
    .mobile-search-wrapper .suggestion {
        margin-top: 0;
        border: none;
        width: 100%
    }
    .mobile-search-wrapper .suggestion .product-search-history {
        display: flex;
        overflow: auto
    }
    .mobile-search-wrapper .suggestion .product-search-history .product-item {
        min-width: 128px;
        background-color: #fff;
        margin: 0 4px;
        padding: 10px 10px 0 !important
    }
    .mobile-search-wrapper .suggestion .product-search-history .product-item.creator {
        background-color: transparent;
        min-width: 55px;
        padding: 5px 0 !important
    }
    .mobile-search-wrapper .suggestion .product-search-history .product-item .cover-item {
        width: 100%;
        height: 100px
    }
    .mobile-search-wrapper .suggestion .product-search-history .product-item .cover-item img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.panel-custom .panel-group {
    margin-bottom: 0;
    margin-top: 10px
}

.panel-custom .panel-group .panel {
    background-color: #fff;
    border: 0
}

.panel-custom .panel-group .panel .panel-title {
    font-size: 12px
}

.panel-custom .panel-group .panel .glyphicon {
    font-size: 9px
}

.panel-custom .panel-default>.panel-heading {
    background-color: #fff;
    color: #333;
    font-weight: lighter
}

.panel-custom .panel-heading {
    padding: 0
}

.panel-custom .panel-body {
    padding: 15px 0 0
}

.panel-custom .panel-heading+.panel-collapse>.panel-body {
    border: 0
}

.align-right {
    text-align: right
}

input[type=checkbox],
input[type=radio] {
    width: 15px;
    height: 15px
}

input[type=checkbox].checkbox-custom {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 1px
}

input[type=radio].checkbox-custom {
    width: 1px
}

.checkbox-custom:before {
    content: "";
    background: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    text-align: center
}

.checkbox-custom:checked:before {
    content: "\f00c";
    font-family: FontAwesome;
    background: #4274d7;
    border: none;
    color: #fff
}

.checkbox-custom:focus {
    outline: 1px solid #ddd
}

.checkbox-custom-label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    color: #828282;
    line-height: 21px
}

.header-shipping {
    background-color: #fafafa;
    border: solid #e0e0e0;
    border-width: 0 0 1px
}

.header-shipping .header-container {
    padding: 37px 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-shipping .header-container.center {
    display: block
}

.header-shipping .header-container .shipping-title {
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center
}

.header-shipping .header-container .shipping-subtitle {
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.header-shipping .header-container .direction-container {
    display: flex;
    align-items: center
}

.header-shipping .header-container .direction-container .subtitle-on {
    font-size: 16px;
    color: #4274d7;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 0 0 0 20px
}

.header-shipping .header-container .direction-container .subtitle-off {
    font-size: 16px;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    color: #bdbdbd;
    margin: 0 0 0 20px
}

.header-shipping .header-container .direction-container .img-shipping {
    margin-left: 20px
}

.product-list-caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 25px 0
}

.product-list-caption .caption-set {
    background-color: #bdbdbd;
    border: none;
    height: 1px;
    margin: auto;
    width: 25%
}

.product-list-caption .caption-text {
    margin: auto;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    width: 50%;
    text-align: center;
    font-family: open sans
}

.product-list-caption .caption-login {
    font-size: 14px;
    color: grey;
    text-transform: uppercase
}

.caption-border-top {
    border-top: 1px solid #e0e0e0;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-top: 20px
}

.login-title h1 {
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    margin: 0
}

.btn-modal-close {
    position: absolute;
    top: -15px;
    right: -5px;
    background-color: #000;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 5px;
    border: 2px solid #fff;
    cursor: pointer;
    z-index: 99
}

.modal-content {
    border-radius: 4px
}

.header-shipping-help {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-shipping-help .help-block-shipping {
    display: block
}

.header-shipping-help .help-block-shipping span {
    font-family: Open sans, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #bdbdbd;
    display: inline-block
}

.header-shipping-help .help-block-shipping h2 {
    font-family: Open sans, Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    margin: 0
}

.header-shipping-mobile {
    display: inline-flex !important;
    width: 100%;
    font-size: 13px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e0e0e0
}

.header-shipping-mobile.done {
    background-color: rgba(66, 116, 215, .2)
}

.header-shipping-mobile .rectangle {
    height: 0;
    width: 0;
    border: 15px solid transparent;
    border-left-color: rgba(66, 116, 215, .2)
}

.header-shipping-mobile .rectangle.done {
    border-left: 15px solid #f2f2f2
}

.header-shipping-mobile .box-active {
    width: 50%;
    height: 30px;
    background-color: rgba(66, 116, 215, .2);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4274d7
}

.header-shipping-mobile .box-active.done {
    background-color: #f2f2f2;
    color: #bdbdbd
}

.header-shipping-mobile .box-off {
    width: 50%;
    height: 30;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #bdbdbd
}

.header-shipping-mobile .box-off.done {
    color: #4274d7
}

.color-box {
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    margin-right: 5px;
    border: 1px solid #eee
}

.info-field {
    border: 1px solid
}

.review-stars.shop {
    padding: 0;
    display: flex
}

.review-stars.shop .fa-star-o:before,
.review-stars.shop .fa-star:before {
    font-size: 12px
}

.recommended-result-wrapper .main-title-container {
    margin: 20px 0
}

.banner-cart {
    text-align: center
}

.banner-cart .buy-text {
    margin: 10px 0
}

.banner-cart .buy-text span {
    font-size: 12px;
    color: #606060;
    margin-bottom: 15px
}

.banner-cart .benefit-small {
    padding: 10px 15px
}

.banner-cart .benefit-small.delivery {
    background-color: #fafafa;
    border-radius: 5px;
    position: relative
}

.banner-cart .benefit-small.transaction {
    border: 1px solid #fff6e3;
    background-color: #fffbf3
}

.banner-cart .benefit-small.delivery,
.banner-cart .benefit-small.transaction {
    margin: 6px 0;
    display: flex;
    align-items: center;
    text-align: left
}

.banner-cart .benefit-small.delivery .fa,
.banner-cart .benefit-small.transaction .fa {
    font-size: 18px;
    margin-right: 15px
}

.banner-cart .benefit-small.delivery .fa.fa-truck,
.banner-cart .benefit-small.transaction .fa.fa-truck {
    color: #495057
}

.banner-cart .benefit-small.delivery .fa.fa-chevron-down,
.banner-cart .benefit-small.transaction .fa.fa-chevron-down {
    margin: 0;
    font-size: 12px;
    color: #333
}

.banner-cart .benefit-small.delivery .fa.fa-info-circle,
.banner-cart .benefit-small.transaction .fa.fa-info-circle {
    color: #4274d7
}

.banner-cart .benefit-small.delivery .fa.fa-shield,
.banner-cart .benefit-small.transaction .fa.fa-shield {
    color: #6ea036
}

.banner-cart .benefit-small.delivery p,
.banner-cart .benefit-small.transaction p {
    font-size: 12px;
    font-weight: 400;
    margin: 0
}

.banner-cart .benefit-small.delivery p.small,
.banner-cart .benefit-small.transaction p.small {
    font-size: 12px
}

.banner-cart .benefit-small.delivery p a,
.banner-cart .benefit-small.delivery p span,
.banner-cart .benefit-small.transaction p a,
.banner-cart .benefit-small.transaction p span {
    color: #219653
}

.banner-cart .benefit-small.delivery p a.dotted,
.banner-cart .benefit-small.delivery p span.dotted,
.banner-cart .benefit-small.transaction p a.dotted,
.banner-cart .benefit-small.transaction p span.dotted {
    text-decoration-style: dotted;
    text-decoration-line: underline
}

.banner-cart .benefit-small.delivery p a.bold,
.banner-cart .benefit-small.delivery p span.bold,
.banner-cart .benefit-small.transaction p a.bold,
.banner-cart .benefit-small.transaction p span.bold {
    color: #333;
    font-weight: 700
}

.banner-cart .benefit-small.delivery .select2-container .select2-choice,
.banner-cart .benefit-small.delivery i.fa-chevron-down,
.banner-cart .benefit-small.transaction .select2-container .select2-choice,
.banner-cart .benefit-small.transaction i.fa-chevron-down {
    color: #4274d7
}

.select-city {
    display: flex;
    align-items: center
}

.select-city .select2-container {
    width: auto;
    line-height: 0
}

.select-city .select2-container .select2-choice {
    font-weight: 700;
    border: none !important;
    line-height: 18px;
    color: #333;
    font-size: 13px;
    height: auto !important;
    background-color: transparent;
    display: inline-block;
    padding: 0 !important
}

.select-city .select2-container .select2-choice .select2-arrow {
    display: none !important
}

.select-city .select2-container .select2-choice>.select2-chosen {
    padding: 0 7px !important;
    border: 1px solid transparent
}

.select-city .select2-container .select2-choice>.select2-chosen:hover {
    border: 1px solid #2f80ed;
    border-radius: 5px;
    color: #2f80ed
}

.select-city .select2-container .select2-choice>.select2-chosen:hover i {
    color: #2f80ed
}

.select-city .select2-dropdown-open .select2-choice {
    background-color: transparent !important
}

.select-city .select2-drop {
    width: 200%
}

.select-city .select2-container-active .select2-choice {
    box-shadow: none
}

.select-city .text-select {
    line-height: 18px;
    border: 1px solid transparent
}

.select-city .select2-results .select2-result-label {
    line-height: 18px
}

.modal-kredivo {
    vertical-align: middle
}

.modal-kredivo .modal-header {
    padding: 13px 30px;
    background-color: #fafafa;
    border-radius: 2px;
    display: block
}

.modal-kredivo .modal-header h3.modal-title {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    display: inline-block
}

.modal-kredivo .modal-header i {
    font-size: 16px;
    display: inline-block;
    float: right;
    margin-top: 5px;
    cursor: pointer
}

.modal-kredivo .modal-body {
    padding: 13px 30px
}

.modal-kredivo .modal-body p {
    font-size: 14px;
    margin: 0
}

.modal-kredivo .modal-body p span {
    font-weight: 700
}

.modal-kredivo .modal-footer.kredivo {
    text-align: left;
    border: 0;
    padding: 0 0 30px 30px
}

.modal-kredivo .modal-footer.kredivo .checkout {
    color: #4274d7
}

.modal-kredivo .modal-footer.kredivo .pay {
    font-weight: 700
}

.btn-view-all,
.pointer {
    cursor: pointer
}

.btn-view-all {
    background: #f5f5f5;
    line-height: 46px;
    font-size: 14px;
    color: #4c4c4c;
    text-align: center;
    width: 150px;
    margin: 0
}

.btn-view-all,
.modal-product-detail {
    border-radius: 5px
}

.modal-product-detail .modal-header {
    background-color: #f5f5f5;
    padding: 16px 30px;
    border-radius: 5px 5px 0 0;
    border: none;
    border-bottom: 1px solid #ddd
}

.modal-product-detail .modal-header .modal-title {
    font-size: 22px;
    font-weight: 700
}

.modal-product-detail .modal-header .fa-close:before {
    color: #999;
    font-size: 18px
}

.modal-product-detail .modal-body .product-review {
    margin-top: 5px;
    padding: 0 5px;
    text-transform: capitalize
}

.modal-product-detail .modal-body .product-review .review-pagination ul {
    margin: 0
}

.modal-product-detail .modal-body .size-guide {
    margin: 0 20px
}

.modal-product-detail .modal-body.size {
    margin-top: 20px;
    padding: 20px
}

.modal-product-detail .modal-body .garment-wrapper {
    margin: 0 5px;
    cursor: pointer
}

.modal-product-detail .modal-body .garment-wrapper .content {
    padding: 8px 10px
}

.modal-product-detail .modal-body .garment-wrapper .content .btn-material {
    font-size: 14px;
    color: #4c4c4c;
    box-shadow: none;
    border: 0;
    background-color: #f5f5f5;
    line-height: 45px
}

.modal-product-detail .modal-body .garment-wrapper .content .btn-material.material-chosen,
.modal-product-detail .modal-body .garment-wrapper .content .btn-material:hover {
    background-color: #7ac70c;
    color: #fff
}

.modal-product-detail .modal-body .garment-wrapper .content .btn-material.editor {
    background-color: #4274d7;
    color: #fff;
    font-size: 12px;
    padding: 6px 5px
}

.modal-product-detail .modal-body .garment-wrapper .content .btn-material.editor:hover {
    background-color: #2d65d3
}

.modal-product-detail .modal-body .garment-wrapper .content p {
    margin: 10px 0;
    font-size: 13px
}

.modal-product-detail .modal-footer {
    border-radius: 5px 5px 0 0;
    border: none
}

.modal-garment-alert .modal-body {
    background-color: #000;
    padding: 20px 30px
}

.modal-garment-alert .modal-body p {
    margin: 0;
    color: #fff
}

.modal-garment-alert .modal-dialog {
    top: 30%
}

.modal-garment-alert .modal-content {
    border: none
}

.category-label {
    font-size: 8px;
    padding: 2px 4px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 2px;
    margin-left: 4px
}

.category-label.label-green {
    background-color: #39b924;
    color: #fff
}

.category-label.label-red {
    background-color: #ea212d;
    color: #fff
}

@-webkit-keyframes dot-label {
    0% {
        opacity: .1
    }
    80% {
        filter: blur(2px)
    }
    to {
        filter: blur(1px);
        opacity: .1;
        width: 24px;
        height: 24px;
        right: -18px;
        top: 2px
    }
}

@-webkit-keyframes dot-label-fast {
    0% {
        opacity: .1
    }
    80% {
        filter: blur(2px)
    }
    to {
        filter: blur(1px);
        opacity: .2;
        width: 16px;
        height: 16px;
        right: -14px;
        top: 6px
    }
}

.dot-label-wrap {
    right: -10px;
    top: 0;
    position: absolute
}

.dot-label-wrap .dot-label,
.dot-label-wrap .dot-label-fast,
.dot-label-wrap .dot-label-out {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    right: -10px;
    top: 10px
}

.dot-label-wrap .dot-label-fast.red,
.dot-label-wrap .dot-label-out.red,
.dot-label-wrap .dot-label.red {
    background-color: #ea212d
}

.dot-label-wrap .dot-label-fast.green,
.dot-label-wrap .dot-label-out.green,
.dot-label-wrap .dot-label.green {
    background-color: #39b924
}

.dot-label-wrap .dot-label-out {
    animation: dot-label 2s ease-out .3s infinite
}

.dot-label-wrap .dot-label-fast {
    animation: dot-label-fast 2s ease-out infinite
}

.breadcrumb-container {
    background: #f1f1eb;
    border-top: 1px solid #e7e7dc;
    margin-bottom: 1em;
    font-size: .9em
}

.breadcrumb-container .breadcrumb {
    display: block;
    background-color: transparent;
    margin: 0;
    padding: 10px 0;
    font-weight: 700
}

.breadcrumb-container a,
.breadcrumb-container a:visited {
    font-weight: 400;
    color: #777
}

.breadcrumb-container a:hover {
    color: #337ab7;
    text-decoration: underline
}

.breadcrumb-container.bare {
    background-color: #fff;
    border: 0 !important
}

.breadcrumb-container p {
    font-weight: 400;
    font-size: 1.4em;
    margin: 2px 0
}

.breadcrumb-container.fluid {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0
}

.user-menu-sidebar .sidebar-wrapper ul {
    list-style-type: none;
    padding-left: 0
}

.user-menu-sidebar .sidebar-wrapper .menu-title {
    font-size: 15px;
    font-weight: 700;
    color: rgba(0, 0, 0, .38)
}

.user-menu-sidebar .sidebar-wrapper .menu-list {
    margin-bottom: 24px
}

.user-menu-sidebar .sidebar-wrapper .menu-list li {
    padding-bottom: 8px
}

.user-menu-sidebar .sidebar-wrapper .menu-list li a {
    color: #333
}

.user-menu-sidebar .sidebar-wrapper .menu-list li a.active,
.user-menu-sidebar .sidebar-wrapper .menu-list li a:hover {
    color: #4274d7
}

.user-menu-sidebar .edit-profile {
    padding: 16px 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center
}

.user-menu-sidebar .edit-profile .img-wrapper {
    width: 48px;
    height: 48px;
    margin-right: 16px
}

.user-menu-sidebar .edit-profile .img-wrapper img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.user-menu-sidebar .edit-profile a,
.user-menu-sidebar .edit-profile p {
    margin: 0;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 84px;
    overflow: hidden
}

.order-status {
    font-size: 12px;
    border-radius: 2px;
    padding: 4px 8px;
    display: inline-block;
    width: fit-content
}

.order-status.waiting {
    color: #ff9635;
    background-color: rgba(255, 150, 53, .2)
}

.order-status.sent {
    color: #0398ec;
    background-color: rgba(3, 152, 236, .2)
}

.order-status.partially {
    color: #7cc78b;
    background-color: rgba(124, 199, 139, .2)
}

.order-status.paid {
    color: #40ae5c;
    background-color: rgba(64, 174, 92, .2)
}

.order-status.all {
    color: #acd48b;
    background-color: rgba(172, 212, 139, .2)
}

.order-status.worked {
    color: #40ae5c;
    background-color: rgba(64, 174, 92, .2)
}

.order-status.refund {
    color: rgba(248, 143, 175, .2);
    background-color: #f88faf
}

.order-status.canceled {
    color: #f9403c;
    background-color: rgba(249, 64, 60, .2)
}

.order-status.reordered {
    border: 1px solid #5d7d8a;
    background-color: #5d7d8a
}

.order-status.expired {
    background-color: #eee;
    color: rgba(0, 0, 0, .54)
}

.order-status.default {
    border: 1px solid #eee
}

.order-status.default,
.order-status.work-status {
    color: rgba(0, 0, 0, .54);
    font-size: 11px;
    padding: 2px 8px
}

.order-status.work-status {
    background-color: #eee;
    margin-left: 11px
}

.modal-dialog-kredivo .modal-dialog {
    margin-top: 20%
}

.header-mobile {
    height: 50px;
    padding: 0 15px
}

.header-mobile .header-title {
    margin: 0
}

.header-mobile .header-title .prefix {
    color: #828282
}

.header-mobile .fa-arrow-left {
    font-size: 16px
}

.header-mobile .navbar-toggle {
    padding: 0
}

.header-mobile .notification-count {
    background-color: #d62237;
    border: 1px solid #fff;
    right: -5px;
    top: 7px;
    padding: 1px 5px !important
}

.shopping-cart-wrapper .modal-header {
    padding: 15px 25px;
    background-color: #f5f5f5;
    display: block;
    border-radius: 5px 5px 0 0;
    border: 0
}

.shopping-cart-wrapper .modal-header h1.modal-title {
    font-size: 22px;
    padding: 0;
    text-align: left;
    font-weight: 700;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    display: inline-block
}

.shopping-cart-wrapper .modal-header i {
    display: inline-block;
    float: right;
    color: #999
}

.shopping-cart-wrapper .modal-header i:before {
    font-size: 15px;
    line-height: 30px
}

.shopping-cart-wrapper .modal-body {
    max-height: 60vh !important;
    overflow-y: scroll
}

.shopping-cart-wrapper .modal-body .notification-success {
    background-color: #edf8e8;
    font-size: 12px;
    padding: 20px;
    color: #5eab34;
    border: 1px solid #5eab34;
    text-align: center;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    border-radius: inherit
}

.shopping-cart-wrapper .modal-body .notification-success button.close {
    display: none
}

.shopping-cart-wrapper .modal-body .shopping-cart .cart-empty-wrapper {
    text-align: center;
    margin: 10px 0
}

.shopping-cart-wrapper .modal-body .shopping-cart .cart-empty-wrapper .cart-empty-text {
    font-size: 22px;
    line-height: 70px;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    margin: 0;
    color: #333
}

.shopping-cart-wrapper .modal-body .shopping-cart .cart-empty-wrapper .cart-btn-shopping {
    background-color: #2f80ed;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 8px 49px;
    box-shadow: none;
    border: none;
    border-radius: 2px;
    cursor: pointer
}

.shopping-cart-wrapper .modal-body .shopping-cart .notif-add {
    opacity: 1
}

.shopping-cart-wrapper .modal-body .shopping-cart .fade {
    -webkit-transition: opacity 5s;
    transition: opacity 5s;
    opacity: 0
}

.shopping-cart-wrapper .modal-body .shopping-cart .image-view {
    width: 66px;
    height: 66px;
    border: 1px solid #eee
}

.shopping-cart-wrapper .modal-body .shopping-cart .image-view img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.shopping-cart-wrapper .modal-body .shopping-cart .image-view .fa {
    position: absolute;
    bottom: -6px;
    right: -6px;
    color: #fff;
    background: #655e5e;
    padding: 3px 3px 3px 5px;
    border-radius: 5px;
    border: 3px solid #fff
}

.shopping-cart-wrapper .modal-body .shopping-cart .product-view {
    margin: 0;
    padding: 0 15px
}

.shopping-cart-wrapper .modal-body .shopping-cart .product-view .cart-title {
    font-size: 14px;
    text-transform: capitalize;
    margin: 0;
    line-height: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
    text-decoration-style: dotted;
    text-decoration-line: underline;
    color: #333
}

.shopping-cart-wrapper .modal-body .shopping-cart .product-view .cart-title:hover {
    text-decoration: none
}

.shopping-cart-wrapper .modal-body .shopping-cart ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.shopping-cart-wrapper .modal-body .shopping-cart ul li {
    border-bottom: 1px dotted #ddd;
    padding: 0
}

.shopping-cart-wrapper .modal-body .shopping-cart ul li .list-cart {
    margin: 12px 0
}

.shopping-cart-wrapper .modal-body .shopping-cart .counter-view .subtotal {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    display: block;
    text-align: center
}

.shopping-cart-wrapper .modal-body .shopping-cart .counter-view .trash-view {
    margin-left: 15px
}

.shopping-cart-wrapper .modal-body .shopping-cart .total-var {
    border-top: 1px solid #ececec;
    padding: 10px 0 5px;
    font-weight: 700;
    margin: 10px 0;
    font-size: 1.1em
}

.shopping-cart-wrapper .modal-body .shopping-cart .total-notes {
    font-size: 11px !important;
    font-weight: 400 !important
}

.shopping-cart-wrapper .modal-body .shopping-cart .chart-delete {
    cursor: pointer
}

.shopping-cart-wrapper .modal-body .shopping-cart .chart-delete i {
    color: #999;
    font-size: 16px;
    margin-bottom: 10px
}

.shopping-cart-wrapper .modal-body .shopping-cart .input-group-addon {
    border-radius: 0;
    background-color: #fafafa;
    padding: 0 10px;
    line-height: 20px;
    cursor: pointer
}

.shopping-cart-wrapper .modal-body .shopping-cart .input-group-addon a {
    color: #000;
    font-size: 7px;
    font-weight: 400
}

.shopping-cart-wrapper .modal-body .shopping-cart .btn,
.shopping-cart-wrapper .modal-body .shopping-cart .form-control {
    height: 30px;
    box-shadow: none;
    padding: 7px 10px;
    font-size: 12px
}

.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body {
    display: flex
}

.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-color,
.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-size {
    width: 148px
}

.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-color .form-control,
.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-size .form-control {
    height: 38px;
    padding: 9px 6px;
    font-size: 14px
}

.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-color .form-control.ng-selected,
.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-color .form-control.ng-touched,
.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-color .form-control:hover,
.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-size .form-control.ng-selected,
.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-size .form-control.ng-touched,
.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-size .form-control:hover {
    box-shadow: none
}

.shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-color {
    margin-left: 12px
}

.shopping-cart-wrapper .modal-footer {
    border-top: 1px solid #ddd;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    border-radius: 0 0 5px 5px;
    background-color: #fafafa
}

.shopping-cart-wrapper .modal-footer .total-container .text-total {
    margin: 10px 0
}

.shopping-cart-wrapper .modal-footer .total-container .text-total p {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin: 0
}

.shopping-cart-wrapper .modal-footer .total-container .text-total span.price {
    font-size: 24px;
    font-weight: 700;
    color: #eb5757
}

.shopping-cart-wrapper .modal-footer .free-ongkir-notif {
    color: #219653;
    font-size: 14px;
    margin-bottom: 10px
}

.shopping-cart-wrapper .modal-footer .btn-checkout {
    line-height: 40px;
    background-color: #7ac70c;
    font-size: 16px;
    font-weight: 400;
    border: none;
    border-radius: 5px;
    text-shadow: none;
    margin: 0;
    width: 100%;
    font-weight: 700;
    padding: 0
}

.shopping-cart-wrapper .modal-footer .benefit-cart {
    color: #888;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-top: 20px
}

.shopping-cart-wrapper .modal-footer .benefit-cart p,
.shopping-cart-wrapper .modal-footer .shipping-cost-wrapper p.cost {
    margin: 0
}

.shopping-cart-wrapper .modal-footer .shipping-cost-wrapper .choose-city {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 13px
}

.shopping-cart-wrapper .modal-footer .shipping-cost-wrapper .choose-city .select2-container .select2-choice {
    font-size: 14px
}

.shopping-cart-wrapper .modal-footer .shipping-cost-wrapper .choose-city .select2-results .select2-result-label {
    text-align: left
}

@media only screen and (max-width:786px) {
    .shopping-cart-wrapper {
        height: 100%
    }
    .shopping-cart-wrapper .modal-header {
        border-radius: 0;
        padding: 15px
    }
    .shopping-cart-wrapper .modal-header h1.modal-title {
        font-size: 18px;
        text-align: center;
        display: block;
        line-height: 28px
    }
    .shopping-cart-wrapper .modal-header .btn-close {
        top: -10px
    }
    .shopping-cart-wrapper .modal-header i {
        float: left;
        font-size: 15px;
        color: #333
    }
    .shopping-cart-wrapper .modal-body {
        max-height: 250px
    }
    .shopping-cart-wrapper .modal-body .shopping-cart .cart-empty-wrapper img {
        width: 100px
    }
    .shopping-cart-wrapper .modal-body .shopping-cart .cart-empty-wrapper .cart-empty-text {
        font-size: 14px !important;
        line-height: 60px !important
    }
    .shopping-cart-wrapper .modal-body .shopping-cart .cart-empty-wrapper .cart-btn-shopping {
        padding: 6px 30px
    }
    .shopping-cart-wrapper .modal-body .shopping-cart .product-view {
        padding-left: 15px;
        padding-right: 0
    }
    .shopping-cart-wrapper .modal-body .shopping-cart .product-view .product-view-top {
        display: flex;
        justify-content: space-between
    }
    .shopping-cart-wrapper .modal-body .shopping-cart .product-view .cart-title {
        max-width: 180px;
        line-height: normal
    }
    .shopping-cart-wrapper .modal-body .shopping-cart ul li .list-cart {
        padding: 0 15px;
        display: flex
    }
    .shopping-cart-wrapper .modal-body .shopping-cart ul li .list-cart .product-view .subtotal {
        font-size: 12px
    }
    .shopping-cart-wrapper .modal-body .shopping-cart ul li .list-cart .counter-view {
        width: 100%
    }
    .shopping-cart-wrapper .modal-body .shopping-cart ul li .list-cart .counter-view .input-group {
        width: 100px
    }
    .shopping-cart-wrapper .modal-body .shopping-cart .panel-mobile {
        margin-top: 10px
    }
    .shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body {
        padding-top: 5px
    }
    .shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-color .form-control,
    .shopping-cart-wrapper .modal-body .shopping-cart .panel-custom .panel-body .select-size .form-control {
        height: 35px;
        font-size: 12px;
        padding: 7px 5px
    }
    .shopping-cart-wrapper .modal-body .notification-success {
        padding: 8px !important;
        margin: 15px
    }
    .shopping-cart-wrapper .modal-footer {
        border-radius: 0;
        padding: 15px;
        margin: 0
    }
    .shopping-cart-wrapper .modal-footer .total-container .text-total p.ng-binding {
        margin-right: 0;
        text-align: left
    }
    .shopping-cart-wrapper .modal-footer .total-container .text-total span.price {
        font-size: 16px !important
    }
    .shopping-cart-wrapper .modal-footer .total-container .btn.btn-primary.btn-checkout {
        padding: 0 30px;
        font-size: 16px
    }
    .shopping-cart-wrapper .modal-footer .shipping-cost-wrapper {
        display: block
    }
    .shopping-cart-wrapper .modal-footer .shipping-cost-wrapper p {
        text-align: left
    }
    .shopping-cart-wrapper .modal-footer .shipping-cost-wrapper .choose-city {
        display: block;
        text-align: left
    }
    .shopping-cart-wrapper .modal-footer .shipping-cost-wrapper .choose-city .select-city {
        display: block
    }
    .shopping-cart-wrapper .modal-footer .shipping-cost-wrapper .choose-city .select-city .select2-container .select2-choice>.select2-chosen {
        padding: 2px 0 !important
    }
    .shopping-cart-wrapper .modal-footer .free-ongkir-notif {
        margin-top: 20px;
        text-align: center
    }
    .shopping-cart-wrapper .modal-footer .benefit-cart {
        font-size: 10px;
        margin-top: 10px
    }
}

.product-collection.widget {
    text-align: center
}

.product-collection.widget img {
    max-width: 180px
}

.product-collection.widget a {
    display: block;
    text-align: center;
    color: #313131
}

.product-collection.widget .name {
    display: block;
    margin-top: 10px
}

.spinner-loading img {
    display: block;
    margin: 10% auto
}

.promo-card {
    position: relative
}

.promo-card .promo-expired {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.promo-card .not-active {
    pointer-events: none;
    cursor: none;
    text-decoration: none
}

.promo-card .promo-locked {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    border-radius: 6px
}

.promo-card .lock-icon {
    background-color: #000;
    z-index: 2;
    position: absolute;
    border-radius: 50%;
    width: 70px;
    text-align: center;
    opacity: .5;
    padding: 20px 57px
}

.promo-card .lock-icon .fa-lock {
    font-size: 70px;
    color: #fff
}

.promo-card .img-responsive {
    border-radius: 6px
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
    background-image: linear-gradient(top, #fff, #eee 50%)
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;
    border-radius: 0 0 4px 4px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
    background-image: linear-gradient(top, #eee, #fff 90%)
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px
}

.select2-container .select2-choice>.select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url(/images/select2.png?_=9d5415470203fa99ff046d9cc8624978) 100% 0 no-repeat;
    cursor: pointer;
    outline: 0
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15)
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#cccccc", GradientType=0);
    background-image: linear-gradient(top, #ccc, #eee 60%)
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/select2.png?_=9d5415470203fa99ff046d9cc8624978) no-repeat 0 1px
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff url(/images/select2.png?_=9d5415470203fa99ff046d9cc8624978) no-repeat 100% -22px;
    background: url(/images/select2.png?_=9d5415470203fa99ff046d9cc8624978) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
    background: url(/images/select2.png?_=9d5415470203fa99ff046d9cc8624978) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/images/select2.png?_=9d5415470203fa99ff046d9cc8624978) no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/images/select2.png?_=9d5415470203fa99ff046d9cc8624978) no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%)
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: inset 0 1px 0 #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
    background-image: linear-gradient(top, #fff, #eee 50%)
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
    background-image: linear-gradient(bottom, #fff, #eee 50%)
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px
}

.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}

.select2-results ul.select2-result-sub>li .select2-result-label {
    padding-left: 20px
}

.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 40px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 60px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 80px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 100px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 110px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 120px
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none
}

.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 700
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: transparent
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item
}

.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%)
}

.select2-locked {
    padding: 3px 5px !important
}

.select2-container-multi .select2-choices {
    min-height: 26px
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important
}

.select2-default {
    color: #999 !important
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: inset 0 0 2px #fff, 0 1px 0 rgba(0, 0, 0, .05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee)
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url(/images/select2.png?_=9d5415470203fa99ff046d9cc8624978) 100% 0 no-repeat
}

.select2-container-multi .select2-search-choice-close {
    left: 3px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close,
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: none
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline
}

.select2-offscreen,
.select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0 !important;
    top: 0 !important
}

.select2-display-none {
    display: none
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
    .select2-container .select2-choice .select2-arrow b,
    .select2-container .select2-choice abbr,
    .select2-search-choice-close,
    .select2-search input {
        background-image: url(/images/select2x2.png?_=e961ad102acc82e6595b2fdd0c39c382) !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important
    }
    .select2-search input {
        background-position: 100% -21px !important
    }
}

.ui-select-dropdown {
    opacity: 1 !important
}

.ui-select-bootstrap .ui-select-search-hidden {
    display: none !important
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    width: 100%
}

.select2-container .select2-choice {
    height: 34px !important;
    padding: 4px 0 0 8px !important;
    border: 1px solid #ccc !important
}

.select2-container .select2-choice .select2-arrow {
    padding-top: 4px !important;
    border-left: 1px solid #ccc !important
}

.select2-search {
    padding-right: 17px !important
}

.select2-container .select2-choice {
    background-image: none !important
}

.select2-container .select2-choice .select2-arrow {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(.6, #fff)) !important
}

.select2 .btn-default,
.select2-dropdown-open .select2-choice,
.select2-search .ng-valid.ng-touched {
    background-color: #fff !important
}

.select2 .btn {
    border: 1px solid #ccc
}

select.form-control.ng-touched.ng-invalid,
select.form-control.ng-touched.ng-valid {
    background-position: right 20px center;
    overflow: hidden
}

.benefits-box {
    background-color: #f2f2f2
}

.benefits-box .benefits-circle {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: #fff
}

.box-hover:hover {
    background-color: #e5e5e5
}

.NavbarNew {
    padding: 10px 0;
    background: linear-gradient(180deg, #fff, #f2f4f8);
    z-index: 999
}

.NavbarNew .NavbarNew__logo {
    width: auto;
    height: 36px
}

.NavbarNew .dot-count {
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: #db2741;
    width: 7px;
    height: 7px;
    border-radius: 32px
}

.NavbarNew .icon-shopping-cart {
    position: relative
}

.NavbarNew .suggestion {
    margin-top: 2px;
    border: 0
}

@media only screen and (max-width:786px) {
    .NavbarNew {
        border-bottom: 1px solid #b9bfc6;
        background: #fff
    }
}

.affix-element {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-animation: fadeIn .4s linear;
    animation: fadeIn .4s linear
}

.header-avatar {
    display: inline-block
}

.header-avatar .avatar-wrap {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.header-avatar .avatar-wrap .store {
    width: 26px;
    height: 26px;
    background: url(/assets/images/empty.png?v=2024-11-25T07:05:16.035Z) -26px 0;
    background-size: 52px;
    display: block
}

.header-avatar .avatar-wrap .user {
    width: 26px;
    height: 26px;
    background: url(/assets/images/empty.png?v=2024-11-25T07:05:16.035Z) 0 0;
    background-size: 52px;
    display: block
}

.header-avatar img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: relative;
    margin-right: 5px
}

.search-box-new {
    padding: 4px 16px;
    width: 600px;
    border: 1px solid #dcdcdc;
    position: relative;
    border-radius: 48px;
    background-color: #fff
}

.search-box-new .icon-search {
    position: absolute;
    top: 14px
}

.search-box-new .form-input {
    display: inline;
    border: none;
    box-shadow: none;
    width: 90%;
    padding: 8px 24px
}

.search-box-new .btn-search {
    color: #232a2d;
    padding: 4px 27px;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 36px;
    background: #f2f4f8;
    border: none;
    border-left: 1px solid #dcdcdc;
    border-radius: 48px
}

.popular-search span,
.popular-search strong {
    display: inline-block;
    float: left;
    font-size: 12px
}

.popular-search a,
.popular-search strong {
    font-size: 10px;
    color: #828282;
    padding-top: 2px
}

.popular-search .chevron {
    color: #e0e0e0;
    margin: 0 2px;
    padding-top: 0
}

.popular-search .chevron:before {
    width: .4em;
    height: .4em;
    border-width: .1em .1em 0 0;
    top: .55em;
    margin-right: 5px
}

.popular-search .popular-keyword {
    display: flex
}

.popular-search .popular-keyword a {
    margin-right: 8px
}

.popular-search .popular-keyword a,
.popular-search .popular-keyword a:hover,
.popular-search .popular-keyword a:visited {
    text-decoration: none;
    color: #828282
}

.footer-section {
    border-top: 1px solid #ced4d9;
    background-color: #fff
}

.footer-section .footer-content {
    padding: 32px 0
}

.footer-section .block-payment {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.footer-section .block-payment .payment-list {
    float: left;
    padding: 6px 18px
}

@media only screen and (max-width:786px) {
    .footer-section .footer-content {
        padding: 16px 0
    }
    .footer-section .footer-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .footer-section .footer-title .fa {
        margin-bottom: 16px
    }
    .footer-section .footer-title .fa:before {
        color: #868d94;
        font-size: 16px
    }
    .footer-section .block-payment {
        display: block;
        text-align: center
    }
    .footer-section .block-payment .payment-list {
        display: inline-block;
        float: inherit
    }
}

.subscribe-section .subscribe-form {
    padding: 32px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.subscribe-section .form-wrapper,
.subscribe-section .social-media-wrapper {
    display: flex;
    align-items: center;
    text-align: right
}

.subscribe-section .inline-wrapper {
    margin-left: 56px
}

.subscribe-section .btn-subscribe {
    background-color: #24a148;
    border: 1px solid #198038;
    padding: 0 16px;
    line-height: 36px;
    color: #fff;
    border-radius: 0 4px 4px 0
}

.subscribe-section .form-subscribe {
    font-size: 14px;
    padding: 8px 16px;
    border: 1px solid #ced4d9;
    width: 250px
}

.subscribe-section .social-media-wrapper .text-heading {
    margin-right: 20px
}

@media only screen and (max-width:992px) {
    .subscribe-section {
        margin: 0 -15px;
        padding-bottom: 0
    }
    .subscribe-section .subscribe-form {
        display: block;
        text-align: center;
        padding: 16px
    }
    .subscribe-section .form-wrapper,
    .subscribe-section .social-media-wrapper {
        display: block;
        text-align: center
    }
    .subscribe-section .inline-wrapper {
        margin-left: 0;
        margin-bottom: 25px
    }
    .subscribe-section .text-heading {
        margin-bottom: 8px
    }
    .subscribe-section .form-subscribe {
        width: 100%
    }
    .subscribe-section .icon-wrapper {
        justify-content: center
    }
}

.sidebar-aside-new .aside-wrapper {
    border-bottom: 1px solid #adb5bd;
    position: relative;
    padding: 16px
}

.sidebar-aside-new .icon-close {
    position: absolute;
    right: 16px;
    top: 16px
}

.sidebar-aside-new .aside-photo img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.sidebar-aside-new .icon-contact {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    text-align: center
}

.sidebar-aside-new .icon-contact.whatsapp {
    background-color: #28a745
}

.sidebar-aside-new .icon-contact.mail {
    background-color: #0062ff
}

.sidebar-aside-new .icon-contact.phone {
    background-color: #da1e28
}

.sidebar-aside-new .icon-contact .fa {
    margin-top: 7px
}

.sidebar-aside-new .icon-contact .fa:before {
    color: #fff;
    font-size: 18px
}

.ng-aside.horizontal.left.in .modal-dialog {
    width: 100%
}

.submenu-navbar {
    padding-top: 14px;
    margin: 0 -12px
}

.submenu-navbar .submenu-inline {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.submenu-navbar .submenu-inline .submenu-list {
    float: left;
    font-size: 14px;
    margin: 0 12px
}

.submenu-navbar .block-notification .dropdown-menu {
    width: 360px
}

.submenu-navbar .notification-count {
    top: -16px;
    right: -5px
}

.submenu-navbar .icon-shopping-cart {
    position: relative
}

.submenu-container {
    position: relative;
    border-bottom: 1px solid #f2f2f2
}

.submenu-container .dropdown-menu {
    min-width: max-content;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: -o-max-content;
    padding-right: 15px;
    border-radius: 2px;
    border: none;
    box-shadow: 2px -2px 12px rgba(0, 0, 0, .175);
    top: 38px
}

.submenu-container .dropdown-menu:before {
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    left: 20px;
    position: absolute;
    top: -8px
}

.submenu-container .dropdown-menu sup {
    text-transform: uppercase
}

.submenu-container .submenu {
    list-style: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width:768px) {
    .submenu-container .submenu {
        overflow-x: auto
    }
}

.submenu-container .submenu li:hover>.dropdown-menu {
    display: table;
    width: 100%
}

.submenu-container .submenu li {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-family: Open sans, Helvetica, Arial, sans-serif
}

@media (max-width:414px) {
    .submenu-container .submenu li {
        position: static
    }
}

.submenu-container .submenu li a,
.submenu-container .submenu li a:visited {
    color: #313131;
    display: inline-block;
    font-size: 13px;
    text-decoration: none;
    padding: 15px 0 15px 2px
}

.submenu-container .submenu li a.menu-space,
.submenu-container .submenu li a:visited.menu-space {
    margin-top: 30px
}

.submenu-container .submenu li a.active,
.submenu-container .submenu li a:hover {
    width: 100%;
    cursor: pointer;
    color: #e74c3c
}

.submenu-container .submenu li a.active {
    font-weight: 700
}

.submenu-container .submenu .menu-wrapper {
    display: flex;
    align-items: center;
    position: relative
}

.submenu-container .submenu .menu-wrapper img {
    width: 25px;
    height: auto;
    display: block;
    margin: 0
}

.submenu-container .submenu .menu-wrapper .list-wrapper {
    width: fit-content
}

.submenu-container .submenu .dropdown-wrapper {
    width: 100%;
    margin-bottom: -10px
}

.submenu-container .submenu .dropdown-wrapper .dropdown-column {
    width: 50%;
    margin: 0 -5px
}

.submenu-container .submenu .dropdown-wrapper .dropdown-column .dropdown-content {
    line-height: 40px;
    display: flex;
    align-items: center
}

.submenu-container .submenu .dropdown-wrapper .dropdown-column .dropdown-content.short {
    line-height: 27px
}

.submenu-container .submenu .dropdown-wrapper .dropdown-column .dropdown-content img {
    width: 29px;
    height: auto
}

.submenu-container .submenu .dropdown-wrapper .dropdown-column .dropdown-content a {
    text-transform: capitalize;
    padding: 0;
    width: auto
}

.submenu-container .submenu .dropdown-wrapper .dropdown-column .dropdown-content a.uppercase {
    text-transform: uppercase
}

.submenu-container .submenu .dropdown-wrapper .dropdown-column .dropdown-content a:hover {
    background: none;
    color: #e74c3c
}

.submenu-container .submenu>li {
    display: inline-block;
    float: none
}

.menu-products-section {
    padding-bottom: 20px
}

.menu-products-section .menu-wrapper {
    background-color: #fff;
    position: relative
}

.menu-products-section .menu-wrapper .icon-image {
    height: 56px;
    width: 56px;
    margin: 0 16px 0 0
}

.menu-products-section .menu-wrapper .menu-product-content:hover {
    background-color: #e5e5e5
}

.menu-products-section .menu-wrapper .menu-product-content:hover .grey-900 {
    text-decoration: underline;
    color: #d0021b
}

.menu-products-section .arrow-left,
.menu-products-section .arrow-right {
    width: 36px;
    height: 40px;
    align-items: center
}

@media only screen and (max-width:786px) {
    .menu-products-section {
        margin: 0 -15px;
        padding-bottom: 0;
        border-bottom: 1px solid #b9bfc6
    }
    .menu-products-section .menu-wrapper {
        padding: 16px
    }
}

.awesome-store {
    padding-bottom: 20px
}

.awesome-store .awesome-store-wrapper {
    background-color: #fff;
    padding: 20px 0
}

.awesome-store .image-content {
    border-radius: 50%;
    border: 1px solid #dee2e6
}

.awesome-store .awesome-store-content:hover .image-content {
    border: 1px solid #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25)
}

.awesome-store .awesome-store-content:hover .grey-900 {
    color: #d0021b
}

@media only screen and (max-width:786px) {
    .awesome-store {
        margin: 0 -15px;
        padding-bottom: 0;
        border-bottom: 1px solid #b9bfc6
    }
    .awesome-store .awesome-store-wrapper {
        padding: 16px
    }
    .awesome-store .text-body {
        margin-bottom: 12px
    }
}

.preferred-store {
    padding-bottom: 20px
}

.preferred-store .preferred-store-wrapper {
    background-color: #fff;
    padding: 20px 0
}

.preferred-store .store-profile {
    background-size: cover
}

.preferred-store .store-profile .secondary-button {
    display: block;
    margin: auto
}

.preferred-store .store-image {
    display: block;
    width: 80px;
    height: 80px;
    margin: auto auto 20px;
    border-radius: 50%
}

.preferred-store .store-background {
    padding: 40px 16px;
    background: rgba(0, 0, 0, .5)
}

@media only screen and (max-width:992px) {
    .preferred-store {
        margin: 0 -15px;
        padding-bottom: 0;
        border-bottom: 1px solid #b9bfc6
    }
    .preferred-store .preferred-store-wrapper {
        padding: 16px
    }
    .preferred-store .store-profile {
        border-radius: 4px;
        margin-bottom: 8px
    }
    .preferred-store .store-background {
        border-radius: 4px;
        padding: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .preferred-store .store-background .store-image {
        margin: inherit
    }
    .preferred-store .text-heading {
        margin-bottom: 0
    }
    .preferred-store .store-products .product-desc {
        min-width: 120px
    }
}

.product-card {
    position: relative
}

.product-card:hover {
    -webkit-box-shadow: 0 2px 5px .9px #ced4da;
    -moz-box-shadow: 0 2px 5px .9px #ced4da;
    box-shadow: 0 2px 5px .9px #ced4da
}

.product-card:hover .text-hover {
    display: block
}

.product-card:hover .product-desc {
    position: absolute;
    bottom: -75px;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px .9px #ced4da;
    -moz-box-shadow: 0 2px 5px .9px #ced4da;
    box-shadow: 0 2px 5px .9px #ced4da
}

.product-card .card-image {
    height: 180px
}

.product-card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-card .product-desc {
    padding: 8px;
    background-color: #fff
}

.product-card .product-type {
    top: 50%
}

.product-card .text-hover {
    display: none
}

.partnership-section {
    padding-bottom: 20px 0
}

.partnership-section .block-content {
    margin-right: -5px;
    position: relative;
    background-color: #333;
    opacity: .9
}

.partnership-section .block-gray {
    margin-left: -5px;
    padding: 20px;
    background-color: #f2f4f8
}

.recommendation-section {
    padding-bottom: 20px 0
}

.recommendation-section .recommendation-content {
    background-color: #fff;
    padding: 20px 0;
    position: relative
}

.recommendation-section .recommendation-content .recommendation-product {
    padding: 0 5px
}

.recommendation-section .recommendation-content .recommendation-wrapper {
    padding: 0 15px
}

@media only screen and (max-width:786px) {
    .recommendation-section {
        margin: 0 -15px;
        padding-bottom: 0
    }
    .recommendation-section .recommendation-content {
        padding: 20px 15px
    }
}

.store-meta .logo {
    border: 2px solid #e9ecef;
    background-color: #e9ecef
}

.store-meta .logo-wrapper {
    position: relative;
    width: fit-content;
    margin: auto
}

.store-meta .icon-awesome {
    right: 0;
    bottom: 0
}

.store-meta .icon-official {
    right: 10px;
    bottom: 10px
}

.store-meta p {
    font-size: .9em
}

.voucher-store {
    background-color: #f2f4f8;
    padding: 15px
}

.voucher-store .block-voucher {
    border-radius: 4px;
    padding: 10px
}

.voucher-store .block-voucher.type5 {
    background: linear-gradient(195.51deg, #fa8bff, #2cd1ff 52.04%, #2cff88)
}

.voucher-store .block-voucher.type10 {
    background: linear-gradient(195.51deg, #fad961, #ff5acd)
}

.voucher-store .box-code {
    border: 2px dashed #d5d9df;
    background-color: #fff;
    line-height: 32px;
    padding: 0 10px;
    width: 150px
}

.voucher-store .box-button {
    background-color: #000;
    color: #fff;
    line-height: 32px;
    padding: 0 10px
}

.icon-0 {
    width: 0 !important
}

.icon-2 {
    width: 2px !important
}

.icon-4 {
    width: 4px !important
}

.icon-6 {
    width: 6px !important
}

.icon-8 {
    width: 8px !important
}

.icon-10 {
    width: 10px !important
}

.icon-12 {
    width: 12px !important
}

.icon-14 {
    width: 14px !important
}

.icon-15 {
    width: 15px !important
}

.icon-16 {
    width: 16px !important
}

.icon-20 {
    width: 20px !important
}

.icon-24 {
    width: 24px !important
}

.icon-26 {
    width: 26px !important
}

.icon-30 {
    width: 30px !important
}

.icon-32 {
    width: 32px !important
}

.icon-34 {
    width: 34px !important
}

.icon-36 {
    width: 36px !important
}

.icon-40 {
    width: 40px !important
}

.icon-42 {
    width: 42px !important
}

.icon-46 {
    width: 46px !important
}

.icon-48 {
    width: 48px !important
}

.icon-50 {
    width: 50px !important
}

.icon-54 {
    width: 54px !important
}

.icon-56 {
    width: 56px !important
}

.icon-60 {
    width: 60px !important
}

.icon-64 {
    width: 64px !important
}

.icon-80 {
    width: 80px !important
}

.icon-100 {
    width: 100px !important
}

.icon-120 {
    width: 120px !important
}

.icon-200 {
    width: 200px !important
}

.icon-auto {
    width: auto !important
}

.icon-home {
    font-size: 2em;
    text-align: center;
    padding-top: 20px
}

.icon-home .glyphicon {
    border: 3px solid #000;
    border-radius: 50%;
    padding: 10px
}

.icon-bar {
    font-size: 1.5em;
    padding-top: 9px;
    width: auto !important
}

.icon-bar span {
    font-weight: 700;
    font-size: .6em;
    position: absolute;
    top: 19px;
    right: -16px
}

.icon-bar .notification-count {
    right: -1px;
    top: 10px;
    font-size: .5em;
    padding: 1px 6px !important
}

.icon-bar .fa-search {
    margin-right: 30px
}

.icon-bar input {
    right: 40px;
    width: 150px;
    position: absolute;
    overflow: hidden
}

@media (max-width:320px) {
    .icon-bar input {
        width: 100px
    }
}

@media (min-width:414px) {
    .icon-bar input {
        width: 180px
    }
}

.icon-bar input::-webkit-input-placeholder {
    font-size: 10px
}

.icon-bar input::-moz-placeholder {
    font-size: 10px
}

.icon-bar input:-ms-input-placeholder {
    font-size: 10px
}

.icon-bar input:-moz-placeholder {
    font-size: 10px
}

.fa-star,
.fa-star-o {
    color: #ffb700
}

.fa-star-o:before,
.fa-star:before {
    font-size: 12px
}

.notification-count {
    padding: 0 7px !important;
    margin-right: 4px;
    top: 1px;
    background-color: red;
    right: 14px;
    font-size: 10px;
    position: absolute;
    z-index: 100;
    color: #fff;
    border-radius: 50%
}

.fa-spin-custom,
.glyphicon-spin {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.chevron.right:before {
    left: 0;
    transform: rotate(45deg)
}

.chevron.bottom:before {
    top: 0;
    transform: rotate(135deg)
}

.chevron.left:before {
    left: .25em;
    transform: rotate(-135deg)
}

.chevron:before {
    border-style: solid;
    border-width: .15em .15em 0 0;
    content: "";
    display: inline-block;
    height: .55em;
    left: .15em;
    position: relative;
    top: .45em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: .55em
}

.tag {
    color: #333;
    background-color: #fafafa;
    padding: 5px 10px;
    display: inline-block;
    margin: 0 10px 10px 0;
    font-size: 12px;
    border-radius: 5px;
    text-transform: capitalize;
    border: 1px solid #ddd
}

.security-badge {
    margin: 10px 0
}

.security-badge img {
    max-width: 120px;
    margin-right: 5px
}

.sale-percent-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 7
}

.sale-percent-wrapper .sale_percent {
    background: #d62237;
    font-weight: 700;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50% 0 50% 50%
}

.sale-percent-wrapper .sale_percent.sale-percent-detail {
    margin-right: 15px;
    font-size: 22px;
    font-weight: 700;
    width: 70px;
    height: 70px
}

.fa-heart-custom {
    font-size: 24px;
    color: #d60022;
    font-weight: 700
}

.product-image {
    position: relative;
    margin: 0 0 10px;
    box-shadow: 0 1px 6px 0 #ced4da
}

.product-image a {
    color: #313131
}

.product-image a:hover {
    text-decoration: none
}

.product-image .checked {
    font-size: 2em;
    position: absolute;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 8px;
    bottom: 10px;
    right: 10px
}

.product-image .checked i {
    display: none
}

.product-image .checked.true {
    background: #f70;
    color: #fff;
    box-shadow: 1px 1px 5px #ccc
}

.product-image .checked.true i {
    display: block
}

.product-image .checked.false {
    background: transparent;
    border: 2px dashed #ccc
}

.product-image .button-action {
    position: absolute;
    top: 5px;
    right: 5px
}

.product-image .button-action button {
    border: 1px solid #efefef;
    border-radius: 50%;
    background: #fff;
    font-size: 1.2em;
    line-height: 1.6em;
    width: 30px;
    height: 30px
}

.product-image .button-action button:hover {
    background: #f1f1eb
}

.product-image .information {
    padding: 10px;
    text-align: center
}

.product-image .information span {
    display: inline-block;
    margin-right: 10px
}

.product-image .add-product {
    display: block;
    position: relative
}

.product-image .add-product span {
    color: #00509e;
    font-size: .9em;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 20px;
    left: 0
}

.product-image-link {
    width: 100%;
    min-height: 120px;
    background: transparent url(/images/ajax-loader.gif?_=ca82fbf428cb38f4aba0d66e602f2ea4) 50% no-repeat;
    display: block;
    position: relative
}

.product-image-link-button {
    display: none;
    color: #fff;
    text-align: center;
    padding: 6% 0 10px
}

.product-item {
    padding: 0 5px 10px !important
}

.product-item .product-item-list {
    margin: 5px 8px 25px 5px;
    padding: 0
}

.product-item .product-item-list:hover {
    -webkit-box-shadow: -1px 4px 7px 1px #bdbdbd;
    -moz-box-shadow: -1px 4px 7px 1px #bdbdbd;
    box-shadow: -1px 4px 7px 1px #bdbdbd
}

.product-image-preview {
    width: 100%;
    background: #fff
}

.product-image .product-description {
    padding: 10px 10px 0
}

.product-image .product-description .name a {
    font-size: 11px
}

.product-image .product-description .price {
    display: block
}

:global .product-item-button:hover {
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1)
}

:global .product-item-button:hover .product-image-link-button {
    font-size: .9em;
    font-weight: 600;
    height: 18%;
    width: 100%;
    background: #000;
    display: block;
    position: absolute;
    bottom: 0;
    border-top: .05px solid #fff;
    animation: expand .3s
}

:global .product-item-button:hover .product-description {
    background-color: #fbfbfb
}

.product-image {
    margin: 0 !important
}

.product-image .product-description {
    padding: 10px;
    text-align: left
}

.product-image .product-description .name {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0
}

.product-image .product-description .name a {
    font-size: 13px;
    font-weight: 400;
    color: #333
}

.product-image .product-description .made-by {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.product-image .product-description .made-by a {
    font-size: 11px;
    color: #828282 !important
}

.product-image .product-description .price {
    font-size: 13px;
    font-weight: 700;
    color: #333;
    white-space: nowrap;
    overflow: hidden
}

.product-image .product-description .price .gray {
    font-weight: 400;
    color: #828282
}

.product-image .btn-link-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.product-image .btn-link-overlay span {
    position: absolute;
    font-size: 11px;
    background-color: #fff;
    border-radius: 2px;
    color: #828282;
    padding: 2px 5px;
    top: 50%;
    left: 20%;
    right: 20%;
    text-align: center
}

.product-image .btn-link-overlay:hover {
    background: rgba(0, 0, 0, .3);
    opacity: 1
}

.product-type {
    height: auto;
    position: absolute;
    left: 47%;
    line-height: 15px;
    padding: 3px 6px;
    bottom: 25%
}

.product-type span {
    position: relative;
    left: -50%;
    color: #fff;
    font-size: 11px;
    width: auto;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    background-color: #999
}

.home-banner-new .arrow-left,
.home-banner-new .arrow-left-char,
.home-banner-new .arrow-left-store,
.home-banner-new .arrow-left-store-ab {
    width: 36px;
    height: 36px;
    align-items: center;
    position: absolute;
    top: 43%;
    z-index: 1;
    cursor: pointer;
    background-color: #fff;
    padding: 5px 9px 8px;
    color: #212529;
    border-radius: 50%;
    box-shadow: 1px 4px 4px rgba(0, 0, 0, .25);
    margin: 0 -8px
}

.home-banner-new .arrow-right,
.home-banner-new .arrow-right-char,
.home-banner-new .arrow-right-store,
.home-banner-new .arrow-right-store-ab {
    width: 36px;
    height: 36px;
    align-items: center;
    position: absolute;
    top: 43%;
    z-index: 1;
    cursor: pointer;
    background-color: #fff;
    padding: 6px 9px 8px;
    color: #212529;
    border-radius: 50%;
    box-shadow: 1px 4px 4px rgba(0, 0, 0, .25);
    margin: 0 -8px
}

.home-banner-new .home-banner .slick-dots li.slick-active button:before,
.home-banner-new .home-banner .slick-dots li button:before {
    background-color: #fff
}

.home-banner-new .official-store .slick-dots li.slick-active button:before,
.home-banner-new .official-store .slick-dots li button:before {
    background-color: #888
}

.awesome-store-list {
    background-color: #fafafa;
    padding: 20px 0;
    height: 100%
}

.awesome-store-list .store-box {
    padding: 12px 16px;
    border: 1px solid #d5d9df;
    border-radius: 8px;
    background: #fff
}

.awesome-store-list .store-box:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25)
}

.awesome-store-list .image-content {
    margin: auto;
    border-radius: 50%
}

#product-list-editor h1 {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 0
}

#product-list-editor h2 {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    margin: 0
}

#product-list-editor h3 {
    font-size: 16px;
    line-height: normal;
    color: red;
    margin-top: 16px
}

#product-list-editor ol,
#product-list-editor ul {
    padding-left: 16px
}

#product-list-editor ol li,
#product-list-editor ul li {
    line-height: 25px;
    font-size: 13px
}

.testimonial-section .slick-next,
.testimonial-section .slick-next:active,
.testimonial-section .slick-next:focus,
.testimonial-section .slick-next:hover,
.testimonial-section .slick-prev,
.testimonial-section .slick-prev:active,
.testimonial-section .slick-prev:focus,
.testimonial-section .slick-prev:hover {
    background-size: cover;
    width: 64px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 95;
    cursor: pointer
}

.testimonial-section .slick-next:active:after,
.testimonial-section .slick-next:active:before,
.testimonial-section .slick-next:after,
.testimonial-section .slick-next:before,
.testimonial-section .slick-next:focus:after,
.testimonial-section .slick-next:focus:before,
.testimonial-section .slick-next:hover:after,
.testimonial-section .slick-next:hover:before,
.testimonial-section .slick-prev:active:after,
.testimonial-section .slick-prev:active:before,
.testimonial-section .slick-prev:after,
.testimonial-section .slick-prev:before,
.testimonial-section .slick-prev:focus:after,
.testimonial-section .slick-prev:focus:before,
.testimonial-section .slick-prev:hover:after,
.testimonial-section .slick-prev:hover:before {
    content: ""
}

.testimonial-section .slick-next,
.testimonial-section .slick-next:active,
.testimonial-section .slick-next:before,
.testimonial-section .slick-next:focus,
.testimonial-section .slick-next:hover {
    background-image: url(/images/arrow-right.png?_=e4643c4ff580ed3c9b7c7e58ee933a1e) !important;
    right: 14% !important;
    left: unset
}

.testimonial-section .slick-prev,
.testimonial-section .slick-prev:active,
.testimonial-section .slick-prev:before,
.testimonial-section .slick-prev:focus,
.testimonial-section .slick-prev:hover {
    background-image: url(/images/arrow-left.png?_=d64181ac297f2958d756959f5e59fabf) !important;
    left: 14% !important
}

.portofolio-section .slick-next,
.portofolio-section .slick-next:active,
.portofolio-section .slick-next:focus,
.portofolio-section .slick-next:hover,
.portofolio-section .slick-prev,
.portofolio-section .slick-prev:active,
.portofolio-section .slick-prev:focus,
.portofolio-section .slick-prev:hover {
    background-size: cover;
    width: 64px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 95;
    cursor: pointer
}

.portofolio-section .slick-next:active:after,
.portofolio-section .slick-next:active:before,
.portofolio-section .slick-next:after,
.portofolio-section .slick-next:before,
.portofolio-section .slick-next:focus:after,
.portofolio-section .slick-next:focus:before,
.portofolio-section .slick-next:hover:after,
.portofolio-section .slick-next:hover:before,
.portofolio-section .slick-prev:active:after,
.portofolio-section .slick-prev:active:before,
.portofolio-section .slick-prev:after,
.portofolio-section .slick-prev:before,
.portofolio-section .slick-prev:focus:after,
.portofolio-section .slick-prev:focus:before,
.portofolio-section .slick-prev:hover:after,
.portofolio-section .slick-prev:hover:before {
    content: ""
}

.portofolio-section .slick-next,
.portofolio-section .slick-next:active,
.portofolio-section .slick-next:before,
.portofolio-section .slick-next:focus,
.portofolio-section .slick-next:hover {
    background-image: url(/images/arrow-right.png?_=e4643c4ff580ed3c9b7c7e58ee933a1e) !important;
    right: -8% !important;
    left: unset
}

.portofolio-section .slick-prev,
.portofolio-section .slick-prev:active,
.portofolio-section .slick-prev:before,
.portofolio-section .slick-prev:focus,
.portofolio-section .slick-prev:hover {
    background-image: url(/images/arrow-left.png?_=d64181ac297f2958d756959f5e59fabf) !important;
    left: -8% !important
}

.collapsible-category>ul>li:before {
    font-family: FontAwesome;
    content: "\f196";
    width: 1.5em;
    margin-right: 5px
}

.collapsible-category>ul>li.active:before {
    content: "\f147";
    margin-right: 5px
}

.collapsible-category>ul>li>ul {
    margin-left: 1.4em
}

.search-sidebar input[type=number] {
    border: 1px solid #e0e0e0;
    margin-bottom: 8px;
    padding: 5px;
    height: 30px;
    width: 100%
}

.search-sidebar button[type=submit] {
    border: 1px solid #bdbdbd;
    background-color: #f2f2f2;
    font-size: 12px;
    padding: 3px 25px;
    color: #828282
}

.store-register-page .bg-store-register-section-3 {
    background-image: url(/assets/images/pages/store-register/background/bg-section-3.jpg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: cover !important
}

.store-register-page .store-registration-header {
    background-image: url(/images/bg-header.jpg?_=e5f0287513f26bb3578210ed7dd43414);
    background-size: cover;
    background-repeat: no-repeat
}

.store-register-page .bg-store-register-section-4 {
    background-image: url(/assets/images/pages/store-register/background/bg-section-4.jpg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: cover !important
}

.store-register-page .bg-store-register-section-5 {
    background-image: url(/assets/images/pages/store-register/background/bg-section-5.jpg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: cover
}

.store-register-page .bg-store-register-section-7 {
    background-image: url(/assets/images/pages/store-register/background/bg-section-7.jpg?v=2024-11-25T07:05:16.035Z);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.store-register-page .store-register .slide-banner .slick-dots li.slick-active button:before,
.store-register-page .store-register .slide-banner .slick-dots li button:before {
    background-color: #fff
}

.store-register-page .store-register .transform-img {
    transform: translateY(70px)
}

.store-register-page .store-register .card-shadow {
    box-shadow: 0 6px 30px rgba(62, 0, 0, .05)
}

.store-register-page .store-register .testimonial-slider .arrow .arrow-left {
    left: 80%;
    padding: 5px 9px 8px
}

.store-register-page .store-register .testimonial-slider .arrow .arrow-left,
.store-register-page .store-register .testimonial-slider .arrow .arrow-right {
    width: 36px;
    height: 36px;
    align-items: center;
    position: absolute;
    top: 88%;
    z-index: 1;
    cursor: pointer;
    background-color: #fff;
    color: #212529;
    border-radius: 50%;
    box-shadow: 1px 4px 4px rgba(0, 0, 0, .25);
    margin: 0 -8px
}

.store-register-page .store-register .testimonial-slider .arrow .arrow-right {
    right: 2%;
    padding: 6px 9px 8px
}

.store-register-page .store-register .testimonial-slider .slick-slider .slick-slide {
    margin: -16px
}

.store-register-page .store-register .testimonial-slider .slick-slider .slick-slide img {
    margin-top: 30px;
    filter: grayscale(100%);
    width: 90%;
    box-shadow: 0 5px 15px rgba(66, 116, 215, .15)
}

.store-register-page .store-register .testimonial-slider .slick-slider .slick-slide .desc {
    visibility: hidden
}

.store-register-page .store-register .testimonial-slider .slick-slider .slick-slide.slick-center img,
.store-register-page .store-register .testimonial-slider .slick-slider .slick-slide.slick-current img {
    margin-top: 30px;
    filter: grayscale(0);
    width: 100%;
    box-shadow: 0 5px 15px rgba(66, 116, 215, .15)
}

.store-register-page .store-register .testimonial-slider .slick-slider .slick-slide.slick-center .desc,
.store-register-page .store-register .testimonial-slider .slick-slider .slick-slide.slick-current .desc {
    visibility: visible
}

.tab .tabs-wrapper .nav-tabs>li>a {
    color: #333;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 10px;
    width: 105px;
    height: 50px;
    border: 0;
    text-align: center;
    font-weight: 700
}

.tab .tabs-wrapper .tab-content>.active {
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    margin-top: -5px
}

.tab .tabs-wrapper ol {
    margin-bottom: 0;
    padding-left: 30px !important;
    padding-right: 10px !important
}

.tab-left .tabs-below>.nav-tabs,
.tab-left .tabs-left>.nav-tabs,
.tab-left .tabs-right>.nav-tabs {
    border-bottom: 0;
    height: 1010px;
    background-color: #fff;
    border-radius: 10px 0 0 10px
}

.tab-left .pill-content>.pill-pane,
.tab-left .tab-content>.tab-pane {
    display: none
}

.tab-left .pill-content>.active,
.tab-left .tab-content>.active {
    display: block;
    background: #f2f4f8 !important;
    border-radius: 0 10px 10px 0;
    border-top: 1px solid #ddd;
    height: 1010px
}

.tab-left .tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}

.tab-left .tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tab-left .tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.tab-left .tabs-below>.nav-tabs>li>a:focus,
.tab-left .tabs-below>.nav-tabs>li>a:hover {
    border-top-color: #ddd;
    border-bottom-color: transparent
}

.tab-left .tabs-below>.nav-tabs>.active>a,
.tab-left .tabs-below>.nav-tabs>.active>a:focus,
.tab-left .tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #ddd #ddd
}

.tab-left .tabs-left>.nav-tabs>li,
.tab-left .tabs-right>.nav-tabs>li {
    float: none
}

.tab-left .tabs-left>.nav-tabs>li>a,
.tab-left .tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tab-left .tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

.tab-left .tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.tab-left .tabs-left>.nav-tabs>li>a:focus,
.tab-left .tabs-left>.nav-tabs>li>a:hover {
    border-color: #eee #ddd #eee #eee
}

.tab-left .tabs-left>.nav-tabs .active>a,
.tab-left .tabs-left>.nav-tabs .active>a:focus,
.tab-left .tabs-left>.nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #fff;
    background: #f2f4f8 !important
}

.tab-left .tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

.tab-left .tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.tab-left .tabs-right>.nav-tabs>li>a:focus,
.tab-left .tabs-right>.nav-tabs>li>a:hover {
    border-color: #eee #eee #eee #ddd
}

.tab-left .tabs-right>.nav-tabs .active>a,
.tab-left .tabs-right>.nav-tabs .active>a:focus,
.tab-left .tabs-right>.nav-tabs .active>a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #fff
}

.activation .header-activation {
    min-height: 100px
}

.activation .header-activation .menu {
    text-align: center
}

.activation .header-activation .menu .option a {
    font-size: 16px;
    font-weight: 400;
    margin: 0 25px;
    color: #333
}

.activation .header-activation .navbar-brand {
    height: auto
}

.activation .subheader-activation {
    text-align: center;
    font-family: Roboto, sans-serif;
    padding: 40px 0;
    margin-bottom: 70px;
    background: #919df0;
    background: -webkit-linear-gradient(left, #919df0, #ff9ce9);
    background: -o-linear-gradient(right, #919df0, #ff9ce9);
    background: -moz-linear-gradient(right, #919df0, #ff9ce9);
    background: linear-gradient(90deg, #919df0, #ff9ce9)
}

.activation .subheader-activation * {
    margin: 0
}

.activation .subheader-activation .username {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 14px
}

.activation .subheader-activation .subdesc {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 27px
}

.activation .subheader-activation .title-code {
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
    color: #fff
}

.activation .subheader-activation .code {
    font-size: 36px;
    font-weight: 700;
    color: #d0021b;
    margin-bottom: 7px
}

.activation .subheader-activation .code u {
    text-decoration: none;
    border-bottom: 4px solid #d0021b;
    margin-bottom: 17px
}

.activation .subheader-activation .date {
    font-size: 16px;
    line-height: 30px;
    color: #fff
}

.activation .banner-activation {
    width: 100%;
    height: 100%;
    margin-bottom: 50px
}

.activation .banner-activation .banner-image-wrapper img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.activation .flash-activation-wrapper {
    margin-bottom: 60px
}

.activation .rec-activation-wrapper {
    padding-bottom: 60px
}

.activation .search-activation {
    background-image: url(/images/bg-search.png?_=6b4953a42d869877d3b15a8ae5cfcc4d);
    height: 300px;
    margin-bottom: 45px
}

.activation .search-activation .form-seacrh-activation {
    width: 100%;
    margin: 0 25%;
    display: flex
}

.activation .search-activation .form-seacrh-activation .search-box {
    width: 100%
}

.activation .search-activation .form-seacrh-activation .search-box input#keyword {
    height: 50px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    padding: 0 12px;
    width: 100%;
    -webkit-box-shadow: 0 3px 5px -1px #333;
    -moz-box-shadow: 0 3px 5px -1px #333;
    box-shadow: 0 3px 5px -1px #333
}

.activation .search-activation .form-seacrh-activation .search-box i {
    display: none
}

.activation .search-activation .form-seacrh-activation .search-box .popular-search a,
.activation .search-activation .form-seacrh-activation .search-box .popular-search strong {
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.activation .search-activation .form-seacrh-activation .search-box .popular-search a {
    margin-left: 10px;
    text-transform: capitalize
}

.activation .search-activation .form-seacrh-activation .search-box .popular-search .chevron {
    padding-top: 13px
}

.activation .search-activation .form-seacrh-activation .search-box .popular-search .popular-keyword,
.activation .search-activation .form-seacrh-activation .search-box .popular-search strong {
    padding-top: 11px
}

.activation .search-activation .form-seacrh-activation .search-box form {
    display: flex
}

.activation .search-activation .form-seacrh-activation .search-box hr {
    display: none
}

.activation .search-activation .form-seacrh-activation .search-box .btn-search {
    margin: 0;
    border: 0;
    background-color: #d0021b;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    padding: 7px 17px;
    height: 50px;
    -webkit-box-shadow: 0 3px 5px -1px #333;
    -moz-box-shadow: 0 3px 5px -1px #333;
    box-shadow: 0 3px 5px -1px #333
}

.activation .search-activation .form-seacrh-activation .search-box .suggestion {
    width: 88%
}

@media only screen and (max-width:786px) {
    .activation .header-activation {
        min-height: 50px
    }
    .activation .header-activation .navbar-brand {
        margin-left: -25px;
        margin-right: -25px
    }
    .activation .header-activation .menu {
        display: flex
    }
    .activation .header-activation .menu .option a {
        font-size: 12px;
        margin: 0 5px
    }
    .activation .subheader-activation {
        margin-bottom: 0
    }
    .activation .subheader-activation .username {
        font-size: 22px;
        margin-bottom: 0
    }
    .activation .subheader-activation .subdesc {
        font-size: 16px;
        margin-bottom: 20px
    }
    .activation .subheader-activation .title-code {
        font-size: 14px
    }
    .activation .subheader-activation .code {
        font-size: 26px
    }
    .activation .subheader-activation .date {
        font-size: 10px
    }
    .activation .banner-activation {
        margin: 30px -15px;
        width: auto;
        height: auto
    }
    .activation .banner-activation .banner-image-wrapper img {
        height: auto
    }
    .activation .flash-activation-wrapper {
        margin-bottom: 0
    }
    .activation .rec-activation-wrapper {
        padding-bottom: 20px
    }
    .activation .search-activation {
        margin: 0 -15px 30px
    }
    .activation .search-activation .form-seacrh-activation {
        margin: 0
    }
    .activation .search-activation .form-seacrh-activation .search-box {
        margin: 0;
        padding: 0 25px
    }
    .activation .search-activation .form-seacrh-activation .search-box input#keyword {
        height: 40px
    }
    .activation .search-activation .form-seacrh-activation .search-box .btn-search {
        height: 40px;
        font-size: 14px
    }
    .activation .search-activation .form-seacrh-activation .search-box .popular-search {
        display: block;
        padding-top: 10px
    }
    .activation .search-activation .form-seacrh-activation .search-box .popular-search a,
    .activation .search-activation .form-seacrh-activation .search-box .popular-search strong {
        font-size: 12px !important
    }
    .activation .search-activation .form-seacrh-activation .search-box .popular-search a {
        margin-left: 0 !important;
        padding: 0
    }
    .activation .search-activation .form-seacrh-activation .search-box .dropdown-menu.suggestion {
        width: 100%;
        margin-top: -50px;
        left: 0
    }
    .activation .search-activation .form-seacrh-activation .search-box .dropdown-menu.suggestion .product-item {
        min-height: auto !important
    }
}

.basic-campaign-container .btn-container {
    margin: 60px 0
}

.basic-campaign-container .btn-container .container-space {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.basic-campaign-container .material-label {
    position: absolute;
    top: 5%;
    right: 13%
}

.basic-campaign-container .material-label.terry {
    padding: 8px 14px
}

.basic-campaign-container .material-label img.tees {
    width: 60px
}

.basic-campaign-container .material-label img.gildan,
.basic-campaign-container .material-label img.terry {
    width: 70px
}

.basic-campaign-container .btn-box {
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    padding: 10px 25px;
    margin: 15px 8px;
    color: #828282;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.basic-campaign-container .btn-box label {
    font-weight: 400;
    cursor: pointer;
    margin: 0
}

.basic-campaign-container .btn-box.circle {
    border-radius: 36px;
    padding: 5px 31px
}

.basic-campaign-container .btn-box.active {
    background-color: #e5e5e5;
    color: #333
}

.basic-campaign-container .btn-box.menu-aero {
    padding: 5px 25px;
    display: block
}

.basic-campaign-container .btn-box.menu-aero .label-aero {
    margin: 0;
    text-align: center;
    line-height: 14px
}

.basic-campaign-container .btn-shop-now {
    background-color: #333;
    font-size: 20px;
    color: #fff;
    padding: 7px 30px;
    position: absolute;
    bottom: 8%;
    cursor: pointer;
    text-transform: uppercase;
    transform: translate(-50%, -50%)
}

.basic-campaign-container .btn-shop-now i {
    display: none;
    margin-left: 10px
}

.basic-campaign-container .btn-shop-now:hover {
    background-color: #ed2860
}

.basic-campaign-container .btn-shop-now:hover i {
    display: inline
}

.basic-campaign-container .btn-shop-now:active {
    background-color: #be1948
}

.basic-campaign-container .btn-shop-now:active i {
    display: inline
}

.basic-campaign-container .basic-carousel {
    margin-top: 45px
}

.basic-campaign-container .btn-wrapper {
    text-align: center;
    margin: 20px 0 30px
}

.basic-campaign-container .btn-wrapper .btn-basic {
    background-color: #d0021b;
    font-size: 16px;
    color: #fff;
    padding: 15px 20px;
    border: none;
    border-radius: 2px;
    font-weight: 400
}

.basic-campaign-container .btn-wrapper .btn-basic:hover {
    background: #b70218
}

.basic-campaign-container .btn-wrapper button[disabled] {
    background-color: #999 !important;
    cursor: not-allowed !important
}

.basic-campaign-container .btn-box-space {
    margin: 0 -8px;
    display: flex
}

.basic-campaign-container .basic-items {
    position: relative;
    margin-bottom: 30px;
    cursor: pointer
}

.basic-campaign-container .basic-items:hover .basic-hover {
    display: block
}

.basic-campaign-container .basic-items .basic-desc {
    text-transform: capitalize;
    font-weight: 700;
    margin: 15px 0 0 15px
}

.basic-campaign-container .basic-items .basic-select {
    position: absolute;
    bottom: 10%;
    width: 90%
}

.basic-campaign-container .basic-items .basic-select .select2 .btn {
    border: none;
    background-color: hsla(0, 0%, 94.1%, .9) !important;
    opacity: .9;
    margin-bottom: 2px;
    box-shadow: none
}

.basic-campaign-container .basic-items .basic-select select {
    width: 90%;
    border: none;
    padding: 5px 15px;
    color: #999
}

.basic-campaign-container .basic-items .basic-select select option {
    font-weight: 700;
    color: #000
}

.basic-campaign-container .basic-items .basic-text {
    position: absolute;
    width: 80%;
    z-index: 99;
    font-size: 14px;
    color: #999
}

.basic-campaign-container .basic-items .basic-text p {
    margin-left: 15px
}

.basic-campaign-container .basic-items .basic-text p span {
    font-weight: 700;
    color: #000
}

.basic-campaign-container .basic-items .basic-text.one {
    bottom: 43%
}

.basic-campaign-container .basic-items .basic-text.two {
    bottom: -6%
}

.basic-campaign-container .basic-items .basic-hover {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    padding-top: 15px;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 0 1px;
    width: 90%;
    height: auto;
    display: none
}

.basic-campaign-container .basic-items .basic-hover .hover-title {
    text-transform: capitalize;
    font-weight: 700;
    color: #4274d7;
    padding: 0 15px
}

.basic-campaign-container .basic-items .basic-hover .hover-desc {
    font-size: 14px;
    color: #888;
    padding: 0 15px
}

.basic-campaign-container .basic-items .basic-hover .btn-wrapper {
    margin: 0;
    width: 100%
}

.basic-campaign-container .basic-items .basic-hover .btn-wrapper .btn-basic {
    background-color: #d0021b;
    color: #fff;
    width: 100%;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 0;
    padding: 0;
    line-height: 36px;
    text-align: center;
    height: 36px
}

.basic-campaign-container .basic-items .ui-select-bootstrap>.ui-select-match>.btn {
    padding-left: 30%;
    color: #000;
    font-weight: 700
}

.empty-result {
    text-align: center;
    margin: auto
}

.empty-result img {
    max-width: 90%;
    height: auto;
    display: inline-block
}

.empty-result p {
    font-size: 16px;
    margin-top: 15px;
    color: #999;
    font-weight: 700
}

.planet-view.ng-animate {
    transition: all .4s ease;
    position: absolute
}

.planet-view.ng-enter {
    top: 200px;
    opacity: 0
}

.planet-view.ng-enter.ng-enter-active,
.planet-view.ng-leave {
    top: 0;
    opacity: 1
}

.planet-view.ng-leave.ng-leave-active {
    top: -200px;
    opacity: 0
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(.2)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(.5)
    }
    to {
        transform: scale(1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        -webkit-transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(.5)
    }
    to {
        transform: scale(1)
    }
}

.basic-row .repeat-animation.ng-enter,
.basic-row .repeat-animation.ng-move {
    -webkit-transition: all .5s linear;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all .5s linear;
    -webkit-animation: zoomIn .5s;
    animation: zoomIn .5s;
    position: relative
}

.basic-row .repeat-animation.ng-enter {
    opacity: 0
}

.basic-row .repeat-animation.ng-enter.ng-enter-active {
    opacity: 1
}

.basic-row .repeat-animation.ng-leave {
    -webkit-transition: all .5s linear;
    -moz-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all .5s linear
}

.basic-row .repeat-animation.ng-leave.ng-leave-active {
    opacity: 0
}

.basic-row .repeat-animation.ng-move {
    opacity: .5
}

.basic-row .repeat-animation.ng-move.ng-move-active {
    left: 0;
    opacity: 1
}

@media only screen and (width:1024px) {
    .basic-campaign-container .basic-items .basic-select {
        bottom: 12%;
        width: 88%
    }
}

@media only screen and (max-width:786px) {
    .basic-campaign-container .header-campaign {
        margin-bottom: 15px
    }
    .basic-campaign-container .header-campaign .basic-title {
        font-size: 15px
    }
    .basic-campaign-container .header-campaign img {
        height: 100px
    }
    .basic-campaign-container .btn-shop-now {
        padding: 2px 10px;
        font-size: 10px;
        bottom: 3%;
        right: 38%
    }
    .basic-campaign-container .basic-carousel {
        margin-top: 0
    }
    .basic-campaign-container .btn-box,
    .basic-campaign-container .btn-box.circle,
    .basic-campaign-container .btn-box.material-label {
        padding: 5px 10px;
        margin: 0 5px;
        font-size: 10px
    }
    .basic-campaign-container .btn-box.material-label {
        bottom: 15%;
        left: 20%;
        text-align: center;
        right: 20%
    }
    .basic-campaign-container .btn-box.material-label.aero {
        right: 12%;
        left: 15%
    }
    .basic-campaign-container .btn-box.material-label.terry {
        padding: 3px 1px;
        font-size: 10px
    }
    .basic-campaign-container .btn-box.material-label img.gildan,
    .basic-campaign-container .btn-box.material-label img.tees {
        width: 40px
    }
    .basic-campaign-container .btn-box.material-label img.terry {
        width: 36px
    }
    .basic-campaign-container .btn-container {
        margin: 20px -15px
    }
    .basic-campaign-container .btn-container .container-space {
        display: block
    }
    .basic-campaign-container .btn-container .container-space .btn-box-space {
        display: flex;
        justify-content: center
    }
    .basic-campaign-container .btn-box-space {
        margin-bottom: 15px
    }
    .basic-campaign-container .basic-row {
        margin: 0 -8px
    }
    .basic-campaign-container .basic-row .basic-items {
        padding: 0 8px 15px
    }
    .basic-campaign-container .btn-wrapper {
        margin: 8px 0 35px
    }
    .basic-campaign-container .btn-wrapper .btn-basic {
        padding: 8px 15px;
        font-size: 12px
    }
    .basic-campaign-container .basic-items {
        margin-bottom: 0
    }
    .basic-campaign-container .basic-items .basic-select {
        width: 90%;
        bottom: 22%
    }
    .basic-campaign-container .basic-items .basic-text {
        width: 85%;
        font-size: 10px
    }
    .basic-campaign-container .basic-items .basic-text p {
        margin-left: 8px
    }
    .basic-campaign-container .basic-items .basic-text.one {
        bottom: 50%
    }
    .basic-campaign-container .basic-items .basic-text.two {
        bottom: 1%
    }
    .basic-campaign-container .basic-items .basic-desc {
        font-size: 10px;
        margin: 15px 0 0
    }
    .basic-campaign-container .basic-items .basic-hover {
        padding-top: 0
    }
    .basic-campaign-container .basic-items .basic-hover .hover-title {
        font-size: 10px;
        padding: 5px 0 0 15px;
        margin-bottom: 0
    }
    .basic-campaign-container .basic-items .basic-hover .hover-desc {
        font-size: 12px;
        padding: 15px;
        margin-bottom: 5px
    }
    .basic-campaign-container .basic-items .basic-hover .btn-wrapper .btn-basic {
        font-size: 10px;
        line-height: 30px;
        height: 30px
    }
    .basic-campaign-container .basic-items .ui-select-bootstrap>.ui-select-match>.btn {
        font-size: 10px;
        padding: 10px 0 0 37%
    }
    .basic-campaign-container .btn-box.menu-aero {
        padding: 2px 10px
    }
    .basic-campaign-container .btn-box.menu-aero .label-aero {
        line-height: 9px
    }
    .basic-campaign-container .empty-result img {
        width: 50%
    }
    .basic-campaign-container .empty-result p {
        font-size: 14px;
        margin: 20px
    }
}

@media only screen and (width:768px) {
    .basic-campaign-container .basic-items .basic-select {
        width: 94%;
        bottom: 14%
    }
    .basic-campaign-container .basic-items .basic-hover {
        width: 94%
    }
}

@media only screen and (width:425px) {
    .basic-campaign-container .basic-items .basic-select {
        width: 92%;
        bottom: 17%
    }
    .basic-campaign-container .basic-items .basic-hover {
        width: 92%
    }
}

@media only screen and (width:375px) {
    .basic-campaign-container .basic-items .basic-select {
        bottom: 19%;
        width: 91.5%
    }
    .basic-campaign-container .basic-items .basic-hover {
        width: 91.5%
    }
}

.done-page {
    max-width: 1050px;
    margin-top: 20px
}

.done-page .btn-green {
    background-color: #7ac70c;
    font-size: 13px;
    border-radius: 3px;
    line-height: 40px;
    padding: 0 20px;
    color: #fff;
    font-weight: 700;
    width: fit-content;
    margin-top: 30px
}

.done-page p {
    margin: 0
}

.done-page .font-16 {
    font-size: 16px;
    color: #333
}

.done-page .font-14 {
    font-size: 14px;
    color: #333;
    line-height: 22px
}

.done-page .grey {
    color: #888
}

.done-page .text-title {
    font-size: 16px;
    color: #888;
    margin-bottom: 5px
}

.done-page .link-blue {
    color: #2f80ed;
    text-decoration: none
}

.done-page .review-side {
    background-color: #ecf3f8;
    border-radius: 3px;
    padding: 20px 40px 40px;
    font-family: Roboto, sans-serif
}

.done-page .review-side .order-id {
    color: #888;
    margin-bottom: 20px
}

.done-page .review-side .order-id span {
    color: #333
}

.done-page .review-side .order-title {
    background-color: #fff;
    padding: 20px 20px 10px;
    border-radius: 3px
}

.done-page .review-side .order-payment {
    font-size: 28px;
    font-weight: 700;
    color: #222
}

.done-page .review-side .order-important {
    background-color: #ffc246;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 14px;
    position: relative
}

.done-page .review-side .order-important:before {
    border-bottom: 20px solid #ffc246;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    display: inline-block;
    right: 25%;
    position: absolute;
    top: -10px
}

.done-page .line {
    border: 0;
    height: 1px;
    color: #eee;
    background-color: #eee;
    margin: 20px 0
}

.done-page .desc-side {
    margin-left: 20px
}

.done-page .desc-side .box-code {
    font-size: 20px;
    color: #333;
    background-color: #f9f9f9;
    padding: 10px 15px;
    width: fit-content;
    border-radius: 3px;
    letter-spacing: .05em;
    font-weight: 600
}

.done-page .desc-side .clipboard {
    color: #27ae60;
    cursor: pointer;
    margin-left: 20px
}

.done-page .desc-side .va-copy {
    margin: 20px 0
}

.done-page .desc-side .bcava-tab {
    margin: 15px 0
}

.done-page .desc-side .bcava-tab .nav-tabs {
    font-size: 14px
}

.done-page .desc-side .bcava-tab .nav-tabs>li.active>a {
    background-color: #fafafa;
    font-weight: 700;
    color: #333
}

.done-page .desc-side .bcava-tab .tab-content>.active {
    background-color: #fafafa;
    font-size: 13px;
    line-height: 21px
}

.done-page .desc-side .bcava-tab .tab-pane {
    padding: 15px 25px;
    border-radius: 0 0 5px 5px
}

.done-page .desc-side .payment-warning {
    border-left: 5px solid #eee;
    margin-bottom: 25px
}

.done-page .desc-side .payment-warning ul {
    list-style-type: none;
    font-style: italic;
    font-size: 14px
}

.done-page .desc-side .payment-warning ul li {
    line-height: 25px
}

.done-page .desc-side .payment-transfer {
    background-color: #fafafa;
    text-align: center;
    border-radius: 5px;
    padding: 15px 0;
    font-size: 13px;
    margin: 20px 0
}

.done-page .desc-side .payment-transfer .line-separator {
    border-right: 1px solid #eee
}

.done-page .desc-side .payment-date {
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 23px;
    padding: 10px 20px;
    border-radius: 3px;
    width: fit-content;
    font-weight: 700
}

.done-page .desc-side .payment-gopay .payment-title img {
    height: 18px
}

.done-page .desc-side .payment-gopay .gopay-wrapper {
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 15px 0 38px;
    padding: 20px 25px;
    font-size: 13px;
    line-height: 21px
}

.done-page .desc-side .payment-gopay .gopay-wrapper .image-gopay {
    margin-top: 10px
}

.done-page .desc-side .payment-gopay .button-deeplink {
    text-transform: uppercase;
    background-color: #1e4d8e;
    font-size: 13px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    margin-top: 20px
}

.done-page .desc-side .payment-gopay .button-deeplink .fa:before {
    margin-left: 10px
}

.done-page .desc-side .payment-gopay .button-qrcode {
    color: #5ca5da;
    font-size: 13px;
    margin: 13px 0;
    font-weight: 700;
    cursor: pointer
}

.done-page .desc-side .payment-gopay .button-qrcode .fa:before {
    margin-left: 2px
}

.done-page .colorize {
    color: #ff3800
}

.done-page .dy-flip-clock {
    margin: 1em 0
}

.done-page .dy-clock-wrapper {
    background-color: #fff;
    border-radius: 3px;
    width: fit-content;
    padding-bottom: 1px;
    padding-right: 10px
}

.done-page .dy-clock-wrapper .dy-flip-clock-label {
    top: 3.5em;
    font-size: 9px;
    right: -34px;
    color: #333
}

.done-page .dy-clock-wrapper .dy-flip-clock-card-value {
    font-size: 24px;
    color: #333;
    background-color: #fff;
    text-shadow: none
}

.done-page .dy-clock-wrapper .dy-flip-clock-card-up:after {
    background-color: #fff;
    top: 45px
}

.done-page .dy-clock-wrapper .dy-flip-clock-number-digit {
    line-height: normal
}

.done-page .dy-clock-wrapper .dy-flip-clock-number {
    background: transparent;
    box-shadow: none;
    width: 15px;
    height: 30px;
    margin: 0;
    padding: 10px
}

.done-page .dy-clock-wrapper .dy-flip-clock-dot {
    display: none
}

.done-page .dy-clock-wrapper .dy-flip-clock-divider {
    height: 35px;
    width: 10px
}

.review_side {
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 10px;
    background: #ecf3f9
}

.review_side label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0
}

.review_side .payment-big {
    font-size: 2.4em
}

@media only screen and (max-width:786px) {
    .done-page {
        margin-top: 15px
    }
    .done-page .review-side {
        padding: 20px 15px;
        margin-bottom: 15px
    }
    .done-page .img-logo {
        height: 39px
    }
    .done-page .desc-side {
        margin-left: 0
    }
    .done-page .desc-side .box-code {
        font-size: 14px;
        padding: 12px 5px;
        overflow-wrap: break-word;
        text-align: center
    }
    .done-page .desc-side .clipboard {
        margin-left: 10px;
        font-size: 12px
    }
    .done-page .desc-side .payment-transfer .line-separator {
        border-right: 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
        margin-bottom: 15px
    }
    .done-page .desc-side .payment-date {
        font-size: 18px;
        padding: 5px 15px
    }
    .done-page .desc-side .bcava-tab .nav-tabs {
        font-size: 13px
    }
    .done-page .desc-side .bcava-tab .nav-tabs>li>a {
        padding: 5px 10px
    }
    .done-page .font-12,
    .done-page .font-16 {
        font-size: 12px
    }
    .done-page .text-title {
        font-size: 14px
    }
    .done-page .text-title.mobile-center {
        text-align: center
    }
    .done-page .btn-green {
        margin-top: 15px
    }
    .done-page .dy-clock-wrapper {
        margin: 5px auto
    }
}

.container-shipping {
    display: block;
    padding: 30px 0
}

.container-shipping .form-shipping {
    border: 1px solid #e0e0e0;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #fff
}

.container-shipping .form-shipping.header {
    border-bottom: 0;
    margin-bottom: 0;
    background-color: #fff
}

.container-shipping .form-shipping.kredivo {
    background-color: rgba(243, 125, 49, .1);
    padding: 10px 15px;
    border: 1px solid #f8e6db
}

.container-shipping .form-shipping .form-shipping-wrapper {
    display: flex;
    justify-content: space-between;
    border-bottom: 0
}

.container-shipping .form-shipping .form-shipping-wrapper .form-shipping-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    color: #555
}

.container-shipping .form-shipping .form-shipping-wrapper .box-shipping-title {
    display: flex;
    align-items: center
}

.container-shipping .form-shipping .form-shipping-wrapper .box-shipping-title .login-wrapper {
    display: inline-block;
    margin-right: 10px
}

.container-shipping .form-shipping .form-shipping-wrapper .box-shipping-title .login-wrapper .account {
    font-size: 14px;
    color: #333;
    margin: 0;
    line-height: normal;
    text-align: right
}

.container-shipping .form-shipping .form-shipping-wrapper .box-shipping-title .login-wrapper .address {
    font-size: 12px;
    color: #828282;
    margin: 0;
    line-height: normal
}

.container-shipping .form-shipping .form-shipping-wrapper .box-shipping-title .btn-login {
    font-size: 14px;
    color: #333;
    line-height: 32px;
    padding: 0 20px;
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
    box-shadow: none;
    display: inline-block
}

.container-shipping .form-shipping .payment-method-vertical {
    width: 100%;
    border: solid #ececec;
    border-width: 1px 1px 0
}

.container-shipping .form-shipping .payment-method-vertical td {
    border: solid #ececec;
    border-width: 0 0 1px;
    padding: 20px
}

.container-shipping .form-shipping .payment-method-vertical td input[type=radio] {
    margin: 0 15px 0 0;
    cursor: pointer
}

.container-shipping .form-shipping .payment-method-vertical td label {
    margin: 0 20px 0 0;
    cursor: pointer
}

.container-shipping .form-shipping .payment-method-vertical td img {
    width: 70px
}

.container-shipping .form-shipping .payment-method-vertical td img.cod {
    width: 50px
}

.container-shipping .form-shipping .payment-method-vertical td img.bca,
.container-shipping .form-shipping .payment-method-vertical td img.kredivo {
    width: 60px;
    margin-right: 15px
}

.container-shipping .form-shipping .payment-method-vertical td img.permata {
    width: 90px
}

.container-shipping .form-shipping .payment-method-vertical td img.bitcoin {
    width: 75px
}

.container-shipping .form-shipping .form-control {
    border: 1px solid #bdbdbd;
    box-shadow: none;
    padding: 8px
}

.container-shipping .form-shipping .form-control:hover {
    box-shadow: 0 0 8px rgba(66, 116, 215, .5);
    border: 1px solid #4274d7;
    color: #4274d7
}

.container-shipping .form-shipping .form-control.ng-dirty.ng-invalid {
    border: 1px solid red
}

.container-shipping .form-shipping .textarea {
    padding: 8px 40px 8px 8px
}

.container-shipping .form-shipping .count-hint {
    font-size: 11px;
    background-color: #eee;
    color: rgba(0, 0, 0, .38);
    border-radius: 2px;
    padding: 0 4px;
    position: absolute;
    right: 20px;
    top: 30px
}

.container-shipping .form-shipping .small-hint {
    color: red;
    font-size: 12px;
    font-style: normal
}

.container-shipping .form-shipping .select2-container .select2-choice {
    border-radius: 0;
    border: 1px solid #bdbdbd
}

.container-shipping .form-shipping .address-dropship-content {
    padding-top: 30px
}

.container-shipping .form-shipping .label-shipping {
    font-size: 14px
}

.container-shipping .form-shipping .kredivo-payment {
    padding-top: 25px;
    border-top: 1px solid #e0e0e0;
    margin: 0
}

.container-shipping .form-shipping .kredivo-payment .kredivo-radio-label {
    border: 1px solid #e0e0e0;
    padding: 8px;
    text-align: center
}

.container-shipping .form-shipping .kredivo-payment .kredivo-radio-label:hover {
    box-shadow: 0 0 10px #4274d7
}

.container-shipping .form-shipping .kredivo-payment .kredivo-yellow-label {
    text-transform: uppercase;
    background-color: #f2c94c;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 2px
}

.container-shipping .form-shipping .kredivo-payment .kredivo-text {
    font-size: 14px;
    color: #828282;
    margin: 25px 0
}

.container-shipping .form-shipping .kredivo-payment .kredivo-blue {
    font-size: 14px;
    color: #4274d7
}

.container-shipping .form-shipping .kredivo-droppdown {
    padding: 0;
    font-size: 14px;
    color: #000
}

.container-shipping .form-shipping .kredivo-droppdown .checkbox-inline {
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.container-shipping .form-shipping .kredivo-droppdown .checkbox-inline input[type=radio] {
    margin: 0;
    cursor: pointer
}

.container-shipping .form-shipping .kredivo-droppdown .checkbox-inline .label-toogle {
    margin-left: 12px;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize
}

.container-shipping .form-shipping .kredivo-droppdown .dropdown-text {
    background-color: hsla(0, 0%, 100%, .5);
    color: #333;
    padding: 10px 15px;
    border: 1px solid #fff;
    margin: 20px 0 15px
}

.container-shipping .form-shipping .kredivo-droppdown .dropdown-ul-title {
    margin-bottom: 15px
}

.container-shipping .payment_method {
    width: 100%;
    margin-bottom: 25px !important;
    background-color: #fafafa
}

.container-shipping .payment_method label {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 0;
    cursor: pointer
}

.container-shipping .payment_method img {
    margin-top: 10px
}

.container-shipping .payment_method td {
    text-align: center;
    border: 1px solid #ececec;
    width: 30%;
    height: 100%;
    cursor: pointer
}

.container-shipping .payment_method td:hover {
    box-shadow: 0 0 10px #4274d7
}

.container-shipping .payment_method td input[type=radio] {
    cursor: pointer
}

.container-shipping .payment_method td img.bca {
    height: 20px;
    margin-left: 10px
}

.container-shipping .payment_method td img.bca-automate {
    height: 20px
}

.container-shipping .payment_method td img.bitcoin {
    height: 18px
}

.container-shipping .payment_method td img.cod,
.container-shipping .payment_method td img.e-cash {
    height: 32px
}

.container-shipping .payment_method td img.master {
    margin-left: 5px
}

.container-shipping .payment_method td img.kredivo {
    height: 30px
}

.container-shipping .form-shipping.sticky-cart {
    margin-bottom: 0
}

.container-shipping .form-shipping.sticky-cart .side-cart {
    padding: 0
}

.container-shipping .form-shipping.sticky-cart .side-cart h3 {
    font-size: 1em;
    font-weight: 700
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list-container {
    display: block
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list {
    list-style: none;
    width: 100%
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list td {
    vertical-align: top;
    padding-bottom: 20px
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list td.close i {
    font-size: 14px
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .cart-image {
    width: 75px
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .text {
    color: #000
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .params {
    font-size: .8em;
    padding-left: 10px
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .params .product-name {
    font-size: 14px;
    text-transform: capitalize;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 19px;
    max-width: 170px
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .params .product-size {
    font-size: 12px;
    font-style: italic;
    margin: 0
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .params .counter-view {
    margin-top: 5px;
    width: 110px
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .params .counter-view .input-group-addon {
    border-radius: 0;
    background-color: #fafafa;
    padding: 6px 10px;
    cursor: pointer
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .params .counter-view .form-control {
    height: 30px;
    box-shadow: none;
    padding: 7px 10px;
    font-size: 12px
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .params .counter-view .input-group-addon a {
    color: #000;
    font-size: 10px;
    font-weight: 400
}

.container-shipping .form-shipping.sticky-cart .side-cart .product-list .subtotal {
    font-size: 14px;
    color: #333;
    float: right
}

.container-shipping .form-shipping.sticky-cart .table-summary {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
    margin-bottom: 15px
}

.container-shipping .form-shipping.sticky-cart .table-summary table {
    width: 100%
}

.container-shipping .form-shipping.sticky-cart .table-summary table td {
    vertical-align: top;
    line-height: 30px
}

.container-shipping .form-shipping.sticky-cart .table-summary table td.sub-total {
    color: #000;
    font-weight: 500
}

.container-shipping .form-shipping.sticky-cart .table-summary .discount {
    color: green;
    font-weight: 700
}

.container-shipping .total-shipping .total-small {
    font-size: 12px;
    font-weight: 400;
    color: #828282;
    font-style: italic;
    margin: 0
}

.container-shipping .total-shipping .total-bold {
    font-size: 22px;
    font-weight: 700;
    margin: 0
}

.container-shipping .voucher-wrapper {
    margin: 15px 0
}

.container-shipping .voucher-wrapper a.voucher {
    color: #27ae60;
    font-size: 14px
}

.container-shipping .voucher-wrapper .input-voucher {
    margin-top: 10px;
    display: flex
}

.container-shipping .voucher-wrapper .input-voucher .btn-apply {
    margin-left: 2px;
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-shadow: none
}

.container-shipping .voucher-wrapper .input-voucher .fa-voucher-custom {
    position: absolute;
    margin-left: -25px;
    margin-top: 7px;
    cursor: pointer;
    color: #bdbdbd
}

.container-shipping .voucher-wrapper .input-voucher .input-text {
    display: inline-block;
    width: 100%
}

.container-shipping .voucher-wrapper .input-voucher .input-text input {
    text-transform: uppercase
}

.container-shipping .voucher-wrapper .input-voucher .input-text ::-webkit-input-placeholder {
    text-transform: none
}

.container-shipping .voucher-wrapper .input-voucher .input-text :-moz-placeholder,
.container-shipping .voucher-wrapper .input-voucher .input-text ::-moz-placeholder {
    text-transform: none
}

.container-shipping .voucher-wrapper .input-voucher .input-text :-ms-input-placeholder {
    text-transform: none
}

.container-shipping .voucher-wrapper .input-voucher .button {
    display: inline-block
}

.container-shipping .voucher-wrapper .info-custom-voucher {
    margin-top: 5px
}

.container-shipping .voucher-wrapper .info-custom-voucher .fa-custom-voucher {
    padding: 0 10px
}

.container-shipping .save-transaction {
    color: #828282;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    margin-top: 38px
}

.container-shipping .save-transaction i {
    color: #1c8713;
    margin-right: 8px
}

@media only screen and (width:1024px) {
    .payment_method img {
        width: 50px;
        margin: auto
    }
    .payment_method img.bca-automate,
    .payment_method img.bitcoin,
    .payment_method img.cod,
    .payment_method img.e-cash {
        height: auto !important
    }
    .payment_method img.bca {
        width: 50px;
        height: auto !important;
        display: inline;
        margin: 0 5px 5px 0
    }
    .payment_method img.master {
        width: 25px;
        display: inline
    }
}

@media only screen and (max-width:786px) {
    .container-shipping {
        padding: 12px 5px;
        margin-bottom: 60px
    }
    .container-shipping .form-shipping {
        padding: 10px;
        margin-bottom: 15px
    }
    .container-shipping .form-shipping.header.mobile {
        margin-bottom: 12px;
        border-bottom: 1px solid #e0e0e0;
        padding: 13px 10px
    }
    .container-shipping .form-shipping.sticky-cart .side-cart .product-list .cart-image {
        width: 50px
    }
    .container-shipping .form-shipping.sticky-cart .side-cart .product-list .params .product-name {
        font-size: 12px;
        max-width: 155px
    }
    .container-shipping .form-shipping.sticky-cart .side-cart .product-list .subtotal {
        font-size: 12px
    }
    .container-shipping .form-shipping.sticky-cart .side-cart .product-list .total-mobile {
        text-align: center
    }
    .container-shipping .form-shipping.sticky-cart .side-cart .product-list .total-mobile .close-shipping {
        float: none;
        font-size: 12px;
        margin-top: 15px;
        text-align: center
    }
    .container-shipping .form-shipping.sticky-cart .side-cart .product-list .total-mobile .cart-image {
        width: 50px
    }
    .container-shipping .form-shipping .payment-method-vertical td {
        padding: 16px 10px
    }
    .container-shipping .form-shipping .payment-method-vertical td label {
        font-size: 12px
    }
    .container-shipping .form-shipping .payment-method-vertical td img {
        width: 50px !important
    }
    .container-shipping .form-shipping .payment-method-vertical td img.bca {
        margin-right: 12px
    }
    .container-shipping .form-shipping .form-shipping-wrapper .box-shipping-title .btn-login {
        line-height: 38px
    }
    .container-shipping .form-shipping .form-shipping-wrapper .box-shipping-title .login-wrapper .account {
        text-align: left
    }
    .container-shipping .form-shipping .form-shipping-wrapper .form-shipping-title {
        font-size: 14px
    }
    .container-shipping .form-shipping .address-dropship {
        padding: 5px 0
    }
    .container-shipping .form-shipping .address-dropship .address-dropship-content {
        padding-top: 20px
    }
    .container-shipping .form-shipping .label-shipping {
        font-size: 12px;
        color: #555
    }
    .container-shipping .form-shipping .label-shipping.number {
        display: none
    }
    .container-shipping .form-shipping .payment_method {
        width: 100%;
        margin-bottom: 25px !important;
        background-color: #fafafa
    }
    .container-shipping .form-shipping .payment_method label {
        display: block;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        padding: 10px 0;
        cursor: pointer
    }
    .container-shipping .form-shipping .payment_method img {
        margin-top: 10px
    }
    .container-shipping .form-shipping .payment_method td {
        text-align: center;
        border: 1px solid #ececec;
        width: 30%;
        height: 100%;
        cursor: pointer
    }
    .container-shipping .form-shipping .payment_method td:hover {
        box-shadow: 0 0 10px #4274d7
    }
    .container-shipping .form-shipping .payment_method td input[type=radio] {
        cursor: pointer
    }
    .container-shipping .form-shipping .payment_method td img.bca {
        height: 20px;
        margin-left: 10px
    }
    .container-shipping .form-shipping .payment_method td img.bca-automate {
        height: 20px
    }
    .container-shipping .form-shipping .payment_method td img.bitcoin {
        height: 18px
    }
    .container-shipping .form-shipping .payment_method td img.cod,
    .container-shipping .form-shipping .payment_method td img.e-cash {
        height: 32px
    }
    .container-shipping .form-shipping .payment_method td img.master {
        margin-left: 5px
    }
    .container-shipping .form-shipping .payment_method td img.kredivo {
        height: 30px
    }
    .container-shipping .form-shipping .payment_method label {
        font-size: 10px
    }
    .container-shipping .form-shipping .payment_method img {
        width: 50px;
        margin: auto;
        height: auto
    }
    .container-shipping .form-shipping .payment_method img.bca-automate,
    .container-shipping .form-shipping .payment_method img.bitcoin,
    .container-shipping .form-shipping .payment_method img.cod,
    .container-shipping .form-shipping .payment_method img.e-cash {
        height: auto
    }
    .container-shipping .form-shipping .payment_method img.bca {
        width: 50px;
        height: auto;
        display: inline;
        margin: 0 0 5px
    }
    .container-shipping .form-shipping .payment_method img.master {
        width: 25px;
        display: inline
    }
    .container-shipping .form-shipping .kredivo-droppdown {
        padding: 10px
    }
    .container-shipping .form-shipping .kredivo-payment {
        padding-top: 0;
        padding-bottom: 10px;
        border: 1px solid #e0e0e0
    }
    .container-shipping .form-shipping .kredivo-payment .kredivo-radio-label {
        border: none
    }
    .container-shipping .form-shipping .kredivo-payment .kredivo-blue,
    .container-shipping .form-shipping .kredivo-payment .kredivo-text,
    .container-shipping .form-shipping .kredivo-payment .kredivo-yellow-label {
        font-size: 12px;
        margin: 5px 0
    }
    .container-shipping .btn-shipping-mobile-wrap {
        background-color: #fff;
        padding: 5px 18px;
        bottom: 0;
        position: fixed;
        z-index: 8;
        width: 100%;
        box-shadow: 0 2px 9px #333;
        left: 0;
        right: 0;
        font-family: Open sans, Helvetica, Arial, sans-serif;
        display: flex !important;
        justify-content: space-between;
        align-items: center
    }
    .container-shipping .btn-shipping-mobile-wrap .total-title {
        font-size: 10px;
        margin: 0;
        line-height: 15px
    }
    .container-shipping .btn-shipping-mobile-wrap .total-bold {
        font-size: 18px;
        margin: 0;
        line-height: 20px
    }
    .container-shipping .btn-shipping-mobile {
        font-size: 13 !important;
        font-weight: 400;
        color: #fff;
        line-height: 40px;
        padding: 0 30px;
        margin: 0
    }
    .container-shipping .form-shipping .form-control {
        font-size: 12px
    }
    .container-shipping .form-shipping .btn-apply {
        margin-left: 5px;
        font-size: 12px;
        padding: 6px 20px
    }
    .container-shipping .save-transaction {
        font-size: 12px;
        margin-top: 25px
    }
    .container-shipping .save-transaction .security-badge img {
        max-width: 100px
    }
    .container-shipping .voucher-wrapper a.voucher {
        font-size: 12px
    }
    .container-shipping .voucher-wrapper .info-custom-voucher {
        font-size: 10px
    }
    .container-shipping .voucher-wrapper .info-custom-voucher .fa-custom-voucher {
        padding: 0 2px
    }
    #prism-widget {
        margin-bottom: 30px
    }
}

.Anton {
    font-family: Anton
}

.ChangaOne {
    font-family: Changa One
}

.Courgette {
    font-family: Courgette
}

.Dosis {
    font-family: Dosis
}

.DroidSans {
    font-family: Droid Sans
}

.DroidSerif {
    font-family: "Droid Serif"
}

.GloriaHallelujah {
    font-family: Gloria Hallelujah
}

.JosefinSans {
    font-family: Josefin Sans
}

.Lobster {
    font-family: Lobster
}

.Merriweather {
    font-family: Merriweather
}

.Montserrat {
    font-family: Montserrat
}

.OpenSans {
    font-family: Open Sans
}

.Oswald {
    font-family: Oswald
}

.Oxygen {
    font-family: Oxygen
}

.Pacifico {
    font-family: Pacifico
}

.PlayfairDisplay {
    font-family: Playfair Display CC
}

.Roboto {
    font-family: Roboto
}

.RobotoSlab {
    font-family: Roboto Slab
}

.ShadowsIntoLight {
    font-family: Shadows Into Light
}

.TitilliumWeb {
    font-family: Titillium Web
}

@font-face {
    font-family: Billabong;
    src: url(/assets/fonts/editor/Billabong.ttf)
}

@font-face {
    font-family: Bauer Bodoni Std;
    src: url(/assets/fonts/editor/BauerBodoni-Roman.woff)
}

@font-face {
    font-family: Bungee;
    src: url(/assets/fonts/editor/Bungee-Regular.ttf)
}

@font-face {
    font-family: Knewave;
    src: url(/assets/fonts/editor/Knewave-Regular.ttf)
}

@font-face {
    font-family: Modak;
    src: url(/assets/fonts/editor/Modak-Regular.ttf)
}

@font-face {
    font-family: Shrikhand;
    src: url(/assets/fonts/editor/Shrikhand-Regular.ttf)
}

@font-face {
    font-family: Fredoka One;
    src: url(/assets/fonts/editor/FredokaOne-Regular.ttf)
}

@font-face {
    font-family: Kaushan Script;
    src: url(/assets/fonts/editor/KaushanScript-Regular.ttf)
}

@font-face {
    font-family: Playfair Display SC;
    src: url(/assets/fonts/editor/PlayfairDisplaySC-Regular.ttf)
}

@font-face {
    font-family: Vidaloka;
    src: url(/assets/fonts/editor/Vidaloka-Regular.ttf)
}

@font-face {
    font-family: Permanent Marker;
    src: url(/assets/fonts/editor/PermanentMarker-Regular.ttf)
}

@font-face {
    font-family: Yellowtail;
    src: url(/assets/fonts/editor/Yellowtail-Regular.ttf)
}

.Billabong {
    font-family: Billabong
}

.BauerBodoniStd {
    font-family: Bauer Bodoni Std
}

.Bungee {
    font-family: Bungee
}

.Knewave {
    font-family: Knewave
}

.Modak {
    font-family: Modak
}

.Shrikhand {
    font-family: Shrikhand
}

.FredokaOne {
    font-family: Fredoka One
}

.Kaushan {
    font-family: Kaushan Script
}

.Playfair {
    font-family: Playfair Display SC
}

.Vidaloka {
    font-family: Vidaloka
}

.Permanentmarker {
    font-family: Permanent Marker
}

.Yellowtail {
    font-family: Yellowtail
}

.editor-header ol.navi {
    margin: 0 0 0 20px
}

.editor-header ol.navi li {
    margin: 4px 20px 4px 0;
    color: #fff
}

.editor-header ol.navi li a {
    padding: 0
}

.editor-header ol.navi li a span {
    color: #ccc;
    background-color: #313131;
    padding: 12px 8px
}

.editor-header ol.navi li.current,
.editor-header ol.navi li.current a {
    color: #fff
}

.editor-header ol.navi li.current a span {
    color: #fff;
    background-color: #337ab7
}

.editor-show-stock {
    margin-top: -20px;
    font-size: 12px
}

.editor-input-disable {
    background-color: #a5a5a5;
    border: 2px solid #a5a5a5
}

.editor-header {
    background: #000;
    padding: 10px;
    height: 50px
}

.editor-header a {
    display: block
}

.editor-header a,
.editor-header h1 {
    padding: 1em;
    margin: 0;
    line-height: 0;
    color: #fff
}

.editor-header h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-align: center
}

.editor-canvas {
    background-color: #ececec
}

#live-editor {
    position: relative
}

#live-editor :focus {
    outline: none !important
}

#live-editor .no-padding {
    padding: 0 !important
}

#live-editor .navbar-default {
    background: #eee !important
}

#live-editor .navbar {
    margin-bottom: 0 !important
}

#live-editor .header h3 {
    margin: 20px
}

#live-editor .header a:link {
    text-decoration: none;
    color: #fff
}

#live-editor .block {
    margin-top: 10px
}

#live-editor .clear {
    clear: both
}

#live-editor .small {
    font-size: 85%
}

#live-editor .form-control {
    border-radius: 0
}

#live-editor .modal-content {
    padding: 15px;
    overflow: auto;
    color: #333;
    border-radius: 0
}

#live-editor .thumb {
    margin-bottom: 20px
}

#live-editor .modal-body h3 {
    margin: 0 0 10px
}

#live-editor .nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0 !important
}

#live-editor .nav-tabs>li>a {
    background: #e8e6e7;
    border: 0 !important;
    border-radius: 0 !important
}

#live-editor .nav-tabs.nav-justified>li>a {
    border-bottom: 2px solid #de4444 !important
}

#live-editor .nav-tabs>li.active>a,
#live-editor .nav-tabs>li.active>a:focus,
#live-editor .nav-tabs>li.active>a:hover {
    color: #fff !important;
    background: #de4444 !important
}

#live-editor .tab-pane {
    background: #e8e6e7;
    border-radius: 0 !important;
    padding: 20px
}

#live-editor .tab-pane h3 {
    margin: 0;
    font-size: 18px
}

#live-editor .space {
    margin: 10px 0
}

#live-editor .btn-close {
    box-shadow: none;
    text-shadow: none;
    border: 0
}

#live-editor .btn-file {
    position: relative;
    overflow: hidden
}

#live-editor .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block
}

#live-editor input[readonly] {
    background-color: #fff !important;
    cursor: text !important
}

#live-editor #image-upload {
    width: 100%;
    padding: 50px 0;
    font-size: 15px;
    font-weight: 700;
    background-color: #eee;
    color: #999;
    border: 3px solid;
    margin: 1em 0
}

#live-editor #image-upload.dragover {
    border-color: #337ab7;
    color: #337ab7
}

#live-editor #image-upload .drag-text {
    font-weight: 400
}

#live-editor #image-upload .drag-title {
    font-size: 1.5em;
    display: block
}

#live-editor .label-span {
    border: 1px solid transparent;
    padding: 2px 2px 1px;
    display: inline-block
}

#live-editor .modal-link {
    color: #313131;
    height: 25px;
    display: inline-block;
    margin: 3px 0 0
}

#live-editor .modal-link:after {
    content: "\25B8"
}

#live-editor .modal-link:hover {
    text-decoration: none !important
}

#live-editor #wrapper {
    padding-left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#live-editor #wrapper.toggled {
    padding-left: 380px
}

#live-editor #sidebar-wrapper {
    z-index: 2;
    position: fixed;
    left: 0;
    top: 50px;
    width: 60px;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#live-editor #wrapper.toggled #sidebar-wrapper {
    width: 380px
}

#live-editor #page-content-wrapper {
    width: 100%;
    position: relative;
    padding: 15px;
    background: #ececec;
    height: 100vh
}

#live-editor #wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -380px
}

#live-editor .sidebar-content-wrapper {
    z-index: 2;
    position: fixed;
    left: 60px;
    top: 50px;
    padding: 20px 20px 120px;
    width: 320px;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    border-left: 1px solid #ececec
}

#live-editor .sidebar-content-wrapper.ng-hide-add,
#live-editor .sidebar-content-wrapper.ng-hide-remove {
    transition: all .3s ease
}

#live-editor .sidebar-content-wrapper.ng-hide {
    opacity: 0;
    left: -380px
}

#live-editor .sidebar-content-wrapper .undo:hover,
#live-editor .sidebar-content-wrapper .undo:visited {
    text-decoration: none;
    color: #000
}

#live-editor .sidebar-content-wrapper .undo {
    font-size: 16px;
    display: block;
    padding: 5px
}

#live-editor .sidebar-content-wrapper .undo .glyphicon-undo {
    transform: rotateY(180deg);
    font-weight: 700
}

#live-editor .sidebar-content-wrapper .undo.disabled {
    color: #c7c7c7;
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

#live-editor .sidebar-content-wrapper .text-warning {
    background: rgba(254, 190, 16, .15);
    color: #777;
    border-left: 5px solid #febe10;
    line-height: 17px;
    padding: 10px 11px;
    font-size: 12px;
    margin-top: 15px
}

#live-editor .sidebar-content-wrapper .small.red {
    margin-top: 10px
}

#live-editor .sidebar-content-wrapper .tooltip-inner {
    font-size: 13px
}

#live-editor .mobile-sidebar-wrapper {
    z-index: 2;
    position: fixed;
    top: 50px;
    padding: 20px 20px 120px;
    width: 320px;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    border-left: 1px solid #ececec
}

#live-editor .mobile-sidebar-wrapper.ng-hide-add,
#live-editor .mobile-sidebar-wrapper.ng-hide-remove {
    transition: all .3s ease
}

#live-editor .mobile-sidebar-wrapper.ng-hide {
    opacity: 0;
    left: -380px
}

#live-editor .mobile-sidebar-wrapper .undo:hover,
#live-editor .mobile-sidebar-wrapper .undo:visited {
    text-decoration: none;
    color: #000
}

#live-editor .mobile-sidebar-wrapper .undo {
    font-size: 16px;
    display: block;
    padding: 5px
}

#live-editor .mobile-sidebar-wrapper .undo .glyphicon-undo {
    transform: rotateY(180deg);
    font-weight: 700
}

#live-editor .mobile-sidebar-wrapper .undo.disabled {
    color: #c7c7c7;
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

#live-editor .mobile-sidebar-wrapper .text-warning {
    background: rgba(254, 190, 16, .15);
    color: #777;
    border-left: 5px solid #febe10;
    line-height: 17px;
    padding: 10px 11px;
    font-size: 12px;
    margin-top: 15px
}

#live-editor .mobile-sidebar-wrapper .small.red {
    margin-top: 10px
}

#live-editor .mobile-sidebar-wrapper .tooltip-inner {
    font-size: 13px
}

#live-editor .sidebar-nav {
    width: 380px;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    border-right: 1px solid #ccc
}

#live-editor .sidebar-nav li {
    line-height: 40px
}

#live-editor .sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 24px;
    padding: 10px 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-bottom: 1px solid #ececec
}

#live-editor .sidebar-nav li a:hover {
    text-decoration: none;
    background: #f8f8f8
}

#live-editor .sidebar-nav li a:active,
#live-editor .sidebar-nav li a:focus {
    text-decoration: none
}

#live-editor .tab-product {
    border-right: 5px solid #ec1b5a
}

#live-editor .tab-text {
    border-right: 5px solid #79aefe
}

#live-editor .tab-image {
    border-right: 5px solid #314190
}

#live-editor .tab-shapes {
    border-right: 5px solid #fffc79
}

#live-editor .tab-design {
    border-right: 5px solid #98c44f
}

#live-editor .sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px
}

#live-editor .sidebar-nav>.sidebar-brand a {
    color: #999
}

#live-editor .sidebar-nav>.sidebar-brand a:hover {
    color: #fff;
    background: none
}

#live-editor .cover-canvas {
    position: relative;
    padding-left: 380px !important
}

#live-editor .tab-desc {
    display: none;
    font-size: 18px
}

#live-editor .font {
    margin: 10px 0;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 5px
}

#live-editor .font .dropdown-menu {
    right: -10px !important;
    min-width: 150px;
    padding: 5px 0;
    margin: 13px 0 0;
    border: 1px solid #ccc
}

#live-editor .font .btn-group {
    min-width: 120px
}

#live-editor .font .btn-group.open .dropdown-toggle,
#live-editor a.dropdown-toggle:hover {
    box-shadow: none;
    text-decoration: none
}

#live-editor .section-option {
    position: relative;
    margin-top: 10px;
    padding: 4px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: color .2s linear, border-color .2s linear;
    transition: color .2s linear, border-color .2s linear
}

#live-editor .section-option-label {
    font-size: 13px;
    float: left !important
}

#live-editor .section-option-value {
    font-size: 11px;
    float: right !important
}

#live-editor .section-option-value-color {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #ababab;
    border-radius: 50%
}

#live-editor .section-title {
    margin: 10px 0 6px;
    font-size: 18px;
    text-transform: uppercase
}

#live-editor .quantity-size-container {
    margin-right: 4px;
    float: left !important
}

#live-editor .quantity-size-container .form-control {
    margin: 0 auto;
    padding: 3px;
    width: auto;
    height: 26px;
    border-radius: 0;
    text-align: center
}

#live-editor .quantity-size-label {
    text-align: center
}

#live-editor .canvas-container {
    border: 2px solid transparent !important
}

#live-editor .canvas-container:hover {
    border: 2px solid #ccc !important;
    overflow: hidden
}

#live-editor #drawingArea {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1
}

#live-editor .toolbar-zoom {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 2
}

#live-editor .toolbar-zoom .btn {
    border-radius: 8px;
    margin-right: 5px;
    padding: 4px 10px
}

#live-editor .toolbar-zoom .btn .fa {
    font-size: 20px
}

#live-editor .toolbar-placeholder {
    padding-left: 380px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    min-height: 32px;
    z-index: 1
}

#live-editor .toolbar-placeholder .btn-group .btn {
    border-radius: 8px;
    margin-right: 5px;
    padding: 4px 10px
}

#live-editor .toolbar-placeholder img {
    width: 24px
}

#live-editor .toolbar-placeholder i.fa {
    height: 21px;
    margin-right: 5px
}

#live-editor ul.editor-options {
    list-style: none;
    margin: 1em 0;
    padding: 0
}

#live-editor ul.editor-options li {
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 1em
}

#live-editor ul.editor-options li label {
    margin: 0;
    padding: 6px 0
}

#live-editor ul.editor-options li input {
    text-align: center
}

#live-editor .right-align {
    text-align: right
}

#live-editor #drawingArea {
    top: 100px
}

#live-editor .upload-note {
    font-size: 12px;
    background-color: #fff
}

#live-editor .upload-note i {
    font-size: 1.2em;
    color: #b69739;
    top: 14px
}

@media (max-width:600px) {
    #live-editor #tshirtFacing {
        object-fit: cover;
        width: 100%;
        height: 454px
    }
}

@media (max-width:962px) {
    #live-editor .sidebar-nav {
        width: 60px
    }
    #live-editor .sidebar-content-wrapper {
        max-width: 260px
    }
    #live-editor .cover-canvas {
        padding-left: 60px !important
    }
    #live-editor .btn-next-placeholder button {
        margin: 10px -3px 0 0 !important;
        padding: 10px 20px
    }
    #live-editor .toolbar-placeholder {
        top: -16px;
        padding-left: 32px
    }
    #live-editor .color-preview-placeholder li {
        width: 16.66667%
    }
}

@media (min-width:962px) {
    #live-editor #wrapper {
        padding-left: 380px
    }
    #live-editor #wrapper.toggled {
        padding-left: 0
    }
    #live-editor #sidebar-wrapper {
        width: 380px
    }
    #live-editor #wrapper.toggled #sidebar-wrapper {
        width: 0
    }
    #live-editor #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0
    }
    #live-editor .tab-desc {
        display: inline !important;
        padding-left: 40px;
        font-size: 18px
    }
    #live-editor .btn-next-placeholder button {
        margin: 10px -3px 0 0
    }
}

.btn-next-placeholder {
    z-index: 1;
    position: fixed;
    right: 16px;
    bottom: 64px;
    height: 100px;
    text-align: right;
    margin-right: 10px;
    padding-bottom: 10px
}

.btn-next-placeholder button {
    margin: 10px -3px 20px 0;
    padding: 20px 40px
}

.btn-next-placeholder button i {
    margin-right: 5px
}

.btn-next-placeholder .button-group {
    float: right;
    padding-right: 3px
}

.color-preview-placeholder {
    list-style: none;
    margin: 0;
    padding: 0
}

.color-preview-placeholder li {
    display: inline-block;
    width: 8.33333%;
    padding: 4px
}

.color-preview-placeholder li a {
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #aaa;
    zoom: 1;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
    overflow: hidden
}

.color-preview-placeholder li a.active {
    border-color: red !important
}

.color-preview-placeholder.small li {
    width: 16.66667%
}

@media (max-width:600px) {
    .color-preview-placeholder li {
        width: 16.66667%
    }
}

.color-preview {
    width: 36px !important;
    height: 36px;
    border: 1px solid #aaa;
    margin: 0 5px 3px 0
}

.color-preview.long {
    width: 64px !important;
    height: 25px;
    margin: 0 5px 0 0;
    float: left
}

.choose-font li a {
    display: block;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: .2em;
    border: 2px solid #fff;
    color: #313131
}

.choose-font li a:hover {
    border: 2px solid #ececec
}

.ng-hide {
    opacity: 0
}

ul.shapes {
    list-style: none;
    margin: 2em 0 1em;
    padding: 0
}

ul.shapes li {
    display: inline
}

ul.shapes li a,
ul.shapes li a:visited {
    display: inline-block;
    color: #777
}

ul.shapes li a:visited i,
ul.shapes li a i {
    font-size: 3em;
    display: block
}

ul.shapes li a:visited span,
ul.shapes li a span {
    font-size: .8em
}

ul.shapes li a:visited img,
ul.shapes li a img {
    width: 50px
}

ul.shapes li a:hover {
    color: #337ab7;
    background: #f7f7f7
}

.canvas_loading {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 100;
    min-height: 800px;
    background: #fff url(/images/big-ajax-loader.gif?_=a340c7f3afabd26a64dde8651d155184) center 200px no-repeat;
    opacity: .8
}

.canvas_loading #loading_text {
    display: block;
    text-align: center;
    width: 200px;
    margin: 280px auto 0;
    font-weight: 700
}

.image-lib-btn {
    background-color: #2686bc;
    color: #fff;
    padding: 10px;
    border-bottom: none
}

.image-lib-btn:active,
.image-lib-btn:hover,
.image-lib-btn:visited {
    color: #fff
}

.image-assets .dummy {
    margin-top: 100%
}

.image-assets .thumbnail {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    border: 2px solid transparent;
    text-align: center;
    background: url(http://www.zingerbug.com/Backgrounds/background_images/gray_and_white_checkers.gif);
    cursor: pointer;
    cursor: hand
}

.image-assets .no-bg {
    background: none
}

.image-assets .thumbnail img {
    max-height: 100%;
    max-width: 70%
}

.image-assets .selected {
    border: 2px solid red
}

.image-assets .delete-icon {
    padding: 4px;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 3px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    height: 30px;
    width: 30px;
    background-color: red;
    cursor: pointer;
    cursor: hand
}

.image-assets .modal-body {
    padding: 15px 15px 0;
    min-height: 200px
}

.image-assets .modal-header {
    max-height: 50px;
    padding: 8px 15px 15px
}

.image-assets .tab-pane {
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0
}

.image-assets .img-asset {
    margin-left: -10px;
    margin-right: 10px
}

.image-assets .toolbar .search-box {
    padding-right: 0
}

.image-assets .toolbar .search-box input {
    border-radius: 5px
}

.orange-button {
    color: #fff;
    background-color: orange !important;
    border-bottom: 4px solid #cc8400
}

.orange-button:hover {
    color: #fff !important;
    background-color: #f5a003 !important
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.switch .switch input {
    display: none
}

.switch .slider {
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc
}

.switch .slider,
.switch .slider:before {
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s
}

.switch .slider:before {
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff
}

.switch input:checked+.slider {
    background-color: #2196f3
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.switch .slider.round {
    border-radius: 34px
}

.switch .slider.round:before {
    border-radius: 50%
}

.toolbar-placeholder.semicustom {
    padding-left: 0 !important;
    padding-top: 10px
}

.toolbar-placeholder.semicustom .note {
    display: block;
    font-style: italic;
    margin: 5px 0;
    color: #777;
    background-color: hsla(0, 0%, 92.9%, .6)
}

.view-price .total {
    font-size: 2em;
    margin-bottom: 10px
}

.view-price .size-qty {
    text-align: center;
    float: left;
    margin: 0 5px 10px 0
}

.view-price .size-qty label {
    display: block
}

.view-price .size-qty input {
    text-align: center
}

.box {
    background-color: #fff;
    margin-bottom: 25px !important
}

.box.with-icon {
    position: relative;
    padding-left: 36px
}

.box.with-icon i {
    font-size: 1.4em;
    position: absolute;
    top: 12px;
    left: 10px
}

.box .color-box {
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    margin-right: 5px;
    border: 1px solid #eee
}

#business-landing-page {
    background-color: #fff;
    background: url(/images/bg-1.png?_=b0fd16a6d2fb6107af69326e1a28ff19);
    background-repeat: no-repeat;
    background-position: top
}

#business-landing-page p,
#business-landing-page span {
    font-family: Roboto, sans-serif;
    margin: 0
}

#business-landing-page .font-normal {
    font-size: 16px;
    line-height: 28px
}

#business-landing-page .font-large {
    font-size: 34px;
    line-height: 60px
}

#business-landing-page .font-medium {
    font-size: 24px
}

#business-landing-page .font-small {
    font-size: 13px;
    line-height: 23px
}

#business-landing-page .blue-dark {
    color: #004f96
}

#business-landing-page .blue-soft {
    color: rgba(0, 79, 150, .75)
}

#business-landing-page .grey-soft {
    color: #666
}

#business-landing-page .grey-semidark {
    color: #777
}

#business-landing-page .green-leaf {
    color: #00d609
}

#business-landing-page .bold {
    font-weight: 700
}

#business-landing-page .box-shadow {
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    border-radius: 5px
}

#business-landing-page .block-contact {
    margin: 25px 10%;
    background-color: #fff;
    font-size: 24px
}

#business-landing-page .block-contact .fa:before {
    color: #bfdbf7;
    margin-right: 11px;
    font-size: 28px
}

#business-landing-page .block-contact .telephone,
#business-landing-page .block-contact .whatsapp {
    border-radius: 5px;
    padding: 10px;
    margin: 0 12px;
    cursor: pointer
}

#business-landing-page .block-contact .telephone:hover p,
#business-landing-page .block-contact .telephone:hover span,
#business-landing-page .block-contact .whatsapp:hover p,
#business-landing-page .block-contact .whatsapp:hover span {
    color: #fff !important
}

#business-landing-page .block-contact .whatsapp {
    border: 2px solid #00d609
}

#business-landing-page .block-contact .whatsapp:hover {
    background-color: #00d609;
    color: #fff
}

#business-landing-page .block-contact .telephone {
    border: 2px solid #f95738
}

#business-landing-page .block-contact .telephone:hover {
    background-color: #f95738
}

#business-landing-page .block-form {
    padding: 53px 53px 0;
    margin: 32px 12% -100px;
    background-color: #fff
}

#business-landing-page .block-form label {
    margin-top: 32px
}

#business-landing-page .block-form .form-control {
    border-radius: 5px;
    box-shadow: none;
    height: 47px;
    font-size: 16px;
    padding: 15px 20px;
    color: #666;
    border-color: #ddd
}

#business-landing-page .block-form .form-control.textarea {
    height: 86px
}

#business-landing-page .block-form .form-title {
    margin-bottom: 10px;
    font-weight: 400
}

#business-landing-page .block-form .bottom {
    background-color: rgba(191, 219, 247, .15);
    margin: 30px -53px -53px;
    padding: 20px 53px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#business-landing-page .block-form .btn-default {
    text-shadow: none;
    border: 0;
    box-shadow: none;
    color: #111;
    font-size: 14px;
    background-color: #fff
}

#business-landing-page .orange-fruit {
    color: #f95738
}

#business-landing-page .main-header {
    padding: 40px 0;
    border-top: 5px solid #004f96
}

#business-landing-page .main-header .brand img {
    color: #004f96
}

#business-landing-page .main-header .brand p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1pt;
    margin: 5px 0 0 20px
}

#business-landing-page .main-header .contact-wrapper .contact {
    color: #f95738;
    font-size: 24px;
    font-weight: 700
}

#business-landing-page .main-header .contact-wrapper .contact .fa:before {
    color: #bfdbf7;
    font-size: 28px;
    margin-right: 10px
}

#business-landing-page .main-section {
    background-color: #fff;
    background: url(/images/bg-2.png?_=9c6cf6552f6f1302edb761c26f95edf7);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    padding: 40px 0;
    margin-bottom: 30px
}

#business-landing-page .main-section .desc {
    margin-top: 24px;
    padding-right: 16%
}

#business-landing-page .main-section .button-main {
    text-transform: uppercase;
    padding: 0 40px;
    margin: 10% 0 20%
}

#business-landing-page .button {
    line-height: 57px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    border: none
}

#business-landing-page .button span {
    margin-left: 10px
}

#business-landing-page .button-orange {
    background-color: #f95738;
    color: #fff;
    width: fit-content;
    font-weight: 700;
    padding: 0 20px
}

#business-landing-page .button-orange-o {
    background: #fff;
    color: #f95738;
    border: 2px solid #f95738;
    font-weight: 700;
    font-size: 16px;
    width: fit-content;
    padding: 0 20px;
    margin-top: 40px;
    z-index: 999
}

#business-landing-page .button-orange-o-small {
    background: #fff;
    color: #f95738;
    border: 1px solid #f95738;
    font-weight: 700;
    font-size: 16px;
    width: fit-content;
    padding: 0 20px;
    line-height: 44px;
    margin-left: 40px
}

#business-landing-page .button-orange-o-small:hover,
#business-landing-page .button-orange-o:hover {
    color: #fff;
    background-color: #f95738
}

#business-landing-page .button-grey {
    background-color: rgba(0, 0, 0, .3);
    font-weight: 700;
    color: #fff;
    padding: 0 27px
}

#business-landing-page button[disabled] {
    background-color: rgba(0, 0, 0, .3)
}

#business-landing-page .catalog-section {
    padding: 0 0 10%
}

#business-landing-page .catalog-section .product-description {
    height: 400px;
    width: 100%;
    background: #000
}

#business-landing-page .catalog-section .product-catalog {
    margin-top: 24px;
    padding: 0 8px;
    position: relative
}

#business-landing-page .catalog-section .product-catalog .arrow-left,
#business-landing-page .catalog-section .product-catalog .arrow-right {
    position: absolute;
    top: 45%;
    z-index: 1;
    cursor: pointer
}

#business-landing-page .catalog-section .product-catalog .arrow-left {
    left: -8%
}

#business-landing-page .catalog-section .product-catalog .arrow-right {
    right: -8%
}

#business-landing-page .catalog-section .product-catalog .grid {
    padding: 8px
}

#business-landing-page .catalog-section .product-catalog .grid .arrow:before {
    border-bottom: 14px solid #004f96;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    content: "";
    display: inline-block;
    left: 43%;
    position: absolute;
    bottom: -40px
}

#business-landing-page .catalog-section .product-catalog .grid .img-wrapper {
    position: relative;
    cursor: pointer
}

#business-landing-page .catalog-section .product-catalog .grid .img-wrapper img {
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 5px
}

#business-landing-page .catalog-section .product-catalog .grid .img-wrapper .label-hover {
    background-color: #004f96;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    font-size: 13px;
    line-height: 30px;
    opacity: 0
}

#business-landing-page .catalog-section .product-catalog .grid .img-wrapper .show-hover,
#business-landing-page .catalog-section .product-catalog .grid .img-wrapper:hover .label-hover {
    opacity: .9
}

#business-landing-page .catalog-section .product-catalog .fade-bottom {
    height: 40%;
    margin: 0 -8px;
    width: 100%;
    position: absolute;
    z-index: 999;
    clear: both;
    bottom: 100px;
    background: linear-gradient(transparent, #fff)
}

#business-landing-page .catalog-section .product-catalog .block-desc {
    background-color: #004f96;
    margin: 8px 0;
    border-radius: 5px;
    padding: 0 15px
}

#business-landing-page .catalog-section .product-catalog .block-desc .img-wrapper {
    cursor: pointer
}

#business-landing-page .catalog-section .product-catalog .block-desc .product-detail {
    position: relative;
    padding: 7% 30px 0;
    color: #fff;
    height: auto
}

#business-landing-page .catalog-section .product-catalog .block-desc .product-detail .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px
}

#business-landing-page .catalog-section .product-catalog .block-desc .product-detail .bottom {
    background-color: rgba(191, 219, 247, .15);
    padding: 20px 30px;
    margin: 10% -30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#business-landing-page .catalog-section .product-catalog .block-desc .product-detail .fa-close:before {
    font-size: 22px;
    position: absolute;
    top: 30px;
    right: 30px;
    opacity: .5;
    cursor: pointer
}

#business-landing-page .quotation-section {
    background: linear-gradient(0deg, rgba(225, 229, 242, .5), rgba(244, 244, 248, 0));
    padding: 0 0 10%
}

#business-landing-page .quotation-section .rfq-title {
    color: rgba(0, 79, 150, .5);
    text-transform: uppercase;
    font-weight: 700
}

#business-landing-page .quotation-section .input-group {
    width: 100%
}

#business-landing-page .quotation-section .input-group .input-group-btn {
    position: absolute;
    top: 10px
}

#business-landing-page .quotation-section .input-group .input-group-btn .btn {
    margin: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    z-index: 99
}

#business-landing-page .quotation-section .input-group .input-group-btn .btn i:before {
    font-size: 16px;
    color: #666
}

#business-landing-page .quotation-section .input-group .form-control {
    padding-left: 40px
}

#business-landing-page .quotation-section .attachment .clip {
    font-size: 18px;
    margin-right: 10px;
    top: 0
}

#business-landing-page .quotation-section .attachment hr {
    margin: 3px 0
}

#business-landing-page .quotation-section .attachment label {
    font-weight: 400;
    cursor: pointer
}

#business-landing-page .quotation-section .attachment .file-attachment {
    margin-top: 10px
}

#business-landing-page .quotation-section .attachment .file-attachment .fa:before {
    font-size: 18px;
    color: #004f96;
    cursor: pointer
}

#business-landing-page .portofolio-section {
    padding: 8%;
    position: relative
}

#business-landing-page .portofolio-section .desc-wrap .title {
    margin: 15px 0
}

#business-landing-page .portofolio-section .desc-wrap .checklist {
    margin-top: 24px
}

#business-landing-page .portofolio-section .desc-wrap .checklist i:before {
    font-size: 18px;
    margin-right: 10px
}

#business-landing-page .portofolio-section .desc-wrap .checklist span {
    padding-top: 3px
}

#business-landing-page .portofolio-section .img-wrap img {
    margin: auto
}

#business-landing-page .testimonial-section {
    margin: 0 -16%
}

#business-landing-page .testimonial-section .box-shadow-left,
#business-landing-page .testimonial-section .box-shadow-right {
    width: 80px;
    height: 400px;
    background-color: #fff;
    position: absolute;
    z-index: 1
}

#business-landing-page .testimonial-section .box-shadow-left {
    -webkit-box-shadow: 56px 10px 65px 23px #fff;
    -moz-box-shadow: 56px 10px 65px 23px #fff;
    box-shadow: 56px 10px 65px 23px #fff;
    left: 0
}

#business-landing-page .testimonial-section .box-shadow-right {
    right: 0;
    -webkit-box-shadow: -54px 5px 65px 20px #fff;
    -moz-box-shadow: -54px 5px 65px 20px #fff;
    box-shadow: -54px 5px 65px 20px #fff
}

#business-landing-page .testimonial-section .testimonial-carousel .testimonial-wrapper {
    padding: 24px 37px;
    -webkit-box-shadow: 0 2px 36px 0 #ddd;
    -moz-box-shadow: 0 2px 36px 0 #ddd;
    box-shadow: 0 2px 36px 0 #ddd;
    border-radius: 5px;
    margin: 25px;
    position: relative;
    min-height: 220px
}

#business-landing-page .testimonial-section .testimonial-carousel .testimonial-wrapper .customer {
    margin-top: 30px
}

#business-landing-page .testimonial-section .testimonial-carousel .testimonial-wrapper:before {
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    display: inline-block;
    left: 46%;
    position: absolute;
    bottom: -20px
}

#business-landing-page .testimonial-section .testimonial-carousel .block-image {
    width: 100%;
    height: fit-content;
    margin-top: 30px;
    display: flex;
    justify-content: center
}

#business-landing-page .testimonial-section .testimonial-carousel .block-image .img-wrapper {
    width: 78px;
    height: 78px
}

#business-landing-page .client-section {
    margin: 25px 0 100px;
    padding: 0 5%;
    position: relative
}

#business-landing-page .client-section .box-shadow-left,
#business-landing-page .client-section .box-shadow-right {
    width: 110px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    z-index: 1
}

#business-landing-page .client-section .box-shadow-left {
    left: 0
}

#business-landing-page .client-section .box-shadow-right {
    right: 0
}

#business-landing-page .client-section .client-logo {
    padding: 10px
}

#business-landing-page .client-section .client-logo .box-shadow {
    margin: 0;
    text-align: center
}

#business-landing-page .scroll-sign {
    position: absolute;
    top: 60%;
    left: 3%;
    -webkit-animation: sdb03 3s infinite;
    animation: sdb03 3s infinite
}

@-webkit-keyframes sdb03 {
    0% {
        opacity: 0
    }
    50% {
        box-shadow: 0 0 0 60px hsla(0, 0%, 100%, .1);
        opacity: 1;
        top: 65%
    }
    to {
        top: 65%;
        opacity: 1
    }
}

@keyframes sdb03 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1;
        top: 65%;
        box-shadow: 0 0 0 60px hsla(0, 0%, 100%, .1)
    }
    to {
        top: 65%;
        opacity: 1
    }
}

#business-landing-page .footer-section {
    background-color: #004f96;
    padding: 24px 0;
    color: #fff
}

#business-landing-page .footer-section a {
    color: #fff
}

#business-landing-page .footer-section .footer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:786px) {
    #business-landing-page .font-large {
        font-size: 24px;
        line-height: 34px
    }
    #business-landing-page .main-header {
        padding: 20px 8px;
        border-top: 4px solid #004f96
    }
    #business-landing-page .main-header .brand img {
        height: 23px;
        width: auto
    }
    #business-landing-page .main-header .brand p {
        font-size: 14px;
        letter-spacing: 1px;
        margin: 5px 0 0 10px
    }
    #business-landing-page .main-section {
        padding: 40px 8px;
        background: none;
        margin-bottom: 0
    }
    #business-landing-page .main-section .desc {
        margin-top: 16px;
        padding-right: 0
    }
    #business-landing-page .catalog-section {
        padding: 0 8px 22%
    }
    #business-landing-page .catalog-section .font-large {
        text-align: left
    }
    #business-landing-page .catalog-section .product-catalog .grid {
        padding: 5px
    }
    #business-landing-page .catalog-section .product-catalog .font-small {
        font-size: 10px
    }
    #business-landing-page .catalog-section .product-catalog .button-orange-o {
        margin-top: 22px
    }
    #business-landing-page .catalog-section .product-catalog .block-desc {
        background-color: #fff;
        padding: 0;
        color: #111
    }
    #business-landing-page .catalog-section .product-catalog .block-desc .product-detail {
        padding: 15px
    }
    #business-landing-page .catalog-section .product-catalog .block-desc .product-detail .title {
        color: #004f96
    }
    #business-landing-page .catalog-section .product-catalog .block-desc .product-detail .font-small {
        color: #666;
        font-size: 13px
    }
    #business-landing-page .catalog-section .product-catalog .block-desc .product-detail .bottom {
        background-color: #fff;
        margin-top: 25px;
        padding: 0;
        display: block
    }
    #business-landing-page .catalog-section .product-catalog .block-desc .product-detail .bottom .button-orange {
        width: auto;
        margin: 0 24px;
        line-height: 37px;
        text-transform: uppercase
    }
    #business-landing-page .catalog-section .product-catalog .block-desc .label-hover {
        background-color: #fff;
        position: absolute;
        bottom: 0;
        font-size: 10px;
        opacity: .9;
        padding: 10px 16px
    }
    #business-landing-page .catalog-section .product-catalog .block-desc .close-block {
        position: absolute;
        top: 16px;
        right: 16px;
        background: rgba(0, 0, 0, .25);
        padding: 5px 10px;
        border-radius: 50%
    }
    #business-landing-page .catalog-section .product-catalog .block-desc .close-block .fa:before {
        color: #fff
    }
    #business-landing-page .quotation-section {
        background: #fff;
        padding: 0 8px 60px
    }
    #business-landing-page .quotation-section .block-contact {
        margin: 25px 0
    }
    #business-landing-page .quotation-section .block-contact .whatsapp {
        padding-top: 12px;
        margin-top: 12px
    }
    #business-landing-page .quotation-section .block-form {
        padding: 24px 10px 0;
        margin: 32px -8px 0
    }
    #business-landing-page .quotation-section .block-form label {
        margin-top: 18px
    }
    #business-landing-page .quotation-section .block-form .bottom {
        display: block;
        margin: 20px -9px 0;
        padding: 24px 9px;
        text-align: center
    }
    #business-landing-page .quotation-section .block-form .bottom .font-small {
        margin-top: 16px
    }
    #business-landing-page .quotation-section .block-form .btn-default {
        font-size: 12px
    }
    #business-landing-page .quotation-section .block-form .button-orange {
        width: auto
    }
    #business-landing-page .portofolio-section {
        padding: 8% 50px
    }
    #business-landing-page .testimonial-section {
        margin: 30px 0 0
    }
    #business-landing-page .testimonial-section .box-shadow-left,
    #business-landing-page .testimonial-section .box-shadow-right {
        display: none
    }
    #business-landing-page .testimonial-section .testimonial-carousel .testimonial-wrapper:before {
        left: 41%
    }
    #business-landing-page .client-section {
        margin: 25px 0 50px -20px;
        overflow: auto
    }
    #business-landing-page .client-section .row-client {
        display: flex;
        align-items: center;
        justify-content: left
    }
    #business-landing-page .footer-section {
        padding: 24px 8px
    }
    #business-landing-page .footer-section .footer-wrapper {
        display: block
    }
    #business-landing-page .footer-section .footer-wrapper .font-copyright {
        margin-top: 16px
    }
}

.modal-quotation-alert .modal-dialog,
.modal.modal-quotation-success .modal-dialog {
    top: 10%
}

.modal-quotation-alert .modal-body,
.modal.modal-quotation-success .modal-body {
    margin: 30px 40px
}

.modal-quotation-alert .modal-body .font-success,
.modal.modal-quotation-success .modal-body .font-success {
    font-size: 34px;
    line-height: 60px;
    color: #7ac70c;
    font-weight: 700;
    margin-bottom: 15px
}

.modal-quotation-alert .modal-body .font-help,
.modal.modal-quotation-success .modal-body .font-help {
    font-size: 34px;
    font-weight: 300;
    line-height: 34px;
    color: #004f96
}

.modal-quotation-alert .modal-body .font-notif,
.modal.modal-quotation-success .modal-body .font-notif {
    color: rgba(34, 34, 34, .5);
    font-size: 16px;
    line-height: 28px
}

.modal-quotation-alert .modal-body .font-notif span,
.modal.modal-quotation-success .modal-body .font-notif span {
    color: #111
}

.modal-quotation-alert .modal-body .font-notif .large,
.modal.modal-quotation-success .modal-body .font-notif .large {
    font-size: 28px;
    font-weight: 700
}

.modal-quotation-alert .modal-body .font-alert,
.modal.modal-quotation-success .modal-body .font-alert {
    padding-right: 20%;
    margin-bottom: 30px
}

.modal-quotation-alert .modal-body .font-close,
.modal.modal-quotation-success .modal-body .font-close {
    margin-left: 15px;
    cursor: pointer
}

.modal-quotation-alert .modal-body .font-close span .fa:before,
.modal.modal-quotation-success .modal-body .font-close span .fa:before {
    color: rgba(34, 34, 34, .5)
}

.modal-quotation-alert .modal-body .button-orange,
.modal.modal-quotation-success .modal-body .button-orange {
    line-height: 47px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #f95738;
    color: #fff;
    width: fit-content;
    font-weight: 700;
    padding: 0 50px;
    text-transform: uppercase
}

.modal-quotation-alert .cs-image,
.modal-quotation-alert .icon-success,
.modal.modal-quotation-success .cs-image,
.modal.modal-quotation-success .icon-success {
    border-radius: 50%;
    position: absolute;
    top: -60px;
    right: 45px;
    z-index: 1
}

.modal-quotation-alert .icon-success,
.modal.modal-quotation-success .icon-success {
    background-color: #7ac70c;
    padding: 30px
}

.modal-quotation-alert .icon-success .fa:before,
.modal.modal-quotation-success .icon-success .fa:before {
    font-size: 70px;
    color: #fff
}

.modal-quotation-alert .bottom-alert,
.modal.modal-quotation-success .bottom-alert {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:786px) {
    .modal-quotation-alert .modal-body,
    .modal.modal-quotation-success .modal-body {
        margin: 20px 16px
    }
    .modal-quotation-alert .modal-body .font-help,
    .modal.modal-quotation-success .modal-body .font-help {
        font-size: 26px;
        line-height: 16px;
        margin-top: 36px
    }
    .modal-quotation-alert .modal-body .font-notif .large,
    .modal.modal-quotation-success .modal-body .font-notif .large {
        font-size: 24px
    }
    .modal-quotation-alert .cs-image,
    .modal-quotation-alert .icon-success,
    .modal.modal-quotation-success .cs-image,
    .modal.modal-quotation-success .icon-success {
        right: 16px
    }
    .modal-quotation-alert .bottom-alert,
    .modal.modal-quotation-success .bottom-alert {
        display: block
    }
}

.preorder .main-title {
    font-size: 120px;
    color: #000;
    opacity: .02;
    font-weight: 700;
    margin: 0
}

.preorder .title {
    font-size: 20px
}

.preorder .subtitle {
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .38)
}

.preorder .bold-title {
    font-size: 24px;
    font-weight: 700
}

.preorder .desc {
    color: rgba(0, 0, 0, .54);
    font-size: 14px
}

.preorder .price {
    color: #f02434
}

.preorder .discount {
    text-decoration: line-through;
    font-weight: 400
}

.preorder .title-small {
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    margin-bottom: 5px
}

.preorder .preorder-view .subtitle {
    margin-bottom: 8px
}

.preorder .preorder-view .bold-title,
.preorder .preorder-view .title {
    margin-bottom: 16px
}

.preorder .preorder-view .btn-green-rounded {
    margin-bottom: 12px
}

.preorder .preorder-view .preorder-description {
    margin-bottom: 30px;
    font-size: 13px
}

.preorder .preorder-view .form-control {
    border-radius: 5px;
    box-shadow: none
}

.preorder .iluni {
    padding: 0 0 45px
}

.preorder .iluni .title-wrapper {
    position: relative;
    display: block;
    margin: -45px auto auto
}

.preorder .iluni .title-wrapper .title {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: auto
}

.preorder .iluni .product-iluni-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    height: 340px;
    width: auto;
    margin-bottom: 16px
}

.preorder .iluni .product-iluni-image.army {
    background-image: url(/images/front-army.png?_=0cee98c60ab9dc9a0e033054a0f98aaf)
}

.preorder .iluni .product-iluni-image.army:hover {
    background-image: url(/images/side-army.png?_=cab12793648951f2da28be7f390d8d19)
}

.preorder .iluni .product-iluni-image.maroon {
    background-image: url(/images/front-maroon.png?_=93a3eafb8eed17930f295d24e8c20678)
}

.preorder .iluni .product-iluni-image.maroon:hover {
    background-image: url(/images/side-maroon.png?_=bdd2fb007cb9f19138176b9ee3671f4c)
}

.preorder .iluni .product-iluni-image.pin {
    background-image: url(/images/pin.png?_=faf0650e561c4372e6bdc80c250787be)
}

.preorder .iluni img {
    display: block;
    margin: auto
}

.preorder .iluni .btn-green-rounded {
    border-radius: 2px;
    text-transform: capitalize;
    width: 80%;
    margin-bottom: 8px;
    line-height: 29px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.preorder .iluni .btn-green-rounded .ligth {
    font-weight: 400
}

.preorder .iluni .btn-green-rounded.pin {
    background-color: #6c757c
}

.preorder .iluni .timer-wrapper {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .16);
    border-radius: 4px;
    display: block;
    width: 40%;
    position: relative;
    margin: 28px auto auto
}

.preorder .iluni .timer-wrapper .deadline-counter {
    display: flex
}

.preorder .iluni .timer-wrapper .deadline-counter .con {
    border: 0
}

.preorder .iluni .timer-wrapper .deadline-counter .con .marker {
    color: #f02434
}

.preorder .iluni .mobile-preview {
    display: none
}

.preorder .iluni .desktop-preview {
    display: block
}

.preorder .iluni .preview-desc-wrapper {
    width: 80%;
    margin: auto
}

@media only screen and (max-width:900px) {
    .preorder .main-title {
        font-size: 64px
    }
    .preorder .iluni .title-wrapper {
        margin: auto
    }
    .preorder .iluni .title-wrapper .title {
        top: 24%
    }
    .preorder .iluni .timer-wrapper {
        margin: 30px auto 20%;
        width: 80%
    }
    .preorder .iluni .btn-green-rounded.pin {
        margin-bottom: 42px
    }
    .preorder .mobile-preview {
        display: block !important
    }
    .preorder .desktop-preview {
        display: none !important
    }
}

.deadline-counter {
    color: #777;
    text-align: center
}

.deadline-counter .con {
    border: 2px solid #ececec;
    border-radius: 6px;
    margin: 0 5px 0 0;
    padding: 10px 0
}

.deadline-counter .num {
    color: #313131;
    display: block;
    font-size: 1.5em;
    font-weight: 700
}

.product-view .star-review .fa:before {
    color: #fec65c;
    font-size: 20px
}

.product-view .havelock-blue .wishlist {
    display: flex;
    align-items: center;
    padding: 4px 0
}

.product-view .havelock-blue .wishlist .wishlist-text {
    color: #888;
    font-size: 14px;
    line-height: 16px;
    margin-left: 3px
}

.product-view .option-wrapper .option-container input .form-control.ng-touched.ng-valid {
    overflow: hidden
}

.product-view .option-wrapper .option-container .input-group-addon {
    padding: 0;
    background-color: #fff;
    border: none;
    cursor: pointer
}

.product-view .option-wrapper .option-container .input-group-addon a {
    color: #000;
    font-size: 9px;
    font-weight: 400;
    margin: 0 9px
}

.product-view .option-wrapper .option-container .btn,
.product-view .option-wrapper .option-container .form-control {
    height: 56px;
    box-shadow: none;
    overflow: hidden
}

.product-view .option-wrapper .option-container .form-control {
    margin: 0;
    display: flex;
    align-items: center;
    border-radius: 5px
}

.product-view .option-wrapper .size-guides {
    text-align: left;
    margin-bottom: 15px;
    cursor: pointer
}

.product-view .option-wrapper .size-guides span {
    font-size: 12px;
    color: #4274d7;
    text-decoration: underline;
    text-decoration-style: dotted
}

.product-view .option-wrapper .option-container .option-menu-container {
    margin: -5px -8px 15px
}

.product-view .option-wrapper .option-container .option-menu-container .option-menu {
    min-height: 0;
    padding: 0 8px
}

.product-view .option-wrapper .option-container .option-menu-container .option-menu span.ui-select-match-text {
    width: 100%
}

.product-view .option-wrapper .option-container .option-menu-container .option-menu .select-color .color-guides {
    margin-right: 15px
}

.product-view .option-wrapper .option-container .option-menu-container .option-menu .select-color .color-guides .col-guides p {
    font-size: 13px;
    line-height: normal;
    margin: 0
}

.product-view .option-wrapper .option-container .option-menu-container .option-menu .select-color .color-guides .col-guides .grey {
    color: #888;
    font-size: 12px
}

.product-view .option-wrapper .option-container .option-menu-container .option-menu .select-color .ui-select-bootstrap>.ui-select-choices li .ui-select-choices-row {
    width: 25%;
    float: left;
    padding: 0
}

.product-view .option-wrapper .option-container .option-menu-container .option-menu .select-color .ui-select-bootstrap>.ui-select-choices li .ui-select-choices-row .ui-select-choices-row-inner,
.product-view .option-wrapper .option-container .option-menu-container .option-menu .select-color .ui-select-bootstrap>.ui-select-choices li .ui-select-choices-row a {
    margin: 5px;
    padding: 0;
    display: flex;
    justify-content: center
}

.product-view .option-wrapper .option-container .option-menu-container .option-menu .editor-stepper {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}

.product-view .option-wrapper .option-container .option-menu-container .option-menu .editor-stepper .form-control {
    border: none;
    padding: 0
}

.product-view .modal-dialog-kredivo .modal-dialog {
    top: 30%
}

.product-view .price-mobile .price-currency {
    font-size: .9em;
    top: -.35em
}

.product-view .price-mobile .price {
    font-size: 32px;
    font-weight: 400;
    color: #000
}

.product-view .price-mobile .price-blue {
    color: #4c4c4c;
    font-weight: 700;
    font-size: 28px
}

.product-view .price-mobile .price-product-sale {
    font-size: 14px;
    line-height: 16px;
    color: #999;
    margin: 0
}

.product-view .price-mobile sup {
    top: -.219em;
    font-size: 6px
}

.product-view .price-mobile .material {
    font-size: 1.3em
}

.product-view .editor-stepper-wrapper {
    margin-bottom: 12px
}

.product-view .product-stock .fa-custom {
    font-size: 20px
}

.product-view .choose-material {
    font-size: 14px;
    margin-bottom: 8px;
    padding: 4px 0;
    border-bottom: 1px solid #ddd
}

.product-view .choose-material p {
    color: #333;
    margin: 0;
    font-weight: 700
}

.product-view .choose-material p i {
    font-size: 14px;
    margin-left: 5px
}

.product-view .choose-material .choose-garment {
    color: #4274d7
}

.product-view .garment-description ul {
    font-size: 12px;
    line-height: 21px;
    color: #333
}

.product-view .product-desc .title {
    font-size: 16px;
    color: #333;
    margin: 0;
    font-weight: 700;
    line-height: 30px
}

.product-view .product-collection {
    margin: 0 -15px
}

.product-view .product-collection .product-item-list {
    border: 1px solid #eee;
    margin: 5px 10px 30px
}

.product-view .product-collection .product-item-list .btn-link-overlay {
    padding: 0 -1px
}

.product-view .block-tags p {
    font-size: 16px
}

.product-view .breadcrumb-container.bare {
    margin-top: 16px
}

.product-view .breadcrumb-container.bare ol.breadcrumb {
    padding: 0 !important
}

.product-view #header-product-detail {
    height: 50px;
    background: linear-gradient(#e5e5e5, #fff);
    padding: 0 8px
}

.product-view #header-product-detail .fa-arrow-left:before {
    font-size: 18px;
    padding: 0 10px
}

.product-view #header-product-detail .fa-heart-o:before,
.product-view #header-product-detail .fa-heart:before {
    font-size: 18px;
    color: #eb5757
}

.product-view #header-product-detail .notification-count {
    background-color: #d62237;
    border: 1px solid #fff;
    right: -5px;
    top: 7px;
    padding: 1px 5px !important
}

.product-view .sticky-block {
    z-index: 999
}

.product-view .product-detail-mobile {
    text-transform: capitalize;
    padding: 10px 15px;
    background: #fff
}

.product-view .product-detail-mobile .title {
    font-size: 14px;
    line-height: 19px
}

.product-view .product-detail-mobile .subtitle,
.product-view .product-detail-mobile a {
    font-size: 12px;
    color: #828282
}

.product-view .product-detail-mobile .price {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.product-view .product-detail-mobile .price.strike {
    font-weight: 400;
    color: #828282
}

.product-semicustom {
    position: relative;
    overflow: auto
}

.product-semicustom-wrapper .field-icon-text {
    font-family: times;
    font-size: 30px;
    line-height: 35px;
    color: #333;
    font-weight: 600
}

.product-semicustom-wrapper .text-area-container {
    position: relative;
    padding: 0;
    margin: 0
}

.product-semicustom-wrapper .text-area-container .field-icon-textarea {
    position: absolute;
    bottom: 0;
    left: 10px;
    border-right: 1px solid #e0e0e0;
    padding-right: 10px;
    top: 2px;
    height: 34px
}

.product-semicustom-wrapper .text-area-container textarea.form-control {
    height: 38px;
    padding-left: 45px;
    margin: 0;
    line-height: 25px;
    border: 1px solid #e0e0e0;
    box-shadow: none;
    overflow: hidden;
    border-radius: 5px
}

.product-semicustom-wrapper .color-pick-container {
    border: 1px solid #e0e0e0;
    position: relative;
    margin-left: 12px;
    padding: 0 13px;
    height: 38px;
    border-radius: 5px
}

.product-semicustom-wrapper .color-pick-container .field-icon-text {
    font-size: 20px;
    line-height: 25px
}

@media only screen and (max-width:786px) {
    .product-view {
        margin: 0
    }
    .product-view .product-stock {
        float: none;
        margin-bottom: 10px
    }
    .product-view .sale-percent-wrapper .sale_percent.sale-percent-detail {
        margin-right: 5px;
        width: 50px;
        height: 50px;
        font-size: 16px
    }
    .product-view .option-wrapper .option-container .option-menu-container .option-menu .editor-stepper,
    .product-view .option-wrapper .option-container .option-menu-container .option-menu .select-color,
    .product-view .option-wrapper .option-container .option-menu-container .option-menu .select-model {
        margin-top: 10px
    }
    .product-view .banner-cart .benefit-small {
        padding: 10px 5px
    }
    .product-view .banner-cart .benefit-small.delivery .select-city {
        display: block
    }
    .product-view .banner-cart .benefit-small.delivery .select-city .select2-drop {
        margin-left: -40px
    }
    .product-view .product-review {
        padding: 0 !important;
        margin-top: 5px
    }
    .product-view .product-review .container {
        display: flex;
        overflow: auto
    }
    .product-view .product-review .container .content-side {
        min-width: 265px;
        min-height: 150px;
        margin-right: 8px;
        overflow: hidden
    }
    .product-view .product-collection {
        padding: 0 5px
    }
    .product-view .product-collection .product-item-list {
        margin: 0 5px
    }
    .product-view .select2-container .select2-choice>.select2-chosen {
        padding: 0 2px !important
    }
    .change-garment-wrapper .modal-dialog {
        width: auto;
        top: 35%
    }
    .modal-product-detail .modal-body .garment-wrapper .content {
        padding: 0
    }
    .modal-product-detail .modal-body .garment-wrapper .content .detail,
    .modal-product-detail .modal-body .garment-wrapper .content p {
        margin: -5px 0 15px;
        font-size: 13px;
        padding: 5px;
        border: 1px solid #e0e0e0;
        border-top: 0 solid #e0e0e0
    }
    .modal-product-detail .modal-body .garment-wrapper .content .btn-material.editor {
        padding: 0
    }
    .product-desc .striphtml {
        margin-bottom: 15px
    }
}

.promo-campaign .header-campaign {
    background-color: #fafafa;
    padding: 25px 0
}

.promo-campaign .header-campaign * {
    font-weight: 700;
    margin: 0;
    padding: 0;
    font-family: Open sans, Helvetica, Arial, sans-serif;
    text-align: center
}

.promo-campaign .header-campaign h1 {
    font-size: 24px;
    line-height: 40px
}

.promo-campaign .header-campaign h2 {
    font-size: 16px;
    line-height: 22px
}

.promo-campaign .btn-buy {
    background-color: #27ae60;
    color: #fff;
    font-weight: 700;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 50px;
    cursor: pointer
}

.promo-campaign .custom-campaign {
    margin-bottom: 15px
}

.promo-campaign .content-wrapper .content {
    margin: 15px 0;
    border: 1px solid #e0e0e0
}

.promo-campaign .content-wrapper .content .img-wrapper {
    position: relative
}

.promo-campaign .content-wrapper .content .img-wrapper .bg-overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    opacity: 0
}

.promo-campaign .content-wrapper .content .img-wrapper .bg-overlay .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    top: 40%;
    position: absolute;
    width: 100%;
    text-align: center
}

.promo-campaign .content-wrapper .content .img-wrapper:hover .bg-overlay {
    opacity: .6
}

.promo-campaign .content-wrapper .content .desc {
    color: #777;
    padding: 20px;
    background-color: #fff;
    min-height: 117px
}

.promo-campaign .content-wrapper .content .desc .text-discount {
    font-size: 35px;
    font-weight: 700;
    color: #eb5757
}

.promo-campaign .content-wrapper .content .desc .title {
    margin-bottom: 14px
}

.promo-campaign .content-wrapper .content .desc .title .block-sign {
    background-color: #ccc;
    height: 21px;
    width: 10px;
    border-radius: 2px 0 0 2px;
    border: 1px solid #ccc;
    border-right: none
}

.promo-campaign .content-wrapper .content .desc .title .percent {
    padding: 0 5px;
    border-radius: 0 2px 2px 0;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-left: 1px dashed #999;
    font-size: 14px;
    line-height: 19px;
    color: #999
}

.promo-campaign .content-wrapper .content .desc .title .circle {
    width: 16px;
    height: 16px;
    background-color: #777;
    border-radius: 50px;
    margin-left: 10px
}

.promo-campaign .content-wrapper .content .desc .title .circle i:before {
    color: #fff;
    font-size: 12px
}

.promo-campaign .content-wrapper .content .desc .block-discount .code {
    padding: 0;
    width: 60%;
    text-align: center;
    border-radius: 5px 0 0 5px;
    border: 1px solid #e0e0e0;
    border-right-width: 0;
    line-height: 40px;
    text-transform: uppercase;
    color: #ff5722;
    background-color: #f8f8f8
}

.promo-campaign .content-wrapper .content .desc .block-discount .button {
    border-radius: 0 5px 5px 0;
    border: 1px solid #e0e0e0;
    padding: 0;
    font-size: 14px;
    color: #219653;
    line-height: 40px;
    cursor: pointer;
    width: 40%;
    text-align: center
}

@media only screen and (max-width:1024px) {
    .promo-campaign p {
        font-size: 12px
    }
    .promo-campaign .btn-buy {
        padding: 0 12px
    }
    .promo-campaign .content-wrapper .content .desc .block-discount .code {
        padding: 0 15px
    }
}

@media only screen and (max-width:786px) {
    .promo-campaign p {
        font-size: 12px
    }
    .promo-campaign .content-wrapper,
    .promo-campaign .custom-campaign {
        margin: 0 -15px
    }
    .promo-campaign .btn-buy {
        line-height: 38px
    }
    .promo-campaign .content-wrapper .content .desc {
        padding: 10px;
        min-height: auto
    }
    .promo-campaign .content-wrapper .content .desc .title {
        margin-bottom: 10px
    }
    .promo-campaign .content-wrapper .content .desc .title .block-sign {
        height: 20px
    }
    .promo-campaign .content-wrapper .content .desc .title .percent {
        line-height: 18px
    }
    .promo-campaign .content-wrapper .content .desc .text-discount {
        font-size: 30px
    }
    .promo-campaign .content-wrapper .content .desc .block-discount .button,
    .promo-campaign .content-wrapper .content .desc .block-discount .code {
        line-height: 32px;
        margin-bottom: 10px
    }
}

.template-list-wrapper {
    margin: 0 -25px !important
}

.template-list-wrapper .template-container {
    position: relative;
    margin: 0 33px 40px
}

.template-list-wrapper .template-container:hover {
    -webkit-box-shadow: 0 3px 6px 0 #828282;
    -moz-box-shadow: 0 3px 6px 0 #828282;
    box-shadow: 0 3px 6px 0 #828282
}

.template-list-wrapper .template-container .template-image {
    width: 100%;
    height: 290px
}

.template-list-wrapper .template-container .template-image img {
    width: 100%;
    height: 290px;
    object-fit: cover
}

.template-list-wrapper .template-container .template-image .btn-link-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 290px;
    opacity: 0
}

.template-list-wrapper .template-container .template-image .btn-link-overlay p {
    position: absolute;
    font-size: 11px;
    background-color: #fff;
    border-radius: 2px;
    color: rgba(51, 51, 51, .5);
    padding: 2px 5px;
    top: 40%;
    left: 26%
}

.template-list-wrapper .template-container .template-image .btn-link-overlay p .type {
    text-transform: lowercase
}

.template-list-wrapper .template-container .template-image .btn-link-overlay:hover {
    background: rgba(0, 0, 0, .3);
    opacity: 1
}

.template-list-wrapper .template-container .template-image .template-label {
    font-size: 11px;
    color: #fff;
    padding: 7px 5px;
    font-weight: 700;
    background-color: #f58724;
    position: absolute;
    left: 0;
    top: 0
}

.template-list-wrapper .template-container .option-wrapper {
    padding: 10px;
    border: 1px solid #f2f2f2;
    position: relative
}

.template-list-wrapper .template-container .option-wrapper .option-text {
    font-size: 14px;
    color: #333
}

.template-list-wrapper .template-container .option-wrapper .tooltip-inner {
    border: solid #fff;
    border-width: 1px 1px 0;
    padding: 8px 20px;
    border-radius: 0;
    background-color: #333
}

.template-list-wrapper .template-more-wrapper {
    margin: 40px 0;
    text-align: center
}

.template-list-wrapper .template-column {
    margin: 0
}

.templates-list-detail .breadcrumb-container {
    margin-top: 18px
}

.templates-list-detail .template-category {
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    margin-right: 10px;
    padding: 20px;
    margin-top: 15px
}

.templates-list-detail .template-category .category {
    font-size: 13px;
    color: #333;
    margin: 0;
    line-height: 21px;
    cursor: pointer
}

.templates-list-detail .template-category .category.active {
    font-weight: 700
}

.templates-list-detail .template-category .more {
    color: #4274d7;
    font-weight: 700;
    font-size: 14px;
    margin-top: 11px;
    margin-bottom: 0;
    cursor: pointer
}

.templates-list-detail .title-container {
    margin: 15px -10px 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.templates-list-detail .title-container .title-wrapper .category-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize
}

.templates-list-detail .title-container .title-wrapper .desc-title {
    font-size: 14px;
    margin: 0;
    line-height: 19px
}

.templates-list-detail .title-container .search-wrapper {
    position: relative
}

.templates-list-detail .title-container .search-wrapper input {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 9px 20px 9px 30px
}

.templates-list-detail .title-container .search-wrapper i {
    color: #828282;
    font-size: 14px;
    position: absolute;
    left: 11px;
    top: 12px;
    cursor: pointer
}

.templates-list-detail .template-list-wrapper {
    margin: 0 -25px !important
}

.templates-list-detail .template-list-wrapper .template-container {
    position: relative;
    margin: 0 25px 40px
}

@media only screen and (max-width:1024px) {
    .template-list-wrapper .template-container .template-image,
    .template-list-wrapper .template-container .template-image .btn-link-overlay,
    .template-list-wrapper .template-container .template-image img {
        height: 250px
    }
    .template-list-wrapper .template-container .template-image .btn-link-overlay p {
        left: 13%
    }
}

@media only screen and (max-width:786px) {
    .breadcrumb-container {
        font-size: 10px !important
    }
    .breadcrumb-container.bare {
        margin-top: 0
    }
    .breadcrumb-container.bare a {
        font-size: 10px !important
    }
    .template-list-wrapper {
        margin: 0 !important
    }
    .template-list-wrapper .template-container {
        margin: 0 15px 20px
    }
    .template-list-wrapper .template-container .template-image,
    .template-list-wrapper .template-container .template-image img {
        height: auto
    }
    .template-list-wrapper .template-container .template-image .btn-link-overlay:hover {
        opacity: 0
    }
    .template-list-wrapper .template-container .template-image .template-label {
        padding: 5px;
        font-size: 10px
    }
    .template-list-wrapper .template-container .option-wrapper .option-text {
        font-size: 9px
    }
    .template-list-wrapper .template-container .option-wrapper img {
        height: 15px
    }
    .template-list-wrapper .template-more-wrapper {
        margin: 0 0 10px
    }
    #custom-detail .start-design {
        margin: 3px 9px 0 0;
        padding: 3px 9px 15px 0
    }
    .templates-list-detail .template-category {
        margin-right: 0
    }
    .templates-list-detail .template-list-wrapper {
        margin: 0 !important;
        padding: 0 5px
    }
    .templates-list-detail .template-list-wrapper .template-container {
        margin: 0 10px 20px
    }
    .templates-list-detail .title-container {
        display: block;
        margin: 15px 0
    }
    .templates-list-detail .title-container .title-wrapper .category-title {
        font-size: 20px
    }
    .templates-list-detail .title-container .title-wrapper .desc-title {
        font-size: 12px;
        margin-bottom: 5px
    }
    .templates-list-detail .title-container .search-wrapper input {
        padding: 5px 15px 5px 30px;
        width: 100%;
        margin-top: 15px
    }
    .templates-list-detail .title-container .search-wrapper i {
        top: 24px
    }
}

.custom-promo {
    position: relative;
    scroll-behavior: smooth;
    background-color: #fef6f9
}

.custom-promo .header-fullwidth {
    width: 100%;
    height: 100%
}

.custom-promo .header-section {
    background: url(/images/header-section.png?_=8a934ab2da2d0b29497c87dbfc7c2ad7);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding-bottom: 180px;
    background-color: #741c15;
    position: relative
}

.custom-promo .body-section {
    background: url(/fonts/body-section.svg?_=46b8f5132d4a563d0b8e03b05b69229e);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: transparent;
    background-attachment: fixed
}

#custom-detail .section {
    margin-left: 0;
    margin-right: 0
}

#custom-detail .section.section-title {
    border-top: 1px solid #e0e0e0;
    margin: 50px 0;
    padding-top: 50px
}

#custom-detail .section .small-note-wrap {
    background-color: #f2f2f2;
    border-left: 7px solid #5eab34;
    border-radius: 2px
}

#custom-detail .section .small-note-wrap .small-note {
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    padding: 10px 25px
}

#custom-detail .section .small-note-wrap .small-note p {
    margin: 0;
    color: #828282;
    font-size: 14px
}

#custom-detail .section .img-preview {
    margin: auto
}

#custom-detail .title {
    font-weight: 700;
    font-size: 20px;
    color: #000
}

#custom-detail .subtitle {
    color: #000
}

#custom-detail .breadcrumb-container {
    margin-top: 15px;
    margin-bottom: 15px
}

#custom-detail .option {
    margin-bottom: 15px
}

#custom-detail .option .option-name {
    display: block;
    margin-bottom: 5px
}

#custom-detail .material {
    padding: 10px;
    background-color: #f2f2f2;
    width: 120px;
    text-align: center;
    font-size: 12px;
    display: block;
    color: #000;
    float: left;
    margin-right: 10px;
    cursor: pointer
}

#custom-detail .material:hover,
#custom-detail .material:visited {
    color: #000;
    text-decoration: none
}

#custom-detail .color.selected:after {
    content: "";
    display: block;
    width: 11px;
    height: 18px;
    border: solid #fff;
    border-width: 0 5px 5px 0;
    transform: rotate(45deg);
    border-radius: 2px;
    margin-left: 38%;
    margin-top: 17%
}

#custom-detail .material.selected {
    border: 1px solid #f2994a
}

#custom-detail .learn-more {
    font-size: 85%;
    display: block;
    padding: 10px
}

#custom-detail .start-design {
    padding: 15px 30px;
    background-color: #4274d7;
    color: #fff;
    display: inline-block;
    letter-spacing: .4px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #4274d7;
    margin: 15px 10px 5px 0
}

#custom-detail .start-design.o {
    border: 2px solid #4274d7;
    background-color: #fff;
    color: #4274d7;
    font-weight: 400
}

#custom-detail .start-design:hover,
#custom-detail .start-design:visited {
    text-decoration: none
}

#custom-detail .sizing {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
    padding-top: 20px
}

#custom-detail .sizing .title {
    width: 60%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555
}

#custom-detail .sizing .table {
    font-size: 14px;
    width: 0;
    margin-bottom: 50px !important;
    width: 100%;
    text-align: center;
    border: 1px solid #e0e0e0
}

#custom-detail .sizing .pricing-table {
    width: 80%
}

#custom-detail .sizing .table>tbody>tr>td,
#custom-detail .sizing .table>tbody>tr>th,
#custom-detail .sizing .table>tfoot>tr>td,
#custom-detail .sizing .table>tfoot>tr>th,
#custom-detail .sizing .table>thead>tr>td,
#custom-detail .sizing .table>thead>tr>th {
    background-color: #fff;
    padding: 7px 10px;
    text-align: center;
    border: solid #e0e0e0;
    border-width: 0 0 1px
}

#custom-detail .sizing .table>tbody>tr>td.total,
#custom-detail .sizing .table>tbody>tr>th.total,
#custom-detail .sizing .table>tfoot>tr>td.total,
#custom-detail .sizing .table>tfoot>tr>th.total,
#custom-detail .sizing .table>thead>tr>td.total,
#custom-detail .sizing .table>thead>tr>th.total {
    text-align: left;
    padding-left: 25px
}

#custom-detail .sizing .table>tbody>tr>th {
    background-color: #e0e0e0;
    font-size: 14px
}

#custom-detail .sizing .table>tbody>tr>td {
    background-color: #fafafa;
    font-size: 14px
}

#custom-detail .sizing .table>tbody>tr>td .saving {
    background-color: #27ae60;
    color: #fff;
    padding: 1px 5px;
    border-radius: 4px
}

#custom-detail .sizing .table>tbody>tr>td .cicilan {
    background-color: #f2c94c;
    padding: 1px 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: pointer
}

#custom-detail .sizing .table>tbody>tr>td .kredivo img {
    height: 17px;
    width: auto;
    margin: 0;
    float: none
}

#custom-detail .sizing .cicilan-wrapper a,
#custom-detail .sizing:active {
    color: #000;
    text-decoration: none
}

#custom-detail .sizing .tooltip-inner {
    color: #828282;
    text-align: center;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #e0e0e0;
    cursor: pointer
}

#custom-detail .photo-thumbnails-item img {
    border: none;
    margin: 2px 0 0
}

#custom-detail .design-template img {
    padding-left: 0
}

.option-container-one input .form-control.ng-touched.ng-valid {
    overflow: hidden
}

.option-container-one .input-group-addon {
    border-radius: 0;
    background-color: #fafafa;
    padding: 6px 16px;
    cursor: pointer
}

.option-container-one .input-group-addon a {
    color: #000;
    font-size: 9px;
    font-weight: 400
}

.option-container-one .btn,
.option-container-one .form-control {
    height: 38px;
    box-shadow: none;
    padding: 9px 10px;
    overflow: hidden
}

.option-container-one {
    display: block;
    overflow: hidden
}

.option-container-one .btn.btn-option-custom {
    background: #fff;
    border: 1px solid #e0e0e0;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #555;
    box-shadow: none
}

.option-container-one .btn.btn-option-custom.active,
.option-container-one .btn.btn-option-custom:active {
    background-color: #4274d7;
    color: #fff;
    box-shadow: none;
    font-weight: 600;
    border: 0
}

.option-container-one .option-group {
    margin-bottom: 15px
}

.option-container-one .option-group .option-title {
    color: #555;
    font-size: 14px;
    font-weight: 700
}

.option-container-one .option-group .form-control {
    height: 40px;
    box-shadow: none
}

.option-container-one .option-group .btn {
    height: auto
}

.banner-pym {
    padding: 80px 0 150px;
    color: #fff;
    background-color: #f1f1f3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-pym.pym-1 {
    background-image: url(/images/print-your-moment-bg-1.jpg?_=91b445383de4eec21755afe3549c6d5d)
}

.banner-pym.pym-2 {
    background-image: url(/images/print-your-moment-bg-2.jpg?_=44fadfa91d4a55e7237be29e77dc3675)
}

.banner-pym.pym-3 {
    background-image: url(/images/print-your-moment-bg-3.jpg?_=47ea8a74855f38a90da1227f86100bab)
}

.banner-pym.pym-4 {
    background-image: url(/images/print-your-moment-bg-4.jpg?_=217b004020458ea211f42814d3558773)
}

.banner-pym.dw-1 {
    background-color: #fff;
    background-image: url(/images/dw-bg-1.jpg?_=e095fcd6d46317a743d308713de43850)
}

.banner-pym.dw-1,
.banner-pym.dw-2 {
    background-position: 0;
    background-size: auto
}

.banner-pym.dw-2 {
    background-color: #f86666;
    background-image: url(/images/dw-bg-2.jpg?_=27ffc4aa66e301c336f3d0ec4fd8e535)
}

.banner-pym.dw-3 {
    background-color: #fff;
    background-image: url(/images/dw-bg-3.jpg?_=ffb8b746f01823791ad2b17ec1db060e)
}

.banner-pym.dw-3,
.banner-pym.dw-4 {
    background-position: 0;
    background-size: auto
}

.banner-pym.dw-4 {
    background-color: #ececec;
    background-image: url(/images/dw-pouch-preview.jpg?_=456c17e4b8193175e3a5ad10dbcc20ab)
}

.text-pym {
    width: 80%;
    position: relative;
    text-align: center;
    color: #313131;
    margin: 0 auto
}

.text-pym h2 {
    font-size: 2em;
    margin-bottom: -.5em
}

.text-pym p.desc {
    margin-top: 15px
}

.text-pym h1,
.text-pym h2,
.text-pym p {
    color: #fff
}

.text-pym .btn {
    border: 2px solid #fff;
    background: transparent;
    margin: 10px 0;
    padding: 10px 20px;
    text-shadow: none
}

.text-pym.dark h1,
.text-pym.dark h2,
.text-pym.dark p {
    color: #313131
}

.text-pym.dark .btn {
    border: 2px solid #000;
    background: #000
}

.text-pym.right {
    width: 40%;
    margin: 0 150px 0 auto;
    text-align: left !important
}

.testimonial-box {
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    text-align: center;
    margin-bottom: 2em
}

.testimonial-box .testimonial-pic {
    width: 100%
}

.testimonial-box .testimonial-face {
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    border-radius: 50%;
    margin: -50px auto 0
}

.testimonial-box .testimonial-text {
    padding: 20px
}

.doodlewear .product-price-placeholder {
    font-size: 1.6em
}

.doodlewear .small a {
    text-decoration: underline;
    color: #000
}

.doodlewear .available_in .section {
    color: #575757;
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 20px
}

#store-registration-form {
    max-width: 400px;
    margin: 0 auto
}

.store-features {
    padding: 40px 0;
    background-color: #fafafa
}

.store-testimonial {
    padding: 40px 0
}

.store-testimonial .testimonial-item {
    border-radius: 8px;
    background-color: #fafafa;
    padding: 20px;
    margin-top: 1em
}

.store-testimonial .testimonial-item img {
    border-radius: 50%;
    border: 2px solid #efefef;
    display: block;
    width: 80px;
    margin: 0 auto 1em
}

.store-testimonial .testimonial-item .testimonial-author {
    margin-top: 1em;
    font-weight: 700
}

.store-meta {
    display: block;
    padding: 1em;
    border: 2px solid #efefef;
    margin-bottom: 1em;
    width: 100%
}

.store-meta .logo {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: -60px auto 1em;
    border: 2px solid #fff;
    background-color: #fff
}

.store-meta strong.name {
    display: block;
    margin: 0 0 10px
}

.store-meta .logo-btn {
    display: block;
    width: 120px;
    height: 120px;
    padding-top: 40px;
    margin: -60px auto 1em;
    border-radius: 50%;
    font-size: 1em;
    text-transform: uppercase;
    color: #aaa;
    border: 2px solid #fff
}

.store-meta .logo-btn i {
    font-size: 1.5em;
    margin-bottom: 5px
}

.store-meta .social-link {
    list-style: none;
    margin: 0;
    padding: 0
}

.store-meta .social-link li {
    margin: 0;
    padding: 0;
    display: inline
}

.store-meta .social-link li a,
.store-meta .social-link li a:visited {
    font-size: 1.4em;
    margin-right: 5px;
    color: #777
}

.store-meta .social-link li a:hover {
    color: #337ab7;
    text-decoration: none
}

.store-meta .social-link li i {
    width: 15px
}

.store-logo {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin-bottom: 10px
}

.top-stores label {
    display: block;
    padding: 8px;
    text-align: center
}

.top-stores a,
.top-stores a:hover,
.top-stores a:visited {
    color: #313131;
    text-transform: none
}

.store-header {
    position: relative
}

.store-header .banner-container {
    width: auto;
    height: 200px
}

.store-header .banner-container .banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: auto
}

.store-header .logo {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 16%;
    left: 45%;
    margin: 0 auto;
    display: block;
    box-shadow: 1px 1px 4px #ccc
}

.store-header .store-banner-default {
    background-color: #fff;
    text-align: center;
    padding: 30px 0
}

.store-header .store-banner-default h1 {
    font-family: Yellowtail, cursive;
    margin: 0 0 5px;
    padding: 0
}

.store-header .store-banner-default button {
    margin-top: 10px
}

.store-header .sharebar {
    background: #f1f1eb;
    padding: 10px 0 0;
    margin-bottom: 1em
}

.store-header .sharebar .sharebar-inside {
    float: right
}

.tile-box {
    line-height: inherit;
    display: block;
    position: relative;
    height: auto;
    padding: 0;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ececec;
    margin-bottom: 20px
}

.tile-header {
    font-size: 1.3em;
    padding: 5px 10px;
    text-align: left;
    border: 0 !important;
    background: #f2f3f5
}

.tile-content-wrapper {
    padding: 0 10px 10px
}

.tile-content {
    font-size: 2.5em;
    text-align: left;
    padding-bottom: 5px
}

.tile-footer {
    font-size: 1em;
    text-align: left;
    margin-top: 5px;
    padding: 5px 10px;
    display: block
}

.tile-footer-detail {
    border-top: 1px solid #ececec;
    color: #000
}

.tile-footer-detail:hover {
    background-color: #ececec;
    text-decoration: none
}

.tile-footer-detail .fa {
    float: right
}

#track-order {
    border: 1px dotted grey;
    margin: 5px 0;
    font-size: .9em;
    padding-top: 5px
}

#track-order li,
#track-order ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

.alumni-page ol {
    list-style: none;
    counter-reset: my-awesome-counter
}

.alumni-page ol li {
    counter-increment: my-awesome-counter;
    margin-bottom: 40px
}

.alumni-page ol li:before {
    content: counter(my-awesome-counter);
    color: #000;
    font-weight: 700;
    background: #f79089;
    padding: 0 8px;
    margin-right: 20px;
    font-size: 20px;
    text-align: center
}

.alumni-page .text-shadow {
    text-shadow: 4px 4px 10px rgba(0, 0, 0, .25)
}

.alumni-page .box-shadow {
    box-shadow: 5px 10px 50px rgba(0, 0, 0, .25)
}

.alumni-page .box-link:hover,
.alumni-page .products:hover {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .15)
}

.alumni-page .img-blog {
    border-radius: 8px 8px 0 0
}

@media only screen and (max-width:1200px) {
    .navbar .nav>li>a {
        padding: 7px
    }
    .navbar .navbar-right-wrapper .navbar-left-border li>a.user-logged {
        padding: 7px 5px
    }
}

@media only screen and (max-width:1024px) {
    .container-small {
        width: auto;
        padding: 0 16px
    }
    code {
        word-break: break-all
    }
    .benefits {
        margin-bottom: 0 !important;
        text-align: center
    }
    .benefits img {
        float: none !important;
        text-align: center;
        margin: 0 auto 10px !important
    }
    .benefits h4 {
        font-size: .7em;
        width: 100%;
        text-align: center;
        line-height: 1.3em
    }
    .testimonials p {
        display: block
    }
    .custom-box-2 {
        background-color: #efefef
    }
    .custom-box-2 .point {
        background: hsla(0, 0%, 100%, .9);
        margin: 0 -30px;
        padding: 10px 20px
    }
    .custom-box-2 .point img {
        margin-top: 20px
    }
    .custom-box-3 .box25 {
        width: 50%
    }
    .custom-box-3 .box25 span {
        font-size: 1.4em
    }
    .custom-box-4 .box20 {
        width: 33%;
        padding: 0
    }
    .store-register .slide-banner img {
        object-fit: cover;
        object-position: 40%;
        height: 400px
    }
    .store-register .transform-img {
        transform: translateY(70px) !important
    }
    .store-register .testimonial-slider .arrow .arrow-left {
        left: 68% !important;
        top: 90% !important
    }
    .store-register .testimonial-slider .arrow .arrow-right {
        right: 8% !important;
        top: 90% !important
    }
    .store-register .testimonial-slider .slick-slider .slick-slide {
        margin: -5px
    }
    .store-meta {
        border: 2px solid #efefef;
        padding: 10px
    }
    .breadcrumb-container.product-details .breadcrumb {
        padding: 0 !important
    }
    .breadcrumb-container p {
        font-size: .9em !important;
        text-align: center
    }
    .breadcrumb-container .voucher {
        padding: 0;
        text-align: center
    }
    .breadcrumb-container .product-social-button {
        display: block;
        margin: 1em 0 !important
    }
    .sticky-cart {
        width: 100%
    }
    .product-list-container {
        max-height: 100% !important;
        overflow-y: visible
    }
    .fieldset {
        padding-top: 1em;
        margin: 0 auto 1em !important;
        line-height: 2em
    }
    .landing-banner {
        margin: 0 -15px;
        padding: 10px 0;
        border: 0
    }
    .landing-banner,
    .landing-banner .tags {
        text-align: center
    }
    .store-header .banner-container {
        height: auto !important
    }
    .store-header .banner-container .banner {
        margin-bottom: 0
    }
    .nopadding-mobile {
        padding: 0
    }
    .sidebar-inside {
        border-radius: 4px;
        background-color: #fff;
        border-color: #ccc
    }
    .sidebar-inside h3 {
        border-radius: 4px;
        padding: 10px;
        background-image: url(/images/arrow-small-down.jpg?_=7c2d9cf12635d526e0aec8510acca3d0);
        background-position: 100%;
        background-repeat: no-repeat
    }
    .sidebar-inside h3 div,
    .sidebar-inside h3 span {
        display: inline !important
    }
    .product-search-list .product-item {
        min-height: 260px
    }
    .product-collection {
        padding: 0 10px
    }
    .product-collection .product-item .product-item-list {
        min-height: 260px
    }
    .product-description {
        position: relative
    }
    .navbar .nav>li>a {
        padding: 9px
    }
    .navbar-brand {
        padding: 5px 0;
        height: 64px !important
    }
    .home {
        background-size: cover;
        background-position: 50%;
        padding-top: 20px;
        height: 300px
    }
    .home .jumbotron .home-text {
        width: 100% !important;
        position: relative;
        text-align: center;
        color: #313131;
        padding: 10px
    }
    .home .jumbotron .home-text-right {
        width: 100%;
        padding: 0 15px !important;
        text-align: center !important
    }
    .home .jumbotron h1 {
        font-size: 1.6em
    }
    .home .jumbotron p {
        font-size: 1em
    }
    .home-banner .box50 {
        width: 100%
    }
    .home-banner .box25 {
        width: 50%
    }
    .header,
    .header h1 {
        padding: 14px
    }
    .header h1 {
        font-size: 2em;
        margin-bottom: .5em
    }
    .toolbar .right {
        text-align: left
    }
    .payment_method .icon-shipping {
        display: inline-flex
    }
    .payment_method .icon-shipping svg {
        display: block;
        width: 50px
    }
    .box-dark-mobile {
        background-color: #1f212d
    }
    .banner-pym {
        padding: 30px 0;
        background-size: cover
    }
    .banner-pym.pym-2 {
        background: #f5d46d
    }
    .banner-pym.pym-3 {
        background: #fff
    }
    .banner-pym.pym-4 {
        background: #b0cddd
    }
    .banner-pym.dw-1 {
        background: #fff
    }
    .banner-pym.dw-2 {
        background: #f86666
    }
    .banner-pym.dw-3 {
        background: #24b9ea
    }
    .banner-pym.dw-4 {
        background: #ececec
    }
    .text-pym h1 {
        font-size: 1.4em;
        padding-top: 0;
        margin-top: 0
    }
    .text-pym h2 {
        font-size: 1.2em;
        padding-top: 0
    }
    .text-pym.right {
        width: 90%;
        margin: 0 auto;
        text-align: center !important
    }
    .dw-step {
        background-position: top
    }
    .sale_percent.sale-percent-detail {
        margin: 0
    }
    #custom-detail .sizing {
        margin: 20px -5px 0
    }
    #custom-detail .sizing .table>tbody>tr>td,
    #custom-detail .sizing .table>tbody>tr>th,
    #custom-detail .sizing .table>tfoot>tr>td,
    #custom-detail .sizing .table>tfoot>tr>th,
    #custom-detail .sizing .table>thead>tr>td,
    #custom-detail .sizing .table>thead>tr>th {
        padding: 7px 2
    }
    #custom-detail .sizing .table>tbody>tr>td.total,
    #custom-detail .sizing .table>tbody>tr>th.total,
    #custom-detail .sizing .table>tfoot>tr>td.total,
    #custom-detail .sizing .table>tfoot>tr>th.total,
    #custom-detail .sizing .table>thead>tr>td.total,
    #custom-detail .sizing .table>thead>tr>th.total {
        text-align: center;
        padding: 0
    }
    #custom-detail .sizing .table>tbody>tr>th {
        font-size: 11px;
        vertical-align: inherit
    }
    #custom-detail .sizing .table>tbody>tr>td {
        font-size: 12px
    }
    .bg-help-center {
        background-image: url(/assets/images/pages/help-center/help-center-banner-mobile.jpg?v=2024-11-25T07:05:16.035Z);
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media screen and (device-width:912px) {
    .tabu-id .bg-tabu-3 {
        background: none !important
    }
    .tabu-id .img-tabu-1 {
        width: 80% !important;
        margin-left: 50px !important;
        margin-bottom: 50px !important
    }
    .tabu-id .img-tabu-2 {
        margin-top: 40px !important;
        margin-left: -3px !important
    }
    .tabu-id .img-tabu-4 {
        width: 80% !important;
        margin-top: -2px !important;
        margin-left: 90px !important;
        margin-bottom: -100px
    }
    .tabu-id .img-icon-tabu {
        width: 30% !important
    }
    .tabu-id .desc-tabu {
        margin-left: 20px !important;
        margin-top: 6px !important
    }
    .tabu-id .tabu-info {
        margin-bottom: 80px !important
    }
    .tabu-id .tabu-spotify {
        margin-top: -10px !important;
        width: 200px !important
    }
}

@media only screen and (device-width:820px) {
    .official-store .slick-dots {
        bottom: -18px !important
    }
    .tabu-id .bg-tabu-3 {
        background: none !important
    }
    .tabu-id .img-tabu-1 {
        width: 80% !important;
        margin-left: 120px !important
    }
    .tabu-id .img-tabu-2 {
        margin-top: 40px !important
    }
    .tabu-id .img-tabu-4 {
        width: 80% !important;
        margin-top: 4px !important;
        margin-left: -10px !important
    }
    .tabu-id .img-icon-tabu {
        width: 30% !important
    }
    .tabu-id .desc-tabu {
        margin-left: 20px !important;
        margin-top: 6px !important
    }
    .promo-popup-special .modal-dialog {
        margin: 10%
    }
    .promo-popup-special .modal-dialog .btn-modal-close {
        top: -5px;
        right: -5px
    }
    .navbar-toggle {
        padding: 0 15px;
        margin-left: 5px;
        z-index: 1;
        height: 50px
    }
    .navbar-toggle .fa-menu-mobile {
        margin-top: 5px
    }
    .navbar-toggle .fa-menu-mobile:before {
        font-size: 22px
    }
    .navbar-brand>img {
        height: 30px;
        width: auto
    }
    .navbar-brand {
        padding: 5px 8px;
        height: 50px !important
    }
    .topbar {
        height: 40px
    }
    .topbar .topbar-text {
        font-size: 12px;
        margin-right: 15px
    }
    .topbar .tag-button {
        font-size: 11px;
        margin: 0;
        padding: 6px 30px
    }
    .topbar .fa-close-topbar {
        font-size: 15px;
        position: absolute;
        top: 2%;
        right: 3%
    }
    .bar-notif .text-bar {
        font-size: 12px !important
    }
    .bar-notif .fa-close:before {
        right: 6px !important;
        top: 6px !important
    }
    .ng-sticky-fixed {
        background-color: rgba(0, 0, 0, .1);
        bottom: 0;
        left: 0;
        padding: 10px 15px;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 99 !important
    }
    .btn.buy {
        padding: 0 !important;
        margin: 0;
        line-height: 45px;
        font-size: 14px;
        text-transform: capitalize
    }
    .product-gallery {
        margin-bottom: 15px
    }
    .benefits p {
        font-size: 12px;
        color: #828282
    }
    .photo-gallery img.photo-preview {
        border: 0
    }
    .photo-thumbnails-item img {
        width: 60px
    }
    .product-stock.cart {
        float: left;
        font-size: 10px
    }
    .product-stock.cart .fa-custom {
        font-size: 14px
    }
    .box {
        margin-bottom: 5px !important
    }
    .fa-star-o:before,
    .fa-star:before {
        font-size: 14px;
        margin-right: 1px
    }
    .table,
    .table>tbody>tr>th {
        font-size: 12px
    }
    .product-right .size-guide {
        border: none
    }
    ul.inline {
        margin: 0 -5px
    }
    .product-list-caption .caption-text {
        font-size: 14px;
        width: 64%
    }
    .product-list-caption .caption-set {
        width: 18%
    }
    .product-review h2 {
        font-size: 14px;
        text-align: center
    }
    .product-review .fullname {
        font-size: 12px
    }
    .sale_percent.sale-percent-detail {
        font-size: 14px;
        padding: 20px 3
    }
    .market-type {
        margin: 0
    }
    .review-text span.review-owner {
        display: block;
        line-height: 25px
    }
    .product-semicustom-wrapper .text-area-container {
        width: 75%
    }
    .product-semicustom-wrapper .color-pick-container {
        width: 25%
    }
    footer {
        margin-bottom: 50px;
        font-size: 12px !important;
        padding: 10px 30px !important;
        text-align: center !important;
        line-height: 20px
    }
    .footnote {
        padding: 0
    }
    .footnote .contact,
    .footnote .payment-method-col {
        text-align: center
    }
    .footnote .payment-method {
        justify-content: center
    }
    .footnote .payment-method .logo-wrap {
        margin: 0 8px
    }
    .material-option {
        display: block;
        margin: 15px 0
    }
    .swipe-option {
        white-space: nowrap;
        overflow: auto
    }
    .option-group .mobile {
        width: 100%
    }
    .box .option-container-one .btn {
        padding: 4px 30px
    }
    .havelock-blue .wishlist {
        padding: 0 20px
    }
    .btn-modal-close {
        top: -5px
    }
    .caption-border-top {
        font-size: 12px
    }
    .modal-header.login {
        padding: 0
    }
    .modal-header.login .login-title h1 {
        font-size: 18px;
        margin: 0;
        padding: 6px
    }
    .header-shipping .header-container {
        padding: 25px 0
    }
    .header-shipping .header-container .shipping-title {
        font-size: 18px
    }
    .header-shipping-help {
        height: 50px
    }
    .header-shipping-help .navbar-brand {
        padding: 0;
        height: auto !important
    }
    .header-shipping-help .navbar-brand img {
        height: 37px;
        width: auto;
        margin-right: 60px
    }
    .header-shipping-help .title-block {
        font-size: 16px;
        color: #828282;
        font-weight: 700
    }
    .header-shipping-help .header-back i {
        font-size: 25px;
        color: #000
    }
    .newsletter-popup .modal-dialog {
        width: auto !important
    }
    #custom-detail .section.section-title {
        margin: 20px 0;
        padding-top: 25px
    }
    #custom-detail .title {
        margin: 15px 0
    }
    #custom-detail .custom-menu-wrapper {
        padding: 0
    }
    #custom-detail .img-preview {
        margin-top: 15px
    }
    #custom-detail .start-design {
        padding: 15px 20px;
        margin-bottom: 15px
    }
    .submenu-container {
        display: none
    }
    .product-type span {
        font-size: 9px
    }
    #loading-bar {
        display: none
    }
    .promo-campaign big {
        font-size: 22px
    }
    .promo-campaign .btn-lg {
        font-size: 16px
    }
    .promo-campaign .space {
        margin-bottom: 0
    }
    .modal-product-detail .modal-header {
        text-align: center;
        background-color: #fff
    }
    .modal-product-detail .modal-header .modal-title {
        font-size: 16px;
        text-align: center
    }
    .modal-product-detail .modal-body.size {
        margin-top: 0;
        padding: 15px 0;
        overflow: hidden
    }
    #print-your-moment .product-description {
        padding: 10px 0
    }
    .dot-label-wrap {
        right: 91px;
        top: -12px
    }
    .holiday-notif {
        font-size: 12px
    }
    .user-menu-sidebar {
        border-radius: 4px;
        background-color: #fff;
        border: 1px solid #ccc;
        margin: 16px 0;
        padding: 10px
    }
    .user-menu-sidebar p {
        margin: 0;
        font-size: 14px;
        background-color: #fff;
        border-radius: 4px;
        background-image: url(/images/arrow-small-down.jpg?_=7c2d9cf12635d526e0aec8510acca3d0);
        background-position: 100%;
        background-repeat: no-repeat
    }
    .order-status {
        font-size: 11px
    }
    .modal-dialog-kredivo .modal-dialog {
        margin-top: 20%
    }
    .custom-upload i {
        font-size: 50px !important;
        margin-top: 7px !important
    }
    .harbolnas-promo .header-title {
        font-size: 3.5em
    }
    .harbolnas-promo .promo-card .lock-icon {
        padding: 15px 36px
    }
    .harbolnas-promo .promo-card .fa-lock {
        font-size: 38px
    }
    .sharebar {
        margin-bottom: 0 !important;
        background-color: #efefef !important;
        text-align: left
    }
    .sharebar .sharebar-inside {
        float: left !important
    }
    .grid-xs-overflow {
        overflow: auto;
        display: flex;
        white-space: nowrap;
        justify-content: left;
        width: 100%
    }
    .space-xs-0 {
        margin: 0 !important
    }
    .space-xs-0-top {
        margin-top: 0 !important
    }
    .space-xs-0-bottom {
        margin-bottom: 0 !important
    }
    .space-xs-0-left {
        margin-left: 0 !important
    }
    .space-xs-0-right {
        margin-right: 0 !important
    }
    .-space-xs-0 {
        margin: 0 !important
    }
    .-space-xs-0-top {
        margin-top: 0 !important
    }
    .-space-xs-0-bottom {
        margin-bottom: 0 !important
    }
    .-space-xs-0-left {
        margin-left: 0 !important
    }
    .-space-xs-0-right {
        margin-right: 0 !important
    }
    .space-xs-2 {
        margin: 2px !important
    }
    .space-xs-2-top {
        margin-top: 2px !important
    }
    .space-xs-2-bottom {
        margin-bottom: 2px !important
    }
    .space-xs-2-left {
        margin-left: 2px !important
    }
    .space-xs-2-right {
        margin-right: 2px !important
    }
    .-space-xs-2 {
        margin: -2px !important
    }
    .-space-xs-2-top {
        margin-top: -2px !important
    }
    .-space-xs-2-bottom {
        margin-bottom: -2px !important
    }
    .-space-xs-2-left {
        margin-left: -2px !important
    }
    .-space-xs-2-right {
        margin-right: -2px !important
    }
    .space-xs-4 {
        margin: 4px !important
    }
    .space-xs-4-top {
        margin-top: 4px !important
    }
    .space-xs-4-bottom {
        margin-bottom: 4px !important
    }
    .space-xs-4-left {
        margin-left: 4px !important
    }
    .space-xs-4-right {
        margin-right: 4px !important
    }
    .-space-xs-4 {
        margin: -4px !important
    }
    .-space-xs-4-top {
        margin-top: -4px !important
    }
    .-space-xs-4-bottom {
        margin-bottom: -4px !important
    }
    .-space-xs-4-left {
        margin-left: -4px !important
    }
    .-space-xs-4-right {
        margin-right: -4px !important
    }
    .space-xs-6 {
        margin: 6px !important
    }
    .space-xs-6-top {
        margin-top: 6px !important
    }
    .space-xs-6-bottom {
        margin-bottom: 6px !important
    }
    .space-xs-6-left {
        margin-left: 6px !important
    }
    .space-xs-6-right {
        margin-right: 6px !important
    }
    .-space-xs-6 {
        margin: -6px !important
    }
    .-space-xs-6-top {
        margin-top: -6px !important
    }
    .-space-xs-6-bottom {
        margin-bottom: -6px !important
    }
    .-space-xs-6-left {
        margin-left: -6px !important
    }
    .-space-xs-6-right {
        margin-right: -6px !important
    }
    .space-xs-8 {
        margin: 8px !important
    }
    .space-xs-8-top {
        margin-top: 8px !important
    }
    .space-xs-8-bottom {
        margin-bottom: 8px !important
    }
    .space-xs-8-left {
        margin-left: 8px !important
    }
    .space-xs-8-right {
        margin-right: 8px !important
    }
    .-space-xs-8 {
        margin: -8px !important
    }
    .-space-xs-8-top {
        margin-top: -8px !important
    }
    .-space-xs-8-bottom {
        margin-bottom: -8px !important
    }
    .-space-xs-8-left {
        margin-left: -8px !important
    }
    .-space-xs-8-right {
        margin-right: -8px !important
    }
    .space-xs-10 {
        margin: 10px !important
    }
    .space-xs-10-top {
        margin-top: 10px !important
    }
    .space-xs-10-bottom {
        margin-bottom: 10px !important
    }
    .space-xs-10-left {
        margin-left: 10px !important
    }
    .space-xs-10-right {
        margin-right: 10px !important
    }
    .-space-xs-10 {
        margin: -10px !important
    }
    .-space-xs-10-top {
        margin-top: -10px !important
    }
    .-space-xs-10-bottom {
        margin-bottom: -10px !important
    }
    .-space-xs-10-left {
        margin-left: -10px !important
    }
    .-space-xs-10-right {
        margin-right: -10px !important
    }
    .space-xs-12 {
        margin: 12px !important
    }
    .space-xs-12-top {
        margin-top: 12px !important
    }
    .space-xs-12-bottom {
        margin-bottom: 12px !important
    }
    .space-xs-12-left {
        margin-left: 12px !important
    }
    .space-xs-12-right {
        margin-right: 12px !important
    }
    .-space-xs-12 {
        margin: -12px !important
    }
    .-space-xs-12-top {
        margin-top: -12px !important
    }
    .-space-xs-12-bottom {
        margin-bottom: -12px !important
    }
    .-space-xs-12-left {
        margin-left: -12px !important
    }
    .-space-xs-12-right {
        margin-right: -12px !important
    }
    .space-xs-14 {
        margin: 14px !important
    }
    .space-xs-14-top {
        margin-top: 14px !important
    }
    .space-xs-14-bottom {
        margin-bottom: 14px !important
    }
    .space-xs-14-left {
        margin-left: 14px !important
    }
    .space-xs-14-right {
        margin-right: 14px !important
    }
    .-space-xs-14 {
        margin: -14px !important
    }
    .-space-xs-14-top {
        margin-top: -14px !important
    }
    .-space-xs-14-bottom {
        margin-bottom: -14px !important
    }
    .-space-xs-14-left {
        margin-left: -14px !important
    }
    .-space-xs-14-right {
        margin-right: -14px !important
    }
    .space-xs-15 {
        margin: 15px !important
    }
    .space-xs-15-top {
        margin-top: 15px !important
    }
    .space-xs-15-bottom {
        margin-bottom: 15px !important
    }
    .space-xs-15-left {
        margin-left: 15px !important
    }
    .space-xs-15-right {
        margin-right: 15px !important
    }
    .-space-xs-15 {
        margin: -15px !important
    }
    .-space-xs-15-top {
        margin-top: -15px !important
    }
    .-space-xs-15-bottom {
        margin-bottom: -15px !important
    }
    .-space-xs-15-left {
        margin-left: -15px !important
    }
    .-space-xs-15-right {
        margin-right: -15px !important
    }
    .space-xs-16 {
        margin: 16px !important
    }
    .space-xs-16-top {
        margin-top: 16px !important
    }
    .space-xs-16-bottom {
        margin-bottom: 16px !important
    }
    .space-xs-16-left {
        margin-left: 16px !important
    }
    .space-xs-16-right {
        margin-right: 16px !important
    }
    .-space-xs-16 {
        margin: -16px !important
    }
    .-space-xs-16-top {
        margin-top: -16px !important
    }
    .-space-xs-16-bottom {
        margin-bottom: -16px !important
    }
    .-space-xs-16-left {
        margin-left: -16px !important
    }
    .-space-xs-16-right {
        margin-right: -16px !important
    }
    .space-xs-20 {
        margin: 20px !important
    }
    .space-xs-20-top {
        margin-top: 20px !important
    }
    .space-xs-20-bottom {
        margin-bottom: 20px !important
    }
    .space-xs-20-left {
        margin-left: 20px !important
    }
    .space-xs-20-right {
        margin-right: 20px !important
    }
    .-space-xs-20 {
        margin: -20px !important
    }
    .-space-xs-20-top {
        margin-top: -20px !important
    }
    .-space-xs-20-bottom {
        margin-bottom: -20px !important
    }
    .-space-xs-20-left {
        margin-left: -20px !important
    }
    .-space-xs-20-right {
        margin-right: -20px !important
    }
    .space-xs-24 {
        margin: 24px !important
    }
    .space-xs-24-top {
        margin-top: 24px !important
    }
    .space-xs-24-bottom {
        margin-bottom: 24px !important
    }
    .space-xs-24-left {
        margin-left: 24px !important
    }
    .space-xs-24-right {
        margin-right: 24px !important
    }
    .-space-xs-24 {
        margin: -24px !important
    }
    .-space-xs-24-top {
        margin-top: -24px !important
    }
    .-space-xs-24-bottom {
        margin-bottom: -24px !important
    }
    .-space-xs-24-left {
        margin-left: -24px !important
    }
    .-space-xs-24-right {
        margin-right: -24px !important
    }
    .space-xs-26 {
        margin: 26px !important
    }
    .space-xs-26-top {
        margin-top: 26px !important
    }
    .space-xs-26-bottom {
        margin-bottom: 26px !important
    }
    .space-xs-26-left {
        margin-left: 26px !important
    }
    .space-xs-26-right {
        margin-right: 26px !important
    }
    .-space-xs-26 {
        margin: -26px !important
    }
    .-space-xs-26-top {
        margin-top: -26px !important
    }
    .-space-xs-26-bottom {
        margin-bottom: -26px !important
    }
    .-space-xs-26-left {
        margin-left: -26px !important
    }
    .-space-xs-26-right {
        margin-right: -26px !important
    }
    .space-xs-30 {
        margin: 30px !important
    }
    .space-xs-30-top {
        margin-top: 30px !important
    }
    .space-xs-30-bottom {
        margin-bottom: 30px !important
    }
    .space-xs-30-left {
        margin-left: 30px !important
    }
    .space-xs-30-right {
        margin-right: 30px !important
    }
    .-space-xs-30 {
        margin: -30px !important
    }
    .-space-xs-30-top {
        margin-top: -30px !important
    }
    .-space-xs-30-bottom {
        margin-bottom: -30px !important
    }
    .-space-xs-30-left {
        margin-left: -30px !important
    }
    .-space-xs-30-right {
        margin-right: -30px !important
    }
    .space-xs-32 {
        margin: 32px !important
    }
    .space-xs-32-top {
        margin-top: 32px !important
    }
    .space-xs-32-bottom {
        margin-bottom: 32px !important
    }
    .space-xs-32-left {
        margin-left: 32px !important
    }
    .space-xs-32-right {
        margin-right: 32px !important
    }
    .-space-xs-32 {
        margin: -32px !important
    }
    .-space-xs-32-top {
        margin-top: -32px !important
    }
    .-space-xs-32-bottom {
        margin-bottom: -32px !important
    }
    .-space-xs-32-left {
        margin-left: -32px !important
    }
    .-space-xs-32-right {
        margin-right: -32px !important
    }
    .space-xs-34 {
        margin: 34px !important
    }
    .space-xs-34-top {
        margin-top: 34px !important
    }
    .space-xs-34-bottom {
        margin-bottom: 34px !important
    }
    .space-xs-34-left {
        margin-left: 34px !important
    }
    .space-xs-34-right {
        margin-right: 34px !important
    }
    .-space-xs-34 {
        margin: -34px !important
    }
    .-space-xs-34-top {
        margin-top: -34px !important
    }
    .-space-xs-34-bottom {
        margin-bottom: -34px !important
    }
    .-space-xs-34-left {
        margin-left: -34px !important
    }
    .-space-xs-34-right {
        margin-right: -34px !important
    }
    .space-xs-36 {
        margin: 36px !important
    }
    .space-xs-36-top {
        margin-top: 36px !important
    }
    .space-xs-36-bottom {
        margin-bottom: 36px !important
    }
    .space-xs-36-left {
        margin-left: 36px !important
    }
    .space-xs-36-right {
        margin-right: 36px !important
    }
    .-space-xs-36 {
        margin: -36px !important
    }
    .-space-xs-36-top {
        margin-top: -36px !important
    }
    .-space-xs-36-bottom {
        margin-bottom: -36px !important
    }
    .-space-xs-36-left {
        margin-left: -36px !important
    }
    .-space-xs-36-right {
        margin-right: -36px !important
    }
    .space-xs-40 {
        margin: 40px !important
    }
    .space-xs-40-top {
        margin-top: 40px !important
    }
    .space-xs-40-bottom {
        margin-bottom: 40px !important
    }
    .space-xs-40-left {
        margin-left: 40px !important
    }
    .space-xs-40-right {
        margin-right: 40px !important
    }
    .-space-xs-40 {
        margin: -40px !important
    }
    .-space-xs-40-top {
        margin-top: -40px !important
    }
    .-space-xs-40-bottom {
        margin-bottom: -40px !important
    }
    .-space-xs-40-left {
        margin-left: -40px !important
    }
    .-space-xs-40-right {
        margin-right: -40px !important
    }
    .space-xs-42 {
        margin: 42px !important
    }
    .space-xs-42-top {
        margin-top: 42px !important
    }
    .space-xs-42-bottom {
        margin-bottom: 42px !important
    }
    .space-xs-42-left {
        margin-left: 42px !important
    }
    .space-xs-42-right {
        margin-right: 42px !important
    }
    .-space-xs-42 {
        margin: -42px !important
    }
    .-space-xs-42-top {
        margin-top: -42px !important
    }
    .-space-xs-42-bottom {
        margin-bottom: -42px !important
    }
    .-space-xs-42-left {
        margin-left: -42px !important
    }
    .-space-xs-42-right {
        margin-right: -42px !important
    }
    .space-xs-46 {
        margin: 46px !important
    }
    .space-xs-46-top {
        margin-top: 46px !important
    }
    .space-xs-46-bottom {
        margin-bottom: 46px !important
    }
    .space-xs-46-left {
        margin-left: 46px !important
    }
    .space-xs-46-right {
        margin-right: 46px !important
    }
    .-space-xs-46 {
        margin: -46px !important
    }
    .-space-xs-46-top {
        margin-top: -46px !important
    }
    .-space-xs-46-bottom {
        margin-bottom: -46px !important
    }
    .-space-xs-46-left {
        margin-left: -46px !important
    }
    .-space-xs-46-right {
        margin-right: -46px !important
    }
    .space-xs-48 {
        margin: 48px !important
    }
    .space-xs-48-top {
        margin-top: 48px !important
    }
    .space-xs-48-bottom {
        margin-bottom: 48px !important
    }
    .space-xs-48-left {
        margin-left: 48px !important
    }
    .space-xs-48-right {
        margin-right: 48px !important
    }
    .-space-xs-48 {
        margin: -48px !important
    }
    .-space-xs-48-top {
        margin-top: -48px !important
    }
    .-space-xs-48-bottom {
        margin-bottom: -48px !important
    }
    .-space-xs-48-left {
        margin-left: -48px !important
    }
    .-space-xs-48-right {
        margin-right: -48px !important
    }
    .space-xs-50 {
        margin: 50px !important
    }
    .space-xs-50-top {
        margin-top: 50px !important
    }
    .space-xs-50-bottom {
        margin-bottom: 50px !important
    }
    .space-xs-50-left {
        margin-left: 50px !important
    }
    .space-xs-50-right {
        margin-right: 50px !important
    }
    .-space-xs-50 {
        margin: -50px !important
    }
    .-space-xs-50-top {
        margin-top: -50px !important
    }
    .-space-xs-50-bottom {
        margin-bottom: -50px !important
    }
    .-space-xs-50-left {
        margin-left: -50px !important
    }
    .-space-xs-50-right {
        margin-right: -50px !important
    }
    .space-xs-54 {
        margin: 54px !important
    }
    .space-xs-54-top {
        margin-top: 54px !important
    }
    .space-xs-54-bottom {
        margin-bottom: 54px !important
    }
    .space-xs-54-left {
        margin-left: 54px !important
    }
    .space-xs-54-right {
        margin-right: 54px !important
    }
    .-space-xs-54 {
        margin: -54px !important
    }
    .-space-xs-54-top {
        margin-top: -54px !important
    }
    .-space-xs-54-bottom {
        margin-bottom: -54px !important
    }
    .-space-xs-54-left {
        margin-left: -54px !important
    }
    .-space-xs-54-right {
        margin-right: -54px !important
    }
    .space-xs-56 {
        margin: 56px !important
    }
    .space-xs-56-top {
        margin-top: 56px !important
    }
    .space-xs-56-bottom {
        margin-bottom: 56px !important
    }
    .space-xs-56-left {
        margin-left: 56px !important
    }
    .space-xs-56-right {
        margin-right: 56px !important
    }
    .-space-xs-56 {
        margin: -56px !important
    }
    .-space-xs-56-top {
        margin-top: -56px !important
    }
    .-space-xs-56-bottom {
        margin-bottom: -56px !important
    }
    .-space-xs-56-left {
        margin-left: -56px !important
    }
    .-space-xs-56-right {
        margin-right: -56px !important
    }
    .space-xs-60 {
        margin: 60px !important
    }
    .space-xs-60-top {
        margin-top: 60px !important
    }
    .space-xs-60-bottom {
        margin-bottom: 60px !important
    }
    .space-xs-60-left {
        margin-left: 60px !important
    }
    .space-xs-60-right {
        margin-right: 60px !important
    }
    .-space-xs-60 {
        margin: -60px !important
    }
    .-space-xs-60-top {
        margin-top: -60px !important
    }
    .-space-xs-60-bottom {
        margin-bottom: -60px !important
    }
    .-space-xs-60-left {
        margin-left: -60px !important
    }
    .-space-xs-60-right {
        margin-right: -60px !important
    }
    .space-xs-64 {
        margin: 64px !important
    }
    .space-xs-64-top {
        margin-top: 64px !important
    }
    .space-xs-64-bottom {
        margin-bottom: 64px !important
    }
    .space-xs-64-left {
        margin-left: 64px !important
    }
    .space-xs-64-right {
        margin-right: 64px !important
    }
    .-space-xs-64 {
        margin: -64px !important
    }
    .-space-xs-64-top {
        margin-top: -64px !important
    }
    .-space-xs-64-bottom {
        margin-bottom: -64px !important
    }
    .-space-xs-64-left {
        margin-left: -64px !important
    }
    .-space-xs-64-right {
        margin-right: -64px !important
    }
    .space-xs-80 {
        margin: 80px !important
    }
    .space-xs-80-top {
        margin-top: 80px !important
    }
    .space-xs-80-bottom {
        margin-bottom: 80px !important
    }
    .space-xs-80-left {
        margin-left: 80px !important
    }
    .space-xs-80-right {
        margin-right: 80px !important
    }
    .-space-xs-80 {
        margin: -80px !important
    }
    .-space-xs-80-top {
        margin-top: -80px !important
    }
    .-space-xs-80-bottom {
        margin-bottom: -80px !important
    }
    .-space-xs-80-left {
        margin-left: -80px !important
    }
    .-space-xs-80-right {
        margin-right: -80px !important
    }
    .space-xs-100 {
        margin: 100px !important
    }
    .space-xs-100-top {
        margin-top: 100px !important
    }
    .space-xs-100-bottom {
        margin-bottom: 100px !important
    }
    .space-xs-100-left {
        margin-left: 100px !important
    }
    .space-xs-100-right {
        margin-right: 100px !important
    }
    .-space-xs-100 {
        margin: -100px !important
    }
    .-space-xs-100-top {
        margin-top: -100px !important
    }
    .-space-xs-100-bottom {
        margin-bottom: -100px !important
    }
    .-space-xs-100-left {
        margin-left: -100px !important
    }
    .-space-xs-100-right {
        margin-right: -100px !important
    }
    .space-xs-120 {
        margin: 120px !important
    }
    .space-xs-120-top {
        margin-top: 120px !important
    }
    .space-xs-120-bottom {
        margin-bottom: 120px !important
    }
    .space-xs-120-left {
        margin-left: 120px !important
    }
    .space-xs-120-right {
        margin-right: 120px !important
    }
    .-space-xs-120 {
        margin: -120px !important
    }
    .-space-xs-120-top {
        margin-top: -120px !important
    }
    .-space-xs-120-bottom {
        margin-bottom: -120px !important
    }
    .-space-xs-120-left {
        margin-left: -120px !important
    }
    .-space-xs-120-right {
        margin-right: -120px !important
    }
    .space-xs-200 {
        margin: 200px !important
    }
    .space-xs-200-top {
        margin-top: 200px !important
    }
    .space-xs-200-bottom {
        margin-bottom: 200px !important
    }
    .space-xs-200-left {
        margin-left: 200px !important
    }
    .space-xs-200-right {
        margin-right: 200px !important
    }
    .-space-xs-200 {
        margin: -200px !important
    }
    .-space-xs-200-top {
        margin-top: -200px !important
    }
    .-space-xs-200-bottom {
        margin-bottom: -200px !important
    }
    .-space-xs-200-left {
        margin-left: -200px !important
    }
    .-space-xs-200-right {
        margin-right: -200px !important
    }
    .space-xs-auto {
        margin: auto !important
    }
    .space-xs-auto-top {
        margin-top: auto !important
    }
    .space-xs-auto-bottom {
        margin-bottom: auto !important
    }
    .space-xs-auto-left {
        margin-left: auto !important
    }
    .space-xs-auto-right {
        margin-right: auto !important
    }
    .-space-xs-auto {
        margin: auto !important
    }
    .-space-xs-auto-top {
        margin-top: auto !important
    }
    .-space-xs-auto-bottom {
        margin-bottom: auto !important
    }
    .-space-xs-auto-left {
        margin-left: auto !important
    }
    .-space-xs-auto-right {
        margin-right: auto !important
    }
    .p-xs-0 {
        padding: 0 !important
    }
    .p-xs-0-top {
        padding-top: 0 !important
    }
    .p-xs-0-bottom {
        padding-bottom: 0 !important
    }
    .p-xs-0-left {
        padding-left: 0 !important
    }
    .p-xs-0-right {
        padding-right: 0 !important
    }
    .p-xs-2 {
        padding: 2px !important
    }
    .p-xs-2-top {
        padding-top: 2px !important
    }
    .p-xs-2-bottom {
        padding-bottom: 2px !important
    }
    .p-xs-2-left {
        padding-left: 2px !important
    }
    .p-xs-2-right {
        padding-right: 2px !important
    }
    .p-xs-4 {
        padding: 4px !important
    }
    .p-xs-4-top {
        padding-top: 4px !important
    }
    .p-xs-4-bottom {
        padding-bottom: 4px !important
    }
    .p-xs-4-left {
        padding-left: 4px !important
    }
    .p-xs-4-right {
        padding-right: 4px !important
    }
    .p-xs-6 {
        padding: 6px !important
    }
    .p-xs-6-top {
        padding-top: 6px !important
    }
    .p-xs-6-bottom {
        padding-bottom: 6px !important
    }
    .p-xs-6-left {
        padding-left: 6px !important
    }
    .p-xs-6-right {
        padding-right: 6px !important
    }
    .p-xs-8 {
        padding: 8px !important
    }
    .p-xs-8-top {
        padding-top: 8px !important
    }
    .p-xs-8-bottom {
        padding-bottom: 8px !important
    }
    .p-xs-8-left {
        padding-left: 8px !important
    }
    .p-xs-8-right {
        padding-right: 8px !important
    }
    .p-xs-10 {
        padding: 10px !important
    }
    .p-xs-10-top {
        padding-top: 10px !important
    }
    .p-xs-10-bottom {
        padding-bottom: 10px !important
    }
    .p-xs-10-left {
        padding-left: 10px !important
    }
    .p-xs-10-right {
        padding-right: 10px !important
    }
    .p-xs-12 {
        padding: 12px !important
    }
    .p-xs-12-top {
        padding-top: 12px !important
    }
    .p-xs-12-bottom {
        padding-bottom: 12px !important
    }
    .p-xs-12-left {
        padding-left: 12px !important
    }
    .p-xs-12-right {
        padding-right: 12px !important
    }
    .p-xs-14 {
        padding: 14px !important
    }
    .p-xs-14-top {
        padding-top: 14px !important
    }
    .p-xs-14-bottom {
        padding-bottom: 14px !important
    }
    .p-xs-14-left {
        padding-left: 14px !important
    }
    .p-xs-14-right {
        padding-right: 14px !important
    }
    .p-xs-15 {
        padding: 15px !important
    }
    .p-xs-15-top {
        padding-top: 15px !important
    }
    .p-xs-15-bottom {
        padding-bottom: 15px !important
    }
    .p-xs-15-left {
        padding-left: 15px !important
    }
    .p-xs-15-right {
        padding-right: 15px !important
    }
    .p-xs-16 {
        padding: 16px !important
    }
    .p-xs-16-top {
        padding-top: 16px !important
    }
    .p-xs-16-bottom {
        padding-bottom: 16px !important
    }
    .p-xs-16-left {
        padding-left: 16px !important
    }
    .p-xs-16-right {
        padding-right: 16px !important
    }
    .p-xs-20 {
        padding: 20px !important
    }
    .p-xs-20-top {
        padding-top: 20px !important
    }
    .p-xs-20-bottom {
        padding-bottom: 20px !important
    }
    .p-xs-20-left {
        padding-left: 20px !important
    }
    .p-xs-20-right {
        padding-right: 20px !important
    }
    .p-xs-24 {
        padding: 24px !important
    }
    .p-xs-24-top {
        padding-top: 24px !important
    }
    .p-xs-24-bottom {
        padding-bottom: 24px !important
    }
    .p-xs-24-left {
        padding-left: 24px !important
    }
    .p-xs-24-right {
        padding-right: 24px !important
    }
    .p-xs-26 {
        padding: 26px !important
    }
    .p-xs-26-top {
        padding-top: 26px !important
    }
    .p-xs-26-bottom {
        padding-bottom: 26px !important
    }
    .p-xs-26-left {
        padding-left: 26px !important
    }
    .p-xs-26-right {
        padding-right: 26px !important
    }
    .p-xs-30 {
        padding: 30px !important
    }
    .p-xs-30-top {
        padding-top: 30px !important
    }
    .p-xs-30-bottom {
        padding-bottom: 30px !important
    }
    .p-xs-30-left {
        padding-left: 30px !important
    }
    .p-xs-30-right {
        padding-right: 30px !important
    }
    .p-xs-32 {
        padding: 32px !important
    }
    .p-xs-32-top {
        padding-top: 32px !important
    }
    .p-xs-32-bottom {
        padding-bottom: 32px !important
    }
    .p-xs-32-left {
        padding-left: 32px !important
    }
    .p-xs-32-right {
        padding-right: 32px !important
    }
    .p-xs-34 {
        padding: 34px !important
    }
    .p-xs-34-top {
        padding-top: 34px !important
    }
    .p-xs-34-bottom {
        padding-bottom: 34px !important
    }
    .p-xs-34-left {
        padding-left: 34px !important
    }
    .p-xs-34-right {
        padding-right: 34px !important
    }
    .p-xs-36 {
        padding: 36px !important
    }
    .p-xs-36-top {
        padding-top: 36px !important
    }
    .p-xs-36-bottom {
        padding-bottom: 36px !important
    }
    .p-xs-36-left {
        padding-left: 36px !important
    }
    .p-xs-36-right {
        padding-right: 36px !important
    }
    .p-xs-40 {
        padding: 40px !important
    }
    .p-xs-40-top {
        padding-top: 40px !important
    }
    .p-xs-40-bottom {
        padding-bottom: 40px !important
    }
    .p-xs-40-left {
        padding-left: 40px !important
    }
    .p-xs-40-right {
        padding-right: 40px !important
    }
    .p-xs-42 {
        padding: 42px !important
    }
    .p-xs-42-top {
        padding-top: 42px !important
    }
    .p-xs-42-bottom {
        padding-bottom: 42px !important
    }
    .p-xs-42-left {
        padding-left: 42px !important
    }
    .p-xs-42-right {
        padding-right: 42px !important
    }
    .p-xs-46 {
        padding: 46px !important
    }
    .p-xs-46-top {
        padding-top: 46px !important
    }
    .p-xs-46-bottom {
        padding-bottom: 46px !important
    }
    .p-xs-46-left {
        padding-left: 46px !important
    }
    .p-xs-46-right {
        padding-right: 46px !important
    }
    .p-xs-48 {
        padding: 48px !important
    }
    .p-xs-48-top {
        padding-top: 48px !important
    }
    .p-xs-48-bottom {
        padding-bottom: 48px !important
    }
    .p-xs-48-left {
        padding-left: 48px !important
    }
    .p-xs-48-right {
        padding-right: 48px !important
    }
    .p-xs-50 {
        padding: 50px !important
    }
    .p-xs-50-top {
        padding-top: 50px !important
    }
    .p-xs-50-bottom {
        padding-bottom: 50px !important
    }
    .p-xs-50-left {
        padding-left: 50px !important
    }
    .p-xs-50-right {
        padding-right: 50px !important
    }
    .p-xs-54 {
        padding: 54px !important
    }
    .p-xs-54-top {
        padding-top: 54px !important
    }
    .p-xs-54-bottom {
        padding-bottom: 54px !important
    }
    .p-xs-54-left {
        padding-left: 54px !important
    }
    .p-xs-54-right {
        padding-right: 54px !important
    }
    .p-xs-56 {
        padding: 56px !important
    }
    .p-xs-56-top {
        padding-top: 56px !important
    }
    .p-xs-56-bottom {
        padding-bottom: 56px !important
    }
    .p-xs-56-left {
        padding-left: 56px !important
    }
    .p-xs-56-right {
        padding-right: 56px !important
    }
    .p-xs-60 {
        padding: 60px !important
    }
    .p-xs-60-top {
        padding-top: 60px !important
    }
    .p-xs-60-bottom {
        padding-bottom: 60px !important
    }
    .p-xs-60-left {
        padding-left: 60px !important
    }
    .p-xs-60-right {
        padding-right: 60px !important
    }
    .p-xs-64 {
        padding: 64px !important
    }
    .p-xs-64-top {
        padding-top: 64px !important
    }
    .p-xs-64-bottom {
        padding-bottom: 64px !important
    }
    .p-xs-64-left {
        padding-left: 64px !important
    }
    .p-xs-64-right {
        padding-right: 64px !important
    }
    .p-xs-80 {
        padding: 80px !important
    }
    .p-xs-80-top {
        padding-top: 80px !important
    }
    .p-xs-80-bottom {
        padding-bottom: 80px !important
    }
    .p-xs-80-left {
        padding-left: 80px !important
    }
    .p-xs-80-right {
        padding-right: 80px !important
    }
    .p-xs-100 {
        padding: 100px !important
    }
    .p-xs-100-top {
        padding-top: 100px !important
    }
    .p-xs-100-bottom {
        padding-bottom: 100px !important
    }
    .p-xs-100-left {
        padding-left: 100px !important
    }
    .p-xs-100-right {
        padding-right: 100px !important
    }
    .p-xs-120 {
        padding: 120px !important
    }
    .p-xs-120-top {
        padding-top: 120px !important
    }
    .p-xs-120-bottom {
        padding-bottom: 120px !important
    }
    .p-xs-120-left {
        padding-left: 120px !important
    }
    .p-xs-120-right {
        padding-right: 120px !important
    }
    .p-xs-200 {
        padding: 200px !important
    }
    .p-xs-200-top {
        padding-top: 200px !important
    }
    .p-xs-200-bottom {
        padding-bottom: 200px !important
    }
    .p-xs-200-left {
        padding-left: 200px !important
    }
    .p-xs-200-right {
        padding-right: 200px !important
    }
    .p-xs-auto {
        padding: auto !important
    }
    .p-xs-auto-top {
        padding-top: auto !important
    }
    .p-xs-auto-bottom {
        padding-bottom: auto !important
    }
    .p-xs-auto-left {
        padding-left: auto !important
    }
    .p-xs-auto-right {
        padding-right: auto !important
    }
    .display-xs-block {
        display: block !important
    }
    .display-xs-inline-block {
        display: inline-block !important
    }
    .display-xs-inline {
        display: inline !important
    }
    .display-xs-flex {
        display: flex !important
    }
    .display-xs-inline-flex {
        display: inline-flex !important
    }
    .display-xs-table {
        display: table !important
    }
    .display-xs-none {
        display: none !important
    }
    .w-xs-1000 {
        width: 1000px !important
    }
    .w-xs-800 {
        width: 800px !important
    }
    .w-xs-730 {
        width: 730px !important
    }
    .w-xs-650 {
        width: 650px !important
    }
    .w-xs-600 {
        width: 600px !important
    }
    .w-xs-550 {
        width: 550px !important
    }
    .w-xs-530 {
        width: 530px !important
    }
    .w-xs-520 {
        width: 520px !important
    }
    .w-xs-500 {
        width: 500px !important
    }
    .w-xs-400 {
        width: 400px !important
    }
    .w-xs-380 {
        width: 380px !important
    }
    .w-xs-360 {
        width: 360px !important
    }
    .w-xs-350 {
        width: 350px !important
    }
    .w-xs-320 {
        width: 320px !important
    }
    .w-xs-290 {
        width: 290px !important
    }
    .w-xs-280 {
        width: 280px !important
    }
    .w-xs-260 {
        width: 260px !important
    }
    .w-xs-250 {
        width: 250px !important
    }
    .w-xs-240 {
        width: 240px !important
    }
    .w-xs-220 {
        width: 220px !important
    }
    .w-xs-200 {
        width: 200px !important
    }
    .w-xs-180 {
        width: 180px !important
    }
    .w-xs-170 {
        width: 170px !important
    }
    .w-xs-150 {
        width: 150px !important
    }
    .w-xs-130 {
        width: 130px !important
    }
    .w-xs-120 {
        width: 120px !important
    }
    .w-xs-100 {
        width: 100px !important
    }
    .w-xs-80 {
        width: 80px !important
    }
    .w-xs-90 {
        width: 90px !important
    }
    .w-xs-70 {
        width: 70px !important
    }
    .w-xs-60 {
        width: 60px !important
    }
    .w-xs-50 {
        width: 50px !important
    }
    .w-xs-42 {
        width: 42px !important
    }
    .w-xs-34 {
        width: 34px !important
    }
    .w-xs-38 {
        width: 38px !important
    }
    .w-xs-29 {
        width: 29px !important
    }
    .w-xs-28 {
        width: 28px !important
    }
    .w-xs-25 {
        width: 25px !important
    }
    .w-xs-20 {
        width: 20px !important
    }
    .w-xs-100-percent {
        width: 100% !important
    }
    .w-xs-75-percent {
        width: 75% !important
    }
    .w-xs-65-percent {
        width: 65% !important
    }
    .w-xs-50-percent {
        width: 50% !important
    }
    .w-xs-40-percent {
        width: 40% !important
    }
    .w-xs-25-percent {
        width: 25% !important
    }
    .w-xs-20-percent {
        width: 20% !important
    }
    .w-xs-auto {
        width: "auto" !important
    }
    .w-xs-min-content {
        width: min-content !important
    }
    .h-xs-1000 {
        height: 1000px !important
    }
    .h-xs-800 {
        height: 800px !important
    }
    .h-xs-730 {
        height: 730px !important
    }
    .h-xs-650 {
        height: 650px !important
    }
    .h-xs-600 {
        height: 600px !important
    }
    .h-xs-550 {
        height: 550px !important
    }
    .h-xs-530 {
        height: 530px !important
    }
    .h-xs-520 {
        height: 520px !important
    }
    .h-xs-500 {
        height: 500px !important
    }
    .h-xs-400 {
        height: 400px !important
    }
    .h-xs-380 {
        height: 380px !important
    }
    .h-xs-360 {
        height: 360px !important
    }
    .h-xs-350 {
        height: 350px !important
    }
    .h-xs-320 {
        height: 320px !important
    }
    .h-xs-290 {
        height: 290px !important
    }
    .h-xs-280 {
        height: 280px !important
    }
    .h-xs-260 {
        height: 260px !important
    }
    .h-xs-250 {
        height: 250px !important
    }
    .h-xs-240 {
        height: 240px !important
    }
    .h-xs-220 {
        height: 220px !important
    }
    .h-xs-200 {
        height: 200px !important
    }
    .h-xs-180 {
        height: 180px !important
    }
    .h-xs-170 {
        height: 170px !important
    }
    .h-xs-150 {
        height: 150px !important
    }
    .h-xs-130 {
        height: 130px !important
    }
    .h-xs-120 {
        height: 120px !important
    }
    .h-xs-100 {
        height: 100px !important
    }
    .h-xs-80 {
        height: 80px !important
    }
    .h-xs-90 {
        height: 90px !important
    }
    .h-xs-70 {
        height: 70px !important
    }
    .h-xs-60 {
        height: 60px !important
    }
    .h-xs-50 {
        height: 50px !important
    }
    .h-xs-42 {
        height: 42px !important
    }
    .h-xs-34 {
        height: 34px !important
    }
    .h-xs-38 {
        height: 38px !important
    }
    .h-xs-29 {
        height: 29px !important
    }
    .h-xs-28 {
        height: 28px !important
    }
    .h-xs-25 {
        height: 25px !important
    }
    .h-xs-20 {
        height: 20px !important
    }
    .h-xs-100-percent {
        height: 100% !important
    }
    .h-xs-75-percent {
        height: 75% !important
    }
    .h-xs-65-percent {
        height: 65% !important
    }
    .h-xs-50-percent {
        height: 50% !important
    }
    .h-xs-40-percent {
        height: 40% !important
    }
    .h-xs-25-percent {
        height: 25% !important
    }
    .h-xs-20-percent {
        height: 20% !important
    }
    .h-xs-auto {
        height: "auto" !important
    }
    .h-xs-min-content {
        height: min-content !important
    }
    .min-h-xs-2 {
        min-height: 2vh !important
    }
    .min-h-xs-6 {
        min-height: 6vh !important
    }
    .min-h-xs-8 {
        min-height: 8vh !important
    }
    .min-h-xs-10 {
        min-height: 10vh !important
    }
    .min-h-xs-16 {
        min-height: 16vh !important
    }
    .min-h-xs-18 {
        min-height: 18vh !important
    }
    .min-h-xs-20 {
        min-height: 20vh !important
    }
    .min-h-xs-22 {
        min-height: 22vh !important
    }
    .min-h-xs-24 {
        min-height: 24vh !important
    }
    .min-h-xs-26 {
        min-height: 26vh !important
    }
    .min-h-xs-30 {
        min-height: 30vh !important
    }
    .min-h-xs-32 {
        min-height: 32vh !important
    }
    .min-h-xs-36 {
        min-height: 36vh !important
    }
    .min-h-xs-38 {
        min-height: 38vh !important
    }
    .min-h-xs-40 {
        min-height: 40vh !important
    }
    .min-h-xs-46 {
        min-height: 46vh !important
    }
    .min-h-xs-50 {
        min-height: 50vh !important
    }
    .min-h-xs-56 {
        min-height: 56vh !important
    }
    .min-h-xs-60 {
        min-height: 60vh !important
    }
    .min-h-xs-80 {
        min-height: 80vh !important
    }
    .min-h-xs-90 {
        min-height: 90vh !important
    }
    .max-h-xs-2 {
        max-height: 2vh !important
    }
    .max-h-xs-6 {
        max-height: 6vh !important
    }
    .max-h-xs-8 {
        max-height: 8vh !important
    }
    .max-h-xs-10 {
        max-height: 10vh !important
    }
    .max-h-xs-16 {
        max-height: 16vh !important
    }
    .max-h-xs-18 {
        max-height: 18vh !important
    }
    .max-h-xs-20 {
        max-height: 20vh !important
    }
    .max-h-xs-22 {
        max-height: 22vh !important
    }
    .max-h-xs-24 {
        max-height: 24vh !important
    }
    .max-h-xs-26 {
        max-height: 26vh !important
    }
    .max-h-xs-30 {
        max-height: 30vh !important
    }
    .max-h-xs-32 {
        max-height: 32vh !important
    }
    .max-h-xs-36 {
        max-height: 36vh !important
    }
    .max-h-xs-38 {
        max-height: 38vh !important
    }
    .max-h-xs-40 {
        max-height: 40vh !important
    }
    .max-h-xs-46 {
        max-height: 46vh !important
    }
    .max-h-xs-50 {
        max-height: 50vh !important
    }
    .max-h-xs-56 {
        max-height: 56vh !important
    }
    .max-h-xs-60 {
        max-height: 60vh !important
    }
    .max-h-xs-80 {
        max-height: 80vh !important
    }
    .max-h-xs-90 {
        max-height: 90vh !important
    }
    .min-w-xs-2 {
        min-width: 2vw !important
    }
    .min-w-xs-6 {
        min-width: 6vw !important
    }
    .min-w-xs-8 {
        min-width: 8vw !important
    }
    .min-w-xs-10 {
        min-width: 10vw !important
    }
    .min-w-xs-16 {
        min-width: 16vw !important
    }
    .min-w-xs-18 {
        min-width: 18vw !important
    }
    .min-w-xs-20 {
        min-width: 20vw !important
    }
    .min-w-xs-22 {
        min-width: 22vw !important
    }
    .min-w-xs-24 {
        min-width: 24vw !important
    }
    .min-w-xs-26 {
        min-width: 26vw !important
    }
    .min-w-xs-30 {
        min-width: 30vw !important
    }
    .min-w-xs-32 {
        min-width: 32vw !important
    }
    .min-w-xs-36 {
        min-width: 36vw !important
    }
    .min-w-xs-38 {
        min-width: 38vw !important
    }
    .min-w-xs-40 {
        min-width: 40vw !important
    }
    .min-w-xs-46 {
        min-width: 46vw !important
    }
    .min-w-xs-50 {
        min-width: 50vw !important
    }
    .min-w-xs-56 {
        min-width: 56vw !important
    }
    .min-w-xs-60 {
        min-width: 60vw !important
    }
    .min-w-xs-80 {
        min-width: 80vw !important
    }
    .min-w-xs-90 {
        min-width: 90vw !important
    }
    .max-w-xs-2 {
        max-width: 2vw !important
    }
    .max-w-xs-6 {
        max-width: 6vw !important
    }
    .max-w-xs-8 {
        max-width: 8vw !important
    }
    .max-w-xs-10 {
        max-width: 10vw !important
    }
    .max-w-xs-16 {
        max-width: 16vw !important
    }
    .max-w-xs-18 {
        max-width: 18vw !important
    }
    .max-w-xs-20 {
        max-width: 20vw !important
    }
    .max-w-xs-22 {
        max-width: 22vw !important
    }
    .max-w-xs-24 {
        max-width: 24vw !important
    }
    .max-w-xs-26 {
        max-width: 26vw !important
    }
    .max-w-xs-30 {
        max-width: 30vw !important
    }
    .max-w-xs-32 {
        max-width: 32vw !important
    }
    .max-w-xs-36 {
        max-width: 36vw !important
    }
    .max-w-xs-38 {
        max-width: 38vw !important
    }
    .max-w-xs-40 {
        max-width: 40vw !important
    }
    .max-w-xs-46 {
        max-width: 46vw !important
    }
    .max-w-xs-50 {
        max-width: 50vw !important
    }
    .max-w-xs-56 {
        max-width: 56vw !important
    }
    .max-w-xs-60 {
        max-width: 60vw !important
    }
    .max-w-xs-80 {
        max-width: 80vw !important
    }
    .max-w-xs-90 {
        max-width: 90vw !important
    }
    .overflow-xs-auto {
        overflow: auto !important
    }
    .overflow-xs-x-auto {
        overflow-x: auto !important
    }
    .overflow-xs-y-auto {
        overflow-y: auto !important
    }
    .overflow-xs-hidden {
        overflow: hidden !important
    }
    .overflow-xs-x-hidden {
        overflow-x: hidden !important
    }
    .overflow-xs-y-hidden {
        overflow-y: hidden !important
    }
    .overflow-xs-visible {
        overflow: visible !important
    }
    .overflow-xs-x-visible {
        overflow-x: visible !important
    }
    .overflow-xs-y-visible {
        overflow-y: visible !important
    }
    .overflow-xs-scroll {
        overflow: scroll !important
    }
    .overflow-xs-x-scroll {
        overflow-x: scroll !important
    }
    .overflow-xs-y-scroll {
        overflow-y: scroll !important
    }
    .rapijali-page .bg-rapijali-section-1 {
        background-position: right -10px bottom -36px
    }
    .rapijali-page .bg-rapijali-section-2 {
        background: #f6f6f6 !important;
        background-repeat: no-repeat
    }
    .rapijali-page .bg-rapijali-section-2 .bg-ornament-big-stripe {
        background-position: top right -10px
    }
    .rapijali-page .display-tablet {
        display: contents !important
    }
}

@media only screen and (device-width:768px) {
    .official-store .slick-dots {
        bottom: -18px !important
    }
    .tabu-id .img-tabu-1 {
        width: 80% !important;
        margin-left: 120px !important
    }
    .tabu-id .img-tabu-2 {
        margin-top: 40px !important;
        margin-left: -3px !important
    }
    .tabu-id .img-tabu-4 {
        width: 80% !important;
        margin-top: 4px !important;
        margin-left: 0 !important
    }
    .tabu-id .img-icon-tabu {
        width: 30% !important
    }
    .tabu-id .desc-tabu {
        margin-left: 20px !important;
        margin-top: 6px !important
    }
    .promo-popup-special .modal-dialog {
        margin: 10%
    }
    .promo-popup-special .modal-dialog .btn-modal-close {
        top: -5px;
        right: -5px
    }
    .navbar-toggle {
        padding: 0 15px;
        margin-left: 5px;
        z-index: 1;
        height: 50px
    }
    .navbar-toggle .fa-menu-mobile {
        margin-top: 5px
    }
    .navbar-toggle .fa-menu-mobile:before {
        font-size: 22px
    }
    .navbar-brand>img {
        height: 30px;
        width: auto
    }
    .navbar-brand {
        padding: 5px 8px;
        height: 50px !important
    }
    .topbar {
        height: 40px
    }
    .topbar .topbar-text {
        font-size: 12px;
        margin-right: 15px
    }
    .topbar .tag-button {
        font-size: 11px;
        margin: 0;
        padding: 6px 30px
    }
    .topbar .fa-close-topbar {
        font-size: 15px;
        position: absolute;
        top: 2%;
        right: 3%
    }
    .bar-notif .text-bar {
        font-size: 12px !important
    }
    .bar-notif .fa-close:before {
        right: 6px !important;
        top: 6px !important
    }
    .ng-sticky-fixed {
        background-color: rgba(0, 0, 0, .1);
        bottom: 0;
        left: 0;
        padding: 10px 15px;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 99 !important
    }
    .btn.buy {
        padding: 0 !important;
        margin: 0;
        line-height: 45px;
        font-size: 14px;
        text-transform: capitalize
    }
    .product-gallery {
        margin-bottom: 15px
    }
    .benefits p {
        font-size: 12px;
        color: #828282
    }
    .photo-gallery img.photo-preview {
        border: 0
    }
    .photo-thumbnails-item img {
        width: 60px
    }
    .product-stock.cart {
        float: left;
        font-size: 10px
    }
    .product-stock.cart .fa-custom {
        font-size: 14px
    }
    .box {
        margin-bottom: 5px !important
    }
    .fa-star-o:before,
    .fa-star:before {
        font-size: 14px;
        margin-right: 1px
    }
    .table,
    .table>tbody>tr>th {
        font-size: 12px
    }
    .product-right .size-guide {
        border: none
    }
    ul.inline {
        margin: 0 -5px
    }
    .product-list-caption .caption-text {
        font-size: 14px;
        width: 64%
    }
    .product-list-caption .caption-set {
        width: 18%
    }
    .product-review h2 {
        font-size: 14px;
        text-align: center
    }
    .product-review .fullname {
        font-size: 12px
    }
    .sale_percent.sale-percent-detail {
        font-size: 14px;
        padding: 20px 3
    }
    .market-type {
        margin: 0
    }
    .review-text span.review-owner {
        display: block;
        line-height: 25px
    }
    .product-semicustom-wrapper .text-area-container {
        width: 75%
    }
    .product-semicustom-wrapper .color-pick-container {
        width: 25%
    }
    footer {
        margin-bottom: 50px;
        font-size: 12px !important;
        padding: 10px 30px !important;
        text-align: center !important;
        line-height: 20px
    }
    .footnote {
        padding: 0
    }
    .footnote .contact,
    .footnote .payment-method-col {
        text-align: center
    }
    .footnote .payment-method {
        justify-content: center
    }
    .footnote .payment-method .logo-wrap {
        margin: 0 8px
    }
    .material-option {
        display: block;
        margin: 15px 0
    }
    .swipe-option {
        white-space: nowrap;
        overflow: auto
    }
    .option-group .mobile {
        width: 100%
    }
    .box .option-container-one .btn {
        padding: 4px 30px
    }
    .havelock-blue .wishlist {
        padding: 0 20px
    }
    .btn-modal-close {
        top: -5px
    }
    .caption-border-top {
        font-size: 12px
    }
    .modal-header.login {
        padding: 0
    }
    .modal-header.login .login-title h1 {
        font-size: 18px;
        margin: 0;
        padding: 6px
    }
    .header-shipping .header-container {
        padding: 25px 0
    }
    .header-shipping .header-container .shipping-title {
        font-size: 18px
    }
    .header-shipping-help {
        height: 50px
    }
    .header-shipping-help .navbar-brand {
        padding: 0;
        height: auto !important
    }
    .header-shipping-help .navbar-brand img {
        height: 37px;
        width: auto;
        margin-right: 60px
    }
    .header-shipping-help .title-block {
        font-size: 16px;
        color: #828282;
        font-weight: 700
    }
    .header-shipping-help .header-back i {
        font-size: 25px;
        color: #000
    }
    .newsletter-popup .modal-dialog {
        width: auto !important
    }
    #custom-detail .section.section-title {
        margin: 20px 0;
        padding-top: 25px
    }
    #custom-detail .title {
        margin: 15px 0
    }
    #custom-detail .custom-menu-wrapper {
        padding: 0
    }
    #custom-detail .img-preview {
        margin-top: 15px
    }
    #custom-detail .start-design {
        padding: 15px 20px;
        margin-bottom: 15px
    }
    .submenu-container {
        display: none
    }
    .product-type span {
        font-size: 9px
    }
    #loading-bar {
        display: none
    }
    .promo-campaign big {
        font-size: 22px
    }
    .promo-campaign .btn-lg {
        font-size: 16px
    }
    .promo-campaign .space {
        margin-bottom: 0
    }
    .modal-product-detail .modal-header {
        text-align: center;
        background-color: #fff
    }
    .modal-product-detail .modal-header .modal-title {
        font-size: 16px;
        text-align: center
    }
    .modal-product-detail .modal-body.size {
        margin-top: 0;
        padding: 15px 0;
        overflow: hidden
    }
    #print-your-moment .product-description {
        padding: 10px 0
    }
    .dot-label-wrap {
        right: 91px;
        top: -12px
    }
    .holiday-notif {
        font-size: 12px
    }
    .user-menu-sidebar {
        border-radius: 4px;
        background-color: #fff;
        border: 1px solid #ccc;
        margin: 16px 0;
        padding: 10px
    }
    .user-menu-sidebar p {
        margin: 0;
        font-size: 14px;
        background-color: #fff;
        border-radius: 4px;
        background-image: url(/images/arrow-small-down.jpg?_=7c2d9cf12635d526e0aec8510acca3d0);
        background-position: 100%;
        background-repeat: no-repeat
    }
    .order-status {
        font-size: 11px
    }
    .modal-dialog-kredivo .modal-dialog {
        margin-top: 20%
    }
    .custom-upload i {
        font-size: 50px !important;
        margin-top: 7px !important
    }
    .harbolnas-promo .header-title {
        font-size: 3.5em
    }
    .harbolnas-promo .promo-card .lock-icon {
        padding: 15px 36px
    }
    .harbolnas-promo .promo-card .fa-lock {
        font-size: 38px
    }
    .sharebar {
        margin-bottom: 0 !important;
        background-color: #efefef !important;
        text-align: left
    }
    .sharebar .sharebar-inside {
        float: left !important
    }
    .grid-xs-overflow {
        overflow: auto;
        display: flex;
        white-space: nowrap;
        justify-content: left;
        width: 100%
    }
    .space-xs-0 {
        margin: 0 !important
    }
    .space-xs-0-top {
        margin-top: 0 !important
    }
    .space-xs-0-bottom {
        margin-bottom: 0 !important
    }
    .space-xs-0-left {
        margin-left: 0 !important
    }
    .space-xs-0-right {
        margin-right: 0 !important
    }
    .-space-xs-0 {
        margin: 0 !important
    }
    .-space-xs-0-top {
        margin-top: 0 !important
    }
    .-space-xs-0-bottom {
        margin-bottom: 0 !important
    }
    .-space-xs-0-left {
        margin-left: 0 !important
    }
    .-space-xs-0-right {
        margin-right: 0 !important
    }
    .space-xs-2 {
        margin: 2px !important
    }
    .space-xs-2-top {
        margin-top: 2px !important
    }
    .space-xs-2-bottom {
        margin-bottom: 2px !important
    }
    .space-xs-2-left {
        margin-left: 2px !important
    }
    .space-xs-2-right {
        margin-right: 2px !important
    }
    .-space-xs-2 {
        margin: -2px !important
    }
    .-space-xs-2-top {
        margin-top: -2px !important
    }
    .-space-xs-2-bottom {
        margin-bottom: -2px !important
    }
    .-space-xs-2-left {
        margin-left: -2px !important
    }
    .-space-xs-2-right {
        margin-right: -2px !important
    }
    .space-xs-4 {
        margin: 4px !important
    }
    .space-xs-4-top {
        margin-top: 4px !important
    }
    .space-xs-4-bottom {
        margin-bottom: 4px !important
    }
    .space-xs-4-left {
        margin-left: 4px !important
    }
    .space-xs-4-right {
        margin-right: 4px !important
    }
    .-space-xs-4 {
        margin: -4px !important
    }
    .-space-xs-4-top {
        margin-top: -4px !important
    }
    .-space-xs-4-bottom {
        margin-bottom: -4px !important
    }
    .-space-xs-4-left {
        margin-left: -4px !important
    }
    .-space-xs-4-right {
        margin-right: -4px !important
    }
    .space-xs-6 {
        margin: 6px !important
    }
    .space-xs-6-top {
        margin-top: 6px !important
    }
    .space-xs-6-bottom {
        margin-bottom: 6px !important
    }
    .space-xs-6-left {
        margin-left: 6px !important
    }
    .space-xs-6-right {
        margin-right: 6px !important
    }
    .-space-xs-6 {
        margin: -6px !important
    }
    .-space-xs-6-top {
        margin-top: -6px !important
    }
    .-space-xs-6-bottom {
        margin-bottom: -6px !important
    }
    .-space-xs-6-left {
        margin-left: -6px !important
    }
    .-space-xs-6-right {
        margin-right: -6px !important
    }
    .space-xs-8 {
        margin: 8px !important
    }
    .space-xs-8-top {
        margin-top: 8px !important
    }
    .space-xs-8-bottom {
        margin-bottom: 8px !important
    }
    .space-xs-8-left {
        margin-left: 8px !important
    }
    .space-xs-8-right {
        margin-right: 8px !important
    }
    .-space-xs-8 {
        margin: -8px !important
    }
    .-space-xs-8-top {
        margin-top: -8px !important
    }
    .-space-xs-8-bottom {
        margin-bottom: -8px !important
    }
    .-space-xs-8-left {
        margin-left: -8px !important
    }
    .-space-xs-8-right {
        margin-right: -8px !important
    }
    .space-xs-10 {
        margin: 10px !important
    }
    .space-xs-10-top {
        margin-top: 10px !important
    }
    .space-xs-10-bottom {
        margin-bottom: 10px !important
    }
    .space-xs-10-left {
        margin-left: 10px !important
    }
    .space-xs-10-right {
        margin-right: 10px !important
    }
    .-space-xs-10 {
        margin: -10px !important
    }
    .-space-xs-10-top {
        margin-top: -10px !important
    }
    .-space-xs-10-bottom {
        margin-bottom: -10px !important
    }
    .-space-xs-10-left {
        margin-left: -10px !important
    }
    .-space-xs-10-right {
        margin-right: -10px !important
    }
    .space-xs-12 {
        margin: 12px !important
    }
    .space-xs-12-top {
        margin-top: 12px !important
    }
    .space-xs-12-bottom {
        margin-bottom: 12px !important
    }
    .space-xs-12-left {
        margin-left: 12px !important
    }
    .space-xs-12-right {
        margin-right: 12px !important
    }
    .-space-xs-12 {
        margin: -12px !important
    }
    .-space-xs-12-top {
        margin-top: -12px !important
    }
    .-space-xs-12-bottom {
        margin-bottom: -12px !important
    }
    .-space-xs-12-left {
        margin-left: -12px !important
    }
    .-space-xs-12-right {
        margin-right: -12px !important
    }
    .space-xs-14 {
        margin: 14px !important
    }
    .space-xs-14-top {
        margin-top: 14px !important
    }
    .space-xs-14-bottom {
        margin-bottom: 14px !important
    }
    .space-xs-14-left {
        margin-left: 14px !important
    }
    .space-xs-14-right {
        margin-right: 14px !important
    }
    .-space-xs-14 {
        margin: -14px !important
    }
    .-space-xs-14-top {
        margin-top: -14px !important
    }
    .-space-xs-14-bottom {
        margin-bottom: -14px !important
    }
    .-space-xs-14-left {
        margin-left: -14px !important
    }
    .-space-xs-14-right {
        margin-right: -14px !important
    }
    .space-xs-15 {
        margin: 15px !important
    }
    .space-xs-15-top {
        margin-top: 15px !important
    }
    .space-xs-15-bottom {
        margin-bottom: 15px !important
    }
    .space-xs-15-left {
        margin-left: 15px !important
    }
    .space-xs-15-right {
        margin-right: 15px !important
    }
    .-space-xs-15 {
        margin: -15px !important
    }
    .-space-xs-15-top {
        margin-top: -15px !important
    }
    .-space-xs-15-bottom {
        margin-bottom: -15px !important
    }
    .-space-xs-15-left {
        margin-left: -15px !important
    }
    .-space-xs-15-right {
        margin-right: -15px !important
    }
    .space-xs-16 {
        margin: 16px !important
    }
    .space-xs-16-top {
        margin-top: 16px !important
    }
    .space-xs-16-bottom {
        margin-bottom: 16px !important
    }
    .space-xs-16-left {
        margin-left: 16px !important
    }
    .space-xs-16-right {
        margin-right: 16px !important
    }
    .-space-xs-16 {
        margin: -16px !important
    }
    .-space-xs-16-top {
        margin-top: -16px !important
    }
    .-space-xs-16-bottom {
        margin-bottom: -16px !important
    }
    .-space-xs-16-left {
        margin-left: -16px !important
    }
    .-space-xs-16-right {
        margin-right: -16px !important
    }
    .space-xs-20 {
        margin: 20px !important
    }
    .space-xs-20-top {
        margin-top: 20px !important
    }
    .space-xs-20-bottom {
        margin-bottom: 20px !important
    }
    .space-xs-20-left {
        margin-left: 20px !important
    }
    .space-xs-20-right {
        margin-right: 20px !important
    }
    .-space-xs-20 {
        margin: -20px !important
    }
    .-space-xs-20-top {
        margin-top: -20px !important
    }
    .-space-xs-20-bottom {
        margin-bottom: -20px !important
    }
    .-space-xs-20-left {
        margin-left: -20px !important
    }
    .-space-xs-20-right {
        margin-right: -20px !important
    }
    .space-xs-24 {
        margin: 24px !important
    }
    .space-xs-24-top {
        margin-top: 24px !important
    }
    .space-xs-24-bottom {
        margin-bottom: 24px !important
    }
    .space-xs-24-left {
        margin-left: 24px !important
    }
    .space-xs-24-right {
        margin-right: 24px !important
    }
    .-space-xs-24 {
        margin: -24px !important
    }
    .-space-xs-24-top {
        margin-top: -24px !important
    }
    .-space-xs-24-bottom {
        margin-bottom: -24px !important
    }
    .-space-xs-24-left {
        margin-left: -24px !important
    }
    .-space-xs-24-right {
        margin-right: -24px !important
    }
    .space-xs-26 {
        margin: 26px !important
    }
    .space-xs-26-top {
        margin-top: 26px !important
    }
    .space-xs-26-bottom {
        margin-bottom: 26px !important
    }
    .space-xs-26-left {
        margin-left: 26px !important
    }
    .space-xs-26-right {
        margin-right: 26px !important
    }
    .-space-xs-26 {
        margin: -26px !important
    }
    .-space-xs-26-top {
        margin-top: -26px !important
    }
    .-space-xs-26-bottom {
        margin-bottom: -26px !important
    }
    .-space-xs-26-left {
        margin-left: -26px !important
    }
    .-space-xs-26-right {
        margin-right: -26px !important
    }
    .space-xs-30 {
        margin: 30px !important
    }
    .space-xs-30-top {
        margin-top: 30px !important
    }
    .space-xs-30-bottom {
        margin-bottom: 30px !important
    }
    .space-xs-30-left {
        margin-left: 30px !important
    }
    .space-xs-30-right {
        margin-right: 30px !important
    }
    .-space-xs-30 {
        margin: -30px !important
    }
    .-space-xs-30-top {
        margin-top: -30px !important
    }
    .-space-xs-30-bottom {
        margin-bottom: -30px !important
    }
    .-space-xs-30-left {
        margin-left: -30px !important
    }
    .-space-xs-30-right {
        margin-right: -30px !important
    }
    .space-xs-32 {
        margin: 32px !important
    }
    .space-xs-32-top {
        margin-top: 32px !important
    }
    .space-xs-32-bottom {
        margin-bottom: 32px !important
    }
    .space-xs-32-left {
        margin-left: 32px !important
    }
    .space-xs-32-right {
        margin-right: 32px !important
    }
    .-space-xs-32 {
        margin: -32px !important
    }
    .-space-xs-32-top {
        margin-top: -32px !important
    }
    .-space-xs-32-bottom {
        margin-bottom: -32px !important
    }
    .-space-xs-32-left {
        margin-left: -32px !important
    }
    .-space-xs-32-right {
        margin-right: -32px !important
    }
    .space-xs-34 {
        margin: 34px !important
    }
    .space-xs-34-top {
        margin-top: 34px !important
    }
    .space-xs-34-bottom {
        margin-bottom: 34px !important
    }
    .space-xs-34-left {
        margin-left: 34px !important
    }
    .space-xs-34-right {
        margin-right: 34px !important
    }
    .-space-xs-34 {
        margin: -34px !important
    }
    .-space-xs-34-top {
        margin-top: -34px !important
    }
    .-space-xs-34-bottom {
        margin-bottom: -34px !important
    }
    .-space-xs-34-left {
        margin-left: -34px !important
    }
    .-space-xs-34-right {
        margin-right: -34px !important
    }
    .space-xs-36 {
        margin: 36px !important
    }
    .space-xs-36-top {
        margin-top: 36px !important
    }
    .space-xs-36-bottom {
        margin-bottom: 36px !important
    }
    .space-xs-36-left {
        margin-left: 36px !important
    }
    .space-xs-36-right {
        margin-right: 36px !important
    }
    .-space-xs-36 {
        margin: -36px !important
    }
    .-space-xs-36-top {
        margin-top: -36px !important
    }
    .-space-xs-36-bottom {
        margin-bottom: -36px !important
    }
    .-space-xs-36-left {
        margin-left: -36px !important
    }
    .-space-xs-36-right {
        margin-right: -36px !important
    }
    .space-xs-40 {
        margin: 40px !important
    }
    .space-xs-40-top {
        margin-top: 40px !important
    }
    .space-xs-40-bottom {
        margin-bottom: 40px !important
    }
    .space-xs-40-left {
        margin-left: 40px !important
    }
    .space-xs-40-right {
        margin-right: 40px !important
    }
    .-space-xs-40 {
        margin: -40px !important
    }
    .-space-xs-40-top {
        margin-top: -40px !important
    }
    .-space-xs-40-bottom {
        margin-bottom: -40px !important
    }
    .-space-xs-40-left {
        margin-left: -40px !important
    }
    .-space-xs-40-right {
        margin-right: -40px !important
    }
    .space-xs-42 {
        margin: 42px !important
    }
    .space-xs-42-top {
        margin-top: 42px !important
    }
    .space-xs-42-bottom {
        margin-bottom: 42px !important
    }
    .space-xs-42-left {
        margin-left: 42px !important
    }
    .space-xs-42-right {
        margin-right: 42px !important
    }
    .-space-xs-42 {
        margin: -42px !important
    }
    .-space-xs-42-top {
        margin-top: -42px !important
    }
    .-space-xs-42-bottom {
        margin-bottom: -42px !important
    }
    .-space-xs-42-left {
        margin-left: -42px !important
    }
    .-space-xs-42-right {
        margin-right: -42px !important
    }
    .space-xs-46 {
        margin: 46px !important
    }
    .space-xs-46-top {
        margin-top: 46px !important
    }
    .space-xs-46-bottom {
        margin-bottom: 46px !important
    }
    .space-xs-46-left {
        margin-left: 46px !important
    }
    .space-xs-46-right {
        margin-right: 46px !important
    }
    .-space-xs-46 {
        margin: -46px !important
    }
    .-space-xs-46-top {
        margin-top: -46px !important
    }
    .-space-xs-46-bottom {
        margin-bottom: -46px !important
    }
    .-space-xs-46-left {
        margin-left: -46px !important
    }
    .-space-xs-46-right {
        margin-right: -46px !important
    }
    .space-xs-48 {
        margin: 48px !important
    }
    .space-xs-48-top {
        margin-top: 48px !important
    }
    .space-xs-48-bottom {
        margin-bottom: 48px !important
    }
    .space-xs-48-left {
        margin-left: 48px !important
    }
    .space-xs-48-right {
        margin-right: 48px !important
    }
    .-space-xs-48 {
        margin: -48px !important
    }
    .-space-xs-48-top {
        margin-top: -48px !important
    }
    .-space-xs-48-bottom {
        margin-bottom: -48px !important
    }
    .-space-xs-48-left {
        margin-left: -48px !important
    }
    .-space-xs-48-right {
        margin-right: -48px !important
    }
    .space-xs-50 {
        margin: 50px !important
    }
    .space-xs-50-top {
        margin-top: 50px !important
    }
    .space-xs-50-bottom {
        margin-bottom: 50px !important
    }
    .space-xs-50-left {
        margin-left: 50px !important
    }
    .space-xs-50-right {
        margin-right: 50px !important
    }
    .-space-xs-50 {
        margin: -50px !important
    }
    .-space-xs-50-top {
        margin-top: -50px !important
    }
    .-space-xs-50-bottom {
        margin-bottom: -50px !important
    }
    .-space-xs-50-left {
        margin-left: -50px !important
    }
    .-space-xs-50-right {
        margin-right: -50px !important
    }
    .space-xs-54 {
        margin: 54px !important
    }
    .space-xs-54-top {
        margin-top: 54px !important
    }
    .space-xs-54-bottom {
        margin-bottom: 54px !important
    }
    .space-xs-54-left {
        margin-left: 54px !important
    }
    .space-xs-54-right {
        margin-right: 54px !important
    }
    .-space-xs-54 {
        margin: -54px !important
    }
    .-space-xs-54-top {
        margin-top: -54px !important
    }
    .-space-xs-54-bottom {
        margin-bottom: -54px !important
    }
    .-space-xs-54-left {
        margin-left: -54px !important
    }
    .-space-xs-54-right {
        margin-right: -54px !important
    }
    .space-xs-56 {
        margin: 56px !important
    }
    .space-xs-56-top {
        margin-top: 56px !important
    }
    .space-xs-56-bottom {
        margin-bottom: 56px !important
    }
    .space-xs-56-left {
        margin-left: 56px !important
    }
    .space-xs-56-right {
        margin-right: 56px !important
    }
    .-space-xs-56 {
        margin: -56px !important
    }
    .-space-xs-56-top {
        margin-top: -56px !important
    }
    .-space-xs-56-bottom {
        margin-bottom: -56px !important
    }
    .-space-xs-56-left {
        margin-left: -56px !important
    }
    .-space-xs-56-right {
        margin-right: -56px !important
    }
    .space-xs-60 {
        margin: 60px !important
    }
    .space-xs-60-top {
        margin-top: 60px !important
    }
    .space-xs-60-bottom {
        margin-bottom: 60px !important
    }
    .space-xs-60-left {
        margin-left: 60px !important
    }
    .space-xs-60-right {
        margin-right: 60px !important
    }
    .-space-xs-60 {
        margin: -60px !important
    }
    .-space-xs-60-top {
        margin-top: -60px !important
    }
    .-space-xs-60-bottom {
        margin-bottom: -60px !important
    }
    .-space-xs-60-left {
        margin-left: -60px !important
    }
    .-space-xs-60-right {
        margin-right: -60px !important
    }
    .space-xs-64 {
        margin: 64px !important
    }
    .space-xs-64-top {
        margin-top: 64px !important
    }
    .space-xs-64-bottom {
        margin-bottom: 64px !important
    }
    .space-xs-64-left {
        margin-left: 64px !important
    }
    .space-xs-64-right {
        margin-right: 64px !important
    }
    .-space-xs-64 {
        margin: -64px !important
    }
    .-space-xs-64-top {
        margin-top: -64px !important
    }
    .-space-xs-64-bottom {
        margin-bottom: -64px !important
    }
    .-space-xs-64-left {
        margin-left: -64px !important
    }
    .-space-xs-64-right {
        margin-right: -64px !important
    }
    .space-xs-80 {
        margin: 80px !important
    }
    .space-xs-80-top {
        margin-top: 80px !important
    }
    .space-xs-80-bottom {
        margin-bottom: 80px !important
    }
    .space-xs-80-left {
        margin-left: 80px !important
    }
    .space-xs-80-right {
        margin-right: 80px !important
    }
    .-space-xs-80 {
        margin: -80px !important
    }
    .-space-xs-80-top {
        margin-top: -80px !important
    }
    .-space-xs-80-bottom {
        margin-bottom: -80px !important
    }
    .-space-xs-80-left {
        margin-left: -80px !important
    }
    .-space-xs-80-right {
        margin-right: -80px !important
    }
    .space-xs-100 {
        margin: 100px !important
    }
    .space-xs-100-top {
        margin-top: 100px !important
    }
    .space-xs-100-bottom {
        margin-bottom: 100px !important
    }
    .space-xs-100-left {
        margin-left: 100px !important
    }
    .space-xs-100-right {
        margin-right: 100px !important
    }
    .-space-xs-100 {
        margin: -100px !important
    }
    .-space-xs-100-top {
        margin-top: -100px !important
    }
    .-space-xs-100-bottom {
        margin-bottom: -100px !important
    }
    .-space-xs-100-left {
        margin-left: -100px !important
    }
    .-space-xs-100-right {
        margin-right: -100px !important
    }
    .space-xs-120 {
        margin: 120px !important
    }
    .space-xs-120-top {
        margin-top: 120px !important
    }
    .space-xs-120-bottom {
        margin-bottom: 120px !important
    }
    .space-xs-120-left {
        margin-left: 120px !important
    }
    .space-xs-120-right {
        margin-right: 120px !important
    }
    .-space-xs-120 {
        margin: -120px !important
    }
    .-space-xs-120-top {
        margin-top: -120px !important
    }
    .-space-xs-120-bottom {
        margin-bottom: -120px !important
    }
    .-space-xs-120-left {
        margin-left: -120px !important
    }
    .-space-xs-120-right {
        margin-right: -120px !important
    }
    .space-xs-200 {
        margin: 200px !important
    }
    .space-xs-200-top {
        margin-top: 200px !important
    }
    .space-xs-200-bottom {
        margin-bottom: 200px !important
    }
    .space-xs-200-left {
        margin-left: 200px !important
    }
    .space-xs-200-right {
        margin-right: 200px !important
    }
    .-space-xs-200 {
        margin: -200px !important
    }
    .-space-xs-200-top {
        margin-top: -200px !important
    }
    .-space-xs-200-bottom {
        margin-bottom: -200px !important
    }
    .-space-xs-200-left {
        margin-left: -200px !important
    }
    .-space-xs-200-right {
        margin-right: -200px !important
    }
    .space-xs-auto {
        margin: auto !important
    }
    .space-xs-auto-top {
        margin-top: auto !important
    }
    .space-xs-auto-bottom {
        margin-bottom: auto !important
    }
    .space-xs-auto-left {
        margin-left: auto !important
    }
    .space-xs-auto-right {
        margin-right: auto !important
    }
    .-space-xs-auto {
        margin: auto !important
    }
    .-space-xs-auto-top {
        margin-top: auto !important
    }
    .-space-xs-auto-bottom {
        margin-bottom: auto !important
    }
    .-space-xs-auto-left {
        margin-left: auto !important
    }
    .-space-xs-auto-right {
        margin-right: auto !important
    }
    .p-xs-0 {
        padding: 0 !important
    }
    .p-xs-0-top {
        padding-top: 0 !important
    }
    .p-xs-0-bottom {
        padding-bottom: 0 !important
    }
    .p-xs-0-left {
        padding-left: 0 !important
    }
    .p-xs-0-right {
        padding-right: 0 !important
    }
    .p-xs-2 {
        padding: 2px !important
    }
    .p-xs-2-top {
        padding-top: 2px !important
    }
    .p-xs-2-bottom {
        padding-bottom: 2px !important
    }
    .p-xs-2-left {
        padding-left: 2px !important
    }
    .p-xs-2-right {
        padding-right: 2px !important
    }
    .p-xs-4 {
        padding: 4px !important
    }
    .p-xs-4-top {
        padding-top: 4px !important
    }
    .p-xs-4-bottom {
        padding-bottom: 4px !important
    }
    .p-xs-4-left {
        padding-left: 4px !important
    }
    .p-xs-4-right {
        padding-right: 4px !important
    }
    .p-xs-6 {
        padding: 6px !important
    }
    .p-xs-6-top {
        padding-top: 6px !important
    }
    .p-xs-6-bottom {
        padding-bottom: 6px !important
    }
    .p-xs-6-left {
        padding-left: 6px !important
    }
    .p-xs-6-right {
        padding-right: 6px !important
    }
    .p-xs-8 {
        padding: 8px !important
    }
    .p-xs-8-top {
        padding-top: 8px !important
    }
    .p-xs-8-bottom {
        padding-bottom: 8px !important
    }
    .p-xs-8-left {
        padding-left: 8px !important
    }
    .p-xs-8-right {
        padding-right: 8px !important
    }
    .p-xs-10 {
        padding: 10px !important
    }
    .p-xs-10-top {
        padding-top: 10px !important
    }
    .p-xs-10-bottom {
        padding-bottom: 10px !important
    }
    .p-xs-10-left {
        padding-left: 10px !important
    }
    .p-xs-10-right {
        padding-right: 10px !important
    }
    .p-xs-12 {
        padding: 12px !important
    }
    .p-xs-12-top {
        padding-top: 12px !important
    }
    .p-xs-12-bottom {
        padding-bottom: 12px !important
    }
    .p-xs-12-left {
        padding-left: 12px !important
    }
    .p-xs-12-right {
        padding-right: 12px !important
    }
    .p-xs-14 {
        padding: 14px !important
    }
    .p-xs-14-top {
        padding-top: 14px !important
    }
    .p-xs-14-bottom {
        padding-bottom: 14px !important
    }
    .p-xs-14-left {
        padding-left: 14px !important
    }
    .p-xs-14-right {
        padding-right: 14px !important
    }
    .p-xs-15 {
        padding: 15px !important
    }
    .p-xs-15-top {
        padding-top: 15px !important
    }
    .p-xs-15-bottom {
        padding-bottom: 15px !important
    }
    .p-xs-15-left {
        padding-left: 15px !important
    }
    .p-xs-15-right {
        padding-right: 15px !important
    }
    .p-xs-16 {
        padding: 16px !important
    }
    .p-xs-16-top {
        padding-top: 16px !important
    }
    .p-xs-16-bottom {
        padding-bottom: 16px !important
    }
    .p-xs-16-left {
        padding-left: 16px !important
    }
    .p-xs-16-right {
        padding-right: 16px !important
    }
    .p-xs-20 {
        padding: 20px !important
    }
    .p-xs-20-top {
        padding-top: 20px !important
    }
    .p-xs-20-bottom {
        padding-bottom: 20px !important
    }
    .p-xs-20-left {
        padding-left: 20px !important
    }
    .p-xs-20-right {
        padding-right: 20px !important
    }
    .p-xs-24 {
        padding: 24px !important
    }
    .p-xs-24-top {
        padding-top: 24px !important
    }
    .p-xs-24-bottom {
        padding-bottom: 24px !important
    }
    .p-xs-24-left {
        padding-left: 24px !important
    }
    .p-xs-24-right {
        padding-right: 24px !important
    }
    .p-xs-26 {
        padding: 26px !important
    }
    .p-xs-26-top {
        padding-top: 26px !important
    }
    .p-xs-26-bottom {
        padding-bottom: 26px !important
    }
    .p-xs-26-left {
        padding-left: 26px !important
    }
    .p-xs-26-right {
        padding-right: 26px !important
    }
    .p-xs-30 {
        padding: 30px !important
    }
    .p-xs-30-top {
        padding-top: 30px !important
    }
    .p-xs-30-bottom {
        padding-bottom: 30px !important
    }
    .p-xs-30-left {
        padding-left: 30px !important
    }
    .p-xs-30-right {
        padding-right: 30px !important
    }
    .p-xs-32 {
        padding: 32px !important
    }
    .p-xs-32-top {
        padding-top: 32px !important
    }
    .p-xs-32-bottom {
        padding-bottom: 32px !important
    }
    .p-xs-32-left {
        padding-left: 32px !important
    }
    .p-xs-32-right {
        padding-right: 32px !important
    }
    .p-xs-34 {
        padding: 34px !important
    }
    .p-xs-34-top {
        padding-top: 34px !important
    }
    .p-xs-34-bottom {
        padding-bottom: 34px !important
    }
    .p-xs-34-left {
        padding-left: 34px !important
    }
    .p-xs-34-right {
        padding-right: 34px !important
    }
    .p-xs-36 {
        padding: 36px !important
    }
    .p-xs-36-top {
        padding-top: 36px !important
    }
    .p-xs-36-bottom {
        padding-bottom: 36px !important
    }
    .p-xs-36-left {
        padding-left: 36px !important
    }
    .p-xs-36-right {
        padding-right: 36px !important
    }
    .p-xs-40 {
        padding: 40px !important
    }
    .p-xs-40-top {
        padding-top: 40px !important
    }
    .p-xs-40-bottom {
        padding-bottom: 40px !important
    }
    .p-xs-40-left {
        padding-left: 40px !important
    }
    .p-xs-40-right {
        padding-right: 40px !important
    }
    .p-xs-42 {
        padding: 42px !important
    }
    .p-xs-42-top {
        padding-top: 42px !important
    }
    .p-xs-42-bottom {
        padding-bottom: 42px !important
    }
    .p-xs-42-left {
        padding-left: 42px !important
    }
    .p-xs-42-right {
        padding-right: 42px !important
    }
    .p-xs-46 {
        padding: 46px !important
    }
    .p-xs-46-top {
        padding-top: 46px !important
    }
    .p-xs-46-bottom {
        padding-bottom: 46px !important
    }
    .p-xs-46-left {
        padding-left: 46px !important
    }
    .p-xs-46-right {
        padding-right: 46px !important
    }
    .p-xs-48 {
        padding: 48px !important
    }
    .p-xs-48-top {
        padding-top: 48px !important
    }
    .p-xs-48-bottom {
        padding-bottom: 48px !important
    }
    .p-xs-48-left {
        padding-left: 48px !important
    }
    .p-xs-48-right {
        padding-right: 48px !important
    }
    .p-xs-50 {
        padding: 50px !important
    }
    .p-xs-50-top {
        padding-top: 50px !important
    }
    .p-xs-50-bottom {
        padding-bottom: 50px !important
    }
    .p-xs-50-left {
        padding-left: 50px !important
    }
    .p-xs-50-right {
        padding-right: 50px !important
    }
    .p-xs-54 {
        padding: 54px !important
    }
    .p-xs-54-top {
        padding-top: 54px !important
    }
    .p-xs-54-bottom {
        padding-bottom: 54px !important
    }
    .p-xs-54-left {
        padding-left: 54px !important
    }
    .p-xs-54-right {
        padding-right: 54px !important
    }
    .p-xs-56 {
        padding: 56px !important
    }
    .p-xs-56-top {
        padding-top: 56px !important
    }
    .p-xs-56-bottom {
        padding-bottom: 56px !important
    }
    .p-xs-56-left {
        padding-left: 56px !important
    }
    .p-xs-56-right {
        padding-right: 56px !important
    }
    .p-xs-60 {
        padding: 60px !important
    }
    .p-xs-60-top {
        padding-top: 60px !important
    }
    .p-xs-60-bottom {
        padding-bottom: 60px !important
    }
    .p-xs-60-left {
        padding-left: 60px !important
    }
    .p-xs-60-right {
        padding-right: 60px !important
    }
    .p-xs-64 {
        padding: 64px !important
    }
    .p-xs-64-top {
        padding-top: 64px !important
    }
    .p-xs-64-bottom {
        padding-bottom: 64px !important
    }
    .p-xs-64-left {
        padding-left: 64px !important
    }
    .p-xs-64-right {
        padding-right: 64px !important
    }
    .p-xs-80 {
        padding: 80px !important
    }
    .p-xs-80-top {
        padding-top: 80px !important
    }
    .p-xs-80-bottom {
        padding-bottom: 80px !important
    }
    .p-xs-80-left {
        padding-left: 80px !important
    }
    .p-xs-80-right {
        padding-right: 80px !important
    }
    .p-xs-100 {
        padding: 100px !important
    }
    .p-xs-100-top {
        padding-top: 100px !important
    }
    .p-xs-100-bottom {
        padding-bottom: 100px !important
    }
    .p-xs-100-left {
        padding-left: 100px !important
    }
    .p-xs-100-right {
        padding-right: 100px !important
    }
    .p-xs-120 {
        padding: 120px !important
    }
    .p-xs-120-top {
        padding-top: 120px !important
    }
    .p-xs-120-bottom {
        padding-bottom: 120px !important
    }
    .p-xs-120-left {
        padding-left: 120px !important
    }
    .p-xs-120-right {
        padding-right: 120px !important
    }
    .p-xs-200 {
        padding: 200px !important
    }
    .p-xs-200-top {
        padding-top: 200px !important
    }
    .p-xs-200-bottom {
        padding-bottom: 200px !important
    }
    .p-xs-200-left {
        padding-left: 200px !important
    }
    .p-xs-200-right {
        padding-right: 200px !important
    }
    .p-xs-auto {
        padding: auto !important
    }
    .p-xs-auto-top {
        padding-top: auto !important
    }
    .p-xs-auto-bottom {
        padding-bottom: auto !important
    }
    .p-xs-auto-left {
        padding-left: auto !important
    }
    .p-xs-auto-right {
        padding-right: auto !important
    }
    .display-xs-block {
        display: block !important
    }
    .display-xs-inline-block {
        display: inline-block !important
    }
    .display-xs-inline {
        display: inline !important
    }
    .display-xs-flex {
        display: flex !important
    }
    .display-xs-inline-flex {
        display: inline-flex !important
    }
    .display-xs-table {
        display: table !important
    }
    .display-xs-none {
        display: none !important
    }
    .w-xs-1000 {
        width: 1000px !important
    }
    .w-xs-800 {
        width: 800px !important
    }
    .w-xs-730 {
        width: 730px !important
    }
    .w-xs-650 {
        width: 650px !important
    }
    .w-xs-600 {
        width: 600px !important
    }
    .w-xs-550 {
        width: 550px !important
    }
    .w-xs-530 {
        width: 530px !important
    }
    .w-xs-520 {
        width: 520px !important
    }
    .w-xs-500 {
        width: 500px !important
    }
    .w-xs-400 {
        width: 400px !important
    }
    .w-xs-380 {
        width: 380px !important
    }
    .w-xs-360 {
        width: 360px !important
    }
    .w-xs-350 {
        width: 350px !important
    }
    .w-xs-320 {
        width: 320px !important
    }
    .w-xs-290 {
        width: 290px !important
    }
    .w-xs-280 {
        width: 280px !important
    }
    .w-xs-260 {
        width: 260px !important
    }
    .w-xs-250 {
        width: 250px !important
    }
    .w-xs-240 {
        width: 240px !important
    }
    .w-xs-220 {
        width: 220px !important
    }
    .w-xs-200 {
        width: 200px !important
    }
    .w-xs-180 {
        width: 180px !important
    }
    .w-xs-170 {
        width: 170px !important
    }
    .w-xs-150 {
        width: 150px !important
    }
    .w-xs-130 {
        width: 130px !important
    }
    .w-xs-120 {
        width: 120px !important
    }
    .w-xs-100 {
        width: 100px !important
    }
    .w-xs-80 {
        width: 80px !important
    }
    .w-xs-90 {
        width: 90px !important
    }
    .w-xs-70 {
        width: 70px !important
    }
    .w-xs-60 {
        width: 60px !important
    }
    .w-xs-50 {
        width: 50px !important
    }
    .w-xs-42 {
        width: 42px !important
    }
    .w-xs-34 {
        width: 34px !important
    }
    .w-xs-38 {
        width: 38px !important
    }
    .w-xs-29 {
        width: 29px !important
    }
    .w-xs-28 {
        width: 28px !important
    }
    .w-xs-25 {
        width: 25px !important
    }
    .w-xs-20 {
        width: 20px !important
    }
    .w-xs-100-percent {
        width: 100% !important
    }
    .w-xs-75-percent {
        width: 75% !important
    }
    .w-xs-65-percent {
        width: 65% !important
    }
    .w-xs-50-percent {
        width: 50% !important
    }
    .w-xs-40-percent {
        width: 40% !important
    }
    .w-xs-25-percent {
        width: 25% !important
    }
    .w-xs-20-percent {
        width: 20% !important
    }
    .w-xs-auto {
        width: "auto" !important
    }
    .w-xs-min-content {
        width: min-content !important
    }
    .h-xs-1000 {
        height: 1000px !important
    }
    .h-xs-800 {
        height: 800px !important
    }
    .h-xs-730 {
        height: 730px !important
    }
    .h-xs-650 {
        height: 650px !important
    }
    .h-xs-600 {
        height: 600px !important
    }
    .h-xs-550 {
        height: 550px !important
    }
    .h-xs-530 {
        height: 530px !important
    }
    .h-xs-520 {
        height: 520px !important
    }
    .h-xs-500 {
        height: 500px !important
    }
    .h-xs-400 {
        height: 400px !important
    }
    .h-xs-380 {
        height: 380px !important
    }
    .h-xs-360 {
        height: 360px !important
    }
    .h-xs-350 {
        height: 350px !important
    }
    .h-xs-320 {
        height: 320px !important
    }
    .h-xs-290 {
        height: 290px !important
    }
    .h-xs-280 {
        height: 280px !important
    }
    .h-xs-260 {
        height: 260px !important
    }
    .h-xs-250 {
        height: 250px !important
    }
    .h-xs-240 {
        height: 240px !important
    }
    .h-xs-220 {
        height: 220px !important
    }
    .h-xs-200 {
        height: 200px !important
    }
    .h-xs-180 {
        height: 180px !important
    }
    .h-xs-170 {
        height: 170px !important
    }
    .h-xs-150 {
        height: 150px !important
    }
    .h-xs-130 {
        height: 130px !important
    }
    .h-xs-120 {
        height: 120px !important
    }
    .h-xs-100 {
        height: 100px !important
    }
    .h-xs-80 {
        height: 80px !important
    }
    .h-xs-90 {
        height: 90px !important
    }
    .h-xs-70 {
        height: 70px !important
    }
    .h-xs-60 {
        height: 60px !important
    }
    .h-xs-50 {
        height: 50px !important
    }
    .h-xs-42 {
        height: 42px !important
    }
    .h-xs-34 {
        height: 34px !important
    }
    .h-xs-38 {
        height: 38px !important
    }
    .h-xs-29 {
        height: 29px !important
    }
    .h-xs-28 {
        height: 28px !important
    }
    .h-xs-25 {
        height: 25px !important
    }
    .h-xs-20 {
        height: 20px !important
    }
    .h-xs-100-percent {
        height: 100% !important
    }
    .h-xs-75-percent {
        height: 75% !important
    }
    .h-xs-65-percent {
        height: 65% !important
    }
    .h-xs-50-percent {
        height: 50% !important
    }
    .h-xs-40-percent {
        height: 40% !important
    }
    .h-xs-25-percent {
        height: 25% !important
    }
    .h-xs-20-percent {
        height: 20% !important
    }
    .h-xs-auto {
        height: "auto" !important
    }
    .h-xs-min-content {
        height: min-content !important
    }
    .min-h-xs-2 {
        min-height: 2vh !important
    }
    .min-h-xs-6 {
        min-height: 6vh !important
    }
    .min-h-xs-8 {
        min-height: 8vh !important
    }
    .min-h-xs-10 {
        min-height: 10vh !important
    }
    .min-h-xs-16 {
        min-height: 16vh !important
    }
    .min-h-xs-18 {
        min-height: 18vh !important
    }
    .min-h-xs-20 {
        min-height: 20vh !important
    }
    .min-h-xs-22 {
        min-height: 22vh !important
    }
    .min-h-xs-24 {
        min-height: 24vh !important
    }
    .min-h-xs-26 {
        min-height: 26vh !important
    }
    .min-h-xs-30 {
        min-height: 30vh !important
    }
    .min-h-xs-32 {
        min-height: 32vh !important
    }
    .min-h-xs-36 {
        min-height: 36vh !important
    }
    .min-h-xs-38 {
        min-height: 38vh !important
    }
    .min-h-xs-40 {
        min-height: 40vh !important
    }
    .min-h-xs-46 {
        min-height: 46vh !important
    }
    .min-h-xs-50 {
        min-height: 50vh !important
    }
    .min-h-xs-56 {
        min-height: 56vh !important
    }
    .min-h-xs-60 {
        min-height: 60vh !important
    }
    .min-h-xs-80 {
        min-height: 80vh !important
    }
    .min-h-xs-90 {
        min-height: 90vh !important
    }
    .max-h-xs-2 {
        max-height: 2vh !important
    }
    .max-h-xs-6 {
        max-height: 6vh !important
    }
    .max-h-xs-8 {
        max-height: 8vh !important
    }
    .max-h-xs-10 {
        max-height: 10vh !important
    }
    .max-h-xs-16 {
        max-height: 16vh !important
    }
    .max-h-xs-18 {
        max-height: 18vh !important
    }
    .max-h-xs-20 {
        max-height: 20vh !important
    }
    .max-h-xs-22 {
        max-height: 22vh !important
    }
    .max-h-xs-24 {
        max-height: 24vh !important
    }
    .max-h-xs-26 {
        max-height: 26vh !important
    }
    .max-h-xs-30 {
        max-height: 30vh !important
    }
    .max-h-xs-32 {
        max-height: 32vh !important
    }
    .max-h-xs-36 {
        max-height: 36vh !important
    }
    .max-h-xs-38 {
        max-height: 38vh !important
    }
    .max-h-xs-40 {
        max-height: 40vh !important
    }
    .max-h-xs-46 {
        max-height: 46vh !important
    }
    .max-h-xs-50 {
        max-height: 50vh !important
    }
    .max-h-xs-56 {
        max-height: 56vh !important
    }
    .max-h-xs-60 {
        max-height: 60vh !important
    }
    .max-h-xs-80 {
        max-height: 80vh !important
    }
    .max-h-xs-90 {
        max-height: 90vh !important
    }
    .min-w-xs-2 {
        min-width: 2vw !important
    }
    .min-w-xs-6 {
        min-width: 6vw !important
    }
    .min-w-xs-8 {
        min-width: 8vw !important
    }
    .min-w-xs-10 {
        min-width: 10vw !important
    }
    .min-w-xs-16 {
        min-width: 16vw !important
    }
    .min-w-xs-18 {
        min-width: 18vw !important
    }
    .min-w-xs-20 {
        min-width: 20vw !important
    }
    .min-w-xs-22 {
        min-width: 22vw !important
    }
    .min-w-xs-24 {
        min-width: 24vw !important
    }
    .min-w-xs-26 {
        min-width: 26vw !important
    }
    .min-w-xs-30 {
        min-width: 30vw !important
    }
    .min-w-xs-32 {
        min-width: 32vw !important
    }
    .min-w-xs-36 {
        min-width: 36vw !important
    }
    .min-w-xs-38 {
        min-width: 38vw !important
    }
    .min-w-xs-40 {
        min-width: 40vw !important
    }
    .min-w-xs-46 {
        min-width: 46vw !important
    }
    .min-w-xs-50 {
        min-width: 50vw !important
    }
    .min-w-xs-56 {
        min-width: 56vw !important
    }
    .min-w-xs-60 {
        min-width: 60vw !important
    }
    .min-w-xs-80 {
        min-width: 80vw !important
    }
    .min-w-xs-90 {
        min-width: 90vw !important
    }
    .max-w-xs-2 {
        max-width: 2vw !important
    }
    .max-w-xs-6 {
        max-width: 6vw !important
    }
    .max-w-xs-8 {
        max-width: 8vw !important
    }
    .max-w-xs-10 {
        max-width: 10vw !important
    }
    .max-w-xs-16 {
        max-width: 16vw !important
    }
    .max-w-xs-18 {
        max-width: 18vw !important
    }
    .max-w-xs-20 {
        max-width: 20vw !important
    }
    .max-w-xs-22 {
        max-width: 22vw !important
    }
    .max-w-xs-24 {
        max-width: 24vw !important
    }
    .max-w-xs-26 {
        max-width: 26vw !important
    }
    .max-w-xs-30 {
        max-width: 30vw !important
    }
    .max-w-xs-32 {
        max-width: 32vw !important
    }
    .max-w-xs-36 {
        max-width: 36vw !important
    }
    .max-w-xs-38 {
        max-width: 38vw !important
    }
    .max-w-xs-40 {
        max-width: 40vw !important
    }
    .max-w-xs-46 {
        max-width: 46vw !important
    }
    .max-w-xs-50 {
        max-width: 50vw !important
    }
    .max-w-xs-56 {
        max-width: 56vw !important
    }
    .max-w-xs-60 {
        max-width: 60vw !important
    }
    .max-w-xs-80 {
        max-width: 80vw !important
    }
    .max-w-xs-90 {
        max-width: 90vw !important
    }
    .overflow-xs-auto {
        overflow: auto !important
    }
    .overflow-xs-x-auto {
        overflow-x: auto !important
    }
    .overflow-xs-y-auto {
        overflow-y: auto !important
    }
    .overflow-xs-hidden {
        overflow: hidden !important
    }
    .overflow-xs-x-hidden {
        overflow-x: hidden !important
    }
    .overflow-xs-y-hidden {
        overflow-y: hidden !important
    }
    .overflow-xs-visible {
        overflow: visible !important
    }
    .overflow-xs-x-visible {
        overflow-x: visible !important
    }
    .overflow-xs-y-visible {
        overflow-y: visible !important
    }
    .overflow-xs-scroll {
        overflow: scroll !important
    }
    .overflow-xs-x-scroll {
        overflow-x: scroll !important
    }
    .overflow-xs-y-scroll {
        overflow-y: scroll !important
    }
    .rapijali-page .bg-rapijali-section-1 {
        background-position: right -10px bottom -36px
    }
    .rapijali-page .bg-rapijali-section-2 {
        background: #f6f6f6 !important;
        background-repeat: no-repeat
    }
    .rapijali-page .bg-rapijali-section-2 .bg-ornament-big-stripe {
        background-position: top right -10px
    }
    .rapijali-page .display-tablet {
        display: contents !important
    }
    .tabu-id .bg-tabu-3 {
        background: none !important
    }
}

@media only screen and (max-width:767px) {
    .official-store .slick-dots {
        bottom: -10px !important
    }
    .promo-popup-special .modal-dialog {
        margin: 10%
    }
    .promo-popup-special .modal-dialog .btn-modal-close {
        top: -5px;
        right: -5px
    }
    .navbar-toggle {
        padding: 0 15px;
        margin-left: 5px;
        z-index: 1;
        height: 50px
    }
    .navbar-toggle .fa-menu-mobile {
        margin-top: 5px
    }
    .navbar-toggle .fa-menu-mobile:before {
        font-size: 22px
    }
    .navbar-brand>img {
        height: 30px;
        width: auto
    }
    .navbar-brand {
        padding: 5px 8px;
        height: 50px !important
    }
    .topbar {
        height: 40px
    }
    .topbar .topbar-text {
        font-size: 12px;
        margin-right: 15px
    }
    .topbar .tag-button {
        font-size: 11px;
        margin: 0;
        padding: 6px 30px
    }
    .topbar .fa-close-topbar {
        font-size: 15px;
        position: absolute;
        top: 2%;
        right: 3%
    }
    .bar-notif .text-bar {
        font-size: 12px !important
    }
    .bar-notif .fa-close:before {
        right: 6px !important;
        top: 6px !important
    }
    .ng-sticky-fixed {
        background-color: rgba(0, 0, 0, .1);
        bottom: 0;
        left: 0;
        padding: 10px 15px;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 99 !important
    }
    .btn.buy {
        padding: 0 !important;
        margin: 0;
        line-height: 45px;
        font-size: 14px;
        text-transform: capitalize
    }
    .product-gallery {
        margin-bottom: 15px
    }
    .benefits p {
        font-size: 12px;
        color: #828282
    }
    .photo-gallery img.photo-preview {
        border: 0
    }
    .photo-thumbnails-item img {
        width: 60px
    }
    .product-stock.cart {
        float: left;
        font-size: 10px
    }
    .product-stock.cart .fa-custom {
        font-size: 14px
    }
    .box {
        margin-bottom: 5px !important
    }
    .fa-star-o:before,
    .fa-star:before {
        font-size: 14px;
        margin-right: 1px
    }
    .table,
    .table>tbody>tr>th {
        font-size: 12px
    }
    .product-right .size-guide {
        border: none
    }
    ul.inline {
        margin: 0 -5px
    }
    .product-list-caption .caption-text {
        font-size: 14px;
        width: 64%
    }
    .product-list-caption .caption-set {
        width: 18%
    }
    .product-review h2 {
        font-size: 14px;
        text-align: center
    }
    .product-review .fullname {
        font-size: 12px
    }
    .sale_percent.sale-percent-detail {
        font-size: 14px;
        padding: 20px 3
    }
    .market-type {
        margin: 0
    }
    .review-text span.review-owner {
        display: block;
        line-height: 25px
    }
    .product-semicustom-wrapper .text-area-container {
        width: 75%
    }
    .product-semicustom-wrapper .color-pick-container {
        width: 25%
    }
    footer {
        margin-bottom: 50px;
        font-size: 12px !important;
        padding: 10px 30px !important;
        text-align: center !important;
        line-height: 20px
    }
    .footnote {
        padding: 0
    }
    .footnote .contact,
    .footnote .payment-method-col {
        text-align: center
    }
    .footnote .payment-method {
        justify-content: center
    }
    .footnote .payment-method .logo-wrap {
        margin: 0 8px
    }
    .material-option {
        display: block;
        margin: 15px 0
    }
    .swipe-option {
        white-space: nowrap;
        overflow: auto
    }
    .option-group .mobile {
        width: 100%
    }
    .box .option-container-one .btn {
        padding: 4px 30px
    }
    .havelock-blue .wishlist {
        padding: 0 20px
    }
    .btn-modal-close {
        top: -5px
    }
    .caption-border-top {
        font-size: 12px
    }
    .modal-header.login {
        padding: 0
    }
    .modal-header.login .login-title h1 {
        font-size: 18px;
        margin: 0;
        padding: 6px
    }
    .header-shipping .header-container {
        padding: 25px 0
    }
    .header-shipping .header-container .shipping-title {
        font-size: 18px
    }
    .header-shipping-help {
        height: 50px
    }
    .header-shipping-help .navbar-brand {
        padding: 0;
        height: auto !important
    }
    .header-shipping-help .navbar-brand img {
        height: 37px;
        width: auto;
        margin-right: 60px
    }
    .header-shipping-help .title-block {
        font-size: 16px;
        color: #828282;
        font-weight: 700
    }
    .header-shipping-help .header-back i {
        font-size: 25px;
        color: #000
    }
    .newsletter-popup .modal-dialog {
        width: auto !important
    }
    #custom-detail .section.section-title {
        margin: 20px 0;
        padding-top: 25px
    }
    #custom-detail .title {
        margin: 15px 0
    }
    #custom-detail .custom-menu-wrapper {
        padding: 0
    }
    #custom-detail .img-preview {
        margin-top: 15px
    }
    #custom-detail .start-design {
        padding: 15px 20px;
        margin-bottom: 15px
    }
    .submenu-container {
        display: none
    }
    .product-type span {
        font-size: 9px
    }
    #loading-bar {
        display: none
    }
    .promo-campaign big {
        font-size: 22px
    }
    .promo-campaign .btn-lg {
        font-size: 16px
    }
    .promo-campaign .space {
        margin-bottom: 0
    }
    .modal-product-detail .modal-header {
        text-align: center;
        background-color: #fff
    }
    .modal-product-detail .modal-header .modal-title {
        font-size: 16px;
        text-align: center
    }
    .modal-product-detail .modal-body.size {
        margin-top: 0;
        padding: 15px 0;
        overflow: hidden
    }
    #print-your-moment .product-description {
        padding: 10px 0
    }
    .dot-label-wrap {
        right: 91px;
        top: -12px
    }
    .holiday-notif {
        font-size: 12px
    }
    .user-menu-sidebar {
        border-radius: 4px;
        background-color: #fff;
        border: 1px solid #ccc;
        margin: 16px 0;
        padding: 10px
    }
    .user-menu-sidebar p {
        margin: 0;
        font-size: 14px;
        background-color: #fff;
        border-radius: 4px;
        background-image: url(/images/arrow-small-down.jpg?_=7c2d9cf12635d526e0aec8510acca3d0);
        background-position: 100%;
        background-repeat: no-repeat
    }
    .order-status {
        font-size: 11px
    }
    .modal-dialog-kredivo .modal-dialog {
        margin-top: 20%
    }
    .custom-upload i {
        font-size: 50px !important;
        margin-top: 7px !important
    }
    .harbolnas-promo .header-title {
        font-size: 3.5em
    }
    .harbolnas-promo .promo-card .lock-icon {
        padding: 15px 36px
    }
    .harbolnas-promo .promo-card .fa-lock {
        font-size: 38px
    }
    .sharebar {
        margin-bottom: 0 !important;
        background-color: #efefef !important;
        text-align: left
    }
    .sharebar .sharebar-inside {
        float: left !important
    }
    .grid-xs-overflow {
        overflow: auto;
        display: flex;
        white-space: nowrap;
        justify-content: left;
        width: 100%
    }
    .space-xs-0 {
        margin: 0 !important
    }
    .space-xs-0-top {
        margin-top: 0 !important
    }
    .space-xs-0-bottom {
        margin-bottom: 0 !important
    }
    .space-xs-0-left {
        margin-left: 0 !important
    }
    .space-xs-0-right {
        margin-right: 0 !important
    }
    .-space-xs-0 {
        margin: 0 !important
    }
    .-space-xs-0-top {
        margin-top: 0 !important
    }
    .-space-xs-0-bottom {
        margin-bottom: 0 !important
    }
    .-space-xs-0-left {
        margin-left: 0 !important
    }
    .-space-xs-0-right {
        margin-right: 0 !important
    }
    .space-xs-2 {
        margin: 2px !important
    }
    .space-xs-2-top {
        margin-top: 2px !important
    }
    .space-xs-2-bottom {
        margin-bottom: 2px !important
    }
    .space-xs-2-left {
        margin-left: 2px !important
    }
    .space-xs-2-right {
        margin-right: 2px !important
    }
    .-space-xs-2 {
        margin: -2px !important
    }
    .-space-xs-2-top {
        margin-top: -2px !important
    }
    .-space-xs-2-bottom {
        margin-bottom: -2px !important
    }
    .-space-xs-2-left {
        margin-left: -2px !important
    }
    .-space-xs-2-right {
        margin-right: -2px !important
    }
    .space-xs-4 {
        margin: 4px !important
    }
    .space-xs-4-top {
        margin-top: 4px !important
    }
    .space-xs-4-bottom {
        margin-bottom: 4px !important
    }
    .space-xs-4-left {
        margin-left: 4px !important
    }
    .space-xs-4-right {
        margin-right: 4px !important
    }
    .-space-xs-4 {
        margin: -4px !important
    }
    .-space-xs-4-top {
        margin-top: -4px !important
    }
    .-space-xs-4-bottom {
        margin-bottom: -4px !important
    }
    .-space-xs-4-left {
        margin-left: -4px !important
    }
    .-space-xs-4-right {
        margin-right: -4px !important
    }
    .space-xs-6 {
        margin: 6px !important
    }
    .space-xs-6-top {
        margin-top: 6px !important
    }
    .space-xs-6-bottom {
        margin-bottom: 6px !important
    }
    .space-xs-6-left {
        margin-left: 6px !important
    }
    .space-xs-6-right {
        margin-right: 6px !important
    }
    .-space-xs-6 {
        margin: -6px !important
    }
    .-space-xs-6-top {
        margin-top: -6px !important
    }
    .-space-xs-6-bottom {
        margin-bottom: -6px !important
    }
    .-space-xs-6-left {
        margin-left: -6px !important
    }
    .-space-xs-6-right {
        margin-right: -6px !important
    }
    .space-xs-8 {
        margin: 8px !important
    }
    .space-xs-8-top {
        margin-top: 8px !important
    }
    .space-xs-8-bottom {
        margin-bottom: 8px !important
    }
    .space-xs-8-left {
        margin-left: 8px !important
    }
    .space-xs-8-right {
        margin-right: 8px !important
    }
    .-space-xs-8 {
        margin: -8px !important
    }
    .-space-xs-8-top {
        margin-top: -8px !important
    }
    .-space-xs-8-bottom {
        margin-bottom: -8px !important
    }
    .-space-xs-8-left {
        margin-left: -8px !important
    }
    .-space-xs-8-right {
        margin-right: -8px !important
    }
    .space-xs-10 {
        margin: 10px !important
    }
    .space-xs-10-top {
        margin-top: 10px !important
    }
    .space-xs-10-bottom {
        margin-bottom: 10px !important
    }
    .space-xs-10-left {
        margin-left: 10px !important
    }
    .space-xs-10-right {
        margin-right: 10px !important
    }
    .-space-xs-10 {
        margin: -10px !important
    }
    .-space-xs-10-top {
        margin-top: -10px !important
    }
    .-space-xs-10-bottom {
        margin-bottom: -10px !important
    }
    .-space-xs-10-left {
        margin-left: -10px !important
    }
    .-space-xs-10-right {
        margin-right: -10px !important
    }
    .space-xs-12 {
        margin: 12px !important
    }
    .space-xs-12-top {
        margin-top: 12px !important
    }
    .space-xs-12-bottom {
        margin-bottom: 12px !important
    }
    .space-xs-12-left {
        margin-left: 12px !important
    }
    .space-xs-12-right {
        margin-right: 12px !important
    }
    .-space-xs-12 {
        margin: -12px !important
    }
    .-space-xs-12-top {
        margin-top: -12px !important
    }
    .-space-xs-12-bottom {
        margin-bottom: -12px !important
    }
    .-space-xs-12-left {
        margin-left: -12px !important
    }
    .-space-xs-12-right {
        margin-right: -12px !important
    }
    .space-xs-14 {
        margin: 14px !important
    }
    .space-xs-14-top {
        margin-top: 14px !important
    }
    .space-xs-14-bottom {
        margin-bottom: 14px !important
    }
    .space-xs-14-left {
        margin-left: 14px !important
    }
    .space-xs-14-right {
        margin-right: 14px !important
    }
    .-space-xs-14 {
        margin: -14px !important
    }
    .-space-xs-14-top {
        margin-top: -14px !important
    }
    .-space-xs-14-bottom {
        margin-bottom: -14px !important
    }
    .-space-xs-14-left {
        margin-left: -14px !important
    }
    .-space-xs-14-right {
        margin-right: -14px !important
    }
    .space-xs-15 {
        margin: 15px !important
    }
    .space-xs-15-top {
        margin-top: 15px !important
    }
    .space-xs-15-bottom {
        margin-bottom: 15px !important
    }
    .space-xs-15-left {
        margin-left: 15px !important
    }
    .space-xs-15-right {
        margin-right: 15px !important
    }
    .-space-xs-15 {
        margin: -15px !important
    }
    .-space-xs-15-top {
        margin-top: -15px !important
    }
    .-space-xs-15-bottom {
        margin-bottom: -15px !important
    }
    .-space-xs-15-left {
        margin-left: -15px !important
    }
    .-space-xs-15-right {
        margin-right: -15px !important
    }
    .space-xs-16 {
        margin: 16px !important
    }
    .space-xs-16-top {
        margin-top: 16px !important
    }
    .space-xs-16-bottom {
        margin-bottom: 16px !important
    }
    .space-xs-16-left {
        margin-left: 16px !important
    }
    .space-xs-16-right {
        margin-right: 16px !important
    }
    .-space-xs-16 {
        margin: -16px !important
    }
    .-space-xs-16-top {
        margin-top: -16px !important
    }
    .-space-xs-16-bottom {
        margin-bottom: -16px !important
    }
    .-space-xs-16-left {
        margin-left: -16px !important
    }
    .-space-xs-16-right {
        margin-right: -16px !important
    }
    .space-xs-20 {
        margin: 20px !important
    }
    .space-xs-20-top {
        margin-top: 20px !important
    }
    .space-xs-20-bottom {
        margin-bottom: 20px !important
    }
    .space-xs-20-left {
        margin-left: 20px !important
    }
    .space-xs-20-right {
        margin-right: 20px !important
    }
    .-space-xs-20 {
        margin: -20px !important
    }
    .-space-xs-20-top {
        margin-top: -20px !important
    }
    .-space-xs-20-bottom {
        margin-bottom: -20px !important
    }
    .-space-xs-20-left {
        margin-left: -20px !important
    }
    .-space-xs-20-right {
        margin-right: -20px !important
    }
    .space-xs-24 {
        margin: 24px !important
    }
    .space-xs-24-top {
        margin-top: 24px !important
    }
    .space-xs-24-bottom {
        margin-bottom: 24px !important
    }
    .space-xs-24-left {
        margin-left: 24px !important
    }
    .space-xs-24-right {
        margin-right: 24px !important
    }
    .-space-xs-24 {
        margin: -24px !important
    }
    .-space-xs-24-top {
        margin-top: -24px !important
    }
    .-space-xs-24-bottom {
        margin-bottom: -24px !important
    }
    .-space-xs-24-left {
        margin-left: -24px !important
    }
    .-space-xs-24-right {
        margin-right: -24px !important
    }
    .space-xs-26 {
        margin: 26px !important
    }
    .space-xs-26-top {
        margin-top: 26px !important
    }
    .space-xs-26-bottom {
        margin-bottom: 26px !important
    }
    .space-xs-26-left {
        margin-left: 26px !important
    }
    .space-xs-26-right {
        margin-right: 26px !important
    }
    .-space-xs-26 {
        margin: -26px !important
    }
    .-space-xs-26-top {
        margin-top: -26px !important
    }
    .-space-xs-26-bottom {
        margin-bottom: -26px !important
    }
    .-space-xs-26-left {
        margin-left: -26px !important
    }
    .-space-xs-26-right {
        margin-right: -26px !important
    }
    .space-xs-30 {
        margin: 30px !important
    }
    .space-xs-30-top {
        margin-top: 30px !important
    }
    .space-xs-30-bottom {
        margin-bottom: 30px !important
    }
    .space-xs-30-left {
        margin-left: 30px !important
    }
    .space-xs-30-right {
        margin-right: 30px !important
    }
    .-space-xs-30 {
        margin: -30px !important
    }
    .-space-xs-30-top {
        margin-top: -30px !important
    }
    .-space-xs-30-bottom {
        margin-bottom: -30px !important
    }
    .-space-xs-30-left {
        margin-left: -30px !important
    }
    .-space-xs-30-right {
        margin-right: -30px !important
    }
    .space-xs-32 {
        margin: 32px !important
    }
    .space-xs-32-top {
        margin-top: 32px !important
    }
    .space-xs-32-bottom {
        margin-bottom: 32px !important
    }
    .space-xs-32-left {
        margin-left: 32px !important
    }
    .space-xs-32-right {
        margin-right: 32px !important
    }
    .-space-xs-32 {
        margin: -32px !important
    }
    .-space-xs-32-top {
        margin-top: -32px !important
    }
    .-space-xs-32-bottom {
        margin-bottom: -32px !important
    }
    .-space-xs-32-left {
        margin-left: -32px !important
    }
    .-space-xs-32-right {
        margin-right: -32px !important
    }
    .space-xs-34 {
        margin: 34px !important
    }
    .space-xs-34-top {
        margin-top: 34px !important
    }
    .space-xs-34-bottom {
        margin-bottom: 34px !important
    }
    .space-xs-34-left {
        margin-left: 34px !important
    }
    .space-xs-34-right {
        margin-right: 34px !important
    }
    .-space-xs-34 {
        margin: -34px !important
    }
    .-space-xs-34-top {
        margin-top: -34px !important
    }
    .-space-xs-34-bottom {
        margin-bottom: -34px !important
    }
    .-space-xs-34-left {
        margin-left: -34px !important
    }
    .-space-xs-34-right {
        margin-right: -34px !important
    }
    .space-xs-36 {
        margin: 36px !important
    }
    .space-xs-36-top {
        margin-top: 36px !important
    }
    .space-xs-36-bottom {
        margin-bottom: 36px !important
    }
    .space-xs-36-left {
        margin-left: 36px !important
    }
    .space-xs-36-right {
        margin-right: 36px !important
    }
    .-space-xs-36 {
        margin: -36px !important
    }
    .-space-xs-36-top {
        margin-top: -36px !important
    }
    .-space-xs-36-bottom {
        margin-bottom: -36px !important
    }
    .-space-xs-36-left {
        margin-left: -36px !important
    }
    .-space-xs-36-right {
        margin-right: -36px !important
    }
    .space-xs-40 {
        margin: 40px !important
    }
    .space-xs-40-top {
        margin-top: 40px !important
    }
    .space-xs-40-bottom {
        margin-bottom: 40px !important
    }
    .space-xs-40-left {
        margin-left: 40px !important
    }
    .space-xs-40-right {
        margin-right: 40px !important
    }
    .-space-xs-40 {
        margin: -40px !important
    }
    .-space-xs-40-top {
        margin-top: -40px !important
    }
    .-space-xs-40-bottom {
        margin-bottom: -40px !important
    }
    .-space-xs-40-left {
        margin-left: -40px !important
    }
    .-space-xs-40-right {
        margin-right: -40px !important
    }
    .space-xs-42 {
        margin: 42px !important
    }
    .space-xs-42-top {
        margin-top: 42px !important
    }
    .space-xs-42-bottom {
        margin-bottom: 42px !important
    }
    .space-xs-42-left {
        margin-left: 42px !important
    }
    .space-xs-42-right {
        margin-right: 42px !important
    }
    .-space-xs-42 {
        margin: -42px !important
    }
    .-space-xs-42-top {
        margin-top: -42px !important
    }
    .-space-xs-42-bottom {
        margin-bottom: -42px !important
    }
    .-space-xs-42-left {
        margin-left: -42px !important
    }
    .-space-xs-42-right {
        margin-right: -42px !important
    }
    .space-xs-46 {
        margin: 46px !important
    }
    .space-xs-46-top {
        margin-top: 46px !important
    }
    .space-xs-46-bottom {
        margin-bottom: 46px !important
    }
    .space-xs-46-left {
        margin-left: 46px !important
    }
    .space-xs-46-right {
        margin-right: 46px !important
    }
    .-space-xs-46 {
        margin: -46px !important
    }
    .-space-xs-46-top {
        margin-top: -46px !important
    }
    .-space-xs-46-bottom {
        margin-bottom: -46px !important
    }
    .-space-xs-46-left {
        margin-left: -46px !important
    }
    .-space-xs-46-right {
        margin-right: -46px !important
    }
    .space-xs-48 {
        margin: 48px !important
    }
    .space-xs-48-top {
        margin-top: 48px !important
    }
    .space-xs-48-bottom {
        margin-bottom: 48px !important
    }
    .space-xs-48-left {
        margin-left: 48px !important
    }
    .space-xs-48-right {
        margin-right: 48px !important
    }
    .-space-xs-48 {
        margin: -48px !important
    }
    .-space-xs-48-top {
        margin-top: -48px !important
    }
    .-space-xs-48-bottom {
        margin-bottom: -48px !important
    }
    .-space-xs-48-left {
        margin-left: -48px !important
    }
    .-space-xs-48-right {
        margin-right: -48px !important
    }
    .space-xs-50 {
        margin: 50px !important
    }
    .space-xs-50-top {
        margin-top: 50px !important
    }
    .space-xs-50-bottom {
        margin-bottom: 50px !important
    }
    .space-xs-50-left {
        margin-left: 50px !important
    }
    .space-xs-50-right {
        margin-right: 50px !important
    }
    .-space-xs-50 {
        margin: -50px !important
    }
    .-space-xs-50-top {
        margin-top: -50px !important
    }
    .-space-xs-50-bottom {
        margin-bottom: -50px !important
    }
    .-space-xs-50-left {
        margin-left: -50px !important
    }
    .-space-xs-50-right {
        margin-right: -50px !important
    }
    .space-xs-54 {
        margin: 54px !important
    }
    .space-xs-54-top {
        margin-top: 54px !important
    }
    .space-xs-54-bottom {
        margin-bottom: 54px !important
    }
    .space-xs-54-left {
        margin-left: 54px !important
    }
    .space-xs-54-right {
        margin-right: 54px !important
    }
    .-space-xs-54 {
        margin: -54px !important
    }
    .-space-xs-54-top {
        margin-top: -54px !important
    }
    .-space-xs-54-bottom {
        margin-bottom: -54px !important
    }
    .-space-xs-54-left {
        margin-left: -54px !important
    }
    .-space-xs-54-right {
        margin-right: -54px !important
    }
    .space-xs-56 {
        margin: 56px !important
    }
    .space-xs-56-top {
        margin-top: 56px !important
    }
    .space-xs-56-bottom {
        margin-bottom: 56px !important
    }
    .space-xs-56-left {
        margin-left: 56px !important
    }
    .space-xs-56-right {
        margin-right: 56px !important
    }
    .-space-xs-56 {
        margin: -56px !important
    }
    .-space-xs-56-top {
        margin-top: -56px !important
    }
    .-space-xs-56-bottom {
        margin-bottom: -56px !important
    }
    .-space-xs-56-left {
        margin-left: -56px !important
    }
    .-space-xs-56-right {
        margin-right: -56px !important
    }
    .space-xs-60 {
        margin: 60px !important
    }
    .space-xs-60-top {
        margin-top: 60px !important
    }
    .space-xs-60-bottom {
        margin-bottom: 60px !important
    }
    .space-xs-60-left {
        margin-left: 60px !important
    }
    .space-xs-60-right {
        margin-right: 60px !important
    }
    .-space-xs-60 {
        margin: -60px !important
    }
    .-space-xs-60-top {
        margin-top: -60px !important
    }
    .-space-xs-60-bottom {
        margin-bottom: -60px !important
    }
    .-space-xs-60-left {
        margin-left: -60px !important
    }
    .-space-xs-60-right {
        margin-right: -60px !important
    }
    .space-xs-64 {
        margin: 64px !important
    }
    .space-xs-64-top {
        margin-top: 64px !important
    }
    .space-xs-64-bottom {
        margin-bottom: 64px !important
    }
    .space-xs-64-left {
        margin-left: 64px !important
    }
    .space-xs-64-right {
        margin-right: 64px !important
    }
    .-space-xs-64 {
        margin: -64px !important
    }
    .-space-xs-64-top {
        margin-top: -64px !important
    }
    .-space-xs-64-bottom {
        margin-bottom: -64px !important
    }
    .-space-xs-64-left {
        margin-left: -64px !important
    }
    .-space-xs-64-right {
        margin-right: -64px !important
    }
    .space-xs-80 {
        margin: 80px !important
    }
    .space-xs-80-top {
        margin-top: 80px !important
    }
    .space-xs-80-bottom {
        margin-bottom: 80px !important
    }
    .space-xs-80-left {
        margin-left: 80px !important
    }
    .space-xs-80-right {
        margin-right: 80px !important
    }
    .-space-xs-80 {
        margin: -80px !important
    }
    .-space-xs-80-top {
        margin-top: -80px !important
    }
    .-space-xs-80-bottom {
        margin-bottom: -80px !important
    }
    .-space-xs-80-left {
        margin-left: -80px !important
    }
    .-space-xs-80-right {
        margin-right: -80px !important
    }
    .space-xs-100 {
        margin: 100px !important
    }
    .space-xs-100-top {
        margin-top: 100px !important
    }
    .space-xs-100-bottom {
        margin-bottom: 100px !important
    }
    .space-xs-100-left {
        margin-left: 100px !important
    }
    .space-xs-100-right {
        margin-right: 100px !important
    }
    .-space-xs-100 {
        margin: -100px !important
    }
    .-space-xs-100-top {
        margin-top: -100px !important
    }
    .-space-xs-100-bottom {
        margin-bottom: -100px !important
    }
    .-space-xs-100-left {
        margin-left: -100px !important
    }
    .-space-xs-100-right {
        margin-right: -100px !important
    }
    .space-xs-120 {
        margin: 120px !important
    }
    .space-xs-120-top {
        margin-top: 120px !important
    }
    .space-xs-120-bottom {
        margin-bottom: 120px !important
    }
    .space-xs-120-left {
        margin-left: 120px !important
    }
    .space-xs-120-right {
        margin-right: 120px !important
    }
    .-space-xs-120 {
        margin: -120px !important
    }
    .-space-xs-120-top {
        margin-top: -120px !important
    }
    .-space-xs-120-bottom {
        margin-bottom: -120px !important
    }
    .-space-xs-120-left {
        margin-left: -120px !important
    }
    .-space-xs-120-right {
        margin-right: -120px !important
    }
    .space-xs-200 {
        margin: 200px !important
    }
    .space-xs-200-top {
        margin-top: 200px !important
    }
    .space-xs-200-bottom {
        margin-bottom: 200px !important
    }
    .space-xs-200-left {
        margin-left: 200px !important
    }
    .space-xs-200-right {
        margin-right: 200px !important
    }
    .-space-xs-200 {
        margin: -200px !important
    }
    .-space-xs-200-top {
        margin-top: -200px !important
    }
    .-space-xs-200-bottom {
        margin-bottom: -200px !important
    }
    .-space-xs-200-left {
        margin-left: -200px !important
    }
    .-space-xs-200-right {
        margin-right: -200px !important
    }
    .space-xs-auto {
        margin: auto !important
    }
    .space-xs-auto-top {
        margin-top: auto !important
    }
    .space-xs-auto-bottom {
        margin-bottom: auto !important
    }
    .space-xs-auto-left {
        margin-left: auto !important
    }
    .space-xs-auto-right {
        margin-right: auto !important
    }
    .-space-xs-auto {
        margin: auto !important
    }
    .-space-xs-auto-top {
        margin-top: auto !important
    }
    .-space-xs-auto-bottom {
        margin-bottom: auto !important
    }
    .-space-xs-auto-left {
        margin-left: auto !important
    }
    .-space-xs-auto-right {
        margin-right: auto !important
    }
    .p-xs-0 {
        padding: 0 !important
    }
    .p-xs-0-top {
        padding-top: 0 !important
    }
    .p-xs-0-bottom {
        padding-bottom: 0 !important
    }
    .p-xs-0-left {
        padding-left: 0 !important
    }
    .p-xs-0-right {
        padding-right: 0 !important
    }
    .p-xs-2 {
        padding: 2px !important
    }
    .p-xs-2-top {
        padding-top: 2px !important
    }
    .p-xs-2-bottom {
        padding-bottom: 2px !important
    }
    .p-xs-2-left {
        padding-left: 2px !important
    }
    .p-xs-2-right {
        padding-right: 2px !important
    }
    .p-xs-4 {
        padding: 4px !important
    }
    .p-xs-4-top {
        padding-top: 4px !important
    }
    .p-xs-4-bottom {
        padding-bottom: 4px !important
    }
    .p-xs-4-left {
        padding-left: 4px !important
    }
    .p-xs-4-right {
        padding-right: 4px !important
    }
    .p-xs-6 {
        padding: 6px !important
    }
    .p-xs-6-top {
        padding-top: 6px !important
    }
    .p-xs-6-bottom {
        padding-bottom: 6px !important
    }
    .p-xs-6-left {
        padding-left: 6px !important
    }
    .p-xs-6-right {
        padding-right: 6px !important
    }
    .p-xs-8 {
        padding: 8px !important
    }
    .p-xs-8-top {
        padding-top: 8px !important
    }
    .p-xs-8-bottom {
        padding-bottom: 8px !important
    }
    .p-xs-8-left {
        padding-left: 8px !important
    }
    .p-xs-8-right {
        padding-right: 8px !important
    }
    .p-xs-10 {
        padding: 10px !important
    }
    .p-xs-10-top {
        padding-top: 10px !important
    }
    .p-xs-10-bottom {
        padding-bottom: 10px !important
    }
    .p-xs-10-left {
        padding-left: 10px !important
    }
    .p-xs-10-right {
        padding-right: 10px !important
    }
    .p-xs-12 {
        padding: 12px !important
    }
    .p-xs-12-top {
        padding-top: 12px !important
    }
    .p-xs-12-bottom {
        padding-bottom: 12px !important
    }
    .p-xs-12-left {
        padding-left: 12px !important
    }
    .p-xs-12-right {
        padding-right: 12px !important
    }
    .p-xs-14 {
        padding: 14px !important
    }
    .p-xs-14-top {
        padding-top: 14px !important
    }
    .p-xs-14-bottom {
        padding-bottom: 14px !important
    }
    .p-xs-14-left {
        padding-left: 14px !important
    }
    .p-xs-14-right {
        padding-right: 14px !important
    }
    .p-xs-15 {
        padding: 15px !important
    }
    .p-xs-15-top {
        padding-top: 15px !important
    }
    .p-xs-15-bottom {
        padding-bottom: 15px !important
    }
    .p-xs-15-left {
        padding-left: 15px !important
    }
    .p-xs-15-right {
        padding-right: 15px !important
    }
    .p-xs-16 {
        padding: 16px !important
    }
    .p-xs-16-top {
        padding-top: 16px !important
    }
    .p-xs-16-bottom {
        padding-bottom: 16px !important
    }
    .p-xs-16-left {
        padding-left: 16px !important
    }
    .p-xs-16-right {
        padding-right: 16px !important
    }
    .p-xs-20 {
        padding: 20px !important
    }
    .p-xs-20-top {
        padding-top: 20px !important
    }
    .p-xs-20-bottom {
        padding-bottom: 20px !important
    }
    .p-xs-20-left {
        padding-left: 20px !important
    }
    .p-xs-20-right {
        padding-right: 20px !important
    }
    .p-xs-24 {
        padding: 24px !important
    }
    .p-xs-24-top {
        padding-top: 24px !important
    }
    .p-xs-24-bottom {
        padding-bottom: 24px !important
    }
    .p-xs-24-left {
        padding-left: 24px !important
    }
    .p-xs-24-right {
        padding-right: 24px !important
    }
    .p-xs-26 {
        padding: 26px !important
    }
    .p-xs-26-top {
        padding-top: 26px !important
    }
    .p-xs-26-bottom {
        padding-bottom: 26px !important
    }
    .p-xs-26-left {
        padding-left: 26px !important
    }
    .p-xs-26-right {
        padding-right: 26px !important
    }
    .p-xs-30 {
        padding: 30px !important
    }
    .p-xs-30-top {
        padding-top: 30px !important
    }
    .p-xs-30-bottom {
        padding-bottom: 30px !important
    }
    .p-xs-30-left {
        padding-left: 30px !important
    }
    .p-xs-30-right {
        padding-right: 30px !important
    }
    .p-xs-32 {
        padding: 32px !important
    }
    .p-xs-32-top {
        padding-top: 32px !important
    }
    .p-xs-32-bottom {
        padding-bottom: 32px !important
    }
    .p-xs-32-left {
        padding-left: 32px !important
    }
    .p-xs-32-right {
        padding-right: 32px !important
    }
    .p-xs-34 {
        padding: 34px !important
    }
    .p-xs-34-top {
        padding-top: 34px !important
    }
    .p-xs-34-bottom {
        padding-bottom: 34px !important
    }
    .p-xs-34-left {
        padding-left: 34px !important
    }
    .p-xs-34-right {
        padding-right: 34px !important
    }
    .p-xs-36 {
        padding: 36px !important
    }
    .p-xs-36-top {
        padding-top: 36px !important
    }
    .p-xs-36-bottom {
        padding-bottom: 36px !important
    }
    .p-xs-36-left {
        padding-left: 36px !important
    }
    .p-xs-36-right {
        padding-right: 36px !important
    }
    .p-xs-40 {
        padding: 40px !important
    }
    .p-xs-40-top {
        padding-top: 40px !important
    }
    .p-xs-40-bottom {
        padding-bottom: 40px !important
    }
    .p-xs-40-left {
        padding-left: 40px !important
    }
    .p-xs-40-right {
        padding-right: 40px !important
    }
    .p-xs-42 {
        padding: 42px !important
    }
    .p-xs-42-top {
        padding-top: 42px !important
    }
    .p-xs-42-bottom {
        padding-bottom: 42px !important
    }
    .p-xs-42-left {
        padding-left: 42px !important
    }
    .p-xs-42-right {
        padding-right: 42px !important
    }
    .p-xs-46 {
        padding: 46px !important
    }
    .p-xs-46-top {
        padding-top: 46px !important
    }
    .p-xs-46-bottom {
        padding-bottom: 46px !important
    }
    .p-xs-46-left {
        padding-left: 46px !important
    }
    .p-xs-46-right {
        padding-right: 46px !important
    }
    .p-xs-48 {
        padding: 48px !important
    }
    .p-xs-48-top {
        padding-top: 48px !important
    }
    .p-xs-48-bottom {
        padding-bottom: 48px !important
    }
    .p-xs-48-left {
        padding-left: 48px !important
    }
    .p-xs-48-right {
        padding-right: 48px !important
    }
    .p-xs-50 {
        padding: 50px !important
    }
    .p-xs-50-top {
        padding-top: 50px !important
    }
    .p-xs-50-bottom {
        padding-bottom: 50px !important
    }
    .p-xs-50-left {
        padding-left: 50px !important
    }
    .p-xs-50-right {
        padding-right: 50px !important
    }
    .p-xs-54 {
        padding: 54px !important
    }
    .p-xs-54-top {
        padding-top: 54px !important
    }
    .p-xs-54-bottom {
        padding-bottom: 54px !important
    }
    .p-xs-54-left {
        padding-left: 54px !important
    }
    .p-xs-54-right {
        padding-right: 54px !important
    }
    .p-xs-56 {
        padding: 56px !important
    }
    .p-xs-56-top {
        padding-top: 56px !important
    }
    .p-xs-56-bottom {
        padding-bottom: 56px !important
    }
    .p-xs-56-left {
        padding-left: 56px !important
    }
    .p-xs-56-right {
        padding-right: 56px !important
    }
    .p-xs-60 {
        padding: 60px !important
    }
    .p-xs-60-top {
        padding-top: 60px !important
    }
    .p-xs-60-bottom {
        padding-bottom: 60px !important
    }
    .p-xs-60-left {
        padding-left: 60px !important
    }
    .p-xs-60-right {
        padding-right: 60px !important
    }
    .p-xs-64 {
        padding: 64px !important
    }
    .p-xs-64-top {
        padding-top: 64px !important
    }
    .p-xs-64-bottom {
        padding-bottom: 64px !important
    }
    .p-xs-64-left {
        padding-left: 64px !important
    }
    .p-xs-64-right {
        padding-right: 64px !important
    }
    .p-xs-80 {
        padding: 80px !important
    }
    .p-xs-80-top {
        padding-top: 80px !important
    }
    .p-xs-80-bottom {
        padding-bottom: 80px !important
    }
    .p-xs-80-left {
        padding-left: 80px !important
    }
    .p-xs-80-right {
        padding-right: 80px !important
    }
    .p-xs-100 {
        padding: 100px !important
    }
    .p-xs-100-top {
        padding-top: 100px !important
    }
    .p-xs-100-bottom {
        padding-bottom: 100px !important
    }
    .p-xs-100-left {
        padding-left: 100px !important
    }
    .p-xs-100-right {
        padding-right: 100px !important
    }
    .p-xs-120 {
        padding: 120px !important
    }
    .p-xs-120-top {
        padding-top: 120px !important
    }
    .p-xs-120-bottom {
        padding-bottom: 120px !important
    }
    .p-xs-120-left {
        padding-left: 120px !important
    }
    .p-xs-120-right {
        padding-right: 120px !important
    }
    .p-xs-200 {
        padding: 200px !important
    }
    .p-xs-200-top {
        padding-top: 200px !important
    }
    .p-xs-200-bottom {
        padding-bottom: 200px !important
    }
    .p-xs-200-left {
        padding-left: 200px !important
    }
    .p-xs-200-right {
        padding-right: 200px !important
    }
    .p-xs-auto {
        padding: auto !important
    }
    .p-xs-auto-top {
        padding-top: auto !important
    }
    .p-xs-auto-bottom {
        padding-bottom: auto !important
    }
    .p-xs-auto-left {
        padding-left: auto !important
    }
    .p-xs-auto-right {
        padding-right: auto !important
    }
    .display-xs-block {
        display: block !important
    }
    .display-xs-inline-block {
        display: inline-block !important
    }
    .display-xs-inline {
        display: inline !important
    }
    .display-xs-flex {
        display: flex !important
    }
    .display-xs-inline-flex {
        display: inline-flex !important
    }
    .display-xs-table {
        display: table !important
    }
    .display-xs-none {
        display: none !important
    }
    .w-xs-1000 {
        width: 1000px !important
    }
    .w-xs-800 {
        width: 800px !important
    }
    .w-xs-730 {
        width: 730px !important
    }
    .w-xs-650 {
        width: 650px !important
    }
    .w-xs-600 {
        width: 600px !important
    }
    .w-xs-550 {
        width: 550px !important
    }
    .w-xs-530 {
        width: 530px !important
    }
    .w-xs-520 {
        width: 520px !important
    }
    .w-xs-500 {
        width: 500px !important
    }
    .w-xs-400 {
        width: 400px !important
    }
    .w-xs-380 {
        width: 380px !important
    }
    .w-xs-360 {
        width: 360px !important
    }
    .w-xs-350 {
        width: 350px !important
    }
    .w-xs-320 {
        width: 320px !important
    }
    .w-xs-290 {
        width: 290px !important
    }
    .w-xs-280 {
        width: 280px !important
    }
    .w-xs-260 {
        width: 260px !important
    }
    .w-xs-250 {
        width: 250px !important
    }
    .w-xs-240 {
        width: 240px !important
    }
    .w-xs-220 {
        width: 220px !important
    }
    .w-xs-200 {
        width: 200px !important
    }
    .w-xs-180 {
        width: 180px !important
    }
    .w-xs-170 {
        width: 170px !important
    }
    .w-xs-150 {
        width: 150px !important
    }
    .w-xs-130 {
        width: 130px !important
    }
    .w-xs-120 {
        width: 120px !important
    }
    .w-xs-100 {
        width: 100px !important
    }
    .w-xs-80 {
        width: 80px !important
    }
    .w-xs-90 {
        width: 90px !important
    }
    .w-xs-70 {
        width: 70px !important
    }
    .w-xs-60 {
        width: 60px !important
    }
    .w-xs-50 {
        width: 50px !important
    }
    .w-xs-42 {
        width: 42px !important
    }
    .w-xs-34 {
        width: 34px !important
    }
    .w-xs-38 {
        width: 38px !important
    }
    .w-xs-29 {
        width: 29px !important
    }
    .w-xs-28 {
        width: 28px !important
    }
    .w-xs-25 {
        width: 25px !important
    }
    .w-xs-20 {
        width: 20px !important
    }
    .w-xs-100-percent {
        width: 100% !important
    }
    .w-xs-75-percent {
        width: 75% !important
    }
    .w-xs-65-percent {
        width: 65% !important
    }
    .w-xs-50-percent {
        width: 50% !important
    }
    .w-xs-40-percent {
        width: 40% !important
    }
    .w-xs-25-percent {
        width: 25% !important
    }
    .w-xs-20-percent {
        width: 20% !important
    }
    .w-xs-auto {
        width: "auto" !important
    }
    .w-xs-min-content {
        width: min-content !important
    }
    .h-xs-1000 {
        height: 1000px !important
    }
    .h-xs-800 {
        height: 800px !important
    }
    .h-xs-730 {
        height: 730px !important
    }
    .h-xs-650 {
        height: 650px !important
    }
    .h-xs-600 {
        height: 600px !important
    }
    .h-xs-550 {
        height: 550px !important
    }
    .h-xs-530 {
        height: 530px !important
    }
    .h-xs-520 {
        height: 520px !important
    }
    .h-xs-500 {
        height: 500px !important
    }
    .h-xs-400 {
        height: 400px !important
    }
    .h-xs-380 {
        height: 380px !important
    }
    .h-xs-360 {
        height: 360px !important
    }
    .h-xs-350 {
        height: 350px !important
    }
    .h-xs-320 {
        height: 320px !important
    }
    .h-xs-290 {
        height: 290px !important
    }
    .h-xs-280 {
        height: 280px !important
    }
    .h-xs-260 {
        height: 260px !important
    }
    .h-xs-250 {
        height: 250px !important
    }
    .h-xs-240 {
        height: 240px !important
    }
    .h-xs-220 {
        height: 220px !important
    }
    .h-xs-200 {
        height: 200px !important
    }
    .h-xs-180 {
        height: 180px !important
    }
    .h-xs-170 {
        height: 170px !important
    }
    .h-xs-150 {
        height: 150px !important
    }
    .h-xs-130 {
        height: 130px !important
    }
    .h-xs-120 {
        height: 120px !important
    }
    .h-xs-100 {
        height: 100px !important
    }
    .h-xs-80 {
        height: 80px !important
    }
    .h-xs-90 {
        height: 90px !important
    }
    .h-xs-70 {
        height: 70px !important
    }
    .h-xs-60 {
        height: 60px !important
    }
    .h-xs-50 {
        height: 50px !important
    }
    .h-xs-42 {
        height: 42px !important
    }
    .h-xs-34 {
        height: 34px !important
    }
    .h-xs-38 {
        height: 38px !important
    }
    .h-xs-29 {
        height: 29px !important
    }
    .h-xs-28 {
        height: 28px !important
    }
    .h-xs-25 {
        height: 25px !important
    }
    .h-xs-20 {
        height: 20px !important
    }
    .h-xs-100-percent {
        height: 100% !important
    }
    .h-xs-75-percent {
        height: 75% !important
    }
    .h-xs-65-percent {
        height: 65% !important
    }
    .h-xs-50-percent {
        height: 50% !important
    }
    .h-xs-40-percent {
        height: 40% !important
    }
    .h-xs-25-percent {
        height: 25% !important
    }
    .h-xs-20-percent {
        height: 20% !important
    }
    .h-xs-auto {
        height: "auto" !important
    }
    .h-xs-min-content {
        height: min-content !important
    }
    .min-h-xs-2 {
        min-height: 2vh !important
    }
    .min-h-xs-6 {
        min-height: 6vh !important
    }
    .min-h-xs-8 {
        min-height: 8vh !important
    }
    .min-h-xs-10 {
        min-height: 10vh !important
    }
    .min-h-xs-16 {
        min-height: 16vh !important
    }
    .min-h-xs-18 {
        min-height: 18vh !important
    }
    .min-h-xs-20 {
        min-height: 20vh !important
    }
    .min-h-xs-22 {
        min-height: 22vh !important
    }
    .min-h-xs-24 {
        min-height: 24vh !important
    }
    .min-h-xs-26 {
        min-height: 26vh !important
    }
    .min-h-xs-30 {
        min-height: 30vh !important
    }
    .min-h-xs-32 {
        min-height: 32vh !important
    }
    .min-h-xs-36 {
        min-height: 36vh !important
    }
    .min-h-xs-38 {
        min-height: 38vh !important
    }
    .min-h-xs-40 {
        min-height: 40vh !important
    }
    .min-h-xs-46 {
        min-height: 46vh !important
    }
    .min-h-xs-50 {
        min-height: 50vh !important
    }
    .min-h-xs-56 {
        min-height: 56vh !important
    }
    .min-h-xs-60 {
        min-height: 60vh !important
    }
    .min-h-xs-80 {
        min-height: 80vh !important
    }
    .min-h-xs-90 {
        min-height: 90vh !important
    }
    .max-h-xs-2 {
        max-height: 2vh !important
    }
    .max-h-xs-6 {
        max-height: 6vh !important
    }
    .max-h-xs-8 {
        max-height: 8vh !important
    }
    .max-h-xs-10 {
        max-height: 10vh !important
    }
    .max-h-xs-16 {
        max-height: 16vh !important
    }
    .max-h-xs-18 {
        max-height: 18vh !important
    }
    .max-h-xs-20 {
        max-height: 20vh !important
    }
    .max-h-xs-22 {
        max-height: 22vh !important
    }
    .max-h-xs-24 {
        max-height: 24vh !important
    }
    .max-h-xs-26 {
        max-height: 26vh !important
    }
    .max-h-xs-30 {
        max-height: 30vh !important
    }
    .max-h-xs-32 {
        max-height: 32vh !important
    }
    .max-h-xs-36 {
        max-height: 36vh !important
    }
    .max-h-xs-38 {
        max-height: 38vh !important
    }
    .max-h-xs-40 {
        max-height: 40vh !important
    }
    .max-h-xs-46 {
        max-height: 46vh !important
    }
    .max-h-xs-50 {
        max-height: 50vh !important
    }
    .max-h-xs-56 {
        max-height: 56vh !important
    }
    .max-h-xs-60 {
        max-height: 60vh !important
    }
    .max-h-xs-80 {
        max-height: 80vh !important
    }
    .max-h-xs-90 {
        max-height: 90vh !important
    }
    .min-w-xs-2 {
        min-width: 2vw !important
    }
    .min-w-xs-6 {
        min-width: 6vw !important
    }
    .min-w-xs-8 {
        min-width: 8vw !important
    }
    .min-w-xs-10 {
        min-width: 10vw !important
    }
    .min-w-xs-16 {
        min-width: 16vw !important
    }
    .min-w-xs-18 {
        min-width: 18vw !important
    }
    .min-w-xs-20 {
        min-width: 20vw !important
    }
    .min-w-xs-22 {
        min-width: 22vw !important
    }
    .min-w-xs-24 {
        min-width: 24vw !important
    }
    .min-w-xs-26 {
        min-width: 26vw !important
    }
    .min-w-xs-30 {
        min-width: 30vw !important
    }
    .min-w-xs-32 {
        min-width: 32vw !important
    }
    .min-w-xs-36 {
        min-width: 36vw !important
    }
    .min-w-xs-38 {
        min-width: 38vw !important
    }
    .min-w-xs-40 {
        min-width: 40vw !important
    }
    .min-w-xs-46 {
        min-width: 46vw !important
    }
    .min-w-xs-50 {
        min-width: 50vw !important
    }
    .min-w-xs-56 {
        min-width: 56vw !important
    }
    .min-w-xs-60 {
        min-width: 60vw !important
    }
    .min-w-xs-80 {
        min-width: 80vw !important
    }
    .min-w-xs-90 {
        min-width: 90vw !important
    }
    .max-w-xs-2 {
        max-width: 2vw !important
    }
    .max-w-xs-6 {
        max-width: 6vw !important
    }
    .max-w-xs-8 {
        max-width: 8vw !important
    }
    .max-w-xs-10 {
        max-width: 10vw !important
    }
    .max-w-xs-16 {
        max-width: 16vw !important
    }
    .max-w-xs-18 {
        max-width: 18vw !important
    }
    .max-w-xs-20 {
        max-width: 20vw !important
    }
    .max-w-xs-22 {
        max-width: 22vw !important
    }
    .max-w-xs-24 {
        max-width: 24vw !important
    }
    .max-w-xs-26 {
        max-width: 26vw !important
    }
    .max-w-xs-30 {
        max-width: 30vw !important
    }
    .max-w-xs-32 {
        max-width: 32vw !important
    }
    .max-w-xs-36 {
        max-width: 36vw !important
    }
    .max-w-xs-38 {
        max-width: 38vw !important
    }
    .max-w-xs-40 {
        max-width: 40vw !important
    }
    .max-w-xs-46 {
        max-width: 46vw !important
    }
    .max-w-xs-50 {
        max-width: 50vw !important
    }
    .max-w-xs-56 {
        max-width: 56vw !important
    }
    .max-w-xs-60 {
        max-width: 60vw !important
    }
    .max-w-xs-80 {
        max-width: 80vw !important
    }
    .max-w-xs-90 {
        max-width: 90vw !important
    }
    .overflow-xs-auto {
        overflow: auto !important
    }
    .overflow-xs-x-auto {
        overflow-x: auto !important
    }
    .overflow-xs-y-auto {
        overflow-y: auto !important
    }
    .overflow-xs-hidden {
        overflow: hidden !important
    }
    .overflow-xs-x-hidden {
        overflow-x: hidden !important
    }
    .overflow-xs-y-hidden {
        overflow-y: hidden !important
    }
    .overflow-xs-visible {
        overflow: visible !important
    }
    .overflow-xs-x-visible {
        overflow-x: visible !important
    }
    .overflow-xs-y-visible {
        overflow-y: visible !important
    }
    .overflow-xs-scroll {
        overflow: scroll !important
    }
    .overflow-xs-x-scroll {
        overflow-x: scroll !important
    }
    .overflow-xs-y-scroll {
        overflow-y: scroll !important
    }
    .block-notification .dropdown-menu {
        right: 0;
        width: 300px
    }
    .bg-rapijali-section-1-mobile {
        background: url(/assets/images/pages/rapijali/ornament-stripe.svg?v=2024-11-25T07:05:16.035Z);
        background-repeat: no-repeat;
        background-size: 110px !important;
        background-position: right -13px bottom;
        background-position: top 0 right 16px
    }
    .rapijali-page .bg-rapijali-section-1 {
        background: url(/assets/images/pages/rapijali/bg-rapijali-section-1-mobile.svg?v=2024-11-25T07:05:16.035Z);
        background-repeat: no-repeat;
        background-size: 180px !important;
        background-position: top 60px right -6px
    }
    .rapijali-page .bg-ornament-big-circle,
    .rapijali-page .bg-rapijali-section-1 .bg-ornament-circle,
    .rapijali-page .bg-rapijali-section-1 .bg-ornament-small-circle {
        background: none
    }
    .rapijali-page .bg-coupon-rapijali {
        background: url(/assets/images/pages/rapijali/coupon-mobile.svg?v=2024-11-25T07:05:16.035Z);
        background-repeat: no-repeat;
        background-size: 100% !important;
        height: 247px
    }
    .rapijali-page .bg-rapijali-section-3 {
        background: url(/assets/images/pages/rapijali/bg-rapijali-section-3-mobile.svg?v=2024-11-25T07:05:16.035Z);
        background-repeat: no-repeat;
        background-size: auto !important;
        background-position: top 10px left 16px
    }
    .rapijali-page .bg-rapijali-section-4 {
        background: #f6f6f6 !important;
        background-repeat: no-repeat
    }
    .rapijali-page .bg-rapijali-section-4 .bg-rapijali-section-4-mobile {
        background: url(/assets/images/pages/rapijali/ornament-circle.svg?v=2024-11-25T07:05:16.035Z);
        background-repeat: no-repeat;
        background-size: 25px !important;
        background-position: top 10px right 10px
    }
    .rapijali-page .bg-rapijali-section-4 .bg-rapijali-section-4-ornament {
        background: none !important
    }
    .rapijali-page .ul-custom ul {
        list-style-image: url(/assets/images/pages/rapijali/circle.svg);
        margin-left: 4px
    }
    .flex-xs {
        display: flex
    }
    .flex-xs-align-center {
        align-items: center
    }
    .flex-xs-justify-center {
        justify-content: center
    }
    .pull-xs-left {
        float: left !important
    }
    .pull-xs-right {
        float: right !important
    }
    .alumni-page .bg-alumni-1 .bg-1 {
        background-image: none !important
    }
    .alumni-page .bg-alumni-8 {
        background: url(/assets/images/pages/alumni/bg-alumni-8-mobile.jpg?v=2024-11-25T07:05:16.035Z);
        background-repeat: no-repeat;
        background-size: cover
    }
    .tabu-id .bg-tabu-3 {
        background: none !important
    }
}

@media screen and (device-width:540px) {
    .tabu-id .space-xs-8-left {
        margin-left: 0 !important
    }
    .tabu-id .-space-xs-34-left {
        margin-left: -50px !important
    }
    .tabu-id .text-display-large {
        font-size: 24px !important
    }
    .tabu-id .text-display-xx-large {
        font-size: 30px !important
    }
}

@media screen and (device-width:280px) {
    .tabu-id .space-xs-8-left {
        margin-left: 0 !important
    }
    .tabu-id .text-display-large {
        font-size: 18px !important
    }
    .tabu-id .text-display-xx-large {
        font-size: 20px !important
    }
    .tabu-id .-space-xs-34-left {
        margin-left: -22px !important
    }
}

* {
    margin: 0
}

body,
html {
    font-family: Open sans, Helvetica, Arial, sans-serif;
    height: 100%;
    scroll-behavior: smooth
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

a[ng-click] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    line-height: 1.5em
}

p {
    margin-bottom: 1em
}

hr {
    clear: both
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.clear,
.space {
    clear: both
}

.space {
    display: block;
    border: 0;
    height: 0;
    margin-bottom: 30px
}

.scrollYes {
    overflow: auto
}

.scrollNo {
    overflow: hidden
}

.scrollY {
    overflow-x: hidden !important;
    -moz-scrollbars-vertical: hidden
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999
}

.preloader .content {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%
}

ul.inline {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.inline li {
    margin: 0;
    padding: 0;
    display: inline
}

ul.pick_sizes {
    list-style: none;
    margin: 0 0 4em;
    padding: 0
}

ul.pick_sizes li.pick_sizes_item {
    padding: 3em 0 1em;
    border-bottom: 1px solid #ececec
}

ul.pick_sizes li.pick_sizes_item:first-child {
    padding: 1em 0
}

ul.pick_sizes li.pick_sizes_item:last-child {
    border: 0
}

ul.sizes {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.sizes li {
    display: inline-block;
    text-align: center;
    width: 4em;
    padding: 0;
    border: 0;
    margin-bottom: 1em;
    margin-right: 5px
}

ul.sizes li label {
    display: block
}

ul.sizes li input {
    width: 100%;
    text-align: center
}

.object-fit {
    object-fit: cover !important
}

.filter-grayscale {
    -webkit-filter: grayscale(100%)
}

.box-shadow {
    box-shadow: 0 20px 50px rgba(62, 0, 0, .05)
}

.box-shadow-none {
    box-shadow: none !important
}

.box-shadow-custom {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.box-shadow-product-detail {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.scroll-behavior {
    scroll-behavior: smooth !important
}

.float-right {
    float: right !important
}

.float-left {
    float: left !important
}

.cursor-default {
    cursor: default !important
}

.cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-pointer {
    cursor: pointer !important
}

.pointer-event-none {
    cursor: not-allowed !important;
    pointer-events: none !important
}

.floating-nav {
    bottom: 100px;
    right: 34px;
    position: fixed;
    z-index: 8;
    cursor: pointer
}

.floating-nav .nav-wrapper {
    background-color: #000;
    opacity: .9;
    border-radius: 5px;
    height: 32px;
    width: 32px
}

.floating-nav .nav-wrapper .fa:before {
    font-size: 20px;
    color: #fff
}

.whatsapp-text p {
    margin-bottom: 0
}

.whatsapp-text .text {
    background-color: #000;
    opacity: .8;
    font-size: 12px;
    color: #fff;
    padding: 15px;
    border: solid #e0e0e0;
    border-width: 1px 1px 0;
    border-radius: 5px 5px 0 0
}

.whatsapp-text .btn-copy {
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-top: 0 solid #e0e0e0;
    cursor: pointer
}

.whatsapp-text .btn-copy p {
    color: #219653;
    line-height: 38px;
    text-align: center
}

.vl {
    border-left: 6px solid #345e88
}

.dotted {
    border-top: 2px dashed #e9ecef
}

.voucher-list:hover {
    border: 1px solid #f18072 !important
}

.active {
    font-weight: 700 !important
}

.isActive {
    color: #096dd9 !important
}