/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.ac-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background: #000000bd;
}
.popup {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    position: absolute;
    width: 597px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
    .popup {
        background: none repeat scroll 0 0 #ffffff;
        border-radius: 18px;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 95%;
    }
}

.popup div {
    position: relative;
}

.activeBtn {
    padding: 10px 45px;
    display: inline-block;
    background-color: white;
    position: absolute;
    bottom: 25px;
    transition: 0.5s all ease;
    box-shadow: #0b0b0b 0 9px 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0;
    font-family: ntGrandMedium, sans-serif;
    text-transform: uppercase;
    color: #ffce00;
}

.icon_close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 4%;
}

.activeBtn:hover {
    background: #ffce00;
    color: black;
}

.ac-wrapper.hide {
    display: none;
}

.d-flex.visible-xs,
.d-flex.visible-sm,
.d-flex.visible-md,
.d-flex.visible-lg {
    display: none !important;
}
.d-flex.visible-xs-block,
.d-flex.visible-xs-inline,
.d-flex.visible-xs-inline-block,
.d-flex.visible-sm-block,
.d-flex.visible-sm-inline,
.d-flex.visible-sm-inline-block,
.d-flex.visible-md-block,
.d-flex.visible-md-inline,
.d-flex.visible-md-inline-block,
.d-flex.visible-lg-block,
.d-flex.visible-lg-inline,
.d-flex.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .d-flex.d-flex.visible-xs {
        display: block !important;
    }
    table.d-flex.visible-xs {
        display: table !important;
    }
    tr.d-flex.visible-xs {
        display: table-row !important;
    }
    th.d-flex.visible-xs,
    td.d-flex.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .d-flex.visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .d-flex.visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .d-flex.visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .d-flex.visible-sm {
        display: block !important;
    }
    table.d-flex.visible-sm {
        display: table !important;
    }
    tr.d-flex.visible-sm {
        display: table-row !important;
    }
    th.d-flex.visible-sm,
    td.d-flex.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .d-flex.visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .d-flex.visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .d-flex.visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .d-flex.visible-md {
        display: block !important;
    }
    table.d-flex.visible-md {
        display: table !important;
    }
    tr.d-flex.visible-md {
        display: table-row !important;
    }
    th.d-flex.visible-md,
    td.d-flex.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .d-flex.visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .d-flex.visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .d-flex.visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .d-flex.visible-lg {
        display: block !important;
    }
    table.d-flex.visible-lg {
        display: table !important;
    }
    tr.d-flex.visible-lg {
        display: table-row !important;
    }
    th.d-flex.visible-lg,
    td.d-flex.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .d-flex.visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .d-flex.visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .d-flex.visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .d-flex.hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .d-flex.hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .d-flex.hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .d-flex.hidden-lg {
        display: none !important;
    }
}

.promoDetailsContainer {
    margin: 0px auto;
    padding: 20px;
    background: #fff;
}
.promoDetailsContainer ul,
.promoDetailsContainer ol {
    margin: 10px 0 !important;
    padding: 0 3rem;
}
.promoDetailsContainer li {
    padding: 0 !important;
}
.promoDetailsContainer li::marker {
    text-indent: 10px !important;
}
.promoDetailsContainer p {
    margin-bottom: 1rem;
}




.promov2 #content {
    background: #E8EAEE;
    margin-bottom: 5px;
}
.topmargin { margin-top: 15px !important; }
.menu-title h1 {
    width: 100%;
}
.menu-title form {
    display: flex;
    margin: 0px;
    gap: 5px;
}
.menu-title form .input-group {
    width: 150px;
    position: relative;
}
.menu-title form .input-group.sort-group {
    display: flex;
    width: 72px;
    background: white;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.menu-title form .input-group.sort-group > .input-group-btn {
    width: 30px;
    position: static;
    justify-content: center;
    display: flex;
    align-items: center;
}
.menu-title form .input-group.sort-group > .input-group-btn-divider {
    width: 2px;
    position: static;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 14px;
    background: #C4C4C4;
}
.menu-title form .input-group.sort-group > .input-group-btn > button > img {
    width: 18px;
}
.menu-title form .input-group.sort-group > .input-group-btn.show > button > img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(68%) saturate(6894%) hue-rotate(91deg) brightness(108%) contrast(108%);
}
.menu-title form .input-group.sort-group > .input-group-btn.active > button > img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(68%) saturate(6894%) hue-rotate(91deg) brightness(108%) contrast(108%);
}

.menu-title form .input-group input {
    padding-right: 30px;
    border-radius: 10px !important;
    font-size: 14px;
    padding-left: 10px;
    background: white !important;
}
.input-group-btn ul {
    min-width: 150px !important;
    right: 0px !important;
    left: auto !important;
    border-radius: 13px !important;
    transform: translate3d(0px, 33px, 0px) !important;
}
.menu-title form .input-group .input-group-btn > i {
    width: 30px;
    color: #727272;
    font-size: 15px;
    z-index: 5;
    justify-content: center;
    display: flex;
    align-items: center;
}
.menu-title form .input-group .input-group-btn > i  {
    position: absolute;
    right: 0px;
    height: 33px;
}
.menu-title form .input-group .input-group-btn > button  {
    /* position: absolute;
    right: 0px;
    height: 33px;
    background: none !important;
    border: 0px;
    width: 150px;
    text-align: right; */
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    background: none !important;
}
.menu-title form .input-group .input-group-btn > button:focus  {
    border: none;
    outline: 0 !important;
    box-shadow: none;
}
.menu-title form .input-group .input-group-btn > button:after  {
    display: none;
}
.menu-title form .input-group .input-group-btn > button i  {
    font-size: 17px;
    color: #727272;
}

.promov2 .menu-title form ul {
    padding: 5px 15px;
}
.promov2 .menu-title form ul li.divider {
    margin: 3px 0px;
}
.promov2 .menu-title form ul li a {
    color: black;
    font-size: 14px;
    text-transform: initial;
    position: relative;
}
.promov2 .menu-title form ul li a:hover {
    background: none !important;
    color:#00C300 !important;
    font-size: 14px;
    text-transform: initial;
}
.promov2 .menu-title form ul li a:hover:before {
    content: '\2713';
    left: 0;
    position: absolute;
    left: 6px;
}
.promov2 .menu-title form ul li a:focus {
    background: none !important;
    color:#00C300 !important;
    font-size: 14px;
    text-transform: initial;
}
.promov2 .menu-title form ul li a:focus:before {
    content: '\2713';
    left: 0;
    position: absolute;
    left: 6px;
}
.promov2 .menu-title form ul li a.active {
    background: none !important;
    color:#00C300 !important;
    font-size: 14px;
    text-transform: initial;
}
.promov2 .menu-title form ul li a.active:before {
    content: '\2713';
    left: 0;
    position: absolute;
    left: 6px;
}


.promov2 .promo-item {
    display: flex;
    transition: all 0.25s;
    transition-behavior: allow-discrete;
    opacity: 1;
    scale: 1;
}
.promov2 .promo-item.fadeOut {
    display: none;
    opacity: 0;
    scale: 0;
    width: 0;
}
.promov2 .promo-item.fadeOut2 {
    display: none;
    opacity: 0;
    scale: 0;
    width: 0;
}
/* .promo-sort-by li a {
    position: relative;
}
.promo-sort-by li a.active {
    font-weight: 600;
}
.promo-sort-by li a.active:before {
    content: '\2713';
    left: 0;
    position: absolute;
    left: 6px;
    font-weight: 600;
} */



.promov2 .filter-no-promo {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}



@media screen and (max-width: 500px) {
    .promov2 #content {
        padding-top: 45px;
    }
    .promov2 .menu-title {
        position: relative;
    }
    .promov2 .menu-title form {
        position: absolute;
        width: 100%;
        top: 55px;
        left: 0;
        height: 55px;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
    }
    .promov2 .menu-title form .input-group{
        width: 100%;
    }
    .promov2 .menu-title form .input-group:nth-child(2){
        width: 72px;
        flex-shrink: 0;        
        z-index: 10;
        min-height: 30px;
        border: 1px solid #ced4da;
    }
    .input-group-btn ul {
        min-width: 153px !important;
    }
}