.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important;
    transform-style: preserve-3d
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide__progress__bar {
    width: 0
}

.splide {
    outline: none;
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -ms-flex-negative: 0;
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    outline: none;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__slider {
    position: relative
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list {
    display: block
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
    opacity: 1;
    position: relative;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover {
    opacity: .9
}

.splide__arrow:focus {
    outline: none
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4)
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus {
    outline: none
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
    outline: none
}

.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
    top: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

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

.xs-p-5 {
    padding: 5px!important
}

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

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

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

.xs-p-25 {
    padding: 25px!important
}

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

.xs-p-35 {
    padding: 35px!important
}

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

.xs-p-45 {
    padding: 45px!important
}

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

.xs-p-55 {
    padding: 55px!important
}

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

.xs-p-65 {
    padding: 65px!important
}

.xs-p-70 {
    padding: 70px!important
}

.xs-p-75 {
    padding: 75px!important
}

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

.xs-p-85 {
    padding: 85px!important
}

.xs-p-90 {
    padding: 90px!important
}

.xs-p-95 {
    padding: 95px!important
}

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

.xs-p-105 {
    padding: 105px!important
}

.xs-p-110 {
    padding: 110px!important
}

.xs-p-115 {
    padding: 115px!important
}

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

.xs-p-125 {
    padding: 125px!important
}

.xs-p-130 {
    padding: 130px!important
}

.xs-p-135 {
    padding: 135px!important
}

.xs-p-140 {
    padding: 140px!important
}

.xs-p-145 {
    padding: 145px!important
}

.xs-p-150 {
    padding: 150px!important
}

.xs-pt-0 {
    padding-top: 0!important
}

.xs-pt-5 {
    padding-top: 5px!important
}

.xs-pt-10 {
    padding-top: 10px!important
}

.xs-pt-15 {
    padding-top: 15px!important
}

.xs-pt-20 {
    padding-top: 20px!important
}

.xs-pt-25 {
    padding-top: 25px!important
}

.xs-pt-30 {
    padding-top: 30px!important
}

.xs-pt-35 {
    padding-top: 35px!important
}

.xs-pt-40 {
    padding-top: 40px!important
}

.xs-pt-45 {
    padding-top: 45px!important
}

.xs-pt-50 {
    padding-top: 50px!important
}

.xs-pt-55 {
    padding-top: 55px!important
}

.xs-pt-60 {
    padding-top: 60px!important
}

.xs-pt-65 {
    padding-top: 65px!important
}

.xs-pt-70 {
    padding-top: 70px!important
}

.xs-pt-75 {
    padding-top: 75px!important
}

.xs-pt-80 {
    padding-top: 80px!important
}

.xs-pt-85 {
    padding-top: 85px!important
}

.xs-pt-90 {
    padding-top: 90px!important
}

.xs-pt-95 {
    padding-top: 95px!important
}

.xs-pt-100 {
    padding-top: 100px!important
}

.xs-pt-105 {
    padding-top: 105px!important
}

.xs-pt-110 {
    padding-top: 110px!important
}

.xs-pt-115 {
    padding-top: 115px!important
}

.xs-pt-120 {
    padding-top: 120px!important
}

.xs-pt-125 {
    padding-top: 125px!important
}

.xs-pt-130 {
    padding-top: 130px!important
}

.xs-pt-135 {
    padding-top: 135px!important
}

.xs-pt-140 {
    padding-top: 140px!important
}

.xs-pt-145 {
    padding-top: 145px!important
}

.xs-pt-150 {
    padding-top: 150px!important
}

.xs-pr-0 {
    padding-right: 0!important
}

.xs-pr-5 {
    padding-right: 5px!important
}

.xs-pr-10 {
    padding-right: 10px!important
}

.xs-pr-15 {
    padding-right: 15px!important
}

.xs-pr-20 {
    padding-right: 20px!important
}

.xs-pr-25 {
    padding-right: 25px!important
}

.xs-pr-30 {
    padding-right: 30px!important
}

.xs-pr-35 {
    padding-right: 35px!important
}

.xs-pr-40 {
    padding-right: 40px!important
}

.xs-pr-45 {
    padding-right: 45px!important
}

.xs-pr-50 {
    padding-right: 50px!important
}

.xs-pr-55 {
    padding-right: 55px!important
}

.xs-pr-60 {
    padding-right: 60px!important
}

.xs-pr-65 {
    padding-right: 65px!important
}

.xs-pr-70 {
    padding-right: 70px!important
}

.xs-pr-75 {
    padding-right: 75px!important
}

.xs-pr-80 {
    padding-right: 80px!important
}

.xs-pr-85 {
    padding-right: 85px!important
}

.xs-pr-90 {
    padding-right: 90px!important
}

.xs-pr-95 {
    padding-right: 95px!important
}

.xs-pr-100 {
    padding-right: 100px!important
}

.xs-pr-105 {
    padding-right: 105px!important
}

.xs-pr-110 {
    padding-right: 110px!important
}

.xs-pr-115 {
    padding-right: 115px!important
}

.xs-pr-120 {
    padding-right: 120px!important
}

.xs-pr-125 {
    padding-right: 125px!important
}

.xs-pr-130 {
    padding-right: 130px!important
}

.xs-pr-135 {
    padding-right: 135px!important
}

.xs-pr-140 {
    padding-right: 140px!important
}

.xs-pr-145 {
    padding-right: 145px!important
}

.xs-pr-150 {
    padding-right: 150px!important
}

.xs-pb-0 {
    padding-bottom: 0!important
}

.xs-pb-5 {
    padding-bottom: 5px!important
}

.xs-pb-10 {
    padding-bottom: 10px!important
}

.xs-pb-15 {
    padding-bottom: 15px!important
}

.xs-pb-20 {
    padding-bottom: 20px!important
}

.xs-pb-25 {
    padding-bottom: 25px!important
}

.xs-pb-30 {
    padding-bottom: 30px!important
}

.xs-pb-35 {
    padding-bottom: 35px!important
}

.xs-pb-40 {
    padding-bottom: 40px!important
}

.xs-pb-45 {
    padding-bottom: 45px!important
}

.xs-pb-50 {
    padding-bottom: 50px!important
}

.xs-pb-55 {
    padding-bottom: 55px!important
}

.xs-pb-60 {
    padding-bottom: 60px!important
}

.xs-pb-65 {
    padding-bottom: 65px!important
}

.xs-pb-70 {
    padding-bottom: 70px!important
}

.xs-pb-75 {
    padding-bottom: 75px!important
}

.xs-pb-80 {
    padding-bottom: 80px!important
}

.xs-pb-85 {
    padding-bottom: 85px!important
}

.xs-pb-90 {
    padding-bottom: 90px!important
}

.xs-pb-95 {
    padding-bottom: 95px!important
}

.xs-pb-100 {
    padding-bottom: 100px!important
}

.xs-pb-105 {
    padding-bottom: 105px!important
}

.xs-pb-110 {
    padding-bottom: 110px!important
}

.xs-pb-115 {
    padding-bottom: 115px!important
}

.xs-pb-120 {
    padding-bottom: 120px!important
}

.xs-pb-125 {
    padding-bottom: 125px!important
}

.xs-pb-130 {
    padding-bottom: 130px!important
}

.xs-pb-135 {
    padding-bottom: 135px!important
}

.xs-pb-140 {
    padding-bottom: 140px!important
}

.xs-pb-145 {
    padding-bottom: 145px!important
}

.xs-pb-150 {
    padding-bottom: 150px!important
}

.xs-pl-0 {
    padding-left: 0!important
}

.xs-pl-5 {
    padding-left: 5px!important
}

.xs-pl-10 {
    padding-left: 10px!important
}

.xs-pl-15 {
    padding-left: 15px!important
}

.xs-pl-20 {
    padding-left: 20px!important
}

.xs-pl-25 {
    padding-left: 25px!important
}

.xs-pl-30 {
    padding-left: 30px!important
}

.xs-pl-35 {
    padding-left: 35px!important
}

.xs-pl-40 {
    padding-left: 40px!important
}

.xs-pl-45 {
    padding-left: 45px!important
}

.xs-pl-50 {
    padding-left: 50px!important
}

.xs-pl-55 {
    padding-left: 55px!important
}

.xs-pl-60 {
    padding-left: 60px!important
}

.xs-pl-65 {
    padding-left: 65px!important
}

.xs-pl-70 {
    padding-left: 70px!important
}

.xs-pl-75 {
    padding-left: 75px!important
}

.xs-pl-80 {
    padding-left: 80px!important
}

.xs-pl-85 {
    padding-left: 85px!important
}

.xs-pl-90 {
    padding-left: 90px!important
}

.xs-pl-95 {
    padding-left: 95px!important
}

.xs-pl-100 {
    padding-left: 100px!important
}

.xs-pl-105 {
    padding-left: 105px!important
}

.xs-pl-110 {
    padding-left: 110px!important
}

.xs-pl-115 {
    padding-left: 115px!important
}

.xs-pl-120 {
    padding-left: 120px!important
}

.xs-pl-125 {
    padding-left: 125px!important
}

.xs-pl-130 {
    padding-left: 130px!important
}

.xs-pl-135 {
    padding-left: 135px!important
}

.xs-pl-140 {
    padding-left: 140px!important
}

.xs-pl-145 {
    padding-left: 145px!important
}

.xs-pl-150 {
    padding-left: 150px!important
}

.xs-m-0 {
    margin: 0!important
}

.xs-m-5 {
    margin: 5px!important
}

.xs-m-10 {
    margin: 10px!important
}

.xs-m-15 {
    margin: 15px!important
}

.xs-m-20 {
    margin: 20px!important
}

.xs-m-25 {
    margin: 25px!important
}

.xs-m-30 {
    margin: 30px!important
}

.xs-m-35 {
    margin: 35px!important
}

.xs-m-40 {
    margin: 40px!important
}

.xs-m-45 {
    margin: 45px!important
}

.xs-m-50 {
    margin: 50px!important
}

.xs-m-55 {
    margin: 55px!important
}

.xs-m-60 {
    margin: 60px!important
}

.xs-m-65 {
    margin: 65px!important
}

.xs-m-70 {
    margin: 70px!important
}

.xs-m-75 {
    margin: 75px!important
}

.xs-m-80 {
    margin: 80px!important
}

.xs-m-85 {
    margin: 85px!important
}

.xs-m-90 {
    margin: 90px!important
}

.xs-m-95 {
    margin: 95px!important
}

.xs-m-100 {
    margin: 100px!important
}

.xs-m-105 {
    margin: 105px!important
}

.xs-m-110 {
    margin: 110px!important
}

.xs-m-115 {
    margin: 115px!important
}

.xs-m-120 {
    margin: 120px!important
}

.xs-m-125 {
    margin: 125px!important
}

.xs-m-130 {
    margin: 130px!important
}

.xs-m-135 {
    margin: 135px!important
}

.xs-m-140 {
    margin: 140px!important
}

.xs-m-145 {
    margin: 145px!important
}

.xs-m-150 {
    margin: 150px!important
}

.xs-mt-0 {
    margin-top: 0!important
}

.xs-mt-5 {
    margin-top: 5px!important
}

.xs-mt-10 {
    margin-top: 10px!important
}

.xs-mt-15 {
    margin-top: 15px!important
}

.xs-mt-20 {
    margin-top: 20px!important
}

.xs-mt-25 {
    margin-top: 25px!important
}

.xs-mt-30 {
    margin-top: 30px!important
}

.xs-mt-35 {
    margin-top: 35px!important
}

.xs-mt-40 {
    margin-top: 40px!important
}

.xs-mt-45 {
    margin-top: 45px!important
}

.xs-mt-50 {
    margin-top: 50px!important
}

.xs-mt-55 {
    margin-top: 55px!important
}

.xs-mt-60 {
    margin-top: 60px!important
}

.xs-mt-65 {
    margin-top: 65px!important
}

.xs-mt-70 {
    margin-top: 70px!important
}

.xs-mt-75 {
    margin-top: 75px!important
}

.xs-mt-80 {
    margin-top: 80px!important
}

.xs-mt-85 {
    margin-top: 85px!important
}

.xs-mt-90 {
    margin-top: 90px!important
}

.xs-mt-95 {
    margin-top: 95px!important
}

.xs-mt-100 {
    margin-top: 100px!important
}

.xs-mt-105 {
    margin-top: 105px!important
}

.xs-mt-110 {
    margin-top: 110px!important
}

.xs-mt-115 {
    margin-top: 115px!important
}

.xs-mt-120 {
    margin-top: 120px!important
}

.xs-mt-125 {
    margin-top: 125px!important
}

.xs-mt-130 {
    margin-top: 130px!important
}

.xs-mt-135 {
    margin-top: 135px!important
}

.xs-mt-140 {
    margin-top: 140px!important
}

.xs-mt-145 {
    margin-top: 145px!important
}

.xs-mt-150 {
    margin-top: 150px!important
}

.xs-mr-0 {
    margin-right: 0!important
}

.xs-mr-5 {
    margin-right: 5px!important
}

.xs-mr-10 {
    margin-right: 10px!important
}

.xs-mr-15 {
    margin-right: 15px!important
}

.xs-mr-20 {
    margin-right: 20px!important
}

.xs-mr-25 {
    margin-right: 25px!important
}

.xs-mr-30 {
    margin-right: 30px!important
}

.xs-mr-35 {
    margin-right: 35px!important
}

.xs-mr-40 {
    margin-right: 40px!important
}

.xs-mr-45 {
    margin-right: 45px!important
}

.xs-mr-50 {
    margin-right: 50px!important
}

.xs-mr-55 {
    margin-right: 55px!important
}

.xs-mr-60 {
    margin-right: 60px!important
}

.xs-mr-65 {
    margin-right: 65px!important
}

.xs-mr-70 {
    margin-right: 70px!important
}

.xs-mr-75 {
    margin-right: 75px!important
}

.xs-mr-80 {
    margin-right: 80px!important
}

.xs-mr-85 {
    margin-right: 85px!important
}

.xs-mr-90 {
    margin-right: 90px!important
}

.xs-mr-95 {
    margin-right: 95px!important
}

.xs-mr-100 {
    margin-right: 100px!important
}

.xs-mr-105 {
    margin-right: 105px!important
}

.xs-mr-110 {
    margin-right: 110px!important
}

.xs-mr-115 {
    margin-right: 115px!important
}

.xs-mr-120 {
    margin-right: 120px!important
}

.xs-mr-125 {
    margin-right: 125px!important
}

.xs-mr-130 {
    margin-right: 130px!important
}

.xs-mr-135 {
    margin-right: 135px!important
}

.xs-mr-140 {
    margin-right: 140px!important
}

.xs-mr-145 {
    margin-right: 145px!important
}

.xs-mr-150 {
    margin-right: 150px!important
}

.xs-mb-0 {
    margin-bottom: 0!important
}

.xs-mb-5 {
    margin-bottom: 5px!important
}

.xs-mb-10 {
    margin-bottom: 10px!important
}

.xs-mb-15 {
    margin-bottom: 15px!important
}

.xs-mb-20 {
    margin-bottom: 20px!important
}

.xs-mb-25 {
    margin-bottom: 25px!important
}

.xs-mb-30 {
    margin-bottom: 30px!important
}

.xs-mb-35 {
    margin-bottom: 35px!important
}

.xs-mb-40 {
    margin-bottom: 40px!important
}

.xs-mb-45 {
    margin-bottom: 45px!important
}

.xs-mb-50 {
    margin-bottom: 50px!important
}

.xs-mb-55 {
    margin-bottom: 55px!important
}

.xs-mb-60 {
    margin-bottom: 60px!important
}

.xs-mb-65 {
    margin-bottom: 65px!important
}

.xs-mb-70 {
    margin-bottom: 70px!important
}

.xs-mb-75 {
    margin-bottom: 75px!important
}

.xs-mb-80 {
    margin-bottom: 80px!important
}

.xs-mb-85 {
    margin-bottom: 85px!important
}

.xs-mb-90 {
    margin-bottom: 90px!important
}

.xs-mb-95 {
    margin-bottom: 95px!important
}

.xs-mb-100 {
    margin-bottom: 100px!important
}

.xs-mb-105 {
    margin-bottom: 105px!important
}

.xs-mb-110 {
    margin-bottom: 110px!important
}

.xs-mb-115 {
    margin-bottom: 115px!important
}

.xs-mb-120 {
    margin-bottom: 120px!important
}

.xs-mb-125 {
    margin-bottom: 125px!important
}

.xs-mb-130 {
    margin-bottom: 130px!important
}

.xs-mb-135 {
    margin-bottom: 135px!important
}

.xs-mb-140 {
    margin-bottom: 140px!important
}

.xs-mb-145 {
    margin-bottom: 145px!important
}

.xs-mb-150 {
    margin-bottom: 150px!important
}

.xs-ml-0 {
    margin-left: 0!important
}

.xs-ml-5 {
    margin-left: 5px!important
}

.xs-ml-10 {
    margin-left: 10px!important
}

.xs-ml-15 {
    margin-left: 15px!important
}

.xs-ml-20 {
    margin-left: 20px!important
}

.xs-ml-25 {
    margin-left: 25px!important
}

.xs-ml-30 {
    margin-left: 30px!important
}

.xs-ml-35 {
    margin-left: 35px!important
}

.xs-ml-40 {
    margin-left: 40px!important
}

.xs-ml-45 {
    margin-left: 45px!important
}

.xs-ml-50 {
    margin-left: 50px!important
}

.xs-ml-55 {
    margin-left: 55px!important
}

.xs-ml-60 {
    margin-left: 60px!important
}

.xs-ml-65 {
    margin-left: 65px!important
}

.xs-ml-70 {
    margin-left: 70px!important
}

.xs-ml-75 {
    margin-left: 75px!important
}

.xs-ml-80 {
    margin-left: 80px!important
}

.xs-ml-85 {
    margin-left: 85px!important
}

.xs-ml-90 {
    margin-left: 90px!important
}

.xs-ml-95 {
    margin-left: 95px!important
}

.xs-ml-100 {
    margin-left: 100px!important
}

.xs-ml-105 {
    margin-left: 105px!important
}

.xs-ml-110 {
    margin-left: 110px!important
}

.xs-ml-115 {
    margin-left: 115px!important
}

.xs-ml-120 {
    margin-left: 120px!important
}

.xs-ml-125 {
    margin-left: 125px!important
}

.xs-ml-130 {
    margin-left: 130px!important
}

.xs-ml-135 {
    margin-left: 135px!important
}

.xs-ml-140 {
    margin-left: 140px!important
}

.xs-ml-145 {
    margin-left: 145px!important
}

.xs-ml-150 {
    margin-left: 150px!important
}

@media screen and (min-width: 768px) {
    .sm-p-0 {
        padding:0!important
    }

    .sm-p-5 {
        padding: 5px!important
    }

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

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

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

    .sm-p-25 {
        padding: 25px!important
    }

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

    .sm-p-35 {
        padding: 35px!important
    }

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

    .sm-p-45 {
        padding: 45px!important
    }

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

    .sm-p-55 {
        padding: 55px!important
    }

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

    .sm-p-65 {
        padding: 65px!important
    }

    .sm-p-70 {
        padding: 70px!important
    }

    .sm-p-75 {
        padding: 75px!important
    }

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

    .sm-p-85 {
        padding: 85px!important
    }

    .sm-p-90 {
        padding: 90px!important
    }

    .sm-p-95 {
        padding: 95px!important
    }

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

    .sm-p-105 {
        padding: 105px!important
    }

    .sm-p-110 {
        padding: 110px!important
    }

    .sm-p-115 {
        padding: 115px!important
    }

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

    .sm-p-125 {
        padding: 125px!important
    }

    .sm-p-130 {
        padding: 130px!important
    }

    .sm-p-135 {
        padding: 135px!important
    }

    .sm-p-140 {
        padding: 140px!important
    }

    .sm-p-145 {
        padding: 145px!important
    }

    .sm-p-150 {
        padding: 150px!important
    }

    .sm-pt-0 {
        padding-top: 0!important
    }

    .sm-pt-5 {
        padding-top: 5px!important
    }

    .sm-pt-10 {
        padding-top: 10px!important
    }

    .sm-pt-15 {
        padding-top: 15px!important
    }

    .sm-pt-20 {
        padding-top: 20px!important
    }

    .sm-pt-25 {
        padding-top: 25px!important
    }

    .sm-pt-30 {
        padding-top: 30px!important
    }

    .sm-pt-35 {
        padding-top: 35px!important
    }

    .sm-pt-40 {
        padding-top: 40px!important
    }

    .sm-pt-45 {
        padding-top: 45px!important
    }

    .sm-pt-50 {
        padding-top: 50px!important
    }

    .sm-pt-55 {
        padding-top: 55px!important
    }

    .sm-pt-60 {
        padding-top: 60px!important
    }

    .sm-pt-65 {
        padding-top: 65px!important
    }

    .sm-pt-70 {
        padding-top: 70px!important
    }

    .sm-pt-75 {
        padding-top: 75px!important
    }

    .sm-pt-80 {
        padding-top: 80px!important
    }

    .sm-pt-85 {
        padding-top: 85px!important
    }

    .sm-pt-90 {
        padding-top: 90px!important
    }

    .sm-pt-95 {
        padding-top: 95px!important
    }

    .sm-pt-100 {
        padding-top: 100px!important
    }

    .sm-pt-105 {
        padding-top: 105px!important
    }

    .sm-pt-110 {
        padding-top: 110px!important
    }

    .sm-pt-115 {
        padding-top: 115px!important
    }

    .sm-pt-120 {
        padding-top: 120px!important
    }

    .sm-pt-125 {
        padding-top: 125px!important
    }

    .sm-pt-130 {
        padding-top: 130px!important
    }

    .sm-pt-135 {
        padding-top: 135px!important
    }

    .sm-pt-140 {
        padding-top: 140px!important
    }

    .sm-pt-145 {
        padding-top: 145px!important
    }

    .sm-pt-150 {
        padding-top: 150px!important
    }

    .sm-pr-0 {
        padding-right: 0!important
    }

    .sm-pr-5 {
        padding-right: 5px!important
    }

    .sm-pr-10 {
        padding-right: 10px!important
    }

    .sm-pr-15 {
        padding-right: 15px!important
    }

    .sm-pr-20 {
        padding-right: 20px!important
    }

    .sm-pr-25 {
        padding-right: 25px!important
    }

    .sm-pr-30 {
        padding-right: 30px!important
    }

    .sm-pr-35 {
        padding-right: 35px!important
    }

    .sm-pr-40 {
        padding-right: 40px!important
    }

    .sm-pr-45 {
        padding-right: 45px!important
    }

    .sm-pr-50 {
        padding-right: 50px!important
    }

    .sm-pr-55 {
        padding-right: 55px!important
    }

    .sm-pr-60 {
        padding-right: 60px!important
    }

    .sm-pr-65 {
        padding-right: 65px!important
    }

    .sm-pr-70 {
        padding-right: 70px!important
    }

    .sm-pr-75 {
        padding-right: 75px!important
    }

    .sm-pr-80 {
        padding-right: 80px!important
    }

    .sm-pr-85 {
        padding-right: 85px!important
    }

    .sm-pr-90 {
        padding-right: 90px!important
    }

    .sm-pr-95 {
        padding-right: 95px!important
    }

    .sm-pr-100 {
        padding-right: 100px!important
    }

    .sm-pr-105 {
        padding-right: 105px!important
    }

    .sm-pr-110 {
        padding-right: 110px!important
    }

    .sm-pr-115 {
        padding-right: 115px!important
    }

    .sm-pr-120 {
        padding-right: 120px!important
    }

    .sm-pr-125 {
        padding-right: 125px!important
    }

    .sm-pr-130 {
        padding-right: 130px!important
    }

    .sm-pr-135 {
        padding-right: 135px!important
    }

    .sm-pr-140 {
        padding-right: 140px!important
    }

    .sm-pr-145 {
        padding-right: 145px!important
    }

    .sm-pr-150 {
        padding-right: 150px!important
    }

    .sm-pb-0 {
        padding-bottom: 0!important
    }

    .sm-pb-5 {
        padding-bottom: 5px!important
    }

    .sm-pb-10 {
        padding-bottom: 10px!important
    }

    .sm-pb-15 {
        padding-bottom: 15px!important
    }

    .sm-pb-20 {
        padding-bottom: 20px!important
    }

    .sm-pb-25 {
        padding-bottom: 25px!important
    }

    .sm-pb-30 {
        padding-bottom: 30px!important
    }

    .sm-pb-35 {
        padding-bottom: 35px!important
    }

    .sm-pb-40 {
        padding-bottom: 40px!important
    }

    .sm-pb-45 {
        padding-bottom: 45px!important
    }

    .sm-pb-50 {
        padding-bottom: 50px!important
    }

    .sm-pb-55 {
        padding-bottom: 55px!important
    }

    .sm-pb-60 {
        padding-bottom: 60px!important
    }

    .sm-pb-65 {
        padding-bottom: 65px!important
    }

    .sm-pb-70 {
        padding-bottom: 70px!important
    }

    .sm-pb-75 {
        padding-bottom: 75px!important
    }

    .sm-pb-80 {
        padding-bottom: 80px!important
    }

    .sm-pb-85 {
        padding-bottom: 85px!important
    }

    .sm-pb-90 {
        padding-bottom: 90px!important
    }

    .sm-pb-95 {
        padding-bottom: 95px!important
    }

    .sm-pb-100 {
        padding-bottom: 100px!important
    }

    .sm-pb-105 {
        padding-bottom: 105px!important
    }

    .sm-pb-110 {
        padding-bottom: 110px!important
    }

    .sm-pb-115 {
        padding-bottom: 115px!important
    }

    .sm-pb-120 {
        padding-bottom: 120px!important
    }

    .sm-pb-125 {
        padding-bottom: 125px!important
    }

    .sm-pb-130 {
        padding-bottom: 130px!important
    }

    .sm-pb-135 {
        padding-bottom: 135px!important
    }

    .sm-pb-140 {
        padding-bottom: 140px!important
    }

    .sm-pb-145 {
        padding-bottom: 145px!important
    }

    .sm-pb-150 {
        padding-bottom: 150px!important
    }

    .sm-pl-0 {
        padding-left: 0!important
    }

    .sm-pl-5 {
        padding-left: 5px!important
    }

    .sm-pl-10 {
        padding-left: 10px!important
    }

    .sm-pl-15 {
        padding-left: 15px!important
    }

    .sm-pl-20 {
        padding-left: 20px!important
    }

    .sm-pl-25 {
        padding-left: 25px!important
    }

    .sm-pl-30 {
        padding-left: 30px!important
    }

    .sm-pl-35 {
        padding-left: 35px!important
    }

    .sm-pl-40 {
        padding-left: 40px!important
    }

    .sm-pl-45 {
        padding-left: 45px!important
    }

    .sm-pl-50 {
        padding-left: 50px!important
    }

    .sm-pl-55 {
        padding-left: 55px!important
    }

    .sm-pl-60 {
        padding-left: 60px!important
    }

    .sm-pl-65 {
        padding-left: 65px!important
    }

    .sm-pl-70 {
        padding-left: 70px!important
    }

    .sm-pl-75 {
        padding-left: 75px!important
    }

    .sm-pl-80 {
        padding-left: 80px!important
    }

    .sm-pl-85 {
        padding-left: 85px!important
    }

    .sm-pl-90 {
        padding-left: 90px!important
    }

    .sm-pl-95 {
        padding-left: 95px!important
    }

    .sm-pl-100 {
        padding-left: 100px!important
    }

    .sm-pl-105 {
        padding-left: 105px!important
    }

    .sm-pl-110 {
        padding-left: 110px!important
    }

    .sm-pl-115 {
        padding-left: 115px!important
    }

    .sm-pl-120 {
        padding-left: 120px!important
    }

    .sm-pl-125 {
        padding-left: 125px!important
    }

    .sm-pl-130 {
        padding-left: 130px!important
    }

    .sm-pl-135 {
        padding-left: 135px!important
    }

    .sm-pl-140 {
        padding-left: 140px!important
    }

    .sm-pl-145 {
        padding-left: 145px!important
    }

    .sm-pl-150 {
        padding-left: 150px!important
    }

    .sm-m-0 {
        margin: 0!important
    }

    .sm-m-5 {
        margin: 5px!important
    }

    .sm-m-10 {
        margin: 10px!important
    }

    .sm-m-15 {
        margin: 15px!important
    }

    .sm-m-20 {
        margin: 20px!important
    }

    .sm-m-25 {
        margin: 25px!important
    }

    .sm-m-30 {
        margin: 30px!important
    }

    .sm-m-35 {
        margin: 35px!important
    }

    .sm-m-40 {
        margin: 40px!important
    }

    .sm-m-45 {
        margin: 45px!important
    }

    .sm-m-50 {
        margin: 50px!important
    }

    .sm-m-55 {
        margin: 55px!important
    }

    .sm-m-60 {
        margin: 60px!important
    }

    .sm-m-65 {
        margin: 65px!important
    }

    .sm-m-70 {
        margin: 70px!important
    }

    .sm-m-75 {
        margin: 75px!important
    }

    .sm-m-80 {
        margin: 80px!important
    }

    .sm-m-85 {
        margin: 85px!important
    }

    .sm-m-90 {
        margin: 90px!important
    }

    .sm-m-95 {
        margin: 95px!important
    }

    .sm-m-100 {
        margin: 100px!important
    }

    .sm-m-105 {
        margin: 105px!important
    }

    .sm-m-110 {
        margin: 110px!important
    }

    .sm-m-115 {
        margin: 115px!important
    }

    .sm-m-120 {
        margin: 120px!important
    }

    .sm-m-125 {
        margin: 125px!important
    }

    .sm-m-130 {
        margin: 130px!important
    }

    .sm-m-135 {
        margin: 135px!important
    }

    .sm-m-140 {
        margin: 140px!important
    }

    .sm-m-145 {
        margin: 145px!important
    }

    .sm-m-150 {
        margin: 150px!important
    }

    .sm-mt-0 {
        margin-top: 0!important
    }

    .sm-mt-5 {
        margin-top: 5px!important
    }

    .sm-mt-10 {
        margin-top: 10px!important
    }

    .sm-mt-15 {
        margin-top: 15px!important
    }

    .sm-mt-20 {
        margin-top: 20px!important
    }

    .sm-mt-25 {
        margin-top: 25px!important
    }

    .sm-mt-30 {
        margin-top: 30px!important
    }

    .sm-mt-35 {
        margin-top: 35px!important
    }

    .sm-mt-40 {
        margin-top: 40px!important
    }

    .sm-mt-45 {
        margin-top: 45px!important
    }

    .sm-mt-50 {
        margin-top: 50px!important
    }

    .sm-mt-55 {
        margin-top: 55px!important
    }

    .sm-mt-60 {
        margin-top: 60px!important
    }

    .sm-mt-65 {
        margin-top: 65px!important
    }

    .sm-mt-70 {
        margin-top: 70px!important
    }

    .sm-mt-75 {
        margin-top: 75px!important
    }

    .sm-mt-80 {
        margin-top: 80px!important
    }

    .sm-mt-85 {
        margin-top: 85px!important
    }

    .sm-mt-90 {
        margin-top: 90px!important
    }

    .sm-mt-95 {
        margin-top: 95px!important
    }

    .sm-mt-100 {
        margin-top: 100px!important
    }

    .sm-mt-105 {
        margin-top: 105px!important
    }

    .sm-mt-110 {
        margin-top: 110px!important
    }

    .sm-mt-115 {
        margin-top: 115px!important
    }

    .sm-mt-120 {
        margin-top: 120px!important
    }

    .sm-mt-125 {
        margin-top: 125px!important
    }

    .sm-mt-130 {
        margin-top: 130px!important
    }

    .sm-mt-135 {
        margin-top: 135px!important
    }

    .sm-mt-140 {
        margin-top: 140px!important
    }

    .sm-mt-145 {
        margin-top: 145px!important
    }

    .sm-mt-150 {
        margin-top: 150px!important
    }

    .sm-mr-0 {
        margin-right: 0!important
    }

    .sm-mr-5 {
        margin-right: 5px!important
    }

    .sm-mr-10 {
        margin-right: 10px!important
    }

    .sm-mr-15 {
        margin-right: 15px!important
    }

    .sm-mr-20 {
        margin-right: 20px!important
    }

    .sm-mr-25 {
        margin-right: 25px!important
    }

    .sm-mr-30 {
        margin-right: 30px!important
    }

    .sm-mr-35 {
        margin-right: 35px!important
    }

    .sm-mr-40 {
        margin-right: 40px!important
    }

    .sm-mr-45 {
        margin-right: 45px!important
    }

    .sm-mr-50 {
        margin-right: 50px!important
    }

    .sm-mr-55 {
        margin-right: 55px!important
    }

    .sm-mr-60 {
        margin-right: 60px!important
    }

    .sm-mr-65 {
        margin-right: 65px!important
    }

    .sm-mr-70 {
        margin-right: 70px!important
    }

    .sm-mr-75 {
        margin-right: 75px!important
    }

    .sm-mr-80 {
        margin-right: 80px!important
    }

    .sm-mr-85 {
        margin-right: 85px!important
    }

    .sm-mr-90 {
        margin-right: 90px!important
    }

    .sm-mr-95 {
        margin-right: 95px!important
    }

    .sm-mr-100 {
        margin-right: 100px!important
    }

    .sm-mr-105 {
        margin-right: 105px!important
    }

    .sm-mr-110 {
        margin-right: 110px!important
    }

    .sm-mr-115 {
        margin-right: 115px!important
    }

    .sm-mr-120 {
        margin-right: 120px!important
    }

    .sm-mr-125 {
        margin-right: 125px!important
    }

    .sm-mr-130 {
        margin-right: 130px!important
    }

    .sm-mr-135 {
        margin-right: 135px!important
    }

    .sm-mr-140 {
        margin-right: 140px!important
    }

    .sm-mr-145 {
        margin-right: 145px!important
    }

    .sm-mr-150 {
        margin-right: 150px!important
    }

    .sm-mb-0 {
        margin-bottom: 0!important
    }

    .sm-mb-5 {
        margin-bottom: 5px!important
    }

    .sm-mb-10 {
        margin-bottom: 10px!important
    }

    .sm-mb-15 {
        margin-bottom: 15px!important
    }

    .sm-mb-20 {
        margin-bottom: 20px!important
    }

    .sm-mb-25 {
        margin-bottom: 25px!important
    }

    .sm-mb-30 {
        margin-bottom: 30px!important
    }

    .sm-mb-35 {
        margin-bottom: 35px!important
    }

    .sm-mb-40 {
        margin-bottom: 40px!important
    }

    .sm-mb-45 {
        margin-bottom: 45px!important
    }

    .sm-mb-50 {
        margin-bottom: 50px!important
    }

    .sm-mb-55 {
        margin-bottom: 55px!important
    }

    .sm-mb-60 {
        margin-bottom: 60px!important
    }

    .sm-mb-65 {
        margin-bottom: 65px!important
    }

    .sm-mb-70 {
        margin-bottom: 70px!important
    }

    .sm-mb-75 {
        margin-bottom: 75px!important
    }

    .sm-mb-80 {
        margin-bottom: 80px!important
    }

    .sm-mb-85 {
        margin-bottom: 85px!important
    }

    .sm-mb-90 {
        margin-bottom: 90px!important
    }

    .sm-mb-95 {
        margin-bottom: 95px!important
    }

    .sm-mb-100 {
        margin-bottom: 100px!important
    }

    .sm-mb-105 {
        margin-bottom: 105px!important
    }

    .sm-mb-110 {
        margin-bottom: 110px!important
    }

    .sm-mb-115 {
        margin-bottom: 115px!important
    }

    .sm-mb-120 {
        margin-bottom: 120px!important
    }

    .sm-mb-125 {
        margin-bottom: 125px!important
    }

    .sm-mb-130 {
        margin-bottom: 130px!important
    }

    .sm-mb-135 {
        margin-bottom: 135px!important
    }

    .sm-mb-140 {
        margin-bottom: 140px!important
    }

    .sm-mb-145 {
        margin-bottom: 145px!important
    }

    .sm-mb-150 {
        margin-bottom: 150px!important
    }

    .sm-ml-0 {
        margin-left: 0!important
    }

    .sm-ml-5 {
        margin-left: 5px!important
    }

    .sm-ml-10 {
        margin-left: 10px!important
    }

    .sm-ml-15 {
        margin-left: 15px!important
    }

    .sm-ml-20 {
        margin-left: 20px!important
    }

    .sm-ml-25 {
        margin-left: 25px!important
    }

    .sm-ml-30 {
        margin-left: 30px!important
    }

    .sm-ml-35 {
        margin-left: 35px!important
    }

    .sm-ml-40 {
        margin-left: 40px!important
    }

    .sm-ml-45 {
        margin-left: 45px!important
    }

    .sm-ml-50 {
        margin-left: 50px!important
    }

    .sm-ml-55 {
        margin-left: 55px!important
    }

    .sm-ml-60 {
        margin-left: 60px!important
    }

    .sm-ml-65 {
        margin-left: 65px!important
    }

    .sm-ml-70 {
        margin-left: 70px!important
    }

    .sm-ml-75 {
        margin-left: 75px!important
    }

    .sm-ml-80 {
        margin-left: 80px!important
    }

    .sm-ml-85 {
        margin-left: 85px!important
    }

    .sm-ml-90 {
        margin-left: 90px!important
    }

    .sm-ml-95 {
        margin-left: 95px!important
    }

    .sm-ml-100 {
        margin-left: 100px!important
    }

    .sm-ml-105 {
        margin-left: 105px!important
    }

    .sm-ml-110 {
        margin-left: 110px!important
    }

    .sm-ml-115 {
        margin-left: 115px!important
    }

    .sm-ml-120 {
        margin-left: 120px!important
    }

    .sm-ml-125 {
        margin-left: 125px!important
    }

    .sm-ml-130 {
        margin-left: 130px!important
    }

    .sm-ml-135 {
        margin-left: 135px!important
    }

    .sm-ml-140 {
        margin-left: 140px!important
    }

    .sm-ml-145 {
        margin-left: 145px!important
    }

    .sm-ml-150 {
        margin-left: 150px!important
    }
}

@media screen and (min-width: 992px) {
    .md-p-0 {
        padding:0!important
    }

    .md-p-5 {
        padding: 5px!important
    }

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

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

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

    .md-p-25 {
        padding: 25px!important
    }

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

    .md-p-35 {
        padding: 35px!important
    }

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

    .md-p-45 {
        padding: 45px!important
    }

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

    .md-p-55 {
        padding: 55px!important
    }

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

    .md-p-65 {
        padding: 65px!important
    }

    .md-p-70 {
        padding: 70px!important
    }

    .md-p-75 {
        padding: 75px!important
    }

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

    .md-p-85 {
        padding: 85px!important
    }

    .md-p-90 {
        padding: 90px!important
    }

    .md-p-95 {
        padding: 95px!important
    }

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

    .md-p-105 {
        padding: 105px!important
    }

    .md-p-110 {
        padding: 110px!important
    }

    .md-p-115 {
        padding: 115px!important
    }

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

    .md-p-125 {
        padding: 125px!important
    }

    .md-p-130 {
        padding: 130px!important
    }

    .md-p-135 {
        padding: 135px!important
    }

    .md-p-140 {
        padding: 140px!important
    }

    .md-p-145 {
        padding: 145px!important
    }

    .md-p-150 {
        padding: 150px!important
    }

    .md-pt-0 {
        padding-top: 0!important
    }

    .md-pt-5 {
        padding-top: 5px!important
    }

    .md-pt-10 {
        padding-top: 10px!important
    }

    .md-pt-15 {
        padding-top: 15px!important
    }

    .md-pt-20 {
        padding-top: 20px!important
    }

    .md-pt-25 {
        padding-top: 25px!important
    }

    .md-pt-30 {
        padding-top: 30px!important
    }

    .md-pt-35 {
        padding-top: 35px!important
    }

    .md-pt-40 {
        padding-top: 40px!important
    }

    .md-pt-45 {
        padding-top: 45px!important
    }

    .md-pt-50 {
        padding-top: 50px!important
    }

    .md-pt-55 {
        padding-top: 55px!important
    }

    .md-pt-60 {
        padding-top: 60px!important
    }

    .md-pt-65 {
        padding-top: 65px!important
    }

    .md-pt-70 {
        padding-top: 70px!important
    }

    .md-pt-75 {
        padding-top: 75px!important
    }

    .md-pt-80 {
        padding-top: 80px!important
    }

    .md-pt-85 {
        padding-top: 85px!important
    }

    .md-pt-90 {
        padding-top: 90px!important
    }

    .md-pt-95 {
        padding-top: 95px!important
    }

    .md-pt-100 {
        padding-top: 100px!important
    }

    .md-pt-105 {
        padding-top: 105px!important
    }

    .md-pt-110 {
        padding-top: 110px!important
    }

    .md-pt-115 {
        padding-top: 115px!important
    }

    .md-pt-120 {
        padding-top: 120px!important
    }

    .md-pt-125 {
        padding-top: 125px!important
    }

    .md-pt-130 {
        padding-top: 130px!important
    }

    .md-pt-135 {
        padding-top: 135px!important
    }

    .md-pt-140 {
        padding-top: 140px!important
    }

    .md-pt-145 {
        padding-top: 145px!important
    }

    .md-pt-150 {
        padding-top: 150px!important
    }

    .md-pr-0 {
        padding-right: 0!important
    }

    .md-pr-5 {
        padding-right: 5px!important
    }

    .md-pr-10 {
        padding-right: 10px!important
    }

    .md-pr-15 {
        padding-right: 15px!important
    }

    .md-pr-20 {
        padding-right: 20px!important
    }

    .md-pr-25 {
        padding-right: 25px!important
    }

    .md-pr-30 {
        padding-right: 30px!important
    }

    .md-pr-35 {
        padding-right: 35px!important
    }

    .md-pr-40 {
        padding-right: 40px!important
    }

    .md-pr-45 {
        padding-right: 45px!important
    }

    .md-pr-50 {
        padding-right: 50px!important
    }

    .md-pr-55 {
        padding-right: 55px!important
    }

    .md-pr-60 {
        padding-right: 60px!important
    }

    .md-pr-65 {
        padding-right: 65px!important
    }

    .md-pr-70 {
        padding-right: 70px!important
    }

    .md-pr-75 {
        padding-right: 75px!important
    }

    .md-pr-80 {
        padding-right: 80px!important
    }

    .md-pr-85 {
        padding-right: 85px!important
    }

    .md-pr-90 {
        padding-right: 90px!important
    }

    .md-pr-95 {
        padding-right: 95px!important
    }

    .md-pr-100 {
        padding-right: 100px!important
    }

    .md-pr-105 {
        padding-right: 105px!important
    }

    .md-pr-110 {
        padding-right: 110px!important
    }

    .md-pr-115 {
        padding-right: 115px!important
    }

    .md-pr-120 {
        padding-right: 120px!important
    }

    .md-pr-125 {
        padding-right: 125px!important
    }

    .md-pr-130 {
        padding-right: 130px!important
    }

    .md-pr-135 {
        padding-right: 135px!important
    }

    .md-pr-140 {
        padding-right: 140px!important
    }

    .md-pr-145 {
        padding-right: 145px!important
    }

    .md-pr-150 {
        padding-right: 150px!important
    }

    .md-pb-0 {
        padding-bottom: 0!important
    }

    .md-pb-5 {
        padding-bottom: 5px!important
    }

    .md-pb-10 {
        padding-bottom: 10px!important
    }

    .md-pb-15 {
        padding-bottom: 15px!important
    }

    .md-pb-20 {
        padding-bottom: 20px!important
    }

    .md-pb-25 {
        padding-bottom: 25px!important
    }

    .md-pb-30 {
        padding-bottom: 30px!important
    }

    .md-pb-35 {
        padding-bottom: 35px!important
    }

    .md-pb-40 {
        padding-bottom: 40px!important
    }

    .md-pb-45 {
        padding-bottom: 45px!important
    }

    .md-pb-50 {
        padding-bottom: 50px!important
    }

    .md-pb-55 {
        padding-bottom: 55px!important
    }

    .md-pb-60 {
        padding-bottom: 60px!important
    }

    .md-pb-65 {
        padding-bottom: 65px!important
    }

    .md-pb-70 {
        padding-bottom: 70px!important
    }

    .md-pb-75 {
        padding-bottom: 75px!important
    }

    .md-pb-80 {
        padding-bottom: 80px!important
    }

    .md-pb-85 {
        padding-bottom: 85px!important
    }

    .md-pb-90 {
        padding-bottom: 90px!important
    }

    .md-pb-95 {
        padding-bottom: 95px!important
    }

    .md-pb-100 {
        padding-bottom: 100px!important
    }

    .md-pb-105 {
        padding-bottom: 105px!important
    }

    .md-pb-110 {
        padding-bottom: 110px!important
    }

    .md-pb-115 {
        padding-bottom: 115px!important
    }

    .md-pb-120 {
        padding-bottom: 120px!important
    }

    .md-pb-125 {
        padding-bottom: 125px!important
    }

    .md-pb-130 {
        padding-bottom: 130px!important
    }

    .md-pb-135 {
        padding-bottom: 135px!important
    }

    .md-pb-140 {
        padding-bottom: 140px!important
    }

    .md-pb-145 {
        padding-bottom: 145px!important
    }

    .md-pb-150 {
        padding-bottom: 150px!important
    }

    .md-pl-0 {
        padding-left: 0!important
    }

    .md-pl-5 {
        padding-left: 5px!important
    }

    .md-pl-10 {
        padding-left: 10px!important
    }

    .md-pl-15 {
        padding-left: 15px!important
    }

    .md-pl-20 {
        padding-left: 20px!important
    }

    .md-pl-25 {
        padding-left: 25px!important
    }

    .md-pl-30 {
        padding-left: 30px!important
    }

    .md-pl-35 {
        padding-left: 35px!important
    }

    .md-pl-40 {
        padding-left: 40px!important
    }

    .md-pl-45 {
        padding-left: 45px!important
    }

    .md-pl-50 {
        padding-left: 50px!important
    }

    .md-pl-55 {
        padding-left: 55px!important
    }

    .md-pl-60 {
        padding-left: 60px!important
    }

    .md-pl-65 {
        padding-left: 65px!important
    }

    .md-pl-70 {
        padding-left: 70px!important
    }

    .md-pl-75 {
        padding-left: 75px!important
    }

    .md-pl-80 {
        padding-left: 80px!important
    }

    .md-pl-85 {
        padding-left: 85px!important
    }

    .md-pl-90 {
        padding-left: 90px!important
    }

    .md-pl-95 {
        padding-left: 95px!important
    }

    .md-pl-100 {
        padding-left: 100px!important
    }

    .md-pl-105 {
        padding-left: 105px!important
    }

    .md-pl-110 {
        padding-left: 110px!important
    }

    .md-pl-115 {
        padding-left: 115px!important
    }

    .md-pl-120 {
        padding-left: 120px!important
    }

    .md-pl-125 {
        padding-left: 125px!important
    }

    .md-pl-130 {
        padding-left: 130px!important
    }

    .md-pl-135 {
        padding-left: 135px!important
    }

    .md-pl-140 {
        padding-left: 140px!important
    }

    .md-pl-145 {
        padding-left: 145px!important
    }

    .md-pl-150 {
        padding-left: 150px!important
    }

    .md-m-0 {
        margin: 0!important
    }

    .md-m-5 {
        margin: 5px!important
    }

    .md-m-10 {
        margin: 10px!important
    }

    .md-m-15 {
        margin: 15px!important
    }

    .md-m-20 {
        margin: 20px!important
    }

    .md-m-25 {
        margin: 25px!important
    }

    .md-m-30 {
        margin: 30px!important
    }

    .md-m-35 {
        margin: 35px!important
    }

    .md-m-40 {
        margin: 40px!important
    }

    .md-m-45 {
        margin: 45px!important
    }

    .md-m-50 {
        margin: 50px!important
    }

    .md-m-55 {
        margin: 55px!important
    }

    .md-m-60 {
        margin: 60px!important
    }

    .md-m-65 {
        margin: 65px!important
    }

    .md-m-70 {
        margin: 70px!important
    }

    .md-m-75 {
        margin: 75px!important
    }

    .md-m-80 {
        margin: 80px!important
    }

    .md-m-85 {
        margin: 85px!important
    }

    .md-m-90 {
        margin: 90px!important
    }

    .md-m-95 {
        margin: 95px!important
    }

    .md-m-100 {
        margin: 100px!important
    }

    .md-m-105 {
        margin: 105px!important
    }

    .md-m-110 {
        margin: 110px!important
    }

    .md-m-115 {
        margin: 115px!important
    }

    .md-m-120 {
        margin: 120px!important
    }

    .md-m-125 {
        margin: 125px!important
    }

    .md-m-130 {
        margin: 130px!important
    }

    .md-m-135 {
        margin: 135px!important
    }

    .md-m-140 {
        margin: 140px!important
    }

    .md-m-145 {
        margin: 145px!important
    }

    .md-m-150 {
        margin: 150px!important
    }

    .md-mt-0 {
        margin-top: 0!important
    }

    .md-mt-5 {
        margin-top: 5px!important
    }

    .md-mt-10 {
        margin-top: 10px!important
    }

    .md-mt-15 {
        margin-top: 15px!important
    }

    .md-mt-20 {
        margin-top: 20px!important
    }

    .md-mt-25 {
        margin-top: 25px!important
    }

    .md-mt-30 {
        margin-top: 30px!important
    }

    .md-mt-35 {
        margin-top: 35px!important
    }

    .md-mt-40 {
        margin-top: 40px!important
    }

    .md-mt-45 {
        margin-top: 45px!important
    }

    .md-mt-50 {
        margin-top: 50px!important
    }

    .md-mt-55 {
        margin-top: 55px!important
    }

    .md-mt-60 {
        margin-top: 60px!important
    }

    .md-mt-65 {
        margin-top: 65px!important
    }

    .md-mt-70 {
        margin-top: 70px!important
    }

    .md-mt-75 {
        margin-top: 75px!important
    }

    .md-mt-80 {
        margin-top: 80px!important
    }

    .md-mt-85 {
        margin-top: 85px!important
    }

    .md-mt-90 {
        margin-top: 90px!important
    }

    .md-mt-95 {
        margin-top: 95px!important
    }

    .md-mt-100 {
        margin-top: 100px!important
    }

    .md-mt-105 {
        margin-top: 105px!important
    }

    .md-mt-110 {
        margin-top: 110px!important
    }

    .md-mt-115 {
        margin-top: 115px!important
    }

    .md-mt-120 {
        margin-top: 120px!important
    }

    .md-mt-125 {
        margin-top: 125px!important
    }

    .md-mt-130 {
        margin-top: 130px!important
    }

    .md-mt-135 {
        margin-top: 135px!important
    }

    .md-mt-140 {
        margin-top: 140px!important
    }

    .md-mt-145 {
        margin-top: 145px!important
    }

    .md-mt-150 {
        margin-top: 150px!important
    }

    .md-mr-0 {
        margin-right: 0!important
    }

    .md-mr-5 {
        margin-right: 5px!important
    }

    .md-mr-10 {
        margin-right: 10px!important
    }

    .md-mr-15 {
        margin-right: 15px!important
    }

    .md-mr-20 {
        margin-right: 20px!important
    }

    .md-mr-25 {
        margin-right: 25px!important
    }

    .md-mr-30 {
        margin-right: 30px!important
    }

    .md-mr-35 {
        margin-right: 35px!important
    }

    .md-mr-40 {
        margin-right: 40px!important
    }

    .md-mr-45 {
        margin-right: 45px!important
    }

    .md-mr-50 {
        margin-right: 50px!important
    }

    .md-mr-55 {
        margin-right: 55px!important
    }

    .md-mr-60 {
        margin-right: 60px!important
    }

    .md-mr-65 {
        margin-right: 65px!important
    }

    .md-mr-70 {
        margin-right: 70px!important
    }

    .md-mr-75 {
        margin-right: 75px!important
    }

    .md-mr-80 {
        margin-right: 80px!important
    }

    .md-mr-85 {
        margin-right: 85px!important
    }

    .md-mr-90 {
        margin-right: 90px!important
    }

    .md-mr-95 {
        margin-right: 95px!important
    }

    .md-mr-100 {
        margin-right: 100px!important
    }

    .md-mr-105 {
        margin-right: 105px!important
    }

    .md-mr-110 {
        margin-right: 110px!important
    }

    .md-mr-115 {
        margin-right: 115px!important
    }

    .md-mr-120 {
        margin-right: 120px!important
    }

    .md-mr-125 {
        margin-right: 125px!important
    }

    .md-mr-130 {
        margin-right: 130px!important
    }

    .md-mr-135 {
        margin-right: 135px!important
    }

    .md-mr-140 {
        margin-right: 140px!important
    }

    .md-mr-145 {
        margin-right: 145px!important
    }

    .md-mr-150 {
        margin-right: 150px!important
    }

    .md-mb-0 {
        margin-bottom: 0!important
    }

    .md-mb-5 {
        margin-bottom: 5px!important
    }

    .md-mb-10 {
        margin-bottom: 10px!important
    }

    .md-mb-15 {
        margin-bottom: 15px!important
    }

    .md-mb-20 {
        margin-bottom: 20px!important
    }

    .md-mb-25 {
        margin-bottom: 25px!important
    }

    .md-mb-30 {
        margin-bottom: 30px!important
    }

    .md-mb-35 {
        margin-bottom: 35px!important
    }

    .md-mb-40 {
        margin-bottom: 40px!important
    }

    .md-mb-45 {
        margin-bottom: 45px!important
    }

    .md-mb-50 {
        margin-bottom: 50px!important
    }

    .md-mb-55 {
        margin-bottom: 55px!important
    }

    .md-mb-60 {
        margin-bottom: 60px!important
    }

    .md-mb-65 {
        margin-bottom: 65px!important
    }

    .md-mb-70 {
        margin-bottom: 70px!important
    }

    .md-mb-75 {
        margin-bottom: 75px!important
    }

    .md-mb-80 {
        margin-bottom: 80px!important
    }

    .md-mb-85 {
        margin-bottom: 85px!important
    }

    .md-mb-90 {
        margin-bottom: 90px!important
    }

    .md-mb-95 {
        margin-bottom: 95px!important
    }

    .md-mb-100 {
        margin-bottom: 100px!important
    }

    .md-mb-105 {
        margin-bottom: 105px!important
    }

    .md-mb-110 {
        margin-bottom: 110px!important
    }

    .md-mb-115 {
        margin-bottom: 115px!important
    }

    .md-mb-120 {
        margin-bottom: 120px!important
    }

    .md-mb-125 {
        margin-bottom: 125px!important
    }

    .md-mb-130 {
        margin-bottom: 130px!important
    }

    .md-mb-135 {
        margin-bottom: 135px!important
    }

    .md-mb-140 {
        margin-bottom: 140px!important
    }

    .md-mb-145 {
        margin-bottom: 145px!important
    }

    .md-mb-150 {
        margin-bottom: 150px!important
    }

    .md-ml-0 {
        margin-left: 0!important
    }

    .md-ml-5 {
        margin-left: 5px!important
    }

    .md-ml-10 {
        margin-left: 10px!important
    }

    .md-ml-15 {
        margin-left: 15px!important
    }

    .md-ml-20 {
        margin-left: 20px!important
    }

    .md-ml-25 {
        margin-left: 25px!important
    }

    .md-ml-30 {
        margin-left: 30px!important
    }

    .md-ml-35 {
        margin-left: 35px!important
    }

    .md-ml-40 {
        margin-left: 40px!important
    }

    .md-ml-45 {
        margin-left: 45px!important
    }

    .md-ml-50 {
        margin-left: 50px!important
    }

    .md-ml-55 {
        margin-left: 55px!important
    }

    .md-ml-60 {
        margin-left: 60px!important
    }

    .md-ml-65 {
        margin-left: 65px!important
    }

    .md-ml-70 {
        margin-left: 70px!important
    }

    .md-ml-75 {
        margin-left: 75px!important
    }

    .md-ml-80 {
        margin-left: 80px!important
    }

    .md-ml-85 {
        margin-left: 85px!important
    }

    .md-ml-90 {
        margin-left: 90px!important
    }

    .md-ml-95 {
        margin-left: 95px!important
    }

    .md-ml-100 {
        margin-left: 100px!important
    }

    .md-ml-105 {
        margin-left: 105px!important
    }

    .md-ml-110 {
        margin-left: 110px!important
    }

    .md-ml-115 {
        margin-left: 115px!important
    }

    .md-ml-120 {
        margin-left: 120px!important
    }

    .md-ml-125 {
        margin-left: 125px!important
    }

    .md-ml-130 {
        margin-left: 130px!important
    }

    .md-ml-135 {
        margin-left: 135px!important
    }

    .md-ml-140 {
        margin-left: 140px!important
    }

    .md-ml-145 {
        margin-left: 145px!important
    }

    .md-ml-150 {
        margin-left: 150px!important
    }
}

@media screen and (min-width: 1120px) {
    .lg-p-0 {
        padding:0!important
    }

    .lg-p-5 {
        padding: 5px!important
    }

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

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

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

    .lg-p-25 {
        padding: 25px!important
    }

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

    .lg-p-35 {
        padding: 35px!important
    }

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

    .lg-p-45 {
        padding: 45px!important
    }

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

    .lg-p-55 {
        padding: 55px!important
    }

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

    .lg-p-65 {
        padding: 65px!important
    }

    .lg-p-70 {
        padding: 70px!important
    }

    .lg-p-75 {
        padding: 75px!important
    }

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

    .lg-p-85 {
        padding: 85px!important
    }

    .lg-p-90 {
        padding: 90px!important
    }

    .lg-p-95 {
        padding: 95px!important
    }

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

    .lg-p-105 {
        padding: 105px!important
    }

    .lg-p-110 {
        padding: 110px!important
    }

    .lg-p-115 {
        padding: 115px!important
    }

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

    .lg-p-125 {
        padding: 125px!important
    }

    .lg-p-130 {
        padding: 130px!important
    }

    .lg-p-135 {
        padding: 135px!important
    }

    .lg-p-140 {
        padding: 140px!important
    }

    .lg-p-145 {
        padding: 145px!important
    }

    .lg-p-150 {
        padding: 150px!important
    }

    .lg-pt-0 {
        padding-top: 0!important
    }

    .lg-pt-5 {
        padding-top: 5px!important
    }

    .lg-pt-10 {
        padding-top: 10px!important
    }

    .lg-pt-15 {
        padding-top: 15px!important
    }

    .lg-pt-20 {
        padding-top: 20px!important
    }

    .lg-pt-25 {
        padding-top: 25px!important
    }

    .lg-pt-30 {
        padding-top: 30px!important
    }

    .lg-pt-35 {
        padding-top: 35px!important
    }

    .lg-pt-40 {
        padding-top: 40px!important
    }

    .lg-pt-45 {
        padding-top: 45px!important
    }

    .lg-pt-50 {
        padding-top: 50px!important
    }

    .lg-pt-55 {
        padding-top: 55px!important
    }

    .lg-pt-60 {
        padding-top: 60px!important
    }

    .lg-pt-65 {
        padding-top: 65px!important
    }

    .lg-pt-70 {
        padding-top: 70px!important
    }

    .lg-pt-75 {
        padding-top: 75px!important
    }

    .lg-pt-80 {
        padding-top: 80px!important
    }

    .lg-pt-85 {
        padding-top: 85px!important
    }

    .lg-pt-90 {
        padding-top: 90px!important
    }

    .lg-pt-95 {
        padding-top: 95px!important
    }

    .lg-pt-100 {
        padding-top: 100px!important
    }

    .lg-pt-105 {
        padding-top: 105px!important
    }

    .lg-pt-110 {
        padding-top: 110px!important
    }

    .lg-pt-115 {
        padding-top: 115px!important
    }

    .lg-pt-120 {
        padding-top: 120px!important
    }

    .lg-pt-125 {
        padding-top: 125px!important
    }

    .lg-pt-130 {
        padding-top: 130px!important
    }

    .lg-pt-135 {
        padding-top: 135px!important
    }

    .lg-pt-140 {
        padding-top: 140px!important
    }

    .lg-pt-145 {
        padding-top: 145px!important
    }

    .lg-pt-150 {
        padding-top: 150px!important
    }

    .lg-pr-0 {
        padding-right: 0!important
    }

    .lg-pr-5 {
        padding-right: 5px!important
    }

    .lg-pr-10 {
        padding-right: 10px!important
    }

    .lg-pr-15 {
        padding-right: 15px!important
    }

    .lg-pr-20 {
        padding-right: 20px!important
    }

    .lg-pr-25 {
        padding-right: 25px!important
    }

    .lg-pr-30 {
        padding-right: 30px!important
    }

    .lg-pr-35 {
        padding-right: 35px!important
    }

    .lg-pr-40 {
        padding-right: 40px!important
    }

    .lg-pr-45 {
        padding-right: 45px!important
    }

    .lg-pr-50 {
        padding-right: 50px!important
    }

    .lg-pr-55 {
        padding-right: 55px!important
    }

    .lg-pr-60 {
        padding-right: 60px!important
    }

    .lg-pr-65 {
        padding-right: 65px!important
    }

    .lg-pr-70 {
        padding-right: 70px!important
    }

    .lg-pr-75 {
        padding-right: 75px!important
    }

    .lg-pr-80 {
        padding-right: 80px!important
    }

    .lg-pr-85 {
        padding-right: 85px!important
    }

    .lg-pr-90 {
        padding-right: 90px!important
    }

    .lg-pr-95 {
        padding-right: 95px!important
    }

    .lg-pr-100 {
        padding-right: 100px!important
    }

    .lg-pr-105 {
        padding-right: 105px!important
    }

    .lg-pr-110 {
        padding-right: 110px!important
    }

    .lg-pr-115 {
        padding-right: 115px!important
    }

    .lg-pr-120 {
        padding-right: 120px!important
    }

    .lg-pr-125 {
        padding-right: 125px!important
    }

    .lg-pr-130 {
        padding-right: 130px!important
    }

    .lg-pr-135 {
        padding-right: 135px!important
    }

    .lg-pr-140 {
        padding-right: 140px!important
    }

    .lg-pr-145 {
        padding-right: 145px!important
    }

    .lg-pr-150 {
        padding-right: 150px!important
    }

    .lg-pb-0 {
        padding-bottom: 0!important
    }

    .lg-pb-5 {
        padding-bottom: 5px!important
    }

    .lg-pb-10 {
        padding-bottom: 10px!important
    }

    .lg-pb-15 {
        padding-bottom: 15px!important
    }

    .lg-pb-20 {
        padding-bottom: 20px!important
    }

    .lg-pb-25 {
        padding-bottom: 25px!important
    }

    .lg-pb-30 {
        padding-bottom: 30px!important
    }

    .lg-pb-35 {
        padding-bottom: 35px!important
    }

    .lg-pb-40 {
        padding-bottom: 40px!important
    }

    .lg-pb-45 {
        padding-bottom: 45px!important
    }

    .lg-pb-50 {
        padding-bottom: 50px!important
    }

    .lg-pb-55 {
        padding-bottom: 55px!important
    }

    .lg-pb-60 {
        padding-bottom: 60px!important
    }

    .lg-pb-65 {
        padding-bottom: 65px!important
    }

    .lg-pb-70 {
        padding-bottom: 70px!important
    }

    .lg-pb-75 {
        padding-bottom: 75px!important
    }

    .lg-pb-80 {
        padding-bottom: 80px!important
    }

    .lg-pb-85 {
        padding-bottom: 85px!important
    }

    .lg-pb-90 {
        padding-bottom: 90px!important
    }

    .lg-pb-95 {
        padding-bottom: 95px!important
    }

    .lg-pb-100 {
        padding-bottom: 100px!important
    }

    .lg-pb-105 {
        padding-bottom: 105px!important
    }

    .lg-pb-110 {
        padding-bottom: 110px!important
    }

    .lg-pb-115 {
        padding-bottom: 115px!important
    }

    .lg-pb-120 {
        padding-bottom: 120px!important
    }

    .lg-pb-125 {
        padding-bottom: 125px!important
    }

    .lg-pb-130 {
        padding-bottom: 130px!important
    }

    .lg-pb-135 {
        padding-bottom: 135px!important
    }

    .lg-pb-140 {
        padding-bottom: 140px!important
    }

    .lg-pb-145 {
        padding-bottom: 145px!important
    }

    .lg-pb-150 {
        padding-bottom: 150px!important
    }

    .lg-pl-0 {
        padding-left: 0!important
    }

    .lg-pl-5 {
        padding-left: 5px!important
    }

    .lg-pl-10 {
        padding-left: 10px!important
    }

    .lg-pl-15 {
        padding-left: 15px!important
    }

    .lg-pl-20 {
        padding-left: 20px!important
    }

    .lg-pl-25 {
        padding-left: 25px!important
    }

    .lg-pl-30 {
        padding-left: 30px!important
    }

    .lg-pl-35 {
        padding-left: 35px!important
    }

    .lg-pl-40 {
        padding-left: 40px!important
    }

    .lg-pl-45 {
        padding-left: 45px!important
    }

    .lg-pl-50 {
        padding-left: 50px!important
    }

    .lg-pl-55 {
        padding-left: 55px!important
    }

    .lg-pl-60 {
        padding-left: 60px!important
    }

    .lg-pl-65 {
        padding-left: 65px!important
    }

    .lg-pl-70 {
        padding-left: 70px!important
    }

    .lg-pl-75 {
        padding-left: 75px!important
    }

    .lg-pl-80 {
        padding-left: 80px!important
    }

    .lg-pl-85 {
        padding-left: 85px!important
    }

    .lg-pl-90 {
        padding-left: 90px!important
    }

    .lg-pl-95 {
        padding-left: 95px!important
    }

    .lg-pl-100 {
        padding-left: 100px!important
    }

    .lg-pl-105 {
        padding-left: 105px!important
    }

    .lg-pl-110 {
        padding-left: 110px!important
    }

    .lg-pl-115 {
        padding-left: 115px!important
    }

    .lg-pl-120 {
        padding-left: 120px!important
    }

    .lg-pl-125 {
        padding-left: 125px!important
    }

    .lg-pl-130 {
        padding-left: 130px!important
    }

    .lg-pl-135 {
        padding-left: 135px!important
    }

    .lg-pl-140 {
        padding-left: 140px!important
    }

    .lg-pl-145 {
        padding-left: 145px!important
    }

    .lg-pl-150 {
        padding-left: 150px!important
    }

    .lg-m-0 {
        margin: 0!important
    }

    .lg-m-5 {
        margin: 5px!important
    }

    .lg-m-10 {
        margin: 10px!important
    }

    .lg-m-15 {
        margin: 15px!important
    }

    .lg-m-20 {
        margin: 20px!important
    }

    .lg-m-25 {
        margin: 25px!important
    }

    .lg-m-30 {
        margin: 30px!important
    }

    .lg-m-35 {
        margin: 35px!important
    }

    .lg-m-40 {
        margin: 40px!important
    }

    .lg-m-45 {
        margin: 45px!important
    }

    .lg-m-50 {
        margin: 50px!important
    }

    .lg-m-55 {
        margin: 55px!important
    }

    .lg-m-60 {
        margin: 60px!important
    }

    .lg-m-65 {
        margin: 65px!important
    }

    .lg-m-70 {
        margin: 70px!important
    }

    .lg-m-75 {
        margin: 75px!important
    }

    .lg-m-80 {
        margin: 80px!important
    }

    .lg-m-85 {
        margin: 85px!important
    }

    .lg-m-90 {
        margin: 90px!important
    }

    .lg-m-95 {
        margin: 95px!important
    }

    .lg-m-100 {
        margin: 100px!important
    }

    .lg-m-105 {
        margin: 105px!important
    }

    .lg-m-110 {
        margin: 110px!important
    }

    .lg-m-115 {
        margin: 115px!important
    }

    .lg-m-120 {
        margin: 120px!important
    }

    .lg-m-125 {
        margin: 125px!important
    }

    .lg-m-130 {
        margin: 130px!important
    }

    .lg-m-135 {
        margin: 135px!important
    }

    .lg-m-140 {
        margin: 140px!important
    }

    .lg-m-145 {
        margin: 145px!important
    }

    .lg-m-150 {
        margin: 150px!important
    }

    .lg-mt-0 {
        margin-top: 0!important
    }

    .lg-mt-5 {
        margin-top: 5px!important
    }

    .lg-mt-10 {
        margin-top: 10px!important
    }

    .lg-mt-15 {
        margin-top: 15px!important
    }

    .lg-mt-20 {
        margin-top: 20px!important
    }

    .lg-mt-25 {
        margin-top: 25px!important
    }

    .lg-mt-30 {
        margin-top: 30px!important
    }

    .lg-mt-35 {
        margin-top: 35px!important
    }

    .lg-mt-40 {
        margin-top: 40px!important
    }

    .lg-mt-45 {
        margin-top: 45px!important
    }

    .lg-mt-50 {
        margin-top: 50px!important
    }

    .lg-mt-55 {
        margin-top: 55px!important
    }

    .lg-mt-60 {
        margin-top: 60px!important
    }

    .lg-mt-65 {
        margin-top: 65px!important
    }

    .lg-mt-70 {
        margin-top: 70px!important
    }

    .lg-mt-75 {
        margin-top: 75px!important
    }

    .lg-mt-80 {
        margin-top: 80px!important
    }

    .lg-mt-85 {
        margin-top: 85px!important
    }

    .lg-mt-90 {
        margin-top: 90px!important
    }

    .lg-mt-95 {
        margin-top: 95px!important
    }

    .lg-mt-100 {
        margin-top: 100px!important
    }

    .lg-mt-105 {
        margin-top: 105px!important
    }

    .lg-mt-110 {
        margin-top: 110px!important
    }

    .lg-mt-115 {
        margin-top: 115px!important
    }

    .lg-mt-120 {
        margin-top: 120px!important
    }

    .lg-mt-125 {
        margin-top: 125px!important
    }

    .lg-mt-130 {
        margin-top: 130px!important
    }

    .lg-mt-135 {
        margin-top: 135px!important
    }

    .lg-mt-140 {
        margin-top: 140px!important
    }

    .lg-mt-145 {
        margin-top: 145px!important
    }

    .lg-mt-150 {
        margin-top: 150px!important
    }

    .lg-mr-0 {
        margin-right: 0!important
    }

    .lg-mr-5 {
        margin-right: 5px!important
    }

    .lg-mr-10 {
        margin-right: 10px!important
    }

    .lg-mr-15 {
        margin-right: 15px!important
    }

    .lg-mr-20 {
        margin-right: 20px!important
    }

    .lg-mr-25 {
        margin-right: 25px!important
    }

    .lg-mr-30 {
        margin-right: 30px!important
    }

    .lg-mr-35 {
        margin-right: 35px!important
    }

    .lg-mr-40 {
        margin-right: 40px!important
    }

    .lg-mr-45 {
        margin-right: 45px!important
    }

    .lg-mr-50 {
        margin-right: 50px!important
    }

    .lg-mr-55 {
        margin-right: 55px!important
    }

    .lg-mr-60 {
        margin-right: 60px!important
    }

    .lg-mr-65 {
        margin-right: 65px!important
    }

    .lg-mr-70 {
        margin-right: 70px!important
    }

    .lg-mr-75 {
        margin-right: 75px!important
    }

    .lg-mr-80 {
        margin-right: 80px!important
    }

    .lg-mr-85 {
        margin-right: 85px!important
    }

    .lg-mr-90 {
        margin-right: 90px!important
    }

    .lg-mr-95 {
        margin-right: 95px!important
    }

    .lg-mr-100 {
        margin-right: 100px!important
    }

    .lg-mr-105 {
        margin-right: 105px!important
    }

    .lg-mr-110 {
        margin-right: 110px!important
    }

    .lg-mr-115 {
        margin-right: 115px!important
    }

    .lg-mr-120 {
        margin-right: 120px!important
    }

    .lg-mr-125 {
        margin-right: 125px!important
    }

    .lg-mr-130 {
        margin-right: 130px!important
    }

    .lg-mr-135 {
        margin-right: 135px!important
    }

    .lg-mr-140 {
        margin-right: 140px!important
    }

    .lg-mr-145 {
        margin-right: 145px!important
    }

    .lg-mr-150 {
        margin-right: 150px!important
    }

    .lg-mb-0 {
        margin-bottom: 0!important
    }

    .lg-mb-5 {
        margin-bottom: 5px!important
    }

    .lg-mb-10 {
        margin-bottom: 10px!important
    }

    .lg-mb-15 {
        margin-bottom: 15px!important
    }

    .lg-mb-20 {
        margin-bottom: 20px!important
    }

    .lg-mb-25 {
        margin-bottom: 25px!important
    }

    .lg-mb-30 {
        margin-bottom: 30px!important
    }

    .lg-mb-35 {
        margin-bottom: 35px!important
    }

    .lg-mb-40 {
        margin-bottom: 40px!important
    }

    .lg-mb-45 {
        margin-bottom: 45px!important
    }

    .lg-mb-50 {
        margin-bottom: 50px!important
    }

    .lg-mb-55 {
        margin-bottom: 55px!important
    }

    .lg-mb-60 {
        margin-bottom: 60px!important
    }

    .lg-mb-65 {
        margin-bottom: 65px!important
    }

    .lg-mb-70 {
        margin-bottom: 70px!important
    }

    .lg-mb-75 {
        margin-bottom: 75px!important
    }

    .lg-mb-80 {
        margin-bottom: 80px!important
    }

    .lg-mb-85 {
        margin-bottom: 85px!important
    }

    .lg-mb-90 {
        margin-bottom: 90px!important
    }

    .lg-mb-95 {
        margin-bottom: 95px!important
    }

    .lg-mb-100 {
        margin-bottom: 100px!important
    }

    .lg-mb-105 {
        margin-bottom: 105px!important
    }

    .lg-mb-110 {
        margin-bottom: 110px!important
    }

    .lg-mb-115 {
        margin-bottom: 115px!important
    }

    .lg-mb-120 {
        margin-bottom: 120px!important
    }

    .lg-mb-125 {
        margin-bottom: 125px!important
    }

    .lg-mb-130 {
        margin-bottom: 130px!important
    }

    .lg-mb-135 {
        margin-bottom: 135px!important
    }

    .lg-mb-140 {
        margin-bottom: 140px!important
    }

    .lg-mb-145 {
        margin-bottom: 145px!important
    }

    .lg-mb-150 {
        margin-bottom: 150px!important
    }

    .lg-ml-0 {
        margin-left: 0!important
    }

    .lg-ml-5 {
        margin-left: 5px!important
    }

    .lg-ml-10 {
        margin-left: 10px!important
    }

    .lg-ml-15 {
        margin-left: 15px!important
    }

    .lg-ml-20 {
        margin-left: 20px!important
    }

    .lg-ml-25 {
        margin-left: 25px!important
    }

    .lg-ml-30 {
        margin-left: 30px!important
    }

    .lg-ml-35 {
        margin-left: 35px!important
    }

    .lg-ml-40 {
        margin-left: 40px!important
    }

    .lg-ml-45 {
        margin-left: 45px!important
    }

    .lg-ml-50 {
        margin-left: 50px!important
    }

    .lg-ml-55 {
        margin-left: 55px!important
    }

    .lg-ml-60 {
        margin-left: 60px!important
    }

    .lg-ml-65 {
        margin-left: 65px!important
    }

    .lg-ml-70 {
        margin-left: 70px!important
    }

    .lg-ml-75 {
        margin-left: 75px!important
    }

    .lg-ml-80 {
        margin-left: 80px!important
    }

    .lg-ml-85 {
        margin-left: 85px!important
    }

    .lg-ml-90 {
        margin-left: 90px!important
    }

    .lg-ml-95 {
        margin-left: 95px!important
    }

    .lg-ml-100 {
        margin-left: 100px!important
    }

    .lg-ml-105 {
        margin-left: 105px!important
    }

    .lg-ml-110 {
        margin-left: 110px!important
    }

    .lg-ml-115 {
        margin-left: 115px!important
    }

    .lg-ml-120 {
        margin-left: 120px!important
    }

    .lg-ml-125 {
        margin-left: 125px!important
    }

    .lg-ml-130 {
        margin-left: 130px!important
    }

    .lg-ml-135 {
        margin-left: 135px!important
    }

    .lg-ml-140 {
        margin-left: 140px!important
    }

    .lg-ml-145 {
        margin-left: 145px!important
    }

    .lg-ml-150 {
        margin-left: 150px!important
    }
}

.deep-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}

.deep-1-hover:hover,.deep-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.deep-2-hover:hover,.deep-3 {
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.deep-3-hover:hover,.deep-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}

.deep-4-hover:hover,.deep-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)
}

.deep,.deep-5-hover:hover {
    box-shadow: 0 1px 10px -5px rgba(0,0,0,.5),0 2px 12px -5px rgba(0,0,0,.5)
}

.basic-shadow {
    box-shadow: 0 5px 6px -5px rgba(0,0,0,.12)
}

.mini-shadow {
    box-shadow: 0 1px 5px -3px rgba(0,0,0,.12),1px 0 5px -3px rgba(0,0,0,.12)
}

.default-shadow {
    box-shadow: 0 1px 1px rgba(0,0,0,.2)
}

.bg-orange {
    background-color: #ff5722!important;
    color: #fff!important
}

.bg-secondary {
    background-color: #9e9e9e!important;
    color: #fff!important
}

.bg-purple {
    background-color: #605ca8!important;
    color: #fff!important
}

.bg-success {
    background-color: #00a65a!important;
    color: #fff!important
}

.bg-primary {
    background-color: #2196f3!important;
    color: #fff!important
}

.bg-danger {
    background-color: #f44336!important
}

.bg-danger,.bg-info {
    color: #fff!important
}

.bg-info {
    background-color: #00bcd4!important
}

.bg-warning {
    background-color: #ff9800!important;
    color: #fff!important
}

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

.bg-red,.bg-yellow {
    color: #fff!important
}

.bg-red {
    background-color: #f44336!important
}

@media (max-width: 767px) {
    .btn-xs-block {
        display:block;
        width: 100%
    }
}

@media (max-width: 991px) {
    .btn-sm-block {
        display:block;
        width: 100%
    }
}

@media (max-width: 1199px) {
    .btn-md-block {
        display:block;
        width: 100%
    }
}

.btn-facebook {
    background-color: #1877f2!important
}

.btn-facebook,.btn-facebook.active,.btn-facebook.hover,.btn-facebook:active,.btn-facebook:hover,.btn-twitter {
    color: #fff!important
}

.btn-twitter {
    background-color: #1da1f2!important
}

.btn-twitter.active,.btn-twitter.hover,.btn-twitter:active,.btn-twitter:hover,.btn-youtube {
    color: #fff!important
}

.btn-youtube {
    background-color: red!important
}

.btn-instagram,.btn-youtube.active,.btn-youtube.hover,.btn-youtube:active,.btn-youtube:hover {
    color: #fff!important
}

.btn-instagram {
    background-color: #c32aa3!important
}

.btn-instagram.active,.btn-instagram.hover,.btn-instagram:active,.btn-instagram:hover,.btn-pinterest {
    color: #fff!important
}

.btn-pinterest {
    background-color: #bd081c!important
}

.btn-linkedin,.btn-pinterest.active,.btn-pinterest.hover,.btn-pinterest:active,.btn-pinterest:hover {
    color: #fff!important
}

.btn-linkedin {
    background-color: #0a66c2!important
}

.btn-google-plus,.btn-linkedin.active,.btn-linkedin.hover,.btn-linkedin:active,.btn-linkedin:hover {
    color: #fff!important
}

.btn-google-plus {
    background-color: #db4437!important
}

.btn-google-plus.active,.btn-google-plus.hover,.btn-google-plus:active,.btn-google-plus:hover,.btn-whatsapp {
    color: #fff!important
}

.btn-whatsapp {
    background-color: #25d366!important
}

.btn-whatsapp.active,.btn-whatsapp.hover,.btn-whatsapp:active,.btn-whatsapp:hover {
    color: #fff!important
}

.social.facebook {
    background-color: #1877f2;
    color: #fff
}

.social.anima.facebook {
    background-color: initial;
    border: 2px solid #1877f2
}

.social.anima.facebook>i {
    color: #1877f2
}

.social.anima:hover.facebook {
    background-color: #1877f2
}

.social.anima:hover.facebook>i {
    color: #fff
}

.social.twitter {
    background-color: #1da1f2;
    color: #fff
}

.social.anima.twitter {
    background-color: initial;
    border: 2px solid #1da1f2
}

.social.anima.twitter>i {
    color: #1da1f2
}

.social.anima:hover.twitter {
    background-color: #1da1f2
}

.social.anima:hover.twitter>i {
    color: #fff
}

.social.youtube {
    background-color: red;
    color: #fff
}

.social.anima.youtube {
    background-color: initial;
    border: 2px solid red
}

.social.anima.youtube>i {
    color: red
}

.social.anima:hover.youtube {
    background-color: red
}

.social.anima:hover.youtube>i {
    color: #fff
}

.social.instagram {
    background-color: #c32aa3;
    color: #fff
}

.social.anima.instagram {
    background-color: initial;
    border: 2px solid #c32aa3
}

.social.anima.instagram>i {
    color: #c32aa3
}

.social.anima:hover.instagram {
    background-color: #c32aa3
}

.social.anima:hover.instagram>i {
    color: #fff
}

.social.pinterest {
    background-color: #bd081c;
    color: #fff
}

.social.anima.pinterest {
    background-color: initial;
    border: 2px solid #bd081c
}

.social.anima.pinterest>i {
    color: #bd081c
}

.social.anima:hover.pinterest {
    background-color: #bd081c
}

.social.anima:hover.pinterest>i {
    color: #fff
}

.social.linkedin {
    background-color: #0a66c2;
    color: #fff
}

.social.anima.linkedin {
    background-color: initial;
    border: 2px solid #0a66c2
}

.social.anima.linkedin>i {
    color: #0a66c2
}

.social.anima:hover.linkedin {
    background-color: #0a66c2
}

.social.anima:hover.linkedin>i {
    color: #fff
}

.social.google-plus {
    background-color: #db4437;
    color: #fff
}

.social.anima.google-plus {
    background-color: initial;
    border: 2px solid #db4437
}

.social.anima.google-plus>i {
    color: #db4437
}

.social.anima:hover.google-plus {
    background-color: #db4437
}

.social.anima:hover.google-plus>i {
    color: #fff
}

.social {
    transition: all .2s ease
}

.social.whatsapp {
    background-color: #25d366;
    color: #fff
}

.social.anima.whatsapp {
    background-color: initial;
    border: 2px solid #25d366
}

.social.anima.whatsapp>i {
    color: #25d366
}

.social.anima:hover.whatsapp {
    background-color: #25d366
}

.social.anima:hover.whatsapp>i {
    color: #fff
}

.text-xs-left {
    text-align: left
}

.text-xs-right {
    text-align: right
}

.text-xs-center {
    text-align: center
}

.text-xs-justify {
    text-align: justify
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align:left
    }

    .text-sm-right {
        text-align: right
    }

    .text-sm-center {
        text-align: center
    }

    .text-sm-justify {
        text-align: justify
    }
}

@media (min-width: 992px) {
    .text-md-left {
        text-align:left
    }

    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }

    .text-md-justify {
        text-align: justify
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align:left
    }

    .text-lg-right {
        text-align: right
    }

    .text-lg-center {
        text-align: center
    }

    .text-lg-justify {
        text-align: justify
    }
}

.opacity-1 {
    opacity: .1
}

.opacity-2 {
    opacity: .2
}

.opacity-3 {
    opacity: .3
}

.opacity-4 {
    opacity: .4
}

.opacity-5 {
    opacity: .5
}

.opacity-6 {
    opacity: .6
}

.opacity-7 {
    opacity: .7
}

.opacity-8 {
    opacity: .8
}

.opacity-9 {
    opacity: .9
}

.opacity-10 {
    opacity: 1
}

@-webkit-keyframes ring {
    0% {
        transform: rotate(0)
    }

    1% {
        transform: rotate(30deg)
    }

    3% {
        transform: rotate(-28deg)
    }

    5% {
        transform: rotate(34deg)
    }

    7% {
        transform: rotate(-32deg)
    }

    9% {
        transform: rotate(30deg)
    }

    11% {
        transform: rotate(-28deg)
    }

    13% {
        transform: rotate(26deg)
    }

    15% {
        transform: rotate(-24deg)
    }

    17% {
        transform: rotate(22deg)
    }

    19% {
        transform: rotate(-20deg)
    }

    21% {
        transform: rotate(18deg)
    }

    23% {
        transform: rotate(-16deg)
    }

    25% {
        transform: rotate(14deg)
    }

    27% {
        transform: rotate(-12deg)
    }

    29% {
        transform: rotate(10deg)
    }

    31% {
        transform: rotate(-8deg)
    }

    33% {
        transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg)
    }

    37% {
        transform: rotate(2deg)
    }

    39% {
        transform: rotate(-1deg)
    }

    41% {
        transform: rotate(1deg)
    }

    43% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes ring {
    0% {
        transform: rotate(0)
    }

    1% {
        transform: rotate(30deg)
    }

    3% {
        transform: rotate(-28deg)
    }

    5% {
        transform: rotate(34deg)
    }

    7% {
        transform: rotate(-32deg)
    }

    9% {
        transform: rotate(30deg)
    }

    11% {
        transform: rotate(-28deg)
    }

    13% {
        transform: rotate(26deg)
    }

    15% {
        transform: rotate(-24deg)
    }

    17% {
        transform: rotate(22deg)
    }

    19% {
        transform: rotate(-20deg)
    }

    21% {
        transform: rotate(18deg)
    }

    23% {
        transform: rotate(-16deg)
    }

    25% {
        transform: rotate(14deg)
    }

    27% {
        transform: rotate(-12deg)
    }

    29% {
        transform: rotate(10deg)
    }

    31% {
        transform: rotate(-8deg)
    }

    33% {
        transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg)
    }

    37% {
        transform: rotate(2deg)
    }

    39% {
        transform: rotate(-1deg)
    }

    41% {
        transform: rotate(1deg)
    }

    43% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

.anim-ring .anim-elem {
    -webkit-animation: ring 3s ease-in-out .7s infinite;
    animation: ring 3s ease-in-out .7s infinite;
    transform-origin: 50% 4px
}

.max-320 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-320 {
        max-width:320px
    }
}

.max-340 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-340 {
        max-width:340px
    }
}

.max-360 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-360 {
        max-width:360px
    }
}

.max-380 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-380 {
        max-width:380px
    }
}

.max-400 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-400 {
        max-width:400px
    }
}

.max-420 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-420 {
        max-width:420px
    }
}

.max-440 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-440 {
        max-width:440px
    }
}

.max-460 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-460 {
        max-width:460px
    }
}

.max-480 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-480 {
        max-width:480px
    }
}

.max-500 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-500 {
        max-width:500px
    }
}

.max-520 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-520 {
        max-width:520px
    }
}

.max-540 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-540 {
        max-width:540px
    }
}

.max-560 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-560 {
        max-width:560px
    }
}

.max-580 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-580 {
        max-width:580px
    }
}

.max-600 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-600 {
        max-width:600px
    }
}

.max-620 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-620 {
        max-width:620px
    }
}

.max-640 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-640 {
        max-width:640px
    }
}

.max-660 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-660 {
        max-width:660px
    }
}

.max-680 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-680 {
        max-width:680px
    }
}

.max-700 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-700 {
        max-width:700px
    }
}

.max-720 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .max-720 {
        max-width:720px
    }
}

.mx-auto {
    margin: 0 auto
}

.mx-left {
    margin-left: 0
}

.w-100 {
    width: 100px
}

.mw-100 {
    max-width: 100%
}

.text-orange {
    color: #ff5722
}

.bg-orange,.label-orange {
    background-color: #ff5722;
    color: #fff
}

.text-secondary {
    color: #9e9e9e
}

.bg-secondary,.label-secondary {
    background-color: #9e9e9e;
    color: #fff
}

.text-purple {
    color: #605ca8
}

.bg-purple,.label-purple {
    background-color: #605ca8;
    color: #fff
}

.text-success {
    color: #00a65a
}

.bg-success,.label-success {
    background-color: #00a65a;
    color: #fff
}

.text-primary {
    color: #2196f3
}

.bg-primary,.label-primary {
    background-color: #2196f3;
    color: #fff
}

.text-danger {
    color: #f44336
}

.bg-danger,.label-danger {
    background-color: #f44336;
    color: #fff
}

.text-info {
    color: #00bcd4
}

.bg-info,.label-info {
    background-color: #00bcd4;
    color: #fff
}

.text-warning {
    color: #ff9800
}

.bg-warning,.label-warning {
    background-color: #ff9800;
    color: #fff
}

.text-yellow {
    color: #ffc107
}

.bg-yellow,.label-yellow {
    background-color: #ffc107;
    color: #fff
}

.text-red {
    color: #f44336
}

.bg-red,.label-red {
    background-color: #f44336;
    color: #fff
}

label.checkbox,label.radio {
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    min-height: 22px;
    position: relative
}

label.checkbox>span,label.radio>span {
    display: block;
    line-height: 22px;
    padding-left: 26px;
    position: relative
}

label.checkbox>span:after,label.checkbox>span:before,label.radio>span:after,label.radio>span:before {
    content: "";
    position: absolute
}

label.checkbox>span:before,label.radio>span:before {
    border: 2px solid #9e9e9e;
    border-radius: 2px;
    height: 22px;
    left: 0;
    top: 0;
    width: 22px
}

label.checkbox>span:after,label.radio>span:after {
    background: transparent;
    border: 2px solid #9e9e9e;
    height: 6px;
    left: 4px;
    opacity: .03;
    top: 6px;
    width: 13px
}

label.checkbox.block,label.radio.block {
    display: block!important;
    width: 100%!important
}

label.checkbox:hover:not(.disabled) input:not(:checked)+span:after,label.radio:hover:not(.disabled) input:not(:checked)+span:after {
    opacity: .3
}

label.checkbox input,label.radio input {
    bottom: 0;
    left: 0;
    margin: 0!important;
    opacity: 0;
    position: absolute;
    z-index: -1
}

label.checkbox input:checked+span:before,label.radio input:checked+span:before {
    background-color: #2196f3;
    border-color: #2196f3
}

label.checkbox input:checked+span:after,label.radio input:checked+span:after {
    border-color: #2196f3;
    opacity: 1
}

label.checkbox input[disabled]+span,label.radio input[disabled]+span {
    opacity: .6;
    pointer-events: none;
    text-decoration: line-through
}

label.checkbox:not(.block)+label.checkbox:not(.block),label.checkbox:not(.block)+label.radio:not(.block),label.radio:not(.block)+label.checkbox:not(.block),label.radio:not(.block)+label.radio:not(.block) {
    margin-left: 5px
}

label.checkbox.mini,label.radio.mini {
    font-size: .9rem;
    min-height: 18px
}

label.checkbox.mini>span:before,label.radio.mini>span:before {
    height: 18px;
    width: 18px
}

label.checkbox .popover,label.radio .popover {
    min-width: 150px
}

label.checkbox input:checked+span:after {
    border-color: #fff;
    opacity: 1
}

label.checkbox>span:after {
    border-right: none;
    border-top: none;
    color: #fff;
    transform: rotate(-45deg)
}

label.checkbox.mini>span {
    line-height: 18px
}

label.checkbox.mini>span:after {
    height: 5px;
    top: 5px;
    width: 10px
}

label.checkbox+.checkbox {
    margin-left: 3px
}

label.checkbox.block+.checkbox {
    margin-left: 0;
    margin-top: 3px
}

label.radio input:checked+span:after {
    background-color: #2196f3
}

label.radio>span:after,label.radio>span:before {
    border-radius: 15px
}

label.radio>span:after {
    background: #fff;
    height: 16px;
    left: 3px;
    top: 3px;
    width: 16px
}

label.radio.mini>span:after {
    height: 6px;
    left: 6px;
    top: 6px;
    width: 6px
}

label.radio+.radio {
    margin-left: 3px
}

label.radio.block+.radio {
    margin-left: 0;
    margin-top: 3px
}

.form-group label {
    margin-bottom: 0
}

[dir=rtl] label.checkbox,[dir=rtl] label.radio {
    left: auto;
    right: 0
}

[dir=rtl] label.checkbox>span,[dir=rtl] label.radio>span {
    padding-left: 0;
    padding-right: 26px
}

[dir=rtl] label.checkbox>span:after,[dir=rtl] label.checkbox>span:before,[dir=rtl] label.radio>span:after,[dir=rtl] label.radio>span:before {
    left: auto
}

[dir=rtl] label.checkbox>span:before,[dir=rtl] label.radio>span:before {
    right: 0
}

[dir=rtl] label.checkbox>span:after,[dir=rtl] label.radio>span:after {
    right: 4px
}

.table {
    margin-bottom: 0
}

.table:not(.basic) {
    font-size: .9rem
}

.table:not(.basic) tbody>tr>td,.table:not(.basic) tbody>tr>th,.table:not(.basic) tfoot>tr>td,.table:not(.basic) tfoot>tr>th,.table:not(.basic) thead>tr>td,.table:not(.basic) thead>tr>th {
    padding: 3px 6px
}

.table tfoot>tr>td.sticky-column,.table tfoot>tr>th.sticky-column,.table thead>tr>td.sticky-column,.table thead>tr>th.sticky-column {
    z-index: 2
}

.table tbody>tr.bb-none td,.table tbody>tr.bb-none>th,.table tfoot>tr.bb-none td,.table tfoot>tr.bb-none>th,.table thead>tr.bb-none td,.table thead>tr.bb-none>th {
    border-bottom: none!important
}

.table tbody>tr.bt-none td,.table tbody>tr.bt-none>th,.table tfoot>tr.bt-none td,.table tfoot>tr.bt-none>th,.table thead>tr.bt-none td,.table thead>tr.bt-none>th {
    border-top: none!important
}

.table tbody>tr.bl-none td,.table tbody>tr.bl-none>th,.table tfoot>tr.bl-none td,.table tfoot>tr.bl-none>th,.table thead>tr.bl-none td,.table thead>tr.bl-none>th {
    border-left: none!important
}

.table tbody>tr.br-none td,.table tbody>tr.br-none>th,.table tfoot>tr.br-none td,.table tfoot>tr.br-none>th,.table thead>tr.br-none td,.table thead>tr.br-none>th {
    border-right: none!important
}

.table tbody>tr.b-none td,.table tbody>tr.b-none>th,.table tfoot>tr.b-none td,.table tfoot>tr.b-none>th,.table thead>tr.b-none td,.table thead>tr.b-none>th {
    border: none!important
}

.table tbody>tr>td.bb-none,.table tbody>tr>th.bb-none,.table tfoot>tr>td.bb-none,.table tfoot>tr>th.bb-none,.table thead>tr>td.bb-none,.table thead>tr>th.bb-none {
    border-bottom: none!important
}

.table tbody>tr>td.bt-none,.table tbody>tr>th.bt-none,.table tfoot>tr>td.bt-none,.table tfoot>tr>th.bt-none,.table thead>tr>td.bt-none,.table thead>tr>th.bt-none {
    border-top: none!important
}

.table tbody>tr>td.bl-none,.table tbody>tr>th.bl-none,.table tfoot>tr>td.bl-none,.table tfoot>tr>th.bl-none,.table thead>tr>td.bl-none,.table thead>tr>th.bl-none {
    border-left: none!important
}

.table tbody>tr>td.br-none,.table tbody>tr>th.br-none,.table tfoot>tr>td.br-none,.table tfoot>tr>th.br-none,.table thead>tr>td.br-none,.table thead>tr>th.br-none {
    border-right: none!important
}

.table tbody>tr>td.b-none,.table tbody>tr>th.b-none,.table tfoot>tr>td.b-none,.table tfoot>tr>th.b-none,.table thead>tr>td.b-none,.table thead>tr>th.b-none {
    border: none!important
}

.table tbody>tr>td.va-tt,.table tbody>tr>th.va-tt,.table tfoot>tr>td.va-tt,.table tfoot>tr>th.va-tt,.table thead>tr>td.va-tt,.table thead>tr>th.va-tt {
    vertical-align: text-top
}

.table tbody>tr>td.sticky-column,.table tbody>tr>th.sticky-column,.table tfoot>tr>td.sticky-column,.table tfoot>tr>th.sticky-column,.table thead>tr>td.sticky-column,.table thead>tr>th.sticky-column {
    background-color: #fff;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.table tbody>tr>td.sticky-column--last,.table tbody>tr>th.sticky-column--last,.table tfoot>tr>td.sticky-column--last,.table tfoot>tr>th.sticky-column--last,.table thead>tr>td.sticky-column--last,.table thead>tr>th.sticky-column--last {
    left: auto;
    right: 0
}

.table-va_middle>tbody>tr>td,.table-va_middle>tbody>tr>th,.table-va_middle>tfoot>tr>td,.table-va_middle>tfoot>tr>th,.table-va_middle>thead>tr>td,.table-va_middle>thead>tr>th {
    vertical-align: middle
}

.table-hover>tbody>tr:hover,.table-hover>tbody>tr:hover .sticky-column {
    background-color: #eaeaea
}

.table-borderless {
    margin-bottom: 0
}

.table-borderless--force>thead>tr>td,.table-borderless--force>thead>tr>th,.table-borderless>tbody>tr>td,.table-borderless>tbody>tr>th,.table-borderless>tfoot>tr>td,.table-borderless>tfoot>tr>th {
    border: none!important
}

.table.w-auto--l {
    margin-left: auto
}

.table.w-auto--r {
    margin-right: auto
}

.table-sm tbody>tr>td,.table-sm tbody>tr>th {
    padding: 3px
}

.table-paginate {
    max-height: 320px;
    min-height: .01%;
    overflow: auto
}

@media screen and (min-width: 768px) {
    .table-paginate {
        max-height:480px
    }
}

.table-paginate .table>tfoot>tr>td,.table-paginate .table>tfoot>tr>th,.table-paginate .table>thead>tr>td,.table-paginate .table>thead>tr>th {
    background-color: #f2f6fc;
    border-bottom: none!important;
    padding: 9px 6px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2
}

.table-paginate .table>tfoot>tr>td:first-child,.table-paginate .table>tfoot>tr>td:last-child,.table-paginate .table>tfoot>tr>th:first-child,.table-paginate .table>tfoot>tr>th:last-child,.table-paginate .table>thead>tr>td:first-child,.table-paginate .table>thead>tr>td:last-child,.table-paginate .table>thead>tr>th:first-child,.table-paginate .table>thead>tr>th:last-child {
    z-index: 3
}

.table-paginate .table>thead>tr>td,.table-paginate .table>thead>tr>th {
    top: 0
}

.table-paginate .table>tfoot>tr>td,.table-paginate .table>tfoot>tr>th {
    bottom: -1px
}

.table-paginate .table>tbody>tr:first-child>td,.table-paginate .table>tbody>tr:first-child>th,.table-paginate .table>tfoot>tr:first-child>td,.table-paginate .table>tfoot>tr:first-child>th {
    border-top: none!important
}

.table-paginate--simple {
    max-height: calc(100vh - 190px)
}

.table-striped>tbody>tr:nth-of-type(odd)>td,.table-striped>tbody>tr:nth-of-type(odd)>th {
    background-color: #f9f9f9!important
}

@media (max-width: 991px) {
    .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
        line-height:normal
    }
}

[dir=rtl] .table tbody>tr th .text-right,[dir=rtl] .table tbody>tr th.text-right,[dir=rtl] .table tbody>tr>td .text-right,[dir=rtl] .table tbody>tr>td.text-right,[dir=rtl] .table tfoot>tr th .text-right,[dir=rtl] .table tfoot>tr th.text-right,[dir=rtl] .table tfoot>tr>td .text-right,[dir=rtl] .table tfoot>tr>td.text-right,[dir=rtl] .table thead>tr th .text-right,[dir=rtl] .table thead>tr th.text-right,[dir=rtl] .table thead>tr>td .text-right,[dir=rtl] .table thead>tr>td.text-right {
    text-align: left
}

.btn {
    box-shadow: none!important;
    font-weight: inherit;
    outline: none!important
}

.btn.nob {
    background: 0 0;
    font-weight: 500;
    transition: all .2s ease-in-out
}

.btn.nob-reverse {
    border-color: #fff!important;
    color: #fff!important
}

.btn.nob-link {
    border-color: transparent!important;
    font-weight: 700
}

.btn.nob-2x {
    border-width: 2px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 10px
}

.btn.nob-lg {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.btn-flat {
    border-radius: 0;
    border-width: 1px;
    box-shadow: none
}

.btn-orange {
    background-color: #ff5722;
    border-color: rgba(255,87,34,.7);
    color: #fff
}

.btn-orange:not(.nob):not(.disabled):not([disabled]).active,.btn-orange:not(.nob):not(.disabled):not([disabled]).focus,.btn-orange:not(.nob):not(.disabled):not([disabled]).hover,.btn-orange:not(.nob):not(.disabled):not([disabled]):active,.btn-orange:not(.nob):not(.disabled):not([disabled]):focus,.btn-orange:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #ee3900;
    color: #fff!important
}

.btn-orange.disabled,.btn-orange:disabled {
    color: #333!important
}

.btn-orange.nob {
    border-color: #ff5722;
    color: #ff5722
}

.btn-orange.nob-reverse {
    background-color: #ff5722!important
}

@media (hover: hover) {
    .btn-orange.nob:hover {
        background-color:#ff5722!important;
        color: #fff!important
    }

    .btn-orange.nob:hover.disabled,.btn-orange.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn-secondary {
    background-color: #9e9e9e;
    border-color: hsla(0,0%,62%,.7);
    color: #fff
}

.btn-secondary:not(.nob):not(.disabled):not([disabled]).active,.btn-secondary:not(.nob):not(.disabled):not([disabled]).focus,.btn-secondary:not(.nob):not(.disabled):not([disabled]).hover,.btn-secondary:not(.nob):not(.disabled):not([disabled]):active,.btn-secondary:not(.nob):not(.disabled):not([disabled]):focus,.btn-secondary:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #858585;
    color: #fff!important
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #333!important
}

.btn-secondary.nob {
    border-color: #9e9e9e;
    color: #9e9e9e
}

.btn-secondary.nob-reverse {
    background-color: #9e9e9e!important
}

@media (hover: hover) {
    .btn-secondary.nob:hover {
        background-color:#9e9e9e!important;
        color: #fff!important
    }

    .btn-secondary.nob:hover.disabled,.btn-secondary.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn-purple {
    background-color: #605ca8;
    border-color: rgba(96,92,168,.7);
    color: #fff
}

.btn-purple:not(.nob):not(.disabled):not([disabled]).active,.btn-purple:not(.nob):not(.disabled):not([disabled]).focus,.btn-purple:not(.nob):not(.disabled):not([disabled]).hover,.btn-purple:not(.nob):not(.disabled):not([disabled]):active,.btn-purple:not(.nob):not(.disabled):not([disabled]):focus,.btn-purple:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #4c4988;
    color: #fff!important
}

.btn-purple.disabled,.btn-purple:disabled {
    color: #333!important
}

.btn-purple.nob {
    border-color: #605ca8;
    color: #605ca8
}

.btn-purple.nob-reverse {
    background-color: #605ca8!important
}

@media (hover: hover) {
    .btn-purple.nob:hover {
        background-color:#605ca8!important;
        color: #fff!important
    }

    .btn-purple.nob:hover.disabled,.btn-purple.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn-success {
    background-color: #00a65a;
    border-color: rgba(0,166,90,.7);
    color: #fff
}

.btn-success:not(.nob):not(.disabled):not([disabled]).active,.btn-success:not(.nob):not(.disabled):not([disabled]).focus,.btn-success:not(.nob):not(.disabled):not([disabled]).hover,.btn-success:not(.nob):not(.disabled):not([disabled]):active,.btn-success:not(.nob):not(.disabled):not([disabled]):focus,.btn-success:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #00733e;
    color: #fff!important
}

.btn-success.disabled,.btn-success:disabled {
    color: #333!important
}

.btn-success.nob {
    border-color: #00a65a;
    color: #00a65a
}

.btn-success.nob-reverse {
    background-color: #00a65a!important
}

@media (hover: hover) {
    .btn-success.nob:hover {
        background-color:#00a65a!important;
        color: #fff!important
    }

    .btn-success.nob:hover.disabled,.btn-success.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn-primary {
    background-color: #2196f3;
    border-color: rgba(33,150,243,.7);
    color: #fff
}

.btn-primary:not(.nob):not(.disabled):not([disabled]).active,.btn-primary:not(.nob):not(.disabled):not([disabled]).focus,.btn-primary:not(.nob):not(.disabled):not([disabled]).hover,.btn-primary:not(.nob):not(.disabled):not([disabled]):active,.btn-primary:not(.nob):not(.disabled):not([disabled]):focus,.btn-primary:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #0c7cd5;
    color: #fff!important
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #333!important
}

.btn-primary.nob {
    border-color: #2196f3;
    color: #2196f3
}

.btn-primary.nob-reverse {
    background-color: #2196f3!important
}

@media (hover: hover) {
    .btn-primary.nob:hover {
        background-color:#2196f3!important;
        color: #fff!important
    }

    .btn-primary.nob:hover.disabled,.btn-primary.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn-danger {
    background-color: #f44336;
    border-color: rgba(244,67,54,.7);
    color: #fff
}

.btn-danger:not(.nob):not(.disabled):not([disabled]).active,.btn-danger:not(.nob):not(.disabled):not([disabled]).focus,.btn-danger:not(.nob):not(.disabled):not([disabled]).hover,.btn-danger:not(.nob):not(.disabled):not([disabled]):active,.btn-danger:not(.nob):not(.disabled):not([disabled]):focus,.btn-danger:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #ea1c0d;
    color: #fff!important
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #333!important
}

.btn-danger.nob {
    border-color: #f44336;
    color: #f44336
}

.btn-danger.nob-reverse {
    background-color: #f44336!important
}

@media (hover: hover) {
    .btn-danger.nob:hover {
        background-color:#f44336!important;
        color: #fff!important
    }

    .btn-danger.nob:hover.disabled,.btn-danger.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn-info {
    background-color: #00bcd4;
    border-color: rgba(0,188,212,.7);
    color: #fff
}

.btn-info:not(.nob):not(.disabled):not([disabled]).active,.btn-info:not(.nob):not(.disabled):not([disabled]).focus,.btn-info:not(.nob):not(.disabled):not([disabled]).hover,.btn-info:not(.nob):not(.disabled):not([disabled]):active,.btn-info:not(.nob):not(.disabled):not([disabled]):focus,.btn-info:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #008fa1;
    color: #fff!important
}

.btn-info.disabled,.btn-info:disabled {
    color: #333!important
}

.btn-info.nob {
    border-color: #00bcd4;
    color: #00bcd4
}

.btn-info.nob-reverse {
    background-color: #00bcd4!important
}

@media (hover: hover) {
    .btn-info.nob:hover {
        background-color:#00bcd4!important;
        color: #fff!important
    }

    .btn-info.nob:hover.disabled,.btn-info.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn-warning {
    background-color: #ff9800;
    border-color: rgba(255,152,0,.7);
    color: #fff
}

.btn-warning:not(.nob):not(.disabled):not([disabled]).active,.btn-warning:not(.nob):not(.disabled):not([disabled]).focus,.btn-warning:not(.nob):not(.disabled):not([disabled]).hover,.btn-warning:not(.nob):not(.disabled):not([disabled]):active,.btn-warning:not(.nob):not(.disabled):not([disabled]):focus,.btn-warning:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #cc7a00;
    color: #fff!important
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #333!important
}

.btn-warning.nob {
    border-color: #ff9800;
    color: #ff9800
}

.btn-warning.nob-reverse {
    background-color: #ff9800!important
}

@media (hover: hover) {
    .btn-warning.nob:hover {
        background-color:#ff9800!important;
        color: #fff!important
    }

    .btn-warning.nob:hover.disabled,.btn-warning.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn-yellow {
    background-color: #ffc107;
    border-color: rgba(255,193,7,.7);
    color: #fff
}

.btn-yellow:not(.nob):not(.disabled):not([disabled]).active,.btn-yellow:not(.nob):not(.disabled):not([disabled]).focus,.btn-yellow:not(.nob):not(.disabled):not([disabled]).hover,.btn-yellow:not(.nob):not(.disabled):not([disabled]):active,.btn-yellow:not(.nob):not(.disabled):not([disabled]):focus,.btn-yellow:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #d39e00;
    color: #fff!important
}

.btn-yellow.disabled,.btn-yellow:disabled {
    color: #333!important
}

.btn-yellow.nob {
    border-color: #ffc107;
    color: #ffc107
}

.btn-yellow.nob-reverse {
    background-color: #ffc107!important
}

@media (hover: hover) {
    .btn-yellow.nob:hover {
        background-color:#ffc107!important;
        color: #fff!important
    }

    .btn-yellow.nob:hover.disabled,.btn-yellow.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn-red {
    background-color: #f44336;
    border-color: rgba(244,67,54,.7);
    color: #fff
}

.btn-red:not(.nob):not(.disabled):not([disabled]).active,.btn-red:not(.nob):not(.disabled):not([disabled]).focus,.btn-red:not(.nob):not(.disabled):not([disabled]).hover,.btn-red:not(.nob):not(.disabled):not([disabled]):active,.btn-red:not(.nob):not(.disabled):not([disabled]):focus,.btn-red:not(.nob):not(.disabled):not([disabled]):hover {
    background-color: #ea1c0d;
    color: #fff!important
}

.btn-red.disabled,.btn-red:disabled {
    color: #333!important
}

.btn-red.nob {
    border-color: #f44336;
    color: #f44336
}

.btn-red.nob-reverse {
    background-color: #f44336!important
}

@media (hover: hover) {
    .btn-red.nob:hover {
        background-color:#f44336!important;
        color: #fff!important
    }

    .btn-red.nob:hover.disabled,.btn-red.nob:hover[disabled] {
        background-color: #fff!important;
        border-color: #cfcfcf!important;
        color: #4d4d4d!important
    }
}

.btn span+.fa,.btn span+.fab,.btn span+.far,.btn span+.fas,.btn>.fa+span,.btn>.fab+span,.btn>.far+span,.btn>.fas+span {
    margin-left: .5rem
}

.btn-white {
    color: #fff!important
}

.btn-circle,.btn-rounded {
    border-radius: 50%!important
}

@media screen and (max-width: 767px) {
    .btn-xs-block {
        display:block;
        width: 100%
    }
}

.btn-submit {
    text-align: center;
    width: 100%
}

.btn-submit--wrapper {
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 768px) {
    .btn-submit--wrapper {
        max-width:480px
    }
}

.btn.disabled,.btn[disabled],button.disabled,button[disabled] {
    background-color: #ddd!important;
    border-color: #cfcfcf!important;
    color: #666!important;
    transition: none!important
}

[dir=rtl] .btn>.fa+span,[dir=rtl] .btn>.fab+span,[dir=rtl] .btn>.far+span,[dir=rtl] .btn>.fas+span {
    margin-left: 0;
    margin-right: .5rem
}

[dir=rtl] .btn span+.fa,[dir=rtl] .btn span+.fab,[dir=rtl] .btn span+.far,[dir=rtl] .btn span+.fas {
    margin-left: .5rem;
    margin-right: 0
}

#toast-container {
    z-index: 100000000
}

#toast-container>div {
    opacity: 1
}

.modal-open {
    overflow: hidden!important;
    padding-right: 0!important
}

.modal-open .modal {
    padding: 0!important
}

.modal-header {
    background-color: #ededed;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.modal-footer {
    background-color: #ededed;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.modal.has-not-close .modal-title {
    width: 100%
}

@media screen and (min-width: 768px) {
    .modal-md {
        width:420px
    }
}

.modal-backdrop {
    z-index: 1042
}

.modal-content {
    border: none;
    border-radius: 3px
}

.modal .close:not(.btn-close-mpd) {
    border: 1px solid #a9a9a9;
    border-radius: 50%;
    font-size: 1rem;
    height: 30px;
    text-align: center;
    width: 30px
}

@media screen and (max-width: 767px) {
    .modal .close:not(.btn-close-mpd) {
        color:gray;
        opacity: 1
    }
}

.modal-fh .modal-body {
    height: 45vh
}

@media screen and (min-width: 768px) {
    .modal-fh .modal-body {
        height:calc(100vh - 185px)
    }
}

.modal-fh .modal-body .iframe-classic {
    height: 100%
}

[dir=rtl] .modal .close:not(.btn-close-mpd) {
    float: left
}

.xdsoft_datetimepicker {
    z-index: 99999999
}

blockquote {
    font-size: 14px;
    margin: 0;
    padding-left: 15px;
    position: relative
}

blockquote.blockquote-reverse {
    padding-right: 5px
}

.alert {
    margin-bottom: 1rem;
    position: relative
}

.alert .close {
    color: #fff;
    opacity: 1!important
}

.alert ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.alert-primary {
    background-color: #2196f3!important;
    color: #fff!important
}

.alert-success {
    background-color: #00a65a!important;
    color: #fff!important
}

.alert-danger {
    background-color: #f44336!important;
    color: #fff!important
}

.alert-info {
    background-color: #00bcd4!important;
    color: #fff!important
}

.alert-warning {
    background-color: #ff9800!important;
    color: #fff!important
}

.alert a {
    color: #fff
}

.alert.license-alert .link {
    color: #fff!important;
    text-decoration: underline
}

.toggle.ios {
    border-radius: 20px!important
}

.toggle-group>.btn {
    border: none;
    color: #fff!important;
    font-weight: 500!important;
    padding: 3px!important
}

.toggle-group>.btn-default {
    background-color: #fff!important
}

.toggle-group>.btn-danger {
    background-color: #f44336!important
}

.toggle-group>.btn-success {
    background-color: #00a65a!important
}

.toggle-group>.btn-primary {
    background-color: #2196f3!important
}

.toggle-group>.btn-info {
    background-color: #00bcd4!important
}

.toggle-group>.btn-warning {
    background-color: #ff9800!important
}

.input-group .form-control.no-input {
    border: none;
    padding: 0
}

.input-group-addon.has-checkbox,.input-group-addon.has-radio {
    padding: 4px 8px
}

.input-group-addon.has-checkbox.on-sm,.input-group-addon.has-radio.on-sm {
    padding: 2px 4px
}

.input-group-addon label.checkbox,.input-group-addon label.radio {
    margin-bottom: 0;
    margin-top: 0
}

.input-group-addon.free {
    border: 1px solid #cfcfcf;
    border-left: none;
    border-right: none;
    margin: 0;
    padding: 0;
    width: 0
}

.input-group-addon.free--min {
    padding-left: 5px;
    padding-right: 5px
}

.form-group {
    margin-bottom: 1rem
}

.form-group label.input-label {
    font-weight: 500
}

.form-group.required label {
    position: relative
}

.form-group.required label.checkbox:before,.form-group.required label.error:before,.form-group.required label.radio:before {
    display: none
}

.form-group.required label:before {
    color: #c63332;
    content: "*";
    position: absolute;
    right: -10px;
    top: 4px
}

[dir=rtl] .form-group.required label:before {
    left: -10px;
    right: auto
}

.form-control {
    border-color: #cfcfcf;
    border-radius: 2px;
    box-shadow: none;
    line-height: 1.4;
    outline: none;
    padding: 6px
}

.form-control.no-input.textarea {
    height: auto
}

.form-control.borderless {
    border: none
}

.form-control.input-direction-rtl {
    direction: rtl
}

.pagination {
    align-items: stretch;
    display: inline-flex;
    margin: 0
}

.pagination-wrapper {
    margin-top: 1rem;
    padding: 0;
    position: relative
}

.pagination-info,.pagination-outer {
    text-align: center
}

.pagination-info {
    margin-bottom: .5rem
}

@media screen and (min-width: 992px) {
    .pagination-info {
        margin-bottom:0;
        text-align: left
    }

    .pagination-outer {
        text-align: right
    }
}

.pagination>.page-item {
    display: inline-block;
    height: 33px
}

.pagination>.page-item--location {
    border-color: #cfcfcf;
    border-style: solid;
    border-width: 1px 0;
    height: 32px;
    line-height: 2;
    min-width: 55px;
    text-align: center
}

.pagination>.page-item--location .current-page {
    font-size: 1.1rem;
    font-weight: 600
}

.sweet-alert {
    font-family: inherit!important
}

.sweet-alert h2 {
    font-size: 1.5rem;
    line-height: 1.3
}

.sweet-alert .sa-input-error {
    right: 10px;
    top: 23px
}

.sweet-alert p {
    color: #1c1c1c;
    font-size: 1rem;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .sweet-alert {
        left:10px;
        margin: 0 auto!important;
        right: 10px;
        top: 10px
    }
}

.panel-basic {
    box-shadow: none!important
}

.panel-basic .panel-footer {
    background-color: #fff!important;
    border-top-color: #fff!important
}

.panel.noborder {
    border: none!important
}

.panel.noshadow {
    box-shadow: none!important
}

.panel+.panel {
    margin-top: .5rem
}

.panel-collapse {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.panel-collapse .panel-heading {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.panel-collapse .panel-heading[aria-expanded=true] .collapse-icon {
    transform: rotateX(180deg)
}

.panel-collapse .collapse-icon {
    background: 0 0;
    display: inline-block;
    transition: transform .3s ease
}

.panel-collapse-group .panel-collapse+.panel-collapse {
    border-top: 1px solid #cfcfcf
}

.stars {
    width: 160px
}

.stars:after,.stars:before {
    content: " ";
    display: table
}

.stars:after {
    clear: both
}

.stars input {
    display: none
}

.stars input:checked~label:before {
    color: #fa9918
}

.stars .star {
    color: #ddd;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: FontAwesome;
    font-size: 18px;
    margin: 0;
    position: relative;
    z-index: 1
}

.stars .star input {
    display: none
}

.stars .star:before {
    content: "\f005";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    margin: 5px;
    transition: all .3s ease
}

.stars .star:hover:before,.stars .star:hover~label:before {
    color: #fa9918
}

.stars .half:before {
    content: "\f089";
    position: absolute
}

.label {
    display: inline-block
}

.label.norm {
    font-size: 100%
}

.label.big {
    font-size: 125%
}

label {
    font-size: .9rem;
    font-weight: 600
}

label.error {
    color: #f44336;
    display: block;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0
}

span.label:not(.norm) {
    font-weight: 400
}

.select2-container .select2-selection--multiple,.select2-container .select2-selection--single {
    border-color: #cfcfcf!important
}

.select2-container .select2-selection--single {
    height: 34px!important;
    outline: none!important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    height: 34px!important;
    line-height: 34px!important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px!important
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    align-items: center;
    display: inline-flex;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: 1px solid #2196f3;
    border-radius: 50%;
    color: #fff!important;
    font-size: 1.1rem;
    height: 20px;
    line-height: 1.3;
    text-align: center;
    transition: all .3s ease;
    width: 20px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    border-color: #fff
}

.form-control .select2-container .select2-selection--multiple {
    min-height: 34px
}

.form-control .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
    height: 100%
}

.waiter {
    position: relative
}

.waiter .waiter-body {
    background-color: rgba(0,0,0,.4);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.waiter .waiter-text {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.waiter.wait .waiter-body {
    display: block
}

.switch {
    cursor: pointer;
    margin: 0
}

.switch input[type=checkbox],.switch input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    height: 20px;
    margin: 0;
    outline: none;
    position: relative;
    vertical-align: middle;
    width: 40px
}

.switch input[type=checkbox]:after,.switch input[type=checkbox]:before,.switch input[type=radio]:after,.switch input[type=radio]:before {
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease
}

.switch input[type=checkbox]:before,.switch input[type=radio]:before {
    background-color: #f2f6fc;
    background-color: rgba(244,67,54,.5);
    border: 1px solid #cfcfcf;
    border-radius: 3rem;
    height: 12px;
    width: 100%
}

.switch input[type=checkbox]:after,.switch input[type=radio]:after {
    background-color: #f44336;
    border-radius: 50%;
    height: 20px;
    left: 2px;
    width: 20px
}

.switch input[type=checkbox]:checked:before,.switch input[type=radio]:checked:before {
    background-color: rgba(0,166,90,.5)
}

.switch input[type=checkbox]:checked:after,.switch input[type=radio]:checked:after {
    background-color: #00a65a;
    left: 20px
}

.switch input[type=checkbox]:disabled:before,.switch input[type=radio]:disabled:before {
    background-color: hsla(0,0%,62%,.5)!important
}

.switch input[type=checkbox]:disabled:after,.switch input[type=radio]:disabled:after {
    background-color: #9e9e9e!important
}

.switch .text {
    font-size: 1rem;
    font-weight: 500;
    margin-left: .5rem;
    vertical-align: bottom
}

.r-card {
    background-color: #fff;
    border: 1px solid #eaeaea;
    margin-bottom: 1rem
}

.r-card--body,.r-card--footer,.r-card--header {
    padding: .6666666667rem
}

.r-card .half-line {
    border-top: 1px solid #c9d9f2;
    height: 1px;
    margin: 2rem auto;
    width: 75%
}

.r-card.no-header {
    border: 1px solid #cfcfcf;
    box-shadow: none
}

.r-card.temp-2 .r-card--body.bg,.r-card.temp-2 .r-card.bg {
    color: #fff
}

.r-card.temp-2 .r-card--body.bg-orange,.r-card.temp-2 .r-card.bg-orange {
    background-color: #ff5722!important
}

.r-card.temp-2 .r-card--body.bg-secondary,.r-card.temp-2 .r-card.bg-secondary {
    background-color: #9e9e9e!important
}

.r-card.temp-2 .r-card--body.bg-purple,.r-card.temp-2 .r-card.bg-purple {
    background-color: #605ca8!important
}

.r-card.temp-2 .r-card--body.bg-success,.r-card.temp-2 .r-card.bg-success {
    background-color: #00a65a!important
}

.r-card.temp-2 .r-card--body.bg-primary,.r-card.temp-2 .r-card.bg-primary {
    background-color: #2196f3!important
}

.r-card.temp-2 .r-card--body.bg-danger,.r-card.temp-2 .r-card.bg-danger {
    background-color: #f44336!important
}

.r-card.temp-2 .r-card--body.bg-info,.r-card.temp-2 .r-card.bg-info {
    background-color: #00bcd4!important
}

.r-card.temp-2 .r-card--body.bg-warning,.r-card.temp-2 .r-card.bg-warning {
    background-color: #ff9800!important
}

.r-card.temp-2 .r-card--body.bg-yellow,.r-card.temp-2 .r-card.bg-yellow {
    background-color: #ffc107!important
}

.r-card.temp-2 .r-card--body.bg-red,.r-card.temp-2 .r-card.bg-red {
    background-color: #f44336!important
}

.r-card.temp-2 .r-card--title {
    font-size: 1.25rem;
    margin: 0;
    padding: 0
}

.r-card.temp-2 .r-card--footer,.r-card.temp-2 .r-card--header {
    background-color: #fff
}

.r-card.temp-2 .r-card--header {
    border-bottom: 1px solid #cfcfcf
}

.r-card.temp-2 .r-card--footer {
    border-top: 1px solid #cfcfcf;
    text-align: right
}

.r-card.brd {
    border: 1px solid #cfcfcf
}

.comment {
    padding: 1rem;
    width: 100%
}

.comment:after,.comment:before {
    content: " ";
    display: table
}

.comment:after {
    clear: both
}

.comment-item {
    border-radius: 3px;
    font-size: .9rem;
    font-weight: 400
}

.comment-item.reply .content,.comment-item.text .content {
    background-color: #f2f6fc;
    display: inline-block;
    margin: 0;
    max-width: 90%;
    padding: .3333333333rem .5rem
}

.comment-item.reply:after,.comment-item.reply:before {
    content: " ";
    display: table
}

.comment-item.reply:after {
    clear: both
}

.comment-item.reply .content {
    float: right
}

.comment-item+.comment-item {
    margin-top: 1rem
}

.comment.blocked .comment-item {
    color: #c63332;
    text-align: center
}

.comment.blocked .comment-item .content {
    background: 0 0
}

.dropdown-menu {
    border-radius: 3px
}

.dropdown-menu>li>a {
    font-weight: 500
}

.dropdown-menu-center {
    left: 50%;
    right: auto;
    transform: translateX(-50%)
}

.dropdown-menu--small,.dropdown-menu-sm {
    font-size: 12px;
    min-width: 120px
}

.dropdown-menu--small>li>a,.dropdown-menu-sm>li>a {
    padding: 6px 14px!important
}

.iti-full-width {
    width: 100%
}

[data-toggle=collapse] .show-collapse,[data-toggle=collapse].collapsed .hide-collapse {
    display: none
}

[data-toggle=collapse].collapsed .show-collapse {
    display: inline-block
}

.badge {
    border-radius: 3px
}

.badge-orange {
    background-color: #ff5722;
    border-color: rgba(255,87,34,.7);
    color: #fff
}

.badge-secondary {
    background-color: #9e9e9e;
    border-color: hsla(0,0%,62%,.7)
}

.badge-purple {
    background-color: #605ca8;
    border-color: rgba(96,92,168,.7);
    color: #fff
}

.badge-success {
    background-color: #00a65a;
    border-color: rgba(0,166,90,.7);
    color: #fff
}

.badge-primary {
    background-color: #2196f3;
    border-color: rgba(33,150,243,.7);
    color: #fff
}

.badge-danger {
    background-color: #f44336;
    border-color: rgba(244,67,54,.7);
    color: #fff
}

.badge-info {
    background-color: #00bcd4;
    border-color: rgba(0,188,212,.7);
    color: #fff
}

.badge-warning {
    background-color: #ff9800;
    border-color: rgba(255,152,0,.7);
    color: #fff
}

.badge-yellow {
    background-color: #ffc107;
    border-color: rgba(255,193,7,.7);
    color: #fff
}

.badge-red {
    background-color: #f44336;
    border-color: rgba(244,67,54,.7);
    color: #fff
}

.badge i+span {
    margin-left: .25rem
}

.badge--bold {
    font-weight: 500!important
}

.badge.norm {
    padding: .5rem
}

.badge-secondary {
    background-color: #666;
    color: #fff
}

.badge-simple {
    background-color: #f2f6fc;
    border: 1px solid #cfcfcf;
    color: #666
}

.file-caption-name {
    border-color: #fff!important
}

.input-file input[type=file] {
    display: none
}

.share-section {
    background: #2a2a2a;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    bottom: 0;
    left: 50%;
    max-width: 480px;
    opacity: 0;
    position: fixed;
    transform: translate(-50%,151%);
    transition: transform .3s ease;
    width: 100%;
    z-index: 100
}

.share-section-header {
    padding: 2rem 2rem .5rem
}

.share-section-header .share-section-title {
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    text-align: center
}

.share-section-body {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .5rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .share-section-body {
        padding:1rem
    }
}

.share-section-body .social-media-item {
    border: 1px solid #2a2a2a;
    border-radius: 3px;
    color: #fff;
    flex: 0 0 auto;
    margin-bottom: .5rem;
    padding: .25rem;
    position: relative;
    text-align: center;
    transition: border-color .3s ease;
    width: 25%
}

@media screen and (min-width: 768px) {
    .share-section-body .social-media-item {
        padding:.5rem
    }
}

.share-section-body .social-media-item:hover {
    border-color: #cfcfcf
}

.share-section-body .social-media-item .social-media-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 3px;
    display: inline-block;
    height: 48px;
    line-height: 1;
    margin-bottom: .5rem;
    width: 48px
}

.share-section-body .social-media-item .social-media-icon--facebook {
    background-image: url(/assets/img/social-media/facebook.png)
}

.share-section-body .social-media-item .social-media-icon--linkedin {
    background-image: url(/assets/img/social-media/linkedin.png)
}

.share-section-body .social-media-item .social-media-icon--mail {
    background-image: url(/assets/img/social-media/mail.png)
}

.share-section-body .social-media-item .social-media-icon--pinterest {
    background-image: url(/assets/img/social-media/pinterest.png)
}

.share-section-body .social-media-item .social-media-icon--sms {
    background-image: url(/assets/img/social-media/sms.png)
}

.share-section-body .social-media-item .social-media-icon--telegram {
    background-image: url(/assets/img/social-media/telegram.png)
}

.share-section-body .social-media-item .social-media-icon--twitter {
    background-image: url(/assets/img/social-media/twitter.png)
}

.share-section-body .social-media-item .social-media-icon--whatsapp {
    background-image: url(/assets/img/social-media/whatsapp.png)
}

.share-section-body .social-media-item .social-media-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: 100%
}

@media screen and (max-width: 767px) {
    .share-section-body .social-media-item .social-media-text {
        font-size:.8rem
    }
}

.share-section-bg {
    background-color: rgba(0,0,0,.3);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 99
}

.share-section .close-share {
    background: #2a2a2a;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    left: 50%;
    padding: .5rem 2rem;
    position: absolute;
    top: -10px;
    transform: translate(-50%,-50%)
}

.show-share-panel {
    overflow: hidden!important
}

.show-share-panel .share-section {
    opacity: 1;
    transform: translate(-50%)
}

.show-share-panel .share-section-bg {
    opacity: 1;
    visibility: visible
}

.quickadd-wrapper {
    display: inline-block;
    margin-bottom: .5rem
}

.quickadd-prepend {
    position: relative
}

label+.quickadd-prepend {
    margin-left: .5rem
}

.quickadd-label {
    line-height: 2.6
}

.counter-wrapper {
    align-items: stretch;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    display: inline-flex;
    height: 34px;
    line-height: 1.4
}

.counter-button {
    background-color: #fff;
    border: none;
    padding-left: .6666666667rem;
    padding-right: .6666666667rem;
    transition: background-color .3s ease
}

.counter-button:hover {
    background-color: #efefef
}

.counter-span {
    align-self: center;
    font-weight: 600;
    min-width: 30px;
    text-align: center
}

input[type=checkbox],input[type=radio] {
    margin-top: 0
}

.checkbox label,.radio label {
    font-weight: 500
}

.popover {
    font-family: inherit!important
}

.popover-title {
    background: 0 0;
    border: none!important;
    font-weight: 600
}

.tooltip {
    padding: 0!important
}

.tooltip-arrow {
    display: none!important
}

.tooltip-inner {
    background-color: #353535
}

body,html {
    cursor: default
}

.no-result {
    background-color: var(--background-primary,#fff);
    color: var(--text-primary,#333);
    padding: 2rem;
    text-align: center
}

.no-resize,.noresize,.resize-none,.resizenone {
    resize: none
}

.ws-normal {
    white-space: normal
}

.empty {
    font-weight: 700;
    text-align: center
}

.overflow-h {
    overflow: hidden;
    padding-right: 0!important
}

.display-inline {
    display: inline
}

.display-iblock {
    display: inline-block
}

.display-block {
    display: block
}

.ui-sortable-handle {
    cursor: all-scroll
}

@media screen and (max-width: 991px) {
    .affix {
        position:relative
    }
}

.bg-none {
    background: none
}

input[type=checkbox]:disabled {
    cursor: not-allowed
}

.row.hvr:hover {
    background-color: #f2f6fc
}

a {
    color: #3c8dbc
}

.form-row {
    margin-left: -5px;
    margin-right: -5px
}

.form-row>[class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.form-row.x2 {
    margin-left: -2.5px;
    margin-right: -2.5px
}

.form-row.x2>[class^=col-] {
    padding-left: 2.5px;
    padding-right: 2.5px
}

.or {
    display: block;
    font-size: 12px;
    height: 20px;
    margin: 1rem auto;
    position: relative;
    width: 50%;
    z-index: 1
}

.or:before {
    border-top: 1px solid #ccc;
    content: "";
    height: 1px;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    z-index: 0
}

.or:after,.or:before {
    position: absolute;
    top: 50%
}

.or:after {
    background: var(--background-secondary,#fff);
    border-radius: 50%;
    content: attr(data-text);
    left: 50%;
    padding: 5px 10px;
    transform: translate(-50%,-50%);
    z-index: 1
}

hr {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.iframe-classic {
    margin: 0;
    padding: 0;
    width: 100%
}

.container--max {
    margin-left: 0;
    max-width: 920px;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.container--center {
    margin-left: auto!important;
    margin-right: auto!important
}

@media print {
    .no-print,.no-print * {
        display: none!important
    }
}

.w-auto {
    width: auto
}

[dir=rtl] ul {
    -webkit-padding-start: 0;
    padding-inline-start:0}

.dropdown-language {
    display: inline-block;
    position: relative
}

.dropdown-language.block {
    display: block
}

.dropdown-language>.btn.btn-block+.dropdown-menu {
    width: 100%
}

.dropdown-language .dropdown-menu {
    max-height: 195px;
    overflow-x: hidden;
    overflow-y: auto
}

.dropdown-language .dropdown-menu>li>a {
    font-size: 14px
}

.user-wrapper {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    display: block;
    margin: 0 auto;
    max-width: 420px;
    padding: 1rem;
    position: relative
}

.user-wrapper .wrapper-title {
    padding-bottom: 1rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.user-wrapper .or {
    display: block;
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative;
    text-align: center;
    width: 100%
}

.user-wrapper .or:before {
    background-color: #b4cbee;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 0
}

.user-wrapper .or .text {
    background-color: #fff;
    display: inline-block;
    padding: 0 1rem;
    position: relative;
    z-index: 1
}

@media (min-width: 992px) {
    .user-wrapper {
        margin-bottom:4rem;
        margin-top: 4rem
    }
}

a {
    color: var(--text-link);
    text-decoration: none!important
}

a:focus,a:hover {
    color: var(--text-link-hover)
}

a.link {
    text-decoration: underline!important
}

.img-center {
    margin: 0 auto
}

.img-rounded {
    border-radius: 3px
}

fieldset {
    margin-bottom: 1rem
}

@media screen and (max-width: 991px) {
    .mobile-basket-show {
        overflow:hidden!important
    }

    .mobile-basket-show .basket-area-wrapper {
        display: block!important
    }

    .mobile-basket-show .basket-area--shadow {
        display: block
    }
}

#basket-area {
    position: relative;
    z-index: 2
}

#basket-area+.basket-bottom-actions {
    margin-top: .5rem
}

@media screen and (max-width: 991px) {
    #basket-area {
        height:100%;
        overflow: hidden
    }
}

.basket-bottom-actions {
    bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
    gap: .25rem;
    justify-content: flex-end;
    position: fixed;
    right: 10px;
    transition: .5s!important
}

.basket-bottom-actions .show-feedback-modal {
    border-radius: 50%;
    height: 45px;
    width: 45px
}

@media screen and (max-width: 991px) {
    .basket-bottom-actions {
        display:none
    }
}

.basket-backdrop {
    background-color: rgba(0,0,0,.4);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .basket-backdrop {
        display:none!important
    }
}

.basket-area-wrapper {
    font-size: .9rem;
    margin: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 5px
}

@media screen and (max-width: 991px) {
    .basket-area-wrapper {
        bottom:0;
        left: 0;
        margin: 0 auto!important;
        max-width: 480px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0!important;
        position: fixed!important;
        right: 0;
        top: 0;
        z-index: 1040
    }

    .basket-area-wrapper .user-order {
        margin: 10px
    }
}

.basket-area--shadow {
    background: rgba(0,0,0,.7);
    display: none;
    height: 100%;
    left: 0;
    position: fixed!important;
    top: 0;
    width: 100%;
    z-index: 1039
}

@media screen and (min-width: 992px) {
    .basket-area--close {
        display:none
    }
}

.user-order {
    background-color: var(--modal-content-background-color);
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 992px) {
    .user-order {
        max-height:calc(100vh - 220px)
    }

    .user-order .user-order-body {
        overflow-y: auto
    }
}

@media screen and (max-width: 991px) {
    .user-order {
        display:flex;
        flex-direction: column;
        max-height: calc(100% - 20px)
    }

    .user-order .user-order-body {
        flex: 1;
        overflow-y: auto
    }
}

.user-order--wp .basket-items {
    max-height: 320px!important
}

@media screen and (max-width: 991px) {
    .user-order--basic {
        display:flex;
        flex-direction: column
    }

    .user-order--basic .user-order-body {
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.user-order.has-scroll .user-order-title {
    box-shadow: 0 8px 12px -8px rgba(0,0,0,.2)
}

.user-order.has-scroll .user-order-footer {
    box-shadow: 0 -8px 12px -8px rgba(0,0,0,.2)
}

.user-order-title {
    align-items: center;
    background-color: var(--card-header-background-color);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: flex;
    font-size: 1rem;
    padding: 1rem
}

.user-order-title .buttons {
    margin-left: auto
}

.user-order-title .buttons .basket-area--close {
    border: 1px solid var(--border-color);
    border-radius: 50%;
    color: var(--text-primary);
    font-size: 1rem;
    height: 30px;
    opacity: 1;
    text-align: center;
    width: 30px
}

@media (max-width: 991px) {
    .user-order-title .buttons .btn-clear_basket {
        display:none
    }
}

.user-order-body {
    background-color: var(--card-body-background-color);
    position: relative;
    transition: height .3s ease
}

.user-order-body.empty-container {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.user-order-body .basket-items,.user-order-body .basket-totals {
    list-style: none;
    margin: 0;
    padding: 0
}

.user-order-body .basket-items {
    overflow-x: hidden
}

.user-order-footer {
    background-color: var(--card-footer-background-color);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    line-height: 1;
    padding: 1em
}

.user-order-footer>.basket-totals {
    list-style: none;
    margin: 0;
    padding: 0 0 1rem
}

.user-order-footer>.basket-totals>li {
    display: flex;
    font-size: .9rem;
    justify-content: space-between
}

.user-order-footer>.basket-totals>li+li {
    margin-top: .5rem
}

.user-order-footer-buttons {
    display: flex;
    margin-top: .3333333333rem
}

.user-order-footer-buttons>.btn {
    font-size: 1rem;
    font-weight: 500
}

@media screen and (min-width: 992px) {
    .user-order-footer-buttons>.btn.btn-clear_basket {
        display:none
    }
}

.user-order-footer-buttons .basket-area--close {
    flex: 0 0 90px
}

@media screen and (min-width: 992px) {
    .user-order-footer-buttons .basket-area--close {
        display:none
    }
}

.user-order-footer-buttons .btn-send-order,.user-order-footer-buttons .btn-whatsapp {
    flex: 1
}

@media screen and (max-width: 991px) {
    .user-order-footer-buttons .btn-send-order,.user-order-footer-buttons .btn-whatsapp {
        margin-left:.3333333333rem
    }
}

.user-order-footer .geolocation-alert {
    margin-bottom: .3333333333rem;
    margin-top: .3333333333rem
}

.basket-product-item {
    padding: 1rem
}

.basket-product-item-wrapper+.basket-product-item-wrapper {
    border-top: 1px solid #cfcfcf
}

.product-content,.product-extras {
    margin-bottom: 1rem!important
}

.product-content {
    display: flex
}

.product-content .content-wrapper {
    flex: 1
}

.product-content .total {
    margin-left: .3333333333rem;
    text-align: right
}

.product-extras {
    list-style: none;
    margin: 0;
    padding: 0
}

.product-actions {
    display: flex;
    justify-content: space-between
}

.product-actions .action-base {
    display: flex
}

.product-actions .input-group-addon {
    background-color: var(--lang-and-basket-product-counter-background);
    max-width: 90px;
    min-width: 40px;
    overflow: hidden;
    white-space: nowrap
}

.basket-extra-option-items {
    margin-top: 1rem
}

.basket-extra-option-item {
    color: var(--text-secondary)
}

.basket-extra-option-item--sub {
    margin-top: .5rem;
    padding-left: .5rem
}

.basket-extra-option-item--title {
    color: #2196f3;
    font-size: .875rem;
    margin-bottom: .3333333333rem;
    margin-top: 0
}

.basket-extra-option-item+.basket-extra-option-item {
    border-top: 1px dashed #cfcfcf;
    margin-top: .5rem;
    padding-top: .5rem
}

.basket-extra-option-data-items {
    list-style: none;
    margin: 0;
    padding: 0
}

.basket-extra-option-data-items .basket-extra-option-data-item {
    font-size: .8rem
}

.basket-extra-option-data-items .basket-extra-option-data-item--container {
    display: flex;
    justify-content: space-between
}

.basket-extra-option-data-items .basket-extra-option-data-item+.basket-extra-option-data-item {
    margin-top: .3333333333rem
}

.basket-extra-option-data-items .basket-extra-option-data-item--pricing {
    font-weight: 600;
    margin-left: .3333333333rem
}

.basket-extra-option-data-items .basket-extra-option-data-item--pricing_price.free {
    color: #00a65a
}

.wp-sepet-icerik .user-order {
    border: 1px solid #cfcfcf;
    width: 100%
}

@media screen and (max-width: 991px) {
    .mobile-basket-show .main-section {
        z-index:2
    }

    .mobile-basket-show .basket-backdrop {
        display: block
    }
}

.empty-card .btn-clear_basket {
    display: none!important
}

.user-order--wp .basket-totals {
    padding-bottom: 0!important
}

@media screen and (min-width: 768px) {
    #siparis-whatsapp-modal .modal-dialog {
        margin-left:auto;
        margin-right: auto;
        max-width: 480px
    }
}

#siparis-whatsapp-modal .form-group {
    margin-bottom: 5px
}

[dir=rtl] .user-order-title .buttons {
    margin-left: 0;
    margin-right: auto
}

.mpd {
    transition: width .3s ease
}

.mpd .modal-content {
    border-radius: 6px
}

.mpd .modal-footer {
    background: 0 0;
    border-top: none;
    text-align: center
}

@media screen and (min-width: 768px) {
    .mpd.has-image {
        width:600px
    }
}

.mpd.has-image .mpd-button-close {
    flex-basis: 180px
}

@media screen and (min-width: 480px) {
    .mpd.has-image .mpd-button-close {
        flex-basis:120px
    }
}

.mpd .btn-close-mpd {
    box-shadow: none;
    color: var(--text-secondary);
    font-size: .9rem;
    opacity: 1;
    outline: none;
    padding: 1rem;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: color .3s ease,background-color .3s ease;
    z-index: 1
}

.mpd .btn-close-mpd:hover {
    background-color: var(--background-tertiary);
    color: var(--text-primary)
}

.mpd-wrapper {
    display: flex;
    flex-direction: column
}

.mpd-image {
    align-items: flex-start;
    display: flex;
    flex: 0 0 100%;
    flex-basis: 120px;
    justify-content: center;
    margin-bottom: 1rem;
    transition: flex-basis .3s ease
}

.mpd-image.has-not-image {
    display: none
}

.mpd-image img {
    border-radius: 6px;
    transition: all .3s ease
}

@media screen and (min-width: 768px) {
    .mpd-image {
        flex-basis:180px
    }
}

.mpd-info {
    flex: 1
}

.mpd-header {
    margin-bottom: 2rem;
    max-width: calc(100% - 100px)
}

.mpd-title {
    margin: 0
}

.mpd-body--description {
    color: var(--text-color-secondary);
    font-size: .8rem
}

.mpd-body--allergen {
    font-size: .8rem;
    margin-top: 1rem
}

.mpd-body--price-wrapper {
    display: flex;
    flex: 1;
    margin-bottom: 1rem
}

.mpd-body--price-wrapper .dumping,.mpd-body--price-wrapper .final,.mpd-body--price-wrapper .price {
    line-height: 1;
    margin: 0
}

.mpd-body--price-wrapper.has-dumping .dumping,.mpd-body--price-wrapper.has-dumping .price {
    display: inline-block
}

.mpd-body--price-wrapper.has-dumping .price {
    color: var(--text-color-secondary);
    text-decoration: line-through
}

.mpd-body--price-wrapper.has-dumping .final {
    color: #f44336
}

.mpd-body--price-wrapper .dumping,.mpd-body--price-wrapper .price {
    display: none
}

.mpd-body--price-wrapper .dumping {
    color: #00a65a;
    font-size: 2.2rem
}

.mpd-body--price-wrapper .final {
    font-size: 1.5rem;
    font-weight: 600
}

.mpd-body--price-selector {
    display: flex;
    height: 50px
}

.mpd-body--price-selector_selector {
    align-items: center;
    background: 0 0;
    border: 2px solid #c2c2c2;
    border-radius: 6px;
    display: flex;
    flex: 0;
    padding: .3333333333rem
}

.mpd-body--price-selector_selector.in-variant {
    display: inline-flex;
    margin-bottom: .5rem
}

.mpd-body--price-selector_selector .selector {
    border: none;
    box-shadow: none;
    font-weight: 500;
    height: 100%;
    outline: none;
    text-align: center;
    width: 40px
}

.mpd-body--price-selector_selector .selector--input {
    font-size: 1.5rem;
    padding: 0;
    width: 60px
}

.mpd-body--price-selector_selector .selector--decrement,.mpd-body--price-selector_selector .selector--increment {
    background-color: var(--background-tertiary);
    border-radius: 6px;
    transition: background-color .3s ease
}

.mpd-body--price-selector_selector .selector--decrement:hover,.mpd-body--price-selector_selector .selector--increment:hover {
    background-color: var(--background-tertiary)
}

.mpd-body--price-selector_selector .selector:disabled {
    background-color: var(--background-primary)!important;
    cursor: not-allowed
}

.mpd-body--price-selector_price-list {
    flex: 1;
    height: 50px;
    margin-left: .5rem
}

.mpd-body--price-selector_price-list select {
    background-color: var(--background-primary);
    border: 2px solid #c2c2c2;
    border-radius: 6px;
    box-shadow: none!important;
    color: var(--text-primary);
    height: 100%;
    outline: none!important;
    padding: .5rem;
    width: 100%
}

.mpd-body--price-selector_price-list .mpd-body--price-single-unit {
    align-items: center;
    background: 0 0;
    border: 2px solid #c2c2c2;
    border-radius: 6px;
    padding: 11px
}

.mpd-body--extras {
    margin-top: 1rem
}

.mpd-body--extras-title {
    color: #333;
    font-size: 1.25rem
}

.mpd-body--extras .mpd-extra-wrapper+.mpd-extra-wrapper {
    border-top: 1px dashed #cfcfcf;
    margin-top: 1rem;
    padding-top: 1rem
}

.mpd-body--extras .mpd-extra-title {
    color: #2196f3;
    font-size: 1rem;
    margin-top: 0;
    position: relative
}

.mpd-body--extras .mpd-extra-title .req-text {
    color: #f44336;
    font-size: .8rem
}

.mpd-body--extras .mpd-extra-title .option-description {
    color: gray;
    font-size: .9rem
}

.mpd-body--extras .mpd-extra-title .choose-count {
    color: #ff5722;
    font-size: .8rem
}

.mpd-body--extras .extra-option {
    border: 2px solid #cfcfcf;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1;
    margin: 0;
    padding: .3333333333rem .5rem;
    position: relative;
    text-align: left;
    transition: border-color .3s ease,color .3s ease,background-color .3s ease;
    width: 100%
}

.mpd-body--extras .extra-option-wrapper {
    display: inline-block;
    display: block;
    margin-bottom: .3333333333rem;
    width: 100%
}

.mpd-body--extras .extra-option-sub .mpd-extra-title {
    font-size: .9rem
}

.mpd-body--extras .extra-option.required {
    border: 2px solid #605ca8!important;
    color: #605ca8!important;
    pointer-events: none!important
}

.mpd-body--extras .extra-option.required:before {
    border-bottom-color: #605ca8;
    border-right-color: #605ca8
}

.mpd-body--extras .extra-option.selected {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.mpd-body--extras .extra-option input {
    bottom: 0;
    display: none;
    height: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 0
}

.mpd-body--extras .extra-option span {
    display: inline-block;
    line-height: 1;
    transition: margin-left .3s ease
}

@media screen and (min-width: 992px) {
    .mpd-body--extras .extra-option:hover:not(.selected) {
        color:#2196f3
    }
}

.mpd-body-tags {
    display: flex;
    flex-wrap: wrap
}

.mpd-body-tags .mpd-body-tag {
    font-size: .8rem;
    margin-bottom: .3333333333rem;
    width: 100%
}

.mpd-button {
    background: 0 0;
    border: none;
    border-radius: 6px;
    box-shadow: none;
    flex: 1;
    font-size: 1rem;
    padding: 1rem
}

.mpd-button-basket {
    background-color: var(--button-background-primary);
    color: #fff;
    margin: 0 auto;
    max-width: 420px;
    width: 100%
}

.mpd-error {
    font-size: .9rem
}

.mpd .product-container--ptags {
    display: flex;
    margin-bottom: .3rem
}

.mpd .product-container--ptags .product-ptag {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: .3333333333rem;
    margin-top: .3333333333rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px
}

.mpd .product-container--ptags .product-ptag+.product-ptag {
    margin-left: .5rem
}

.mpd .product-container--allergens {
    display: flex;
    margin-bottom: 1rem
}

.mpd .product-container--allergens .product-allergen {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: .3333333333rem;
    margin-top: .3333333333rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 21px
}

.mpd .product-container--allergens .product-allergen+.product-allergen {
    margin-left: .5rem
}

.extra-option-sub {
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    display: none;
    padding: 1rem
}

.extra-option-sub .mpd-extra-wrapper {
    border-top: none!important;
    padding-top: 0!important
}

.extra-option-sub-show {
    display: block!important
}

.extra-option-sub-show+.extra-option-sub-show {
    margin-top: .5rem
}

.gww-card {
    margin-bottom: 1rem
}

.gww-title {
    font-size: 1.25rem
}

.gww-body,.gww-item {
    width: 100%
}

.gww-item {
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    display: flex;
    flex: 1 1 auto;
    margin-bottom: .3333333333rem
}

.gww-item-header {
    display: flex;
    flex: 0 0 auto;
    height: 70px;
    justify-content: center;
    -o-object-fit: contain;
    object-fit: contain;
    padding: .3333333333rem;
    width: 90px
}

.gww-item-header img {
    border-radius: 3px
}

.gww-item-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: .3333333333rem
}

.gww-item-body--header {
    display: flex;
    flex-direction: column;
    margin-bottom: .25rem
}

.gww-item-body--header .pname {
    flex: 1;
    font-weight: 600;
    margin-bottom: .3333333333rem
}

.gww-item-body--header .pcontrols {
    display: flex
}

@media screen and (max-width: 767px) {
    .gww-item-body--header .pcontrols {
        flex-direction:column
    }
}

.gww-item-body--header .pcontrols .pprice {
    padding-left: .3333333333rem;
    padding-right: .3333333333rem;
    width: 100%
}

@media screen and (max-width: 767px) {
    .gww-item-body--header .pcontrols .pprice {
        margin-bottom:.25rem
    }
}

.gww-item-footer {
    align-items: center;
    align-items: flex-start;
    display: flex;
    padding: .3333333333rem;
    width: 120px
}

.gww-item-footer__prices {
    padding-left: 3px;
    padding-right: 3px
}

.gww-item-footer__prices,.gww-item-wrapper {
    border-radius: 3px;
    width: 100%
}

.mpd-media-slide--images {
    position: relative
}

.mpd-media-slide--images .splide__pagination {
    margin-top: .25rem
}

.mpd-media-slide--images .splide__slide--img>img {
    width: 100%
}

.mpd-media-slide--video {
    margin-top: 1rem;
    width: 100%
}

.mpd-media-slide--video iframe {
    height: 260px;
    width: 100%
}

[dir=rtl] .mpd-info.has-image {
    padding-left: auto;
    padding-right: 1rem
}

[dir=rtl] .mpd .btn-close-mpd {
    left: 5px;
    right: auto
}

.restaurant-top-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    transition: padding .3s ease;
    z-index: 4
}

.restaurant-top-image>.container {
    position: relative;
    z-index: 3
}

@media screen and (max-width: 991px) {
    .restaurant-top-image>.container {
        width:100%
    }
}

.restaurant-top-image--container {
    align-items: flex-end;
    display: flex
}

.restaurant-top-image--container-logo {
    align-items: flex-end;
    border-radius: 6px;
    display: flex;
    flex: 0 1 auto;
    margin-right: 1rem;
    overflow: hidden;
    transition: margin-right .3s ease
}

.restaurant-top-image--container-logo.logo-hidden {
    margin-right: 0
}

.restaurant-top-image--container-logo img {
    width: 90px
}

@media screen and (min-width: 992px) {
    .restaurant-top-image--container-logo img {
        width:120px
    }
}

.restaurant-top-image--container-title {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 1.25rem;
    justify-content: flex-end;
    padding-bottom: .5rem
}

.restaurant-top-image--container-title .rest-name {
    color: #fff;
    font-size: 1.25rem;
    margin-bottom: 0;
    margin-top: 0
}

.restaurant-top-image--container-title .rest-name>a {
    color: #fff
}

.restaurant-top-image--container-title .rest-b-name {
    color: #fff;
    font-size: .9rem;
    font-weight: 400;
    margin: .5rem 0 0
}

.restaurant-top-image--container-title .rest-b-name>a {
    color: #fff
}

.restaurant-top-image:after {
    background: transparent;
    background: -webkit-gradient(left top,left bottom,color-stop(0,transparent),color-stop(80%,rgba(0,0,0,.6)),color-stop(100%,#000));
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 80%,#000);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (min-width: 768px) {
    .restaurant-top-image:after {
        height:110px
    }
}

@media screen and (min-width: 991px) {
    .restaurant-top-image {
        padding-bottom:1rem;
        padding-top: 6rem
    }
}

@media screen and (min-width: 1200px) {
    .restaurant-top-image {
        padding-bottom:1rem;
        padding-top: 8rem
    }
}

@media screen and (max-width: 991px) {
    .restaurant-top-image {
        left:0;
        position: fixed;
        top: 0;
        width: 100%
    }
}

#main {
    margin-bottom: .5rem;
    transition: margin .3s ease
}

@media screen and (min-width: 992px) {
    #main {
        margin-top:1rem
    }
}

@media screen and (max-width: 991px) {
    #main {
        margin-left:0;
        margin-right: 0;
        margin-top: 0;
        padding: 0
    }
}

#main>.container-branch {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

._activeAnchor {
    border: none;
    color: #c63332
}

.main-section {
    position: relative;
    z-index: 1
}

.category {
    padding-bottom: 10px;
    position: relative
}

.category-header {
    margin-bottom: .5rem
}

.category-title {
    color: var(--category-title-color);
    cursor: default;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.category-title:after {
    background-color: var(--category-title-color);
    border-radius: 6px;
    content: "";
    height: 2px;
    margin-left: .5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px
}

@media screen and (max-width: 767px) {
    .category-title:after {
        width:30px
    }

    .category-title {
        width: 100%
    }
}

.category-description {
    font-size: .9rem
}

.product {
    background-color: var(--background-primary);
    box-shadow: 0 1px 5px -3px rgba(0,0,0,.12),1px 0 5px -3px rgba(0,0,0,.12);
    cursor: pointer;
    padding: 1rem .5rem
}

@media screen and (min-width: 992px) {
    .product {
        transition:box-shadow .3s ease
    }

    .product:hover {
        box-shadow: 0 5px 15px 0 rgba(0,0,0,.15)
    }

    .product {
        border-radius: 6px
    }

    .product:hover .product-container--name_name {
        color: var(--text-secondary)
    }
}

@media screen and (max-width: 991px) {
    .product+.product {
        border-top:2px dashed #cfcfcf
    }
}

.product-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.product .product-container-header {
    display: flex
}

.product .product-container-logo {
    width: 90px
}

@media screen and (min-width: 768px) {
    .product .product-container-logo {
        width:120px
    }

    .product .product-container-logo img {
        max-height: 240px!important
    }
}

@media screen and (min-width: 992px) {
    .product .product-container-logo {
        width:150px
    }

    .product .product-container-logo img {
        max-height: 300px!important
    }
}

.product .product-container-logo img {
    border-radius: 6px
}

.product .product-container-logo+.product-container--title {
    margin-left: .5rem
}

.product .product-container--title {
    display: flex;
    flex: 1
}

.product .product-container--name {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0
}

.product .product-container--name_container {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.product .product-container--name_name {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .25rem;
    margin-right: 1rem;
    transition: color .3s ease
}

.product .product-container-price {
    margin-left: .5rem
}

.product .product-container-price_unit {
    color: #666;
    margin-right: 15px;
    position: relative
}

.product .product-container-price_unit:after {
    background-color: gray;
    border-radius: 6px;
    content: "";
    height: 1px;
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.product .product-container-price_price {
    color: var(--text-primary);
    font-size: .9rem;
    font-weight: 500
}

.product .product-container-price_price.has-dumping {
    text-decoration: line-through
}

.product .product-container-price_dumping {
    color: #f44336;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: .05rem
}

.product .product-container-price--content {
    margin-top: .5rem
}

.product .product-container--body {
    color: var(--text-secondary);
    font-size: .9rem;
    margin-top: 1rem
}

.product .product-container--body .product-tags {
    display: flex;
    flex-wrap: wrap
}

.product .product-container--body .product-tags .product-tag {
    background-color: var(--background-secondary);
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    color: var(--text-primary);
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: .3333333333rem;
    padding: .25rem .3333333333rem
}

.product .product-container--body .product-tags .product-tag span {
    margin-left: .2rem
}

.product .product-container--body .product-tags .product-tag:not(:first-child) {
    margin-left: .25rem
}

.product .product-container--body .product-allergen {
    font-size: .8rem;
    margin-top: .5rem
}

.product .product-container--ptags {
    display: flex
}

.product .product-container--ptags .product-ptag {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: .25rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px
}

.product .product-container--ptags .product-ptag+.product-ptag {
    margin-left: .5rem
}

.product .product-container--allergens {
    display: flex
}

.product .product-container--allergens .product-allergen {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: .25rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 21px
}

.product .product-container--allergens .product-allergen+.product-allergen {
    margin-left: .5rem
}

@media screen and (min-width: 992px) {
    .product+.product {
        margin-top:.5rem
    }
}

@media screen and (max-width: 991px) {
    .mid-section {
        padding:0!important
    }
}

.mobile-menu-button-wrapper {
    bottom: 10px;
    display: block;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
    z-index: 100
}

@media screen and (min-width: 992px) {
    .mobile-menu-button-wrapper {
        display:none
    }
}

.mobile-menu-button-wrapper .dropdown-toggle {
    min-width: 110px;
    text-align: center
}

.mobile-menu-button-wrapper .dropdown-menu {
    left: 50%;
    max-height: 235px;
    min-width: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    right: 0;
    transform: translateX(-50%)
}

.mobile-menu-button-wrapper .dropdown-menu>li>a:hover {
    background-color: #3c8dbc;
    color: #fff
}

.section-full-width {
    max-width: 1170px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .section-full-width {
        margin:0 auto
    }
}

.search-wrapper {
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative
}

.search-wrapper.searching .clear-button {
    opacity: 1;
    transform: translateX(0)
}

.search-wrapper.searching .foodSearch {
    padding-right: 40px
}

.search-wrapper .foodSearch {
    border: none;
    height: 44px;
    transition: padding-right .3s ease
}

.search-wrapper .clear-button {
    background: transparent;
    border: none!important;
    color: gray;
    font-weight: 700;
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(101%);
    transition: transform .3s ease,opacity .3s ease;
    width: 34px
}

.category-list-item {
    margin-bottom: .5rem
}

.category-list .category-list-category {
    box-shadow: 0 5px 6px -5px #000;
    display: block;
    position: relative
}

.category-list .category-photo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    height: 180px;
    position: relative;
    width: 100%;
    z-index: 1
}

.category-list .category-photo.default {
    opacity: .4
}

.category-list .category-photo:before {
    background: transparent;
    background: -webkit-gradient(left top,left bottom,color-stop(0,transparent),color-stop(80%,rgba(0,0,0,.6)),color-stop(100%,rgba(0,0,0,.8)));
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.category-list .category-name {
    bottom: 0;
    color: #fff;
    font-size: 1.25rem;
    left: 0;
    padding: 1rem;
    position: absolute;
    width: 100%;
    z-index: 2
}

.navigation-menu .navigation-item {
    margin-bottom: .5rem
}

.navigation-menu .navigation-category {
    box-shadow: 0 5px 6px -5px #000;
    display: block;
    position: relative
}

.navigation-menu .category-photo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    height: 180px;
    position: relative;
    width: 100%;
    z-index: 1
}

.navigation-menu .category-photo.default {
    opacity: .4
}

.navigation-menu .category-photo:before {
    background: transparent;
    background: -webkit-gradient(left top,left bottom,color-stop(0,transparent),color-stop(80%,rgba(0,0,0,.6)),color-stop(100%,rgba(0,0,0,.8)));
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.navigation-menu .category-name {
    bottom: 0;
    color: #fff;
    font-size: 1.25rem;
    left: 0;
    padding: 1rem;
    position: absolute;
    width: 100%;
    z-index: 2
}

.navigation-menu .navigation-category-products {
    background-color: var(--background-primary);
    height: 100vh;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform: translateX(101%);
    transition: transform .3s ease,opacity .3s ease;
    width: 100%;
    z-index: 99
}

.navigation-menu .navigation-category-products.show-products {
    display: block;
    opacity: 1;
    transform: translateX(0)
}

.navigation-menu .navigation-category-products .header {
    align-items: flex-end;
    background-color: #3c8dbc;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    height: 55px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.navigation-menu .navigation-category-products .header:before {
    background: transparent;
    background: -webkit-gradient(left top,left bottom,color-stop(0,transparent),color-stop(80%,rgba(0,0,0,.8)),color-stop(100%,#000));
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8) 80%,#000);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
    height: 57px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.navigation-menu .navigation-category-products .header .remove-the-category-list {
    color: #fff;
    flex: 0 0 60px;
    font-size: 1.5rem;
    padding: .5rem;
    text-align: center
}

.navigation-menu .navigation-category-products .header .header-category-name {
    flex: 1;
    font-size: .9rem;
    padding: 1rem
}

.navigation-menu .navigation-category-products .header .header-category-name,.navigation-menu .navigation-category-products .header .remove-the-category-list {
    position: relative;
    z-index: 1
}

.navigation-menu .navigation-category-products .menu {
    margin-top: 55px;
    max-height: calc(100dvh - 55px);
    overflow-y: auto
}

.navigation-menu .navigation-category-products .menu .product-list {
    margin-bottom: 55px
}

.navigation-menu .navigation-category-products .menu .sub-category:not(:last-child) .product-list {
    margin-bottom: 10px
}

.navigation-menu .navigation-category-products .menu .product {
    box-shadow: none!important
}

@media screen and (min-width: 992px) {
    .navigation-menu-wrapper {
        display:none;
        opacity: 0;
        visibility: hidden
    }
}

.active-calls {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2.5px;
    margin-right: -2.5px
}

.active-calls.show-error {
    border: 2px solid #f44336;
    border-radius: 3px;
    color: #f44336;
    flex-wrap: nowrap;
    font-weight: 600;
    margin-bottom: 1rem;
    padding: 1rem
}

.active-calls.show-error .icon {
    font-size: 1.25rem
}

.active-calls.show-error .error-text {
    margin-left: 1rem;
    margin-right: 1rem
}

.active-calls .call-button-wrapper {
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99
}

.active-calls .call-button-wrapper .main-call-btn {
    align-items: center;
    background-color: var(--button-background-primary);
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0,0,0,.3);
    color: var(--call-buttons-background);
    cursor: pointer;
    display: flex;
    font-size: 1.25rem;
    height: 60px;
    justify-content: center;
    position: relative;
    transition: all .3s ease;
    width: 60px;
    z-index: 10
}

.active-calls .call-button-wrapper .main-call-btn:hover {
    background-color: color-mix(in srgb,var(--button-background-primary) 80%,#000);
    box-shadow: 0 6px 14px rgba(0,0,0,.4);
    transform: scale(1.1)
}

.active-calls .call-button-wrapper .main-call-btn #call-btn-icon {
    width: 37px
}

.active-calls .call-button-wrapper .main-call-btn #call-btn-icon .st0 {
    fill: var(--call-buttons-background)
}

@media screen and (max-width: 992px) {
    .active-calls .call-button-wrapper {
        bottom:0;
        right: 0;
        top: auto;
        transform: none;
        width: 18%;
        z-index: 100
    }

    .active-calls .call-button-wrapper .main-call-btn {
        border: none;
        border-radius: 0!important;
        border-top-left-radius: 20px!important;
        height: 54px!important;
        transition: .3s!important;
        width: auto!important
    }

    .active-calls .call-button-wrapper .main-call-btn:hover {
        background-color: var(--button-background-primary)!important;
        box-shadow: none!important;
        transform: scale(1.08)
    }

    .active-calls .call-button-wrapper .main-call-btn #call-btn-icon {
        width: 40px!important
    }
}

.active-calls .call-button-wrapper .call-options {
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0
}

.active-calls .call-button-wrapper .call-options .active-call-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-bottom: 10px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,-50%);
    transition: .35s ease
}

.active-calls .call-button-wrapper .call-options .active-call-item .active-call-label {
    background: var(--call-buttons-background);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,.1);
    color: var(--button-background-primary);
    font-size: .9rem;
    font-weight: 600;
    margin-right: 5px;
    padding: 5px 12px;
    white-space: nowrap
}

.active-calls .call-button-wrapper .call-options .active-call-item #call_valet_icon .st0,.active-calls .call-button-wrapper .call-options .active-call-item #call_waiter_icon .st0,.active-calls .call-button-wrapper .call-options .active-call-item #check_please_icon .st2 {
    fill: var(--button-background-primary)
}

.active-calls .call-button-wrapper .call-options .active-call-item .btn-active-call {
    background: var(--call-buttons-background);
    border-radius: 28px;
    box-shadow: 0 3px 6px rgba(0,0,0,.15)!important;
    color: #333;
    font-weight: 600;
    padding: 10px 22px;
    transition: .25s
}

.active-calls .call-button-wrapper .call-options .active-call-item .btn-active-call .active-call-icon {
    width: 30px
}

@media screen and (max-width: 992px) {
    .active-calls .call-button-wrapper .call-options .active-call-item .active-call-label {
        margin-right:35px
    }

    .active-calls .call-button-wrapper .call-options .active-call-item .btn-active-call {
        border: 0!important;
        padding: 8px 10px!important
    }

    .active-calls .call-button-wrapper .call-options .active-call-item .active-call-icon {
        width: 30px
    }
}

@media screen and (min-width: 992px) {
    .active-calls .call-button-wrapper .call-options .active-call-item:hover .active-call-label,.active-calls .call-button-wrapper .call-options .active-call-item:hover .btn-active-call {
        background:var(--button-background-primary);
        color: var(--call-buttons-background)
    }

    .active-calls .call-button-wrapper .call-options .active-call-item:hover #call_valet_icon .st0,.active-calls .call-button-wrapper .call-options .active-call-item:hover #call_waiter_icon .st0,.active-calls .call-button-wrapper .call-options .active-call-item:hover #check_please_icon .st2 {
        fill: var(--call-buttons-background)
    }
}

.active-calls .call-button-wrapper .call-options.show .active-call-item {
    opacity: 1;
    pointer-events: auto
}

.active-calls .call-button-wrapper .call-options.show .active-call-item:first-child {
    transform: translate(-220px,-80px)
}

.active-calls .call-button-wrapper .call-options.show .active-call-item:nth-child(2) {
    transform: translate(-240px,-15px)
}

.active-calls .call-button-wrapper .call-options.show .active-call-item:nth-child(3) {
    transform: translate(-200px,50px)
}

@media screen and (max-width: 992px) {
    .active-calls .call-button-wrapper .call-options.show .active-call-item:first-child {
        transform:translate(-163px,-110px);
        transition: .2s ease
    }

    .active-calls .call-button-wrapper .call-options.show .active-call-item:first-child .active-call-label {
        margin-right: 20px
    }

    .active-calls .call-button-wrapper .call-options.show .active-call-item:nth-child(2) {
        transform: translate(-160px,-170px);
        transition: .4s ease
    }

    .active-calls .call-button-wrapper .call-options.show .active-call-item:nth-child(3) {
        transform: translate(-160px,-230px);
        transition: .6s ease
    }
}

.active-calls .call-button-wrapper .call-options:not(.show) .active-call-item {
    opacity: 0;
    transform: translate(-50%,-50%)
}

.mobile-basket-show .call-button-wrapper {
    display: none!important;
    height: 0;
    left: -99999px;
    opacity: 0;
    position: absolute;
    top: -99999px;
    visibility: hidden;
    width: 0
}

@media screen and (max-width: 991px) {
    .container-branch {
        width:100%!important
    }
}

.geo-distance {
    background-color: var(--background-primary);
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    font-size: .8rem;
    padding: 1rem
}

.geo-distance .distance_of {
    font-size: .9rem
}

.dropdown-menu--category>li>a {
    white-space: pre-wrap
}

.no-product {
    border-radius: 3px;
    color: var(--text-primary);
    text-align: center
}

.no-product,.splide {
    background-color: var(--background-primary);
    padding: 1rem
}

.splide {
    border-radius: 9px;
    box-shadow: 0 5px 6px -5px rgba(0,0,0,.12);
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .splide {
        margin-bottom:1rem
    }
}

.splide__list,.splide__track {
    background-color: var(--background-primary)
}

.splide__slide {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    min-height: 90px;
    text-align: center;
    width: 100%
}

.splide__slide-title {
    color: var(--text-primary);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
    width: 100%
}

.splide__slide-content {
    font-size: 1rem;
    width: 100%
}

.splide__pagination {
    bottom: unset;
    left: unset;
    margin-top: 1rem;
    position: relative;
    right: unset;
    top: unset
}

.splide__pagination__page.is-active {
    background: #4d4d4d
}

.whitespace-pre-line {
    white-space: pre-line
}

.variant-product {
    align-items: center;
    border-radius: 3px;
    display: flex;
    margin: 0;
    padding: .5rem
}

@media screen and (min-width: 768px) {
    .variant-product {
        padding:.5rem 1rem
    }
}

.variant-product.in-mpd {
    cursor: pointer;
    font-size: 1rem;
    padding-left: 0;
    padding-right: 0
}

.variant-product:hover {
    background-color: var(--background-tertiary)
}

.variant-product-header {
    color: var(--text-secondary);
    flex: 1;
    font-size: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.variant-product-body {
    font-size: .9rem;
    margin-left: 1rem;
    text-align: right
}

.variant-product-list {
    margin-top: 1rem
}

.variant-product__price-unit {
    color: #666;
    margin-right: 15px;
    position: relative
}

.variant-product__price-unit:after {
    background-color: gray;
    border-radius: 4px;
    content: "";
    height: 1px;
    position: absolute;
    right: -11px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.variant-product__price-price {
    display: inline-block;
    font-weight: 600
}

.variant-product__quick-add {
    margin-left: .5rem
}

#form-feedback .form-group {
    margin-bottom: .5rem
}

[dir=rtl] .product .product-container-logo+.product-container--title {
    margin-left: 0;
    margin-right: .5rem
}

[dir=rtl] .product .product-container--body .product-tags .product-tag:not(:last-child) {
    margin-left: .25rem
}

[dir=rtl] .product .product-container--body .product-tags .product-tag:last-child {
    margin-left: 0
}

[dir=rtl] .category-title:after {
    margin-left: 0;
    margin-right: .5rem
}

.not-found-wrapper {
    color: var(--text-primary);
    font-size: 1.1rem;
    margin: auto;
    text-align: center
}

@media screen and (min-width: 768px) {
    .not-found-wrapper {
        max-width:640px;
        padding: 3rem
    }
}

@media screen and (min-width: 992px) {
    .not-found-wrapper {
        max-width:720px
    }
}

@media screen and (min-width: 1200px) {
    .not-found-wrapper {
        max-width:920px
    }
}

.img-error {
    border-radius: 3px;
    margin: 0 auto 1rem
}

@media screen and (min-width: 768px) {
    .img-error {
        max-width:80%
    }
}

.popup-modal-dialog {
    max-width: -webkit-max-content!important;
    max-width: -moz-max-content!important;
    max-width: max-content!important
}

.sub-category-list {
    background-color: var(--background-primary);
    box-shadow: 0 1px 5px -3px rgba(0,0,0,.12),1px 0 5px -3px rgba(0,0,0,.12);
    cursor: pointer;
    display: flex;
    overflow-x: auto;
    padding: 1rem .5rem;
    position: -webkit-sticky;
    position: sticky;
    top: 5px;
    width: 100%;
    z-index: 1
}

.sub-category-list li {
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0 4px 0 0
}

.sub-category-list li a {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    font-weight: 600;
    justify-content: center;
    margin-bottom: 2px;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap
}

label.checkbox input:checked+span:before {
    background-color: var(--button-background-primary);
    border-color: var(--button-background-primary)
}

input[type=radio] {
    accent-color: var(--button-background-primary)
}