@font-face {
    font-family: 'baskervilledisplaypt-bold';
    src: url('../fonts/BaskervilleDisplayPT-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'baskervilledisplaypt-bolditalic';
    src: url('../fonts/BaskervilleDisplayPT-BoldItalic.otf') format('opentype');
}

@font-face {
    font-family: 'baskervilledisplaypt-italic';
    src: url('../fonts/BaskervilleDisplayPT-Italic.otf') format('opentype');
}

@font-face {
    font-family: 'baskervilledisplaypt-regular';
    src: url('../fonts/BaskervilleDisplayPT-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'imbue-variable';
    src: url('../fonts/Imbue-VariableFont_opsz_wght.ttf') format('opentype');
}

@font-face {
    font-family: 'canela-regular';
    src: url('../fonts/Canela-Regular.ttf') format('opentype');
}


body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
}

a {
    text-decoration: none !important;
}

.font-baskerville {
    font-family: baskervilledisplaypt-regular, serif !important;
}

.storiiyellow {
    background-color: #F2EEE6;
}

.email-confirm-alert {
    font-size: 14px;
}

    .email-confirm-alert span {
        font-family: 'Inter';
        font-style: normal;
        font-weight: normal;
        line-height: 24px;
        color: #050505;
    }

    .email-confirm-alert a {
        font-size: 17px;
        font-family: sans-serif;
    }

/*menu overlay*/

.overlaymenu {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    background-color: #67696B;
    font-family: baskervilledisplaypt-regular, serif;
}

.mainoverlaymenu {
    position: relative;
    top: 25%;
    /* 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}

    .mainoverlaymenu ul {
        list-style-type: none;
    }

.overlaymenu a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    /* Display block instead of inline */
    transition: 0.3s;
    /* Transition effects on hover (color) */
}

    .overlaymenu a:hover, .overlaymenu a:focus {
        color: #f1f1f1;
        text-decoration: none;
    }

.overlaymenu .btnclosemenu {
    font-size: 50px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    outline: 0;
}

/*menu overlay*/

/*email notification*/

#notificationemail {
    background-color: #D3CD9A;
    font-weight: bold;
    font-size: 14px;
}

    #notificationemail a {
        text-decoration: none;
        border-bottom: 1px solid black;
        color: #050505;
        font-weight: bold;
    }

/*the end notification email*/

/*button search form */

.overlaysearch {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #6f6f6f;
}

.overlaycontent {
    text-align: left;
    color: white;
    background-color: #6f6f6f;
}

.overlaysearch .btnclose {
    font-size: 30px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    outline: 0;
}

.btnclose:hover {
    color: white;
}

#searchinput {
    border: 0;
    outline: 0;
    border-bottom: 1px solid white;
    background-color: transparent;
    font-size: 30px;
    color: white;
}

/*the end button search form*/

/*.line {
    position: absolute;
    width: 20px;
    border: 1px solid #67696B;
    background: #67696B;
    margin: 0;
    padding: 0;
}*/

/*element behide navigation link*/

.circlebackground {
    border-radius: 50px;
    transition: all .5s ease;
    text-align: center;
    font-size: 15px;
    padding: .1rem;
}

    .circlebackground:hover {
        background-color: #C4C4C4;
    }

/*the end element behide navigation link*/

/*title below side image*/

#description {
    margin-right: 5px;
    color: #67696B;
    font-size: 12px;
    margin-top: 15px;
}

/* the end title*/

/*menu header*/

#menuheader {
    font-family: baskervilledisplaypt-regular, serif;
}

    #menuheader h2 {
        font-family: baskervilledisplaypt-regular, serif;
        font-size: 60px;
        color: #050505;
        margin: 0;
    }

@media only screen and (min-width:320px) {
    #menuheader h2 {
        font-family: baskervilledisplaypt-regular, serif;
        font-size: 30px;
        color: #050505;
        margin: 0;
        padding: 0;
    }
}

@media only screen and (min-width:360px) {
    #menuheader h2 {
        font-family: baskervilledisplaypt-regular, serif;
        font-size: 40px;
        color: #050505;
        margin: 0;
    }
}

@media only screen and (max-width:360px) {
    #menuheader h2 {
        font-family: baskervilledisplaypt-regular, serif;
        font-size: 35px;
        color: #050505;
        margin: 0;
    }
}

@media only screen and (min-width:375px) {
    #menuheader h2 {
        font-family: baskervilledisplaypt-regular, serif;
        font-size: 40px;
        color: #050505;
        margin-left: 0;
    }
}

@media only screen and (min-width:411px) {
    #menuheader h2 {
        font-family: baskervilledisplaypt-regular, serif;
        font-size: 50px;
        color: #050505;
        margin: 0;
    }
}

@media only screen and (min-width:540px) {
    #menuheader h2 {
        font-family: baskervilledisplaypt-regular, serif;
        font-size: 40px;
        color: #050505;
        margin: 0;
    }
}

@media only screen and (min-width:768px) {
    #menuheader h2 {
        font-family: baskervilledisplaypt-regular, serif;
        font-size: 60px;
        color: #050505;
        margin: 0;
    }
}

HEAD #menuheader h2:hover {
    color: #7C7E80;
    transition: 0.9s;
}

/*the end menu header*/

#menuheader h2:hover {
    color: #67696B;
    transition: 0.9s;
}

/*the end menu header*/

/*news section*/

/*.newsitem*/

.newsitem:hover img {
    opacity: 0.7;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.newsitem .news-title {
    color: #67696B;
    font-weight: 600;
    font-size: 13px;
}

.newsitem .news-overview {
    color: #67696B;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
}

/*news image*/

.newsimg {
    color: black;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity: 1;
}

/*news body content*/

.newsbody {
    color: #67696B;
    margin-top: 10px;
    font-size: 60%;
}

.news-title {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 9px;
    line-height: 20px;
}

.news-body {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    line-height: 20px;
}

.newsbody:hover {
    color: black
}

#newswrapper:hover .newsbody {
    color: black;
}

#textexplore h3 b span {
    color: black;
    font-size: 13px;
    text-decoration: none;
}

#textexplore a {
    text-decoration: none;
}

/*workshop section*/

.workshoplayout {
    width: 100%;
    background-color: #E3DFD8;
    margin: 8rem auto 10rem auto;
}

#workshop-content h1 {
    font-size: 60px;
}

.workshop-title {
    font-family: baskervilledisplaypt-regular, serif;
    color: #050505;
    font-size: 80%;
}

    .workshop-title h1 {
        margin: 0;
    }

.workshop-content p {
    font-size: 60px;
    margin: 0;
    padding: 30px;
}

.workshoplayout .container {
    font-size: 15px;
    color: #67696B;
    text-align: center
}

.workshop-content button {
    color: #050505;
    font-weight: 500;
    letter-spacing: 0.09em;
    font-size: 60%;
}

.workshop-body-content {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 80%;
    line-height: 20px;
}

.btn-workshop {
    color: #050505;
    font-size: 11px;
    font-weight: 500;
    line-height: 22px;
}

    .btn-workshop:hover {
        transition: ease-in 1s;
    }

.textexplore a {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #050505
}

.textexplore h3 a:hover {
    text-decoration: none;
    color: #050505;
    letter-spacing: 0.09em;
}

/*the end workshop section*/

/*mini shop section*/

#minishopwrapper {
    width: 100%;
}

.minishoptitlewrapper a {
    text-decoration: none;
    color: black;
}

.minishoptitlewrapper p {
    font-size: 13px;
    border-bottom: 1px solid black;
    width: 80px;
    font-weight: bold;
}

.minishoptitle {
    font-family: baskervilledisplaypt-regular, serif;
    font-size: 52px;
    color: #050505;
}

.minishop-explore {
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
}

    .minishop-explore span {
        border-bottom: 1px solid #000 !important;
    }

    .minishop-explore:hover {
        color: #050505;
        text-decoration: none;
    }

minishopwrapper .minishopitemwrapper {
    text-decoration: none;
}

.minishopitemwrapper {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.minishopitemtxt {
    visibility: hidden;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 60px;
}

.minishopitemwrapper:hover {
    text-decoration: none;
}

    .minishopitemwrapper:hover img {
        opacity: 0.4;
        transition: all 1s ease;
    }

.minishopimgbg {
    visibility: hidden;
    display: none;
}

.minishopitemwrapper:hover .minishopitemtxt {
    visibility: visible;
    color: black;
    font-weight: bold;
    border: 0;
    text-decoration: none;
}

.minishopitemtxt {
    text-decoration: none;
}

#itemhover:hover {
    opacity: 0.4;
}

/*footer section*/

.footerpage {
    background-color: #67696B;
    text-decoration: none;
    color: #F2EEE6;
    font-size: 0.9rem;
    width: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.footerpage-content {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    color: #F2EEE6;
}

.footerpage-news-letter {
    letter-spacing: 2px;
}

.newsletter-frm input {
    font-family: baskervilledisplaypt-regular, serif;
}

.newsletter-submit, .newsletter-frm input, .newsletter-frm .social-link, .footerpage ::-webkit-input-placeholder {
    color: #F2EEE6 !important
}

.newsletter-frm .social-link {
    font-size: 16px;
}

.footerpage ::-webkit-input-placeholder {
    font-family: baskervilledisplaypt-regular, serif;
    font-size: 14px;
}

.footerpage .container ul {
    list-style-type: none;
}

.footerpage ul li {
    padding-bottom: 3px;
}

.footerpage ul a {
    color: #D0D2D3;
    text-decoration: none;
    font-family: Inter;
    font-size: 0.9rem;
}

#footerpage .container ul {
    list-style-type: none;
}

#footerpage ul a {
    color: #D0D2D3;
    text-decoration: none;
}

#footerpage a:hover {
    color: black;
}

#footerpage #titlefooter {
    opacity: 0.5;
    font-size: 20px;
}

#footerpage .overlayitem {
    display: none;
    position: absolute;
}

#footerpage #itemhover:hover .overlayitem {
    display: block;
    position: inherit;
}

/*the end footer section*/

.menu-img {
    display: none;
}

    .menu-img.show {
        display: block;
    }

.footerpage a:hover {
    color: black;
}

.footerpage #titlefooter {
    opacity: 0.5;
    font-size: 14px;
}

.footerpage .overlayitem {
    display: none;
    position: absolute;
}

.footerpage #itemhover:hover .overlayitem {
    display: block;
    position: inherit;
}

/*the end footer section*/

/*shop page*/

.shopwrapper {
    text-decoration: none;
    min-height: calc(100vh - 56px - 388px);
}

/*menu for shop page */

#shopmenu {
    text-decoration: none;
    font-size: 40px;
}

    #shopmenu .nav-item.active a {
        color: #050505;
    }

    #shopmenu a {
        color: #67696B;
        font-family: baskervilledisplaypt-regular, serif;
    }

        #shopmenu a:hover {
            color: black;
            transition: 1s
        }

/*the end menu shop page*/

.shopitemwrapper a {
    color: #67696B;
    text-decoration: none;
}

    .shopitemwrapper a:hover {
        background-color: black;
        text-decoration: none;
    }

.shopitemwrapper:hover .shopimgitem {
    transition: all 1s ease;
}

.shopbodyitem {
    color: #67696B;
}

.shop-product-name {
    font-style: normal;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.shopitemwrapper:hover .shopbodyitem {
    color: black;
}

/*the end shop page*/

/*element gray*/

.elegray {
    width: 100px;
    height: 100px;
    background-color: #C4C4C4;
    display: inline-block;
}

.attribute-value {
    text-decoration: none;
    color: #050505;
}

    .attribute-value:hover {
        text-decoration: none;
        color: black;
    }

.color-square {
    width: 40px;
    height: 40px;
    border: 1px solid #67696B;
    display: inline-block;
}

#elegray-child2 {
    width: 40px;
    height: 40px;
    background-color: #18436B;
    border: 1px solid #67696B;
    display: inline-block;
}

#elegray-child3 {
    width: 40px;
    height: 40px;
    background-color: #2C2B29;
    border: 1px solid #67696B;
    display: inline-block;
}

/*detail product page*/

.detail-attribute-title {
    font-family: baskervilledisplaypt-regular, serif;
    font-size: 35px;
    color: #050505;
}

.detail-attribute-price {
}

.detail-attribute-name {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #050505;
}

.detail-subtitle {
    color: #050505;
    font-family: baskervilledisplaypt-regular, serif;
    font-size: 40px;
    line-height: 60px;
}

.description-wrapper {
    width: 100%;
    background: #E3DFD8;
}

.description-image {
    margin-left: 100px;
}

.storytitle {
    font-family: baskervilledisplaypt-regular, serif;
    font-size: 40px;
    line-height: 48px;
    color: #050505;
}

.storycontent {
    font-size: 15px;
    color: #67696B;
    padding-bottom: 10px;
}

#storybody {
    font-size: 15px;
    color: #67696B;
}

/*the end detail product page */

.btn-add-cart {
    font-size: 15px;
}

.btn-add-cart-amount .disabled {
    opacity: 1;
}

/*search page*/

.searchresultwrapper {
    text-decoration: none;
    color: #67696B
}

    .searchresultwrapper:hover {
        text-decoration: none;
        color: black;
    }

        .searchresultwrapper:hover img {
            opacity: 0.5;
            transition: all 1s ease-in-out;
        }

/*the end search page*/

/*quote*/

.quote-wrapper {
    font-family: baskervilledisplaypt-regular, serif;
}

.quote-contain {
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 60px;
}

#txtquote {
    font-size: 18px;
    color: black;
    font-weight: 600;
}

/*the end quote*/

.form-check-label {
    background-color: #F2EEE6
}

.notification-add-to-card {
    background-color: #FFFFFF;
    width: 340px;
    height: 120px;
    padding-top: 30px;
    padding-bottom: 40px;
    margin-right: 100px;
}

.loginpay-wrapper {
    margin-top: 100px;
    margin-bottom: 100px;
}

.statusbar-wrapper {
    margin-left: 250px;
    font-size: 14px;
    font-weight: bold;
}

.status-text-disable {
    color: #A4A6A9;
}

.statusbar-login-section {
    margin-top: 50px;
}

.status-number {
    margin-bottom: 10px;
}

.custom-frm .form-control {
    height: calc(2em + .75rem + 2px) !important;
}

    .custom-frm .form-control.border-dark {
        border: 1px solid #A4A6A9 !important;
    }

.custom-frm .forgot-link {
    color: #67696B;
}

.custom-frm .term-condition {
    font-size: 13px;
}

.dashboard-nav li > a, frm-logout > input {
    color: #67696B;
    text-transform: uppercase;
}

#shopping-cart-container .shopping-cart-quantity {
    width: 150px;
}

.choose-item {
    border: 1px solid black;
    padding: .3rem;
}

.selected-item {
    background-color: #343a40 !important;
}

    .selected-item a {
        color: #fff !important;
    }

.top-menu-mb {
    margin-bottom: 0rem;
}

@media only screen and (max-width: 600px) {
    .top-menu-mb {
        margin-bottom: 0rem;
    }
}

.minishop-my {
    margin-top: 6rem;
    margin-bottom: 10rem;
}

.step-item-desc {
    color: #A4A6A9;
}

.step-item-no {
    color: #F1F2F2;
}

.step-item .step-item-no {
    background-color: #A4A6A9;
}

.step-item.active .step-item-no {
    background-color: #454545;
}

.step-item.active .step-item-desc {
    color: #323133;
}

.is-complete .step-item-no {
    background-color: #454545;
}

.order-success {
    font-family: baskervilledisplaypt-regular, serif;
    color: #454545;
}

.order-success-20 {
    font-family: baskervilledisplaypt-regular, serif;
    color: #454545;
}

.article-main-my {
    margin-top: 5rem;
    margin-bottom: 6rem;
}

.article-end-mb {
    margin-bottom: 20rem;
}

.dashboard-nav .active {
    color: #000 !important;
    font-weight: 700;
}

.order-tbl td > div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 14px;
}

.order-tbl .order-item:nth-child(odd) {
    border-top: 1px solid rgba(50, 49, 51, 0.25);
}

.page-not-found-title-404, .page-not-found-title-1 {
    font-family: baskervilledisplaypt-regular, serif;
    font-weight: normal;
    font-size: 60px;
    color: #050505;
}

.not-found-container {
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 25rem;
    padding-bottom: 25rem;
}

.article-suggesstion-bg {
    background: #E3DFD8;
}

.title-section {
    font-family: baskervilledisplaypt-regular;
    font-style: italic;
    font-weight: bold;
    font-size: 16pt;
    color: #323133;
    letter-spacing: 0.2em;
}

.title-img-slider {
    font-size: 50%;
}

.title-mb-custom {
    margin-bottom: 5rem !important;
}

.title-mr-custom {
    margin-right: 7rem !important;
}

@media (min-width:1024px) {
    .container-customer {
        max-width: 920px;
    }
}

@media only screen and (min-width:1440px) {
    .container-customer {
        max-width: 1200px;
    }
}

.hr-wrapper {
    width: 80%;
}

.hr-customer {
    border-bottom: 1px solid #67696B;
    width: 100%;
}

.info-contact {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 15px;
    color: #F2EEE6;
    text-align: center;
}

.footer-content-pr-4 {
    padding-right: 2rem !important;
}

.workshop-wrapper-item {
    width: 100%;
    padding-left: 25rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10rem;
}

/*@media (min-width :1440px) {
    .workshop-wrapper-item {
        width: 100%;
        padding-left: 10rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10rem;
    }
}

@media (min-width :1024px) {
    .workshop-wrapper-item {
        width: 100%;
        padding-left: 3rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10rem;
    }
}

@media (min-width :768px) {
    .workshop-wrapper-item {
        width: 100%;
        padding-left: 3rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10rem;
    }
}

@media (min-width :320px) {
    .workshop-wrapper-item {
        width: 100%;
        padding-left: 3rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10rem;
    }
}*/

.workshop-item-body {
    font-family: 'Inter';
    font-style: normal;
}

    .workshop-item-body a {
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        color: #67696B;
    }

    .workshop-item-body p {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #67696B;
    }

/*@media only screen and (min-width:1440px) {
    .workshop-item-body p {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #67696B;
        margin-right: 20rem;
    }
}

@media only screen and (min-width:1024px) {
    .workshop-item-body p {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #67696B;
        margin-right: 11rem;
    }
}

@media only screen and (min-width:768px) {
    .workshop-item-body p {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #67696B;
        margin-right: 3rem;
    }
}

@media only screen and (min-width:320px) {
    .workshop-item-body p {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #67696B;
        margin-right: 9rem;
    }
}*/

.workshop-register-pl-customer {
    padding-left: 20rem !important;
}

.workshop-register-mb-customer {
    margin-bottom: 20rem;
}

.workshop-register-frm-mb {
    margin-bottom: 30rem;
}

.workshop-register-container-customer {
    width: 100%;
    padding-left: 15rem;
    padding-right: 15rem;
    margin-left: auto;
    margin-right: auto;
}

.workshop-register-frm-mt {
    margin-top: 5rem;
}

.tick-ml {
    margin-left: 55rem;
}

.workshop-txt-title {
    font-family: baskervilledisplaypt-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    text-align: center;
    color: #454545;
}

.workshop-txt-content {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.1px;
    color: #454545;
}

.workshop-btn-register-success {
    font-family: baskervilledisplaypt-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.05em;
}

.policies-title {
    font-family: Baskerville Display PT;
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    color: #050505;
}

.policies-content {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
}

.slider-container .slider-desc {
    font-size: 11px;
}

.article-container img {
    max-width: 100% !important;
}

.article-container *, term-condition * {
    background: inherit !important;
}

.news-img-remove {
    display: none !important;
}

.total-outline {
    border: 1.4px solid #050505 !important;
}

.custom-select2 .select2-container--default .select2-selection--single {
    background-color: inherit;
    border: 1px solid #aaa;
    border-radius: 0;
}

    .custom-select2 .select2-container .select2-selection--single,
    .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: calc(1.5em + .75rem + 2px);
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + .75rem + 2px);
}

.title-concert {
    font-family: 'baskervilledisplaypt-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 50px;
}

.event-info {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
}

.name-ticket {
    font-family: 'baskervilledisplaypt-regular';
    font-size: 20px;
    color: #67696B
}

.price-ticket {
    font-family: 'baskervilledisplaypt-regular';
    font-size: 20px;
}

.intro-content {
    font-family: 'Inter',sans-serif;
    font-size: 10px;
    color: #323133
}

.title-concert {
    font-family: 'baskervilledisplaypt-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 60px;
}

.event-info {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
}

.name-ticket {
    font-family: 'baskervilledisplaypt-regular';
    font-size: 20px;
    color: #67696B
}

.price-ticket {
    font-family: 'baskervilledisplaypt-regular';
    font-size: 20px;
}

.intro-content {
    font-family: 'Inter',sans-serif;
    font-size: 10px;
    color: #323133
}

#stage-map {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding: 20px;
}

g.selected {
    opacity: 0.4;
    animation: pulse 1s infinite;
}

path.selected {
    opacity: 0.4;
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        opacity: 0.4;
    }
}

@keyframes pulse2 {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        opacity: 0.5;
    }
}

.booking-details h2 {
    margin: 0px 0 20px 0;
    font-size: 28px;
    font-family: 'baskervilledisplaypt-regular';
    font-style: normal;
    font-weight: normal;
    border-bottom: 1px solid black;
    padding-bottom: 25px;
    margin-top: 15px;
}

.booking-details h3 {
    font-family: 'Inter', sans-serif;
    margin: 5px 5px 0 0;
    font-size: 20px;
    font-weight: 600;
}

div.seatCharts-cell {
    height: 17px;
    width: 17px;
    line-height: 17px;
}

div.seatCharts-seat {
    width: 18px;
    height: 18px;
    border-right: 1px solid white;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Roboto, 'Helvetica Neue', sans-serif;
}

div.seatCharts-row {
    height: 20px;
    width: 1000px;
}

div.hidden {
    display: none;
}

div.seatCharts-cell {
    float: left;
    width: 13px;
    font-size: 9px;
    text-align: center;
    font-weight: bold;
}

div.seatCharts-seat.available {
    background-color: #3a78c3;
}

div.seatCharts-seat.veston.available {
    background-color: #f7931d;
}

div.seatCharts-seat.tuxedo.available {
    background-color: #BE1E2D;
}

div.seatCharts-seat.suit.available {
    background-color: #2B3990;
}

div.seatCharts-seat.comple.available {
    background-color: #594A42;
}

div.seatCharts-seat.ghile.available {
    background-color: #BDA89B;
}

div.seatCharts-seat.available.first-class {
    background-color: #3a78c3;
}

div.seatCharts-seat.focused {
    background-color: #76B474;
}

div.seatCharts-seat.selected {
    background-color: red;
    animation: pulse2 1s infinite;
    border: blue dashed 1px;
}

div.seatCharts-seat.unavailable {
    background-color: transparent;
    background-image: url(iconChoosed.png);
    background-size: 98%;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

div.seatCharts-seat.hold.unavailable {
    background-color: transparent;
    background-image: url(iconOnHold.png);
    background-size: 98%;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

div.seatCharts-container {
    float: left;
    min-width: 100px;
}

div.seatCharts-legend {
    padding-left: 0px;
    bottom: 16px;
    clear: both;
}

.cols-6 {
    width: 50%;
    float: left;
}

.cols-12 {
    width: 100%;
    float: left;
}

.title-event {
    font-family: 'baskervilledisplaypt-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 56px;
}

.background-stage {
    overflow-x: auto;
    border-radius: 10px;
    background-color: #E4E0D6;
}

.background-type-ticket {
    background-color: #E4E0D6;
    border-radius: 10px;
}

.seat-choosed {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 49px;
}

.title-choose {
    font-family: 'baskervilledisplaypt-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    border-bottom: 1px solid black;
}

.item-name-ticket {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: #67696b;
    margin: auto;
}

.item-money-ticket {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #67696b;
    margin: auto 0;
}

.item-money {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    color: #67696B;
    padding-top: 0.5rem;
}

.seat {
    font-family: 'baskervilledisplaypt-regular';
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 60px;
    color: #67696B;
}

.seat-round {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    flex: 0 0 32px;
    margin: auto;
}

.bg-secondary-custom {
    background-color: #454545;
}

.progress-text {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.3em;
}

.progress-text-wait {
    color: #A4A6A9;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.3em;
}

.ticket-choosed {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #050505;
}

.booking-details ul {
    list-style-type: none;
    padding-left: 0;
}

.close:hover {
    text-decoration: none;
}

body {
    background-color: transparent;
}

.seat-map-container {
    overflow-x: auto;
}

.min-vh-125 {
    min-height: 125vh !important;
}

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

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

.min-vh-59 {
    min-height: 59vh !important;
}

.min-vh-75 {
    min-height: 75vh !important;
}

@media (max-width:1440px) {
    .min-vh-125 {
        min-height: 190vh !important;
    }
}

@media (max-width:500px) {
    .min-vh-125 {
        min-height: 250px !important;
    }
}

@media (min-width:576px) {
  .hide-sm {
    display: none;
  }
}

@media (max-width:576px) {
  .hide-xs {
    display: none;
  }
}

::ng-deep .tooltip {
    max-width: unset !important;
    white-space: pre-wrap;
    font-size: 8px;
  }

.tooltip-inner{
    max-width: 300px;
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: auto;
    font: normal 26px "Inter", sans-serif;
    -webkit-user-select: none;
}

.wrap {
    overflow: hidden;
    background-color: #fff;
    float: left;
    padding: 12px 12px;
    border-radius: 3px;
    width: 58px;
    height: 56px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 600;
}

.flip-clock-dot {
    display: block;
    background: #fff;
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    left: 7px;
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 56px;
}

.flip-clock-dot.top {
    top: 30%;
}

.flip-clock-dot.bottom {
    bottom: 30%;
}

.card-body-ticket {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.75rem;
}

.card-title-address {
    color: #020100;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: normal;
    margin-bottom: 0.2em;
}

.card-title-time {
    color: #020100;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 0.2em;
}

.card-ticket-title {
    color: #211e17;
    font-family: 'canela-regular';
    font-style: normal;
    font-weight: 550;
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-title-name{
    color: #030000;
    font-family: 'imbue-variable';
    font-style: normal;
    font-weight: 500;
    font-size: 29px;
    line-height: normal;
    margin-bottom: 0.09em;
}