/*!
----------
ms-mystyle
at-ardythenu
------------
ig-@ardythenu
em-ardyjr33@gmail.com
--------------------
sc-03/04/2017
----------------
Copyright 2017-2021 Ardy Thenu
------------------------------
*/

.bg-ntt-1 {
    background-color: #ed3713
}

.bg-ntt-2 {
    background-color: #fdca00
}

.bg-ntt-3 {
    background: -webkit-linear-gradient(40deg, #fdca00, #ed3713);
    background: -o-linear-gradient(40deg, #fdca00, #ed3713);
    background: -moz-linear-gradient(40deg, #fdca00, #ed3713);
    background: linear-gradient(40deg, #fdca00, #ed3713)
}

.bg-ntt-4 {
    background-color: #F8F5ED
}

.bg-1 {
    background-color: #2E221E !important
}

.bg-2 {
    background-color: #f8f5ed !important
}

/*  */

.ls-more li { 
    list-style: none;
    position: relative;
    padding: 3px 0 2px 15px;
}
.ls-more li::before {
    content: "•"; /* Insert content that looks like bullets */
    position: absolute;
    top: 5px;
    left: 0;
}

/* */

.text-ntt-1 {
    color: #ed3713
}

.text-ntt-2 {
    color: #fdca00
}

.text-ntt-3 {
    background: -webkit-linear-gradient(40deg, #fdca00, #ed3713);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.text-ntt-4 {
    color: #5E5957
}

/* */

.menu-text {
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
}

.active-m-m a {
    color: #ED3713;
}

/*  */

.ls-1 {
    letter-spacing: 0.05rem;
}

.ls-2 {
    letter-spacing: 0.1rem;
}

/*  */

.shadow-1 {
    box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.077) !important
}

.shadow-2 {
    box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.077) !important
}

/*  */

.flex-ms {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-log-more {
    position: absolute;
    display: inline-block;
    background-color: #fff;
    margin-left: -6.5rem;
    margin-top: -.7rem;
    padding: .2rem 3rem
}

/*  */

.loader-ms {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    z-index: 1234567;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #ed3713;
    background: -webkit-linear-gradient(40deg, #fdca00, #ed3713);
    background: -o-linear-gradient(40deg, #fdca00, #ed3713);
    background: -moz-linear-gradient(40deg, #fdca00, #ed3713);
    background: linear-gradient(40deg, #fdca00, #ed3713);
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spinner-ms {
    position: relative;
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    background-image: url(../../img/logo-load.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: bounceimg 1s infinite ease-in-out
}

.loader-ms-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    z-index: 1234;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #fff;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spinner-ms-2 {
    position: relative;
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    background-image: url(../../img/logo-load-2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@keyframes bounceimg {
    0% {
        top: 0px
    }

    50% {
        top: -20px
    }

    100% {
        top: 0px
    }
}

/*  */

.pointer {
    cursor: pointer
}

.space-top {
    height: 118px;
    background-color: #fff
}

.space-top-mobile {
    height: 5.3rem;
    background-color: #fff
}

.space-bottom-mobile {
    background-color: #EFECE3;
    height: 5.3rem
}

.head-fix-ms {
    width: 100%;
    height: auto;
    top: 0;
    margin: 0 auto;
    z-index: 10;
    transition: 0.77s;
    position: fixed
}

.at-ms-mk {
    background-color: #fff;
    box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.077) !important
}

.head-fix-ms.hide {
    transform: translateY(-110%)
}

/* */

.topbar-ms {
    padding: .456rem 0 3rem 0;
    font-size: .737rem
}

.topbar-ms .topbar-link {
    color: rgba(255, 255, 255, 0.9)
}

/*  */

.navbar-ms {
    width: 100%;
    background-color: #fff;
    /* border-radius: .3rem; */
}

.top-fix-ms {
    margin-top: -3.3rem;
    padding: .7rem 2rem 0 2rem
}

/*  */

.icon-link {
    color: #2E221E
}

.icon-link:hover {
    color: #ed3713
}

.icon-circle-sm {
    width: 50px;
    height: 50px;
    align-items: center;
    border-radius: 50%
}


/* */

.z-slide-wrap {
    position: relative;
    display: block;
    overflow: hidden
}

.z-slide-content {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.z-slide-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    overflow: hidden;
    text-decoration: none
}

.z-slide-item img {
    width: 100%;
    height: auto;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center
}

.z-slide-indicator {
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    z-index: 1
}

.z-slide-indicator .z-slide-dot {
    display: block;
    float: left;
    width: 0.7rem;
    height: 0.7rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    border-radius: 50%;
    background-color: #f8f5ed
}

.z-slide-indicator .z-slide-dot.active {
    background: #ed3713
}

.z-pointer {
    cursor: pointer
}

/*  */

.brand-t {
    overflow: hidden;
    border: 1px solid #EFECE3;
    border-radius: .3rem
}

/*  */

.banner-promo-1, .banner-promo-2 {
    overflow: hidden;
    height: 480px
}

.banner-promo-1 img, .banner-promo-2 img {
    width: 100%;
    object-fit: cover
}

/*  */

.pro-slider .inner {
    overflow: hidden
}

.pro-slider ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    transition: left .2s ease;
    left: 0
}

.pro-slider ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    flex: 1 0 197px;
    vertical-align: top;
    box-sizing: border-box;
    white-space: normal;
    padding: 0 .5rem
}

.sn-prev, .sn-next {
    top: 100%;
    right: 45px;
    transform: translateY(-50%);
    background-color: bisque;
    border: 0px solid #fff;
    position: absolute
}

.sn-prev, .sn-next {
    padding: .5rem;
    font-size: .5rem;
    text-align: center;
    background-color: #fdca00;
    color: #fff;
    border: 10px solid #fff
}

.sn-prev:hover, .sn-next:hover {
    background-color: #ed3713;
    transition: all .3s ease 0s
}

.sn-prev {
    right: 80px
}

.pro-slider .slider-nav .disabled {
    background-color: #efece3;
}

/*  */

.product-grid {
    width: auto;
    text-align: center;
    border: 0px solid #fff;
    overflow: hidden;
    position: relative;
    display: inline;
    z-index: 1
}

.product-grid:hover {
    box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.234) !important;
    transition: all .3s ease 0s
}

.product-grid .product-image {
    position: relative;
    transition: all .3s ease 0s
}

.product-grid .product-image a {
    display: block
}

.product-grid .product-image img {
    width: 100%;
    height: auto
}

.product-grid:hover .product-image img {
    opacity: 0.7;
    transition: all .3s ease 0s
}

.product-grid .social {
    width: auto;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    opacity: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -23px;
    transform: scale(0);
    transition: all .3s ease 0s
}

.product-grid:hover .social {
    opacity: 1;
    transform: scale(1)
}

.product-grid .social span {
    display: inline-block
}

.product-grid .social span a {
    color: #fff;
    background-color: #ed3713;
    /* box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.234) !important; */
    font-size: 15px;
    line-height: 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin: 0 2px;
    display: block;
    transition: all .3s ease 0s
}

.product-grid .social span a:hover {
    background-color: #fdca00;
    color: #fff
}

.product-grid .product-discount-label,
.product-grid .product-new-label {
    color: #fff;
    background-color: #5E5957;
    font-size: 0.75rem;
    text-transform: capitalize;
    padding: 2px 7px;
    display: block;
    position: absolute;
    top: 10px;
    left: 0
}

.product-grid .product-discount-label {
    display: inline-block;
    background-color: #ed3713;
    left: auto;
    right: 0
}

.product-grid .product-content {
    z-index: -1;
    padding: 15px 5px;
    text-align: left
}

.product-grid .title {
    font-size: 15px;
    text-transform: capitalize;
    margin: 0 0 7px;
    transition: all .3s ease 0s
}

.product-grid .title a {
    color: #2E221E
}

.product-grid .price {
    color: #ed3713;
    font-size: 15px;
    margin-right: 2px;
    display: inline-block
}

.product-grid .price span {
    color: #A3A0A0;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: line-through;
    text-align: left;
    display: inline-block;
    margin-top: -2px
}

.product-grid .price small {
    color: #A3A0A0;
    font-size: 12px;
    text-align: left;
    display: inline-block;
    margin-top: -2px
}

.product-grid .rating {
    padding: 0;
    list-style: none;
    display: block
}

.product-grid .rating li {
    color: #ffd200;
    font-size: 13px;
    display: inline-block
}

.product-grid .rating li.disable {
    color: #A3A0A0
}

/*  */

.box-load-1 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: skeleton-1;
    position: relative;
    background-color: #EFECE3;
    /* background-image: linear-gradient(to right, #faf6eb 0%,rgba(255, 255, 255, 0.3) 10%, #faf6eb 20%,  #faf6eb 100%); */
    background-repeat: no-repeat
}

.box-load-2 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: skeleton-2;
    position: relative;
    background-color:#EFECE3;
    /* background-image: linear-gradient(to right, #faf6eb 0%, rgba(255, 255, 255, 0.3) 20%, #faf6eb 50%,  #faf6eb 100%); */
    background-repeat: no-repeat
}

.box-load-3 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: skeleton-3;
    position: relative;
    background-color: #F8F5ED;
    /* background-image: linear-gradient(to right, #faf6eb 0%, rgba(255, 255, 255, 0.3) 10%, #faf6eb 20%,  #faf6eb 100%); */
    background-repeat: no-repeat
}

.box-load-4 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: skeleton-4;
    position: relative;
    background-color: #F8F5ED;
    /* background-image: linear-gradient(to right, #faf6eb 0%, rgba(255, 255, 255, 0.3) 50%, #faf6eb 80%,  #faf6eb 100%); */
    background-repeat: no-repeat
}

.box-load-5 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: skeleton-5;
    position: relative;
    background-color: #F8F5ED;
    /* background-image: linear-gradient(to right, #faf6eb 0%, rgba(255, 255, 255, 0.3) 50%, #faf6eb 80%,  #faf6eb 100%); */
    background-repeat: no-repeat
}

.box-load-6 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: skeleton-6;
    position: relative;
    background-color: #F8F5ED;
    /* background-image: linear-gradient(to right, #faf6eb 0%, rgba(255, 255, 255, 0.3) 50%, #faf6eb 80%,  #faf6eb 100%); */
    background-repeat: no-repeat
}

.box-load-7 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: skeleton-7;
    position: relative;
    background-color: #F8F5ED;
    /* background-image: linear-gradient(to right, #faf6eb 0%, rgba(255, 255, 255, 0.3) 50%, #faf6eb 80%,  #faf6eb 100%); */
    background-repeat: no-repeat
}

.box-load-in-slide {
    height: 21.5rem;
    margin: 0
}

.box-load-in-banner {
    height: 10rem;
    margin: 0
}

.box-load-in-sale {
    height: 25rem;
    margin: 0
}

.box-load-in-banner-gift {
    height: 10rem;
    margin: 0
}

.box-load-in-user-circle {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    margin: 0
}

.box-load-in-promo {
    height: 30rem;
    margin: 0
}

.box-load-in-img {
    height: 10rem;
    margin: 1rem
}

.box-load-in-img-det {
    height: 5rem;
    margin-bottom: 1rem
}

.box-load-in-img-det-zoom {
    height: 30rem
}

.box-load-in-title {
    height: 2rem;
    margin: .5rem 1rem
}

.box-load-in-menu {
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius: 50%
}

.box-load-in-p {
    height: .7rem;
    margin: .5rem 1rem
}

/* @keyframes skeleton-1 {

    0% {
        background-position: -30rem 0
    }

    100% {
        background-position: 60rem
    }

}

@keyframes skeleton-2 {

    0% {
        background-position: -10rem 0
    }

    100% {
        background-position: 20rem
    }

}

@keyframes skeleton-3 {

    0% {
        background-position: -20rem 0
    }

    100% {
        background-position: 80rem
    }

}

@keyframes skeleton-4 {

    0% {
        background-position: -2rem 0
    }

    100% {
        background-position: 5rem
    }

}

@keyframes skeleton-5 {

    0% {
        background-position: -5rem 0
    }

    100% {
        background-position: 10rem
    }

}

@keyframes skeleton-6 {

    0% {
        background-position: -15rem 0
    }

    100% {
        background-position: 30rem
    }

} */

.mobile-toolbar {
    display: none;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: all 0.3s 0.35s ease-in-out;
    background-color: #fff;
    box-shadow: -1.25rem 0 2rem 0 rgba(112, 93, 62, 0.15);
    z-index: 123
}

.mobile-toolbar-item {
    padding-bottom: .5rem;
    text-align: center
}

.mobile-toolbar-item:first-child {
    border-right: 0
}

.mobile-toolbar-item img {
    margin-top: 10px;
}

.mobile-toolbar-item .badge {
    font-size: .625rem
}

.mobile-toolbar-icon {
    display: block;
    color: #5E5957;
    font-size: 1rem
}

.mobile-toolbar-icon:hover {
    color: #ed3713;
    transition: all .3s ease 0s
}

.mobile-toolbar-icon > i,
.mobile-toolbar-icon > .badge {
    display: inline-block;
    vertical-align: middle
}

.mobile-toolbar-label {
    display: block;
    color: #5E5957;
    font-size: .6875rem
}

@media (max-width: 991.98px) {

    .toolbar-enabled {
        padding-bottom: 3.5rem
    }

    .mobile-toolbar {
        display: block
    }

    .mobile-toolbar+.btn-scroll-top {
        bottom: 4.5rem
    }

}

.offcanvas-open {
    padding-bottom: 0
}

.offcanvas-open .mobile-toolbar {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    box-shadow: none
}

/*  */

.mega-container {
    width: 500px;
    height: 410px;
    padding: 20px 10px;
    margin-right: 10px;
    overflow: hidden;
    overflow-y: scroll
}

.mega-box {
    column-count: 2;
    column-gap: 10px
}

.w-p {
    width: 100%;
    padding: 5px 10px;
    margin: 0 0 10px;
    display: inline-block
}

/*  */

#livesearch, #livesearch-m {
    position: absolute;
    display: none;
    z-index: 1234;
	max-height:225px;
	overflow:auto; 
    width:100%;
    background-color: #fff;
    margin-top: -.3rem;
    padding: .5rem 0;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    box-shadow: 0 0 0 0 transparent, 0 0.375rem 0.625rem -0.3125rem rgba(254, 105, 106, 0.15)
}

#livesearch {
    border-left: 1px solid rgba(254, 72, 0, 0.2);
    border-right: 1px solid rgba(254, 72, 0, 0.2);
    border-bottom: 1px solid rgba(254, 72, 0, 0.2);
}

#livesearch-m {
    border-left: 1px solid rgba(254, 72, 0, 0.5);
    border-right: 1px solid rgba(254, 72, 0, 0.5);
    border-bottom: 1px solid rgba(254, 72, 0, 0.5);
}

#livesearch > a, #livesearch-m > a {
    display: block;
    font-size: .9rem;
    color: #2E221E
}

#livesearch > a:hover, #livesearch-m > a:hover {
    background-color: #f8f5ed;
    color: #ed3713;
    transition: all .3s ease 0s
}

.live-str {
    width:100%; 
    padding: .2rem 1rem
}

/*  */

#load-spinner {
    display: none
}

/*  */

.page-d-show {
    z-index: 1234567;
    background-color: teal;
    width: 100%;
    height: 100vh
}

/*  */

.p-preview-ms {
    background-color: transparent
}

.clearfix-thumlist-ms {
    width: 15%;
    padding-right: 0.7rem;
}

.clearfix-thumlist-ms .p-t-img {
    border: 1px solid #EFECE3;
    overflow: hidden;
    margin-bottom: 0.7rem
}

.clearfix-thumlist-ms .p-t-img img {
    width: 100%;
}

.clearfix-thumlist-ms .p-t-img img {
    width: 100%;
}

.clearfix-thumlist-ms .imgsel1,
.clearfix-thumlist-ms .imgsel2,
.clearfix-thumlist-ms .imgsel3,
.clearfix-thumlist-ms .imgsel4,
.clearfix-thumlist-ms .imgsel5 {
    filter: alpha(opacity=77);
    opacity: 0.7
}

.clearfix-thumlist-ms .o-img1,
.clearfix-thumlist-ms .o-img2,
.clearfix-thumlist-ms .o-img3,
.clearfix-thumlist-ms .o-img4,
.clearfix-thumlist-ms .o-img5 {
    opacity: 1;
    transition: 0.3s
}

.clearfix-thumlist-ms #thumblist {
    display: block
}

.clearfix-thumlist-ms #thumblist img:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    transition: 0.3s
}

.clearfix-zoom-ms { 
    width: 85%;
    border: 1px solid #EFECE3;
    z-index: 3;
    height: auto;
    overflow: hidden
}

/*  */

.p-tools-ms .price .through {
    color: #A3A0A0;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: line-through;
    text-align: left;
    display: inline-block;
    margin-top: -2px
}

.p-tools-ms .info {
    font-size: 0.9rem
}

.p-tools-ms .info .i-l {
    width: 25%;
    font-weight: bold
}

.p-tools-ms .info .i-r {
    width: 75%
}

/*  */

.nav-tabs-b-t {
    border-top: 1px solid #EFECE3;
}

/*  */

.alertLog {
    color:#ed3713;
    font-weight: inherit;
    font-size: 11px;
}

.bf-spin {
    display: none;
}

/*  */

.card-detail {
    background: #fff;
    min-height: auto;
}

.profile-sidebar {
    padding-top: 28px;
    /* background: #fff; */
}

.profile-content {
    padding: 20px 20px 50px 20px;
    /* background: #fff; */
    min-height: auto;
}

.profile-userpic {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    padding-top: 11px
}

/*.profile-userpic img {*/
/*    float: none;*/
/*    text-align: center;*/
/*    margin: 0 auto;*/
/*    width: 40%;*/
/*    height: 40%;*/
/*    -webkit-border-radius: 50% !important;*/
/*    -moz-border-radius: 50% !important;*/
/*    border-radius: 50% !important;*/
/*}*/

.profile-usertitle {
    text-align: center;
}

.profile-usertitle-name {
    font-size: 16px;
    font-weight: 600;
}

.profile-usertitle-job {
    font-size: 11px;
    font-weight: 600;
}

/* */

.profile-usermenu {
    margin-top: 20px;
    /* border-top: 5px solid #f8f5ed; */
}

.profile-usermenu ul li {
    text-indent: 0;
    line-height: 35px;
    cursor: pointer;
    font-size: 14px;
    /* border-top: 1px solid #fff; */
    /* border-bottom: 1px solid #f0f4f7; */
}

.profile-usermenu ul li:hover {
    background-color: #f8f5ed;
    color: #5b9bd1;
}

.profile-usermenu ul li a {
    color: #5E5957;
    font-weight: 400;
}

.profile-usermenu ul li a {
    margin: 0 10px 0 20px;
}

.profile-usermenu ul li.active {
    color: #ed3713;
    /* background-color: #f8f5ed; */
    /* border-left: 3px solid #ed3713; */
    border-bottom: none;
}

.profile-usermenu ul li.go-active {
    color: #fff;
    background-color: #ed3713;
    margin-left: -2px;
    border-bottom: none;
}

.profile-usermenu ul li.go-active a {
    color: #fff;
}

.profile-usermenu ul li.active a {
    color: #ed3713;
}

img.img-profil {
    width: 100%;
}

/*  */

.bg-dark-2 {
    background: #f8f5ed;
}

/*  */

.number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.number-input button {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.number-input input[type=number] {
    text-align: center;
}

.number-input.number-input {
    /* border: 1px solid #ced4da; */
    width: 110px;
    margin: 0 auto;
}

.number-input.number-input button {
    font-size: .8rem;
    color: red;
    text-align: center;
}

.number-input.number-input input[type=number] {
    width: 33px;
    padding: .5rem;
    /*border: 1px solid #ced4da;*/
    border-width: 0 1px;
    font-size: .8rem;
    height: 2rem;
    color: #495057;
    border: none;
    margin: 0;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color:transparent) {
        .number-input.def-number-input.safari_only button:before,
        .number-input.def-number-input.safari_only button:after {
            margin-top: -.3rem;
        }
    }
}

/*  */

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 12px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #efece3;
    /* z-order: 0; */
}

.stepwizard-step {
    display: table-cell;
    position: relative;
}

.btn {
    border-radius: 0px;
}

.btn-circle {
    width: 33px;
    height: 33px;
    text-align: center;
    padding: 9px 0;
    font-size: 11px;
    line-height: 15px;
    border-radius: 35px;
    margin-top: -5px;#
    background-color: #f8f5ed;
    opacity: 1 !important;
}

.btn-step-circle {
    color: #fff;
    border: 1px solid #fff;
    background: -webkit-linear-gradient(40deg, #fdca00, #ed3713);
    background: -o-linear-gradient(40deg, #fdca00, #ed3713);
    background: -moz-linear-gradient(40deg, #fdca00, #ed3713);
    background: linear-gradient(40deg, #fdca00, #ed3713)
}

/*  */

.dropbtn {
    color: #ed3713;
    border: none;
    cursor: pointer;
}

.custom-dropdown-mr {
    position: relative;
    display: inline-block;
}

.dropdown-content-mr {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content-mr a {
    color: black;
    padding: 10px 17px;
    text-decoration: none;
    display: block;
}

.dropdown-content-mr a:hover {
    background-color: #F8F5ED;
}

.custom-dropdown-mr:hover .dropdown-content-mr {
    display: block;
}

/*  */

.metradio div {
    clear: both;
    overflow: hidden;
}

.metradio label {
    width: 100%;
    /* border: 1px solid #D1D3D4; */
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 20px;
}

.metradio label:hover {
    background: #F8F5ED;
}

.metradio label .point {
    cursor: pointer;
}

.metradio input[type="radio"]:empty {
    display: none;
}

.metradio input[type="radio"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    /* margin-top: 1em; */
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.metradio input[type="radio"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
}

.metradio input[type="radio"]:hover:not(:checked) ~ label {
    color: #888;
}

.metradio input[type="radio"]:checked ~ label {
    background: #F8F5ED;
}

.metradio input[type="radio"]:hover:not(:checked) ~ label:before {
    padding-top: 10px;
    content: '\2714';
    line-height: 2.5em;
    text-indent: 1.5em;
    color: #ed3713;
}

.metradio input[type="radio"]:checked ~ label:before {
    padding-top: 10px;
    content: '\2714';
    line-height: 2.5em;
    text-indent: 1.5em;
    color: #ed3713;
    font-weight: bold;
}

/*  */

@-webkit-keyframes swal2-show{
    0%{
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    45%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    80%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}

@keyframes swal2-show{
    0%{
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    45%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    80%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}

@-webkit-keyframes swal2-hide{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
}

@keyframes swal2-hide{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip{
    0%{
        top:1.1875em;
        left:.0625em;
        width:0
    }
    54%{
        top:1.0625em;
        left:.125em;
        width:0
    }
    70%{
        top:2.1875em;
        left:-.375em;
        width:3.125em
    }
    84%{
        top:3em;
        left:1.3125em;
        width:1.0625em
    }
    100%{
        top:2.8125em;
        left:.875em;
        width:1.5625em
    }
}

@keyframes swal2-animate-success-line-tip{
    0%{
        top:1.1875em;
        left:.0625em;
        width:0
    }
    54%{
        top:1.0625em;
        left:.125em;
        width:0
    }
    70%{
        top:2.1875em;
        left:-.375em;
        width:3.125em
    }
    84%{
        top:3em;
        left:1.3125em;
        width:1.0625em
    }
    100%{
        top:2.8125em;
        left:.875em;
        width:1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long{
    0%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    65%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    84%{
        top:2.1875em;
        right:0;
        width:3.4375em
    }
    100%{
        top:2.375em;
        right:.5em;
        width:2.9375em
    }
}

@keyframes swal2-animate-success-line-long{
    0%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    65%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    84%{
        top:2.1875em;
        right:0;
        width:3.4375em
    }
    100%{
        top:2.375em;
        right:.5em;
        width:2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    5%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    12%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
    100%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    5%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    12%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
    100%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark{
    0%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    50%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    80%{
        margin-top:-.375em;
        -webkit-transform:scale(1.15);
        transform:scale(1.15)
    }
    100%{
        margin-top:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}

@keyframes swal2-animate-error-x-mark{
    0%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    50%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    80%{
        margin-top:-.375em;
        -webkit-transform:scale(1.15);
        transform:scale(1.15)
    }
    100%{
        margin-top:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}

@-webkit-keyframes swal2-animate-error-icon{
    0%{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}

@keyframes swal2-animate-error-icon{
    0%{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast{
    flex-direction:column;
    align-items:stretch
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions{
    flex:1;
    align-self:stretch;
    justify-content:flex-end;
    height:2.2em
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading{
    justify-content:center
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input{
    height:2em;
    margin:.3125em auto;
    font-size:1em
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror{
    font-size:1em
}

body.swal2-toast-shown>.swal2-container{
    position:fixed;
    background-color:transparent
}

body.swal2-toast-shown>.swal2-container.swal2-shown{
    background-color:transparent
}

body.swal2-toast-shown>.swal2-container.swal2-top{
    top:0;
    right:auto;
    bottom:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-top-end,body.swal2-toast-shown>.swal2-container.swal2-top-right{
    top:0;
    right:0;
    bottom:auto;
    left:auto
}

body.swal2-toast-shown>.swal2-container.swal2-top-left,body.swal2-toast-shown>.swal2-container.swal2-top-start{
    top:0;
    right:auto;
    bottom:auto;
    left:0
}

body.swal2-toast-shown>.swal2-container.swal2-center-left,body.swal2-toast-shown>.swal2-container.swal2-center-start{
    top:50%;
    right:auto;
    bottom:auto;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-center{
    top:50%;
    right:auto;
    bottom:auto;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-center-end,body.swal2-toast-shown>.swal2-container.swal2-center-right{
    top:50%;
    right:0;
    bottom:auto;
    left:auto;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-bottom-left,body.swal2-toast-shown>.swal2-container.swal2-bottom-start{
    top:auto;
    right:auto;
    bottom:0;
    left:0
}

body.swal2-toast-shown>.swal2-container.swal2-bottom{
    top:auto;
    right:auto;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-bottom-end,body.swal2-toast-shown>.swal2-container.swal2-bottom-right{
    top:auto;
    right:0;
    bottom:0;
    left:auto
}

.swal2-popup.swal2-toast{
    flex-direction:row;
    align-items:center;
    width:auto;
    padding:.625em;
    box-shadow:0 0 .625em #d9d9d9;
    overflow-y:hidden
}

.swal2-popup.swal2-toast .swal2-header{
    flex-direction:row
}

.swal2-popup.swal2-toast .swal2-title{
    justify-content:flex-start;
    margin:0 .6em;
    font-size:1em
}

.swal2-popup.swal2-toast .swal2-close{
    position:initial
}

.swal2-popup.swal2-toast .swal2-content{
    justify-content:flex-start;
    font-size:1em
}

.swal2-popup.swal2-toast .swal2-icon{
    width:2em;
    min-width:2em;
    height:2em;
    margin:0
}

.swal2-popup.swal2-toast .swal2-icon-text{
    font-size:2em;
    font-weight:700;
    line-height:1em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{
    width:2em;
    height:2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{
    top:.875em;
    width:1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
    left:.3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{
    right:.3125em
}

.swal2-popup.swal2-toast .swal2-actions{
    height:auto;
    margin:0 .3125em
}

.swal2-popup.swal2-toast .swal2-styled{
    margin:0 .3125em;
    padding:.3125em .625em;
    font-size:1em
}

.swal2-popup.swal2-toast .swal2-styled:focus{
    box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)
}

.swal2-popup.swal2-toast .swal2-success{
    border-color:#a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{
    position:absolute;
    width:2em;
    height:2.8125em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-radius:50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{
    top:-.25em;
    left:-.9375em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:2em 2em;
    transform-origin:2em 2em;
    border-radius:4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{
    top:-.25em;
    left:.9375em;
    -webkit-transform-origin:0 2em;
    transform-origin:0 2em;
    border-radius:0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{
    width:2em;
    height:2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{
    top:0;
    left:.4375em;
    width:.4375em;
    height:2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{
    height:.3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{
    top:1.125em;
    left:.1875em;
    width:.75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{
    top:.9375em;
    right:.1875em;
    width:1.375em
}

.swal2-popup.swal2-toast.swal2-show{
    -webkit-animation:showSweetToast .5s;
    animation:showSweetToast .5s
}

.swal2-popup.swal2-toast.swal2-hide{
    -webkit-animation:hideSweetToast .2s forwards;
    animation:hideSweetToast .2s forwards
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{
    -webkit-animation:animate-toast-success-tip .75s;
    animation:animate-toast-success-tip .75s
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{
    -webkit-animation:animate-toast-success-long .75s;
    animation:animate-toast-success-long .75s
}

@-webkit-keyframes showSweetToast{
    0%{
        -webkit-transform:translateY(-.625em) rotateZ(2deg);
        transform:translateY(-.625em) rotateZ(2deg);
        opacity:0
    }
    33%{
        -webkit-transform:translateY(0) rotateZ(-2deg);
        transform:translateY(0) rotateZ(-2deg);
        opacity:.5
    }
    66%{
        -webkit-transform:translateY(.3125em) rotateZ(2deg);
        transform:translateY(.3125em) rotateZ(2deg);
        opacity:.7
    }
    100%{
        -webkit-transform:translateY(0) rotateZ(0);
        transform:translateY(0) rotateZ(0);
        opacity:1
    }
}

@keyframes showSweetToast{
    0%{
        -webkit-transform:translateY(-.625em) rotateZ(2deg);
        transform:translateY(-.625em) rotateZ(2deg);
        opacity:0
    }
    33%{
        -webkit-transform:translateY(0) rotateZ(-2deg);
        transform:translateY(0) rotateZ(-2deg);
        opacity:.5
    }
    66%{
        -webkit-transform:translateY(.3125em) rotateZ(2deg);
        transform:translateY(.3125em) rotateZ(2deg);
        opacity:.7
    }
    100%{
        -webkit-transform:translateY(0) rotateZ(0);
        transform:translateY(0) rotateZ(0);
        opacity:1
    }
}

@-webkit-keyframes hideSweetToast{
    0%{
        opacity:1
    }
    33%{
        opacity:.5
    }
    100%{
        -webkit-transform:rotateZ(1deg);
        transform:rotateZ(1deg);
        opacity:0
    }
}

@keyframes hideSweetToast{
    0%{
        opacity:1
    }
    33%{
        opacity:.5
    }
    100%{
        -webkit-transform:rotateZ(1deg);
        transform:rotateZ(1deg);
        opacity:0
    }
}

@-webkit-keyframes animate-toast-success-tip{
    0%{
        top:.5625em;
        left:.0625em;
        width:0
    }
    54%{
        top:.125em;
        left:.125em;
        width:0
    }
    70%{
        top:.625em;
        left:-.25em;
        width:1.625em
    }
    84%{
        top:1.0625em;
        left:.75em;
        width:.5em
    }
    100%{
        top:1.125em;
        left:.1875em;
        width:.75em
    }
}

@keyframes animate-toast-success-tip{
    0%{
        top:.5625em;
        left:.0625em;
        width:0
    }
    54%{
        top:.125em;
        left:.125em;
        width:0
    }
    70%{
        top:.625em;
        left:-.25em;
        width:1.625em
    }
    84%{
        top:1.0625em;
        left:.75em;
        width:.5em
    }
    100%{
        top:1.125em;
        left:.1875em;
        width:.75em
    }
}

@-webkit-keyframes animate-toast-success-long{
    0%{
        top:1.625em;
        right:1.375em;
        width:0
    }
    65%{
        top:1.25em;
        right:.9375em;
        width:0
    }
    84%{
        top:.9375em;
        right:0;
        width:1.125em
    }
    100%{
        top:.9375em;
        right:.1875em;
        width:1.375em
    }
}

@keyframes animate-toast-success-long{
    0%{
        top:1.625em;
        right:1.375em;
        width:0
    }
    65%{
        top:1.25em;
        right:.9375em;
        width:0
    }
    84%{
        top:.9375em;
        right:0;
        width:1.125em
    }
    100%{
        top:.9375em;
        right:.1875em;
        width:1.375em
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){
    overflow-y:hidden
}

body.swal2-height-auto{
    height:auto!important
}

body.swal2-no-backdrop .swal2-shown{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    background-color:transparent
}

body.swal2-no-backdrop .swal2-shown>.swal2-modal{
    box-shadow:0 0 10px rgba(0,0,0,.4)
}

body.swal2-no-backdrop .swal2-shown.swal2-top{
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{
    top:0;
    left:0
}

body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{
    top:0;
    right:0
}

body.swal2-no-backdrop .swal2-shown.swal2-center{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom{
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{
    bottom:0;
    left:0
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{
    right:0;
    bottom:0
}

.swal2-container{
    display:flex;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding:10px;
    background-color:transparent;
    z-index:1060;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch
}

.swal2-container.swal2-top{
    align-items:flex-start
}

.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{
    align-items:flex-start;
    justify-content:flex-start
}

.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{
    align-items:flex-start;
    justify-content:flex-end
}

.swal2-container.swal2-center{
    align-items:center
}

.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{
    align-items:center;
    justify-content:flex-start
}

.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{
    align-items:center;
    justify-content:flex-end
}

.swal2-container.swal2-bottom{
    align-items:flex-end
}

.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{
    align-items:flex-end;
    justify-content:flex-start
}

.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{
    align-items:flex-end;
    justify-content:flex-end
}

.swal2-container.swal2-grow-fullscreen>.swal2-modal{
    display:flex!important;
    flex:1;
    align-self:stretch;
    justify-content:center
}

.swal2-container.swal2-grow-row>.swal2-modal{
    display:flex!important;
    flex:1;
    align-content:center;
    justify-content:center
}

.swal2-container.swal2-grow-column{
    flex:1;
    flex-direction:column
}

.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{
    align-items:center
}

.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{
    align-items:flex-start
}

.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{
    align-items:flex-end
}

.swal2-container.swal2-grow-column>.swal2-modal{
    display:flex!important;
    flex:1;
    align-content:center;
    justify-content:center
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{
    margin:auto
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .swal2-container .swal2-modal{
        margin:0!important
    }
}

.swal2-container.swal2-fade{
    transition:background-color .1s
}

.swal2-container.swal2-shown{
    background-color:rgba(0,0,0,.4)
}

.swal2-popup{
    display:none;
    position:relative;
    flex-direction:column;
    justify-content:center;
    width:32em;
    max-width:100%;
    padding:1.25em;
    border-radius:.3125em;
    background:#fff;
    font-family:inherit;
    font-size:1rem;
    box-sizing:border-box
}

.swal2-popup:focus{
    outline:0
}

.swal2-popup.swal2-loading{
    overflow-y:hidden
}

.swal2-popup .swal2-header{
    display:flex;
    flex-direction:column;
    align-items:center
}

.swal2-popup .swal2-title{
    display:block;
    position:relative;
    max-width:100%;
    margin:0 0 .4em;
    padding:0;
    color:#595959;
    font-size:1.875em;
    font-weight:600;
    text-align:center;
    text-transform:none;
    word-wrap:break-word
}

.swal2-popup .swal2-actions{
    align-items:center;
    justify-content:center;
    margin:1.25em auto 0
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{
    opacity:.4
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{
    background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{
    background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{
    width:2.5em;
    height:2.5em;
    margin:.46875em;
    padding:0;
    border:.25em solid transparent;
    border-radius:100%;
    border-color:transparent;
    background-color:transparent!important;
    color:transparent;
    cursor:default;
    box-sizing:border-box;
    -webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{
    margin-right:30px;
    margin-left:30px
}

.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:5px;
    border:3px solid #999;
    border-radius:50%;
    border-right-color:transparent;
    box-shadow:1px 1px 1px #fff;
    content:'';
    -webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation:swal2-rotate-loading 1.5s linear 0s infinite normal
}

.swal2-popup .swal2-styled{
    margin:0 .3125em;
    padding:.625em 2em;
    font-weight:500;
    box-shadow:none
}

.swal2-popup .swal2-styled:not([disabled]){
    cursor:pointer
}

.swal2-popup .swal2-styled.swal2-confirm{
    border:0;
    border-radius:.25em;
    background:initial;
    background-color:#3085d6;
    color:#fff;
    font-size:1.0625em
}

.swal2-popup .swal2-styled.swal2-cancel{
    border:0;
    border-radius:.25em;
    background:initial;
    background-color:#aaa;
    color:#fff;
    font-size:1.0625em
}

.swal2-popup .swal2-styled:focus{
    outline:0;
    box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)
}

.swal2-popup .swal2-styled::-moz-focus-inner{
    border:0
}

.swal2-popup .swal2-footer{
    justify-content:center;
    margin:1.25em 0 0;
    padding-top:1em;
    border-top:1px solid #eee;
    color:#545454;
    font-size:1em
}

.swal2-popup .swal2-image{
    max-width:100%;
    margin:1.25em auto
}

.swal2-popup .swal2-close{
    position:absolute;
    top:0;
    right:0;
    justify-content:center;
    width:1.2em;
    height:1.2em;
    padding:0;
    transition:color .1s ease-out;
    border:none;
    border-radius:0;
    background:0 0;
    color:#ccc;
    font-family:serif;
    font-size:2.5em;
    line-height:1.2;
    cursor:pointer;
    overflow:hidden
}

.swal2-popup .swal2-close:hover{
    -webkit-transform:none;
    transform:none;
    color:#f27474
}

.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{
    display:none
}

.swal2-popup .swal2-content{
    justify-content:center;
    margin:0;
    padding:0;
    color:#545454;
    font-size:1.125em;
    font-weight:300;
    line-height:normal;
    word-wrap:break-word
}

.swal2-popup #swal2-content{
    text-align:center
}

.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{
    margin:1em auto
}

.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{
    width:100%;
    transition:border-color .3s,box-shadow .3s;
    border:1px solid #d9d9d9;
    border-radius:.1875em;
    font-size:1.125em;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.06);
    box-sizing:border-box
}

.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{
    border-color:#f27474!important;
    box-shadow:0 0 2px #f27474!important
}

.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{
    border:1px solid #b4dbed;
    outline:0;
    box-shadow:0 0 3px #c4e6f5
}

.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{
    color:#ccc
}

.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{
    color:#ccc
}

.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{
    color:#ccc
}

.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{
    color:#ccc
}

.swal2-popup .swal2-range input{
    width:80%
}

.swal2-popup .swal2-range output{
    width:20%;
    font-weight:600;
    text-align:center
}

.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{
    height:2.625em;
    margin:1em auto;
    padding:0;
    font-size:1.125em;
    line-height:2.625em
}

.swal2-popup .swal2-input{
    height:2.625em;
    padding:.75em
}

.swal2-popup .swal2-input[type=number]{
    max-width:10em
}

.swal2-popup .swal2-file{
    font-size:1.125em
}

.swal2-popup .swal2-textarea{
    height:6.75em;
    padding:.75em
}

.swal2-popup .swal2-select{
    min-width:50%;
    max-width:100%;
    padding:.375em .625em;
    color:#545454;
    font-size:1.125em
}

.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{
    align-items:center;
    justify-content:center
}

.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{
    margin:0 .6em;
    font-size:1.125em
}

.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{
    margin:0 .4em
}

.swal2-popup .swal2-validationerror{
    display:none;
    align-items:center;
    justify-content:center;
    padding:.625em;
    background:#f0f0f0;
    color:#666;
    font-size:1em;
    font-weight:300;
    overflow:hidden
}

.swal2-popup .swal2-validationerror::before{
    display:inline-block;
    width:1.5em;
    min-width:1.5em;
    height:1.5em;
    margin:0 .625em;
    border-radius:50%;
    background-color:#f27474;
    color:#fff;
    font-weight:600;
    line-height:1.5em;
    text-align:center;
    content:'!';
    zoom:normal
}

@supports (-ms-accelerator:true){
    .swal2-range input{
        width:100%!important
    }
    .swal2-range output{
        display:none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .swal2-range input{
        width:100%!important
    }
    .swal2-range output{
        display:none
    }
}

@-moz-document url-prefix(){
    .swal2-close:focus{
        outline:2px solid rgba(50,100,150,.4)
    }
}

.swal2-icon{
    position:relative;
    justify-content:center;
    width:5em;
    height:5em;
    margin:1.25em auto 1.875em;
    border:.25em solid transparent;
    border-radius:50%;
    line-height:5em;
    cursor:default;
    box-sizing:content-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    zoom:normal
}

.swal2-icon-text{
    font-size:3.75em
}

.swal2-icon.swal2-error{
    border-color:#f27474
}

.swal2-icon.swal2-error .swal2-x-mark{
    position:relative;
    flex-grow:1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line]{
    display:block;
    position:absolute;
    top:2.3125em;
    width:2.9375em;
    height:.3125em;
    border-radius:.125em;
    background-color:#f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
    left:1.0625em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{
    right:1em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

.swal2-icon.swal2-warning{
    border-color:#facea8;
    color:#f8bb86
}

.swal2-icon.swal2-info{
    border-color:#9de0f6;
    color:#3fc3ee
}

.swal2-icon.swal2-question{
    border-color:#c9dae1;
    color:#87adbd
}

.swal2-icon.swal2-success{
    border-color:#a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line]{
    position:absolute;
    width:3.75em;
    height:7.5em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-radius:50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{
    top:-.4375em;
    left:-2.0635em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:3.75em 3.75em;
    transform-origin:3.75em 3.75em;
    border-radius:7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{
    top:-.6875em;
    left:1.875em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 3.75em;
    transform-origin:0 3.75em;
    border-radius:0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring{
    position:absolute;
    top:-.25em;
    left:-.25em;
    width:100%;
    height:100%;
    border:.25em solid rgba(165,220,134,.3);
    border-radius:50%;
    z-index:2;
    box-sizing:content-box
}

.swal2-icon.swal2-success .swal2-success-fix{
    position:absolute;
    top:.5em;
    left:1.625em;
    width:.4375em;
    height:5.625em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    z-index:1
}

.swal2-icon.swal2-success [class^=swal2-success-line]{
    display:block;
    position:absolute;
    height:.3125em;
    border-radius:.125em;
    background-color:#a5dc86;
    z-index:2
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{
    top:2.875em;
    left:.875em;
    width:1.5625em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{
    top:2.375em;
    right:.5em;
    width:2.9375em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

.swal2-progresssteps{
    align-items:center;
    margin:0 0 1.25em;
    padding:0;
    font-weight:600
}

.swal2-progresssteps li{
    display:inline-block;
    position:relative
}

.swal2-progresssteps .swal2-progresscircle{
    width:2em;
    height:2em;
    border-radius:2em;
    background:#3085d6;
    color:#fff;
    line-height:2em;
    text-align:center;
    z-index:20
}

.swal2-progresssteps .swal2-progresscircle:first-child{
    margin-left:0
}

.swal2-progresssteps .swal2-progresscircle:last-child{
    margin-right:0
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{
    background:#3085d6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{
    background:#add8e6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{
    background:#add8e6
}

.swal2-progresssteps .swal2-progressline{
    width:2.5em;
    height:.4em;
    margin:0 -1px;
    background:#3085d6;
    z-index:10
}

[class^=swal2]{
    -webkit-tap-highlight-color:transparent
}

.swal2-show{
    -webkit-animation:swal2-show .3s;
    animation:swal2-show .3s
}

.swal2-show.swal2-noanimation{
    -webkit-animation:none;
    animation:none
}

.swal2-hide{
    -webkit-animation:swal2-hide .15s forwards;
    animation:swal2-hide .15s forwards
}

.swal2-hide.swal2-noanimation{
    -webkit-animation:none;
    animation:none
}

[dir=rtl] .swal2-close{
    right:auto;
    left:0
}

.swal2-animate-success-icon .swal2-success-line-tip{
    -webkit-animation:swal2-animate-success-line-tip .75s;
    animation:swal2-animate-success-line-tip .75s
}

.swal2-animate-success-icon .swal2-success-line-long{
    -webkit-animation:swal2-animate-success-line-long .75s;
    animation:swal2-animate-success-line-long .75s
}

.swal2-animate-success-icon .swal2-success-circular-line-right{
    -webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;
    animation:swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-animate-error-icon{
    -webkit-animation:swal2-animate-error-icon .5s;
    animation:swal2-animate-error-icon .5s
}

.swal2-animate-error-icon .swal2-x-mark{
    -webkit-animation:swal2-animate-error-x-mark .5s;
    animation:swal2-animate-error-x-mark .5s
}

@-webkit-keyframes swal2-rotate-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@keyframes swal2-rotate-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

/* */

.ec {
    position: relative
}

.ec .ec__holder {
    overflow: hidden
}

.ec .ec__track {
    will-change: transform
}

.ec .ec__track:after {
    content: '';
    display: table;
    clear: both
}

.ec .ec__item {
    float: left;
    overflow: hidden
}

.ec .ec__pagination {
    text-align: center;
    margin-top: 10px;
    background-color: red;
}

.ec .ec__pagination .pagination__dot {
    width: 10px;
    height: 10px;
    background-color: transparent;
    display: inline-block;
    border: 1px solid #000;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer
}

.ec .ec__pagination .pagination__dot--active {
    background-color: #000
}

.ec .ec__nav {
    position: absolute;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    width: 10px;
    height: 10px;
    cursor: pointer
}

.ec .ec__nav:before {
    content: ''
}

.ec .ec__nav--prev {
    transform: rotate(-135deg);
    left: -1.25em
}

.ec .ec__nav--next {
    transform: rotate(45deg);
    right: -1.25em
}

.promo-lg-img {
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

/* */

#sidebar-menu {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #fff;
    color: #000;
    transition: all 0.3s;
    overflow-y: scroll;
}

#sidebar-menu.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #EFECE3;
    color: #95908B;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar-menu .sidebar-menu-header {
    padding: 20px;
    background-color: #EFECE3;
}

#sidebar-menu ul.components {
    padding: 20px 10px;
}

#sidebar-menu ul p {
    color: #fff;
    padding: 10px;
}

#sidebar-menu ul li a {
    padding: 10px;
    font-size: 14px;
    color:#95908B;
    display: block;
}

#sidebar-menu ul li a:hover {
    color: #ed3713
}

#sidebar-menu ul li.active > a {
    color: #ed3713
}

#sidebar-menu a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.ul-sm ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

/* */

/* --- html5buttons --- */

.html5buttons {
    float: right;
    margin-left: -30px;
}

.html5buttons a {
    border: 1px solid #e7eaec;
    background: #fff;
    color: #525f75;
    box-shadow: none;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: normal;
}

.html5buttons a:hover,
.html5buttons a:focus:active {
    background-color: #eee;
    color: inherit;
    border-color: #d2d2d2;
}

/*  */

.rating {
    position: relative;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5em;
    overflow: hidden;
}

.rating__result {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-10px) translateX(-5px);
    z-index: -9;
    font: 3em Arial, Helvetica, sans-serif;
    color: #ebebeb8e;
    pointer-events: none;
}

.rating__star {
    font-size: 2em;
    cursor: pointer;
    color: #fdca00;
    transition: filter linear .3s;
}

.checked_star {
    color: #fdca00;
}

.empty_star {
    color: #efece3;
}

.rating__star:hover {
    color: #fdca00;
}

.rating-bg-progress {
    background-color: #fdca00;
}

.c-rating {
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    display: inline-block;
    list-style-type: none;
    position: relative;
}

.c-rating-bg {
    color: #efece3;
}

.c-rating-fg {
    color: #fdca00;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
}

.c-font-sm {
    font-size: 0.7rem;
}