/*#selecttimeafter .imgbox .btn2 {
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #99002E solid;
    margin: 0 7px 0 0;
    padding: 5px 25px;
    font-weight: 400;
    cursor: pointer;
}


#selecttimeafter .imgbox.active4, .btn4:hover {
   border-color:#99002E!important;
    color: white!important; cursor: pointer;
}*/

/*eventlisting end*/

/* Apply sans-serif font to everything */
* {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
                 "Segoe UI Emoji", "Segoe UI Symbol" !important;
  }
  
  /* Apply monospace font only to code/pre elements */
  code, pre {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas,
                 "Liberation Mono", "Courier New", monospace !important;
  }
  
#event-listing .item {
}

#event-listing {
    margin: 3% 0;
}

#event-listing .heading-slider h2 {
    font-size: 35px;
    color: #211F1F;
    font-family: bold;
}

#event-listing .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#event-listing .card-body h5.card-title {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#event-listing .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 18px;
}

#event-listing .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#event-listing .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#event-listing .offerclub {
    width: 88%;
    position: absolute!important;
    top: 20px!important;
}


#event-listing .offerclub p {
    border-radius: 2px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#event-listing .offerclub label {
    height: 20px;
    padding: 5px;
    border-radius: 2px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}



#event-listing .eventlist-left  .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#event-listing .eventlist-left  .box-image{width: 100%!important;}

/*#free-offers .custom-control{}
#free-offers.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

#event-listing .eventlist-left  .card-body {
    margin-top: 0;
}

/*#free-offers .owl-stage {
    transform: translate3d(0px, 0px, 0px)!important;
}*/

#event-listing .eventlist-left  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    
    margin: 0 0 0 0;
}


#event-listing .eventlist-left  .card-body {
       -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 10px 0;
    text-align: left;
    width: 62%;
}

#event-listing .eventlist-left .card-body h3 {
    color: #000;
    font-size: 16px;
    font-family: HelveticaNeue;
    font-weight: 100;
    line-height: 20px;
}

#event-listing .eventlist-left .card-body p {
    color: #000;
    font-size: 16px;
    font-family: HelveticaNeue;
    font-weight: 100;
    line-height: 20px;
}

#event-listing .eventlist-left .form-check {
    position: relative;
    display: block;
    padding-left: 0;
}

#event-listing .eventlist-left  .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#event-listing .eventlist-left  .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 18px;
}

#event-listing .eventlist-left  .card-body p.card-text a{
    color: #2699FB;
    
    font-weight: normal;
    font-size: 17px;
}





#event-listing .eventlist-left  .card-body p.ticket a{
    color: #000;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#event-listing .eventlist-left  .card-body p.ticket a:hover{
    color: #007bff;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#event-listing .eventlist-left  .card-body p.ticket a span{
    color: #000;
    
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#event-listing .eventlist-left  .card-body p.off{
    color: #000;
    
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}
#event-listing .eventlist-left h2{ color: #2C2C2C;padding: 22px;font-size: 20px; }

#event-listing .eventlist-left .cordspace{-ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 0 0;
    text-align: left;}

#event-listing .eventlist-left  .card-body p a.buy{
    color: #CE004A;
    
    font-weight: normal;padding: 7px 10px; border-radius: 50px;
    font-size: 13px; text-decoration: none;background: #fff;
}

 #event-listing .eventlist-left .card .besidetext h3{color: #000; font-size: 15px}

  #event-listing .eventlist-left .filterreset h2{color: #000; font-size: 20px;padding: 0 0 0 20px;}
  #event-listing .eventlist-left .filterreset h2::after{content:" ";width: 26px;height: 20px;background-image:url(<?php echo BASE_URL; ?>/fliter-icon.png);position: absolute;left: 131px;top: 35px;}
  #event-listing .eventlist-left .filterreset label{font-size:18px;}
   #event-listing .eventlist-left .filterreset label a{font-size:18px;color:#2699FB;text-decoration: none;}


#event-listing .eventlist-left .checkmark {
    position: absolute;
    top: -20px;
    left: 21px;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A;
}

#event-listing .eventlist-left .customradio input:checked ~ .checkmark::after {
    display: block;
}

#event-listing .eventlist-left .customradio .checkmark::after {
   top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #CE004A;
}

#event-listing .eventlist-left .checkmark::after {
    content: "";
    position: absolute;
    display: none;
}


#event-listing .eventlist-left .customradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#event-listing .eventlist-left  .form-controldate {
    display: block;
    /* width: 100%; */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#event-listing .eventlist-left .selectdatecust{padding:0 0 0 22px;}

.text-danger.realcolor {
    color: #CE004A!important;
}




/*eventlisting end*/








#selecttimeafter .card.btn4 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 5px;
    margin: 0 0 20px 6px;
}

#selecttimeafter .card.active4, .btn4:hover {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #99002E;
    border-radius: 5px;
    margin: 0 0 20px 6px;
}

/**selecttimeafter**/
#selecttimeafter{display: contents;}
#selecttimeafter p{font-size: 14px;}
#selecttimeafter  h2 {
    font-size: 20px;
    color: #000;
    margin: 0 0 5px 15px;
}

#selecttimeafter .card .card-body p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;
    text-align: center!important;
}

#selecttimeafter .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 13px 3px;
    text-align: left;
}


/**selecttimeafter**/


/**request-proc start here**/
.request-proc .fa-circle{color: #FFBC00;font-size:15px;}
/**request-proc start here**/


/**uest Details start here**/
.guest-details label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #000;
}

.guest-details .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #CE004A;
    border-color: #b21f2d;
}


.guest-details .btn {width: 40%;
  border: none!important;
  outline: none!important;
  padding: 16px 16px!important;
  background-color: #CE004A!important;
  cursor: pointer!important;
  color: #fff!important; display: block;
}

/**uest Details start here**/


/**book available**/
.book-available{border-top: 1px #CE004A solid;border-bottom: 1px #CE004A solid;}
/**book available**/


/**table detail start here**/
.table-detail-about{border-top: 6px solid #F2D571;
    border-radius: 5px;
    padding: 15px 15px;}
.table-detail-about p{color: #000;}
/**table detail start here**/




/**share**/
.share-tikets{}
.share-tikets a{color:#2699FB ;    font-weight: 500;}
.share-tikets a:hover{color:#2699FB ;text-decoration: none;}
/**share**/


/**selected discount**/
.termsandcondition a{font-size: 25px;
    text-decoration: none;
    color: #2699FB;
    margin: 0 0 5px 0;
    font-weight: 400;}

    .termsandcondition a:hover{text-decoration: none;font-size: 25px;
    text-decoration: none;
    color: #2699FB;
    margin: 0 0 5px 0;
    font-weight: 400;}

/*free offers start*/


/* Hide the browser's default radio button */
 #selecte-discount .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#selecte-discount .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Create a custom radio button */
#selecte-discount .checkmark {
 position: absolute;
    top: -18px;
    left: 27px;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A; 
}

/* On mouse-over, add a grey background color */
 #selecte-discount .customradio:hover input ~ .checkmark {
  background-color: transparent;
}





/* Create the indicator (the dot/circle - hidden when not checked) */
 #selecte-discount .checkmark:after {
  content: "";
  position: absolute;
  display: none; 
}

/* Show the indicator (dot/circle) when checked */
 #selecte-discount .customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#selecte-discount .customradio .checkmark:after {
  top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
  border-radius: 50%;
  background: #CE004A;

}








#selecte-discount{ }

#selecte-discount .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#selecte-discount .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}



#selecte-discount .imagessize img {
    width: 100%;
    height: auto;
}

#selecte-discount .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#selecte-discount .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#selecte-discount .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#selecte-discount .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#selecte-discount .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#selecte-discount .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#selecte-discount .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#selecte-discount .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#selecte-discount button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#selecte-discount .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#selecte-discount .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#selecte-discount .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#selecte-discount .box-image{width: 100%;}

/*#free-offers .custom-control{}
#free-offers.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

#selecte-discount .card-body {
    margin-top: 0;
}

/*#free-offers .owl-stage {
    transform: translate3d(0px, 0px, 0px)!important;
}*/

#selecte-discount .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    
    margin: 0 0 0 0;
}


#selecte-discount .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 0 22px;
    text-align: left;
}

#selecte-discount .card-body h3 {
    color: #000;
    font-size: 18px;
    font-family: HelveticaNeue;
    font-weight: normal;
    line-height: 20px;
}

#selecte-discount .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#selecte-discount .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 11px;
}

#selecte-discount .card-body p.card-text a{
    color: #2699FB;
    
    font-weight: normal;
    font-size: 17px;
}





#selecte-discount .card-body p.ticket a{
    color: #000;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#selecte-discount .card-body p.ticket a:hover{
    color: #007bff;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#selecte-discount .card-body p.ticket a span{
    color: #000;
    
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#selecte-discount .card-body p.off{
    color: #000;
    
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}

#selecte-discount .card-body.cordspace{padding: 0 0 0 0;}

#selecte-discount .card-body p a.buy{
    color: #CE004A;
    
    font-weight: normal;padding: 7px 10px; border-radius: 50px;
    font-size: 13px; text-decoration: none;background: #fff;
}


/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*free offers start*/


/*selectec dicoumts*/

#pueches-voucher .owl-carousel {
    display: block;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1; display: flex;   justify-content: space-between;
}


#pueches-voucher .card-body {
    margin-top: 0!important;
}

#pueches-voucher .card-body .qty {width: 75px;border: 1px #CE004A solid;}


#pueches-voucher .card-body .qty .count {
    color: #000;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 2px;
    min-width: 23px;
    text-align: center;color: #CE004A;
}
#pueches-voucher .card-body .qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 15px;
    height: 15px;
   /* font: 30px/1 Arial,sans-serif;*/
    text-align: center;
    border-radius: 50%;
    }
#pueches-voucher .card-body .qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 15px;
    height: 15px;
   /* font: 30px/1 Arial,sans-serif;*/
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}

#pueches-voucher i.fa{margin-top: 10px; font-size: 10px;color: #CE004A;}

#pueches-voucher i.fa-plus{margin-top: 10px;color: #CE004A;}

#pueches-voucher .minus{
    background-color: transparent!important;color: #CE004A;
}

#pueches-voucher .plus{
    background-color: transparent!important;color: #CE004A;
}

#pueches-voucher .minus:hover{
    background-color: transparent; !important;
}
#pueches-voucher .plus:hover{
    background-color: transparent;!important;
}
/*Prevent text selection*/
#pueches-voucher span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
#pueches-voucher input{  
    border: 0;
    width: 2%;
}
nput::-webkit-outer-spin-button,
#pueches-voucher input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#pueches-voucher input:disabled{
    background-color:transparent;
}


#pueches-voucher .form-control {
    display: block;
    /*width: 100%;*/
    padding: 0.1rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#pueches-voucher .btn {
    display: inline-block;
    font-weight: 400;
    background-color: #CE004A;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0 0;
    font-size: 10px;
     line-height: 16px; 
    border-radius: 46px;width: 18px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


#pueches-voucher select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(<?php echo BASE_URL; ?>/arrow.png);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

#pueches-voucher .form-control.timing{
    display: block;text-align: start;
    width: 95%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: transparent!important;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */

}

#pueches-voucher .featre-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#pueches-voucher .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}



#pueches-voucher .iimagessize img {
    width: 100%;
    height: auto;
}

#pueches-voucher .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#pueches-voucher .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#pueches-voucher .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#pueches-voucher .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#pueches-voucher .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#pueches-voucher .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#pueches-voucher .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#pueches-voucher .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#pueches-voucher button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#pueches-voucher .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#pueches-voucher .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#pueches-voucher .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#pueches-voucher .box-image{ background: url(<?php echo BASE_URL; ?>/dicount-voucher-images-1.png) no-repeat; width: 399px; height: 207px;}
#pueches-voucher .box-image2{ background: url(<?php echo BASE_URL; ?>/discount-voucher-2.png) no-repeat; width: 399px; height: 207px;}

#pueches-voucher .card-body {
    margin-top: 20px;
}

#pueches-voucher .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#pueches-voucher .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
   
    text-align: left;
}

#pueches-voucher .card-body h3 {
    color: #000;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px;
}

#pueches-voucher .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#pueches-voucher .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 11px;
}

#pueches-voucher .card-body p.card-text a{
    color: #2699FB;
    
    font-weight: normal;
    font-size: 11px;
}

#pueches-voucher .card-body p.ticket a{
    color: #000;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#pueches-voucher .card-body p.ticket a:hover{
    color: #007bff;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#pueches-voucher .card-body p.ticket a span{
    color: #000;
    
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#apueches-voucher .card-body p.off{
    color: #000;
    
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}

#pueches-voucher .card-body.cordspace{padding: 0 0 0 0;}

#pueches-voucher .card-body p a.buy {
    color: #CE004A;
    
    font-weight: normal;
    padding: 7px 32px;
    border-radius: 2px;
    font-size: 13px;
    text-decoration: none;
    /* background: #fff; */
    border: 1px red solid;cursor: default;
}
/*ADD OFFERS*/
/**purched**/



/**table book start**/
#table-book-firs .dateclass p{ color: #000;font-weight: normal; }

#table-book-firs .namephne p{ color: #000;font-weight: normal; }

#table-book-firs .namephne h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

#table-book-firs hr.dashedd {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px dashed rgba(0,0,0,.1);
}




#tableb .tablebo p {
       font-size: 18px;
    color: #625e5e;
    font-weight: normal;
    margin: 0 0 5px 0;
}

#tableb .tablebof p {
       font-size: 15px;
    color: #625e5e;
    font-weight: normal;
    margin: 0 0 5px 0;
}
/**tabel book end**/

/**middleheading end**/
#middleheading .textlinetop{}
#middleheading h2 {
    font-size: 23px;
    color: #282626;
    margin: 0 0 5px 0;
}

#middleheading p {
       font-size: 16px;
    color: #625e5e;
    font-weight: normal;
    margin: 0 0 5px 0;
}


/**middleheading end**/


/**purchase voucher**/
#add-offers .card-body p a.buy {
    color: #CE004A;
    
    font-weight: normal;
    padding: 7px 32px;
    border-radius: 2px;
    font-size: 13px;
    text-decoration: none;
    /* background: #fff; */
    border: 1px red solid;
}

/**purchase voucher**/



#nav-profile .list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    width: 50%;
}

#nav-profile .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 0rem;
    margin-bottom: -1px;
    background-color: #fff;
     border: 0px solid rgba(0,0,0,.125); 
}

#nav-profile .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 0rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
    color: #CE004A;font-size: 18px;
}

#nav-profile h3 {
    font-size: 16px;
    color: #000;
    margin: 0 0 5px 0;
}

#nav-profile .form-check-label {
    margin-bottom: 0;
    color: #000;
}

#nav-profile .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    padding-top: 0.5rem;
}


/**custom radio**/
#payment-check .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#payment-check .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#payment-check .card .checkmark.paydone {
    position: absolute;
    top: -4px;
    left: -32px;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A;
}

#payment-check .card.carddashed {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid #878282;
    border-radius: 0.25rem;
}

#payment-check .card-body.sec {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
     padding: 0rem; 
}

/* Create a custom radio button */
#nav-profile .card .sec .checkmark {
 position: absolute;
    top: -6px;
    left: -31px;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A; 
}

/* On mouse-over, add a grey background color */
#nav-profile .card .sec .customradio:hover input ~ .checkmark {
  background-color: transparent;
}





/* Create the indicator (the dot/circle - hidden when not checked) */
#nav-profile .card .sec .checkmark:after {
  content: "";
  position: absolute;
  display: none; 
}

/* Show the indicator (dot/circle) when checked */
#nav-profile .card .sec .customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#nav-profile .card .sec .customradio .checkmark:after {
  top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
  border-radius: 50%;
  background: #CE004A;

}
/**hh**/

/**option-pay**/
#option-pay h2 {
    color: #000;
    font-size: 20px;
}
#option-pay .form-group .form-control {
    display: block;height: 50px;
    width: 30%;
    padding: 0.375rem 0.75rem;color: #000!important;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #706f6f;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#option-pay label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #000;
}
/**option-pay**/

/**totoal order**/
#ordertotl .btn-primary.listbtn {
 /* width: 40%;*/
  color: #fff;
  background-color: #CE004A;
  border-color: #CE004A;
  font-size: 1rem !important;
  padding: 0 0.75rem !important;height: 60px;
}

#ordertotl .btn-primary {
  border: none;
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-right-color: rgb(206, 212, 218);
    border-bottom-color: rgb(206, 212, 218);
    border-left-color: rgb(206, 212, 218);
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#ordertotl .text-danger.sizeliitt {
    color: #dc3545!important;
    font-size: 15px;
}

#ordertotl b.normaltext {
    font-weight: normal!important;
    font-size: 16px!important;
}

#ordertotl .your-total{width: 100%;padding: .75rem 1.25rem;    border-radius: 5px;}
#ordertotl .your-total h2 { font-size: 15px;color: #211F1F;font-family: HelveticaNeue;}
#ordertotl .your-total p { font-size: 16px;color: #211F1F;font-family: HelveticaNeue;font-weight: 400;}
#ordertotl .your-total .list-group-item {
    position: relative;
    display: block;    color:#454343;font-size: 16px;font-weight: 400;
    padding:4px 0rem;
    margin-bottom: -1px;
    background-color: #fff;
     border: 0px solid rgba(0,0,0,.125); 
}

#ordertotl .your-total .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 100%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

#ordertotl .your-total .list-group-item.dangertxt {
    position: relative;
    display: block;font-weight: bold;
    color: #000;
    font-size: 17px;
    padding: 4px 0rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}

 #ordertotl small {
    font-size: 71%;
    font-weight: 400;
    position: absolute;
    top: 30px;
    color: #000;
}

#ordertotl b{
    font-weight: bolder;
    font-size: 23px;
}


/*payment checkbox*/

#payment-check .nav-tabs label.pro{display: flex;
    /* width: 100%; */
    position: relative;
    left: 225px;}

    #payment-check .nav-tabs label.paym{display: flex;
    /* width: 100%; */
    position: relative;
    left: 225px;}


#payment-check .nav-tabs .nav-link {
        border: 1px solid #CE004A;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-radius: 50px;
    position: relative;
    bottom: -15px;
    background: #fff;
    WIDTH: auto;
   
}

#payment-check .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #CE004A;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

#payment-check .nav-tabs .nav-item:after{color: #CE004A;font-weight: normal;
    content: 'PROMO CODE';
    position: absolute;
    top: -34px;
    width: 150px;
    left: -35px;}

    #payment-check .nav-tabs .nav-item.paymentone:after{color: #CE004A;
    content: 'PAYMENT';
    position: absolute;
    top: -34px;
    width: 150px;
    left: -40px;}

#payment-check .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link a {
    color: #000!important;}

#payment-check .fa-circle {
    font-size: 15px;
    vertical-align: middle;
    margin: 1px 4px 0 3px;
}

#payment-check .nav-tabs {
    border-bottom: 3px solid #CE004A;
    display: flex;
    justify-content: space-around;
}


#payment-check .nav-link {
    display: block;
    padding:1px 0.1rem;
}

#payment-check .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link a {
  color: #fff;
  text-decoration: underline;
}


#payment-check .tab-pane h2 {
  font-size: 20px;
  color: #000;
  margin: 0 0 5px 0;
}
#payment-check .tab-pane p {
    font-size: 16px;
    font-weight: initial;
    color: #333232;
}

#payment-check  .form-control {
    display: block;
    width: 30%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #f8e2ea;
    background-clip: padding-box;
    border: 1px solid #CE004A;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#payment-check ::placeholder{color: #000;}

#payment-check .card  {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1.5px dashed #878282;
    border-radius: 0.25rem;
}

#payment-check .card .card-body .btn-primary {
    color: #CE004A;
    background-color: #fff;
    border-color: #fff!important;

}

#payment-check .card .card-body .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
     padding: 0rem 0rem; 
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*#payment-check .card .card-body .checkmark {
  position: absolute;
  top: -6px;
    left: -12px;
  height: 34px;
  width: 34px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #CE004A;
}

#payment-check .card .card-body .customradio .checkmark::after {
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #CE004A!important;
}

#payment-check .card .card-body .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

#payment-check .card .card-body .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}*/

#payment-check .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#payment-check .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Create a custom radio button */
#payment-check .checkmark {
 position: absolute;
    top: -6px;
    left: -12px;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A; 
}

/* On mouse-over, add a grey background color */
#payment-check .customradio:hover input ~ .checkmark {
  background-color: transparent;
}





/* Create the indicator (the dot/circle - hidden when not checked) */
#payment-check .checkmark:after {
  content: "";
  position: absolute;
  display: none; 
}

/* Show the indicator (dot/circle) when checked */
#payment-check .customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#payment-check .customradio .checkmark:after {
  top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
  border-radius: 50%;
  background: #CE004A;

}

/**custom radio**/

/**summary**/

.booking-summary h2 {
  font-size: 20px;
  color: #000;
  margin: 0 0 5px 0;
}

#summary .list-group .list-group-item p {
    color: #747070;
    font-size: 17px;
    font-weight: 300;
    }

 #summary .list-group .list-group-item .text-dark {
    color: #343a40!important;
    font-size: 17px;
}

 #summary .list-group .list-group-item .w-25 {
    width:35%!important;
}

#summary .list-group .list-group-item span {padding-left: 45px;
   }

   #summary .list-group .list-group-item .w-25:after {content: ':';
   float: right;width: 20px;
}

#summary  .list-group-item-action:focus, .list-group-item-action:hover {
  color: #495057;
  text-decoration: none;
  background-color: #fff;
}


#summary  .list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 0px solid rgba(0,0,0,.125);
}

#summary .list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
   
     border-radius: 5px; 
}

#summary h3 {
    color: #1D2634;    font-size: 15px;
   
}




/**summary**/




/*#payment-check .fa-circle{font-size: 25px;color: #CE004A;}*/

/*payment checkbox*/




/*.icon-sm {
    width: 2rem;
    height: 2rem;
    
}*/


#total-yo .btn-primary.listbtn {
  width: 40%;
  color: #fff;
  background-color: #CE004A;
  border-color: #CE004A;
  font-size: 1rem !important;
  padding: 30px 0.75rem !important;height: 66px;
}

#total-yo .btn-primary {
  border: none;
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-right-color: rgb(206, 212, 218);
    border-bottom-color: rgb(206, 212, 218);
    border-left-color: rgb(206, 212, 218);
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#total-yo .your-total{width: 100%;}
#total-yo .your-total h2 { font-size: 15px;color: #211F1F;font-family: HelveticaNeue;}
#total-yo .your-total p { font-size: 16px;color: #211F1F;font-family: HelveticaNeue;font-weight: 400;}
#total-yo .your-total .list-group-item {
    position: relative;
    display: block;    color: #000;font-size: 14px;
    padding:4px 0rem;
    margin-bottom: -1px;
    background-color: #fff;
     border: 0px solid rgba(0,0,0,.125); 
}

#total-yo .your-total .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

#total-yo .your-total .list-group-item.dangertxt {
    position: relative;
    display: block;font-weight: bold;
    color: #000;
    font-size: 17px;
    padding: 4px 0rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}


/*ADDITIONAL*/
/*descritpion stat*/
.additional-comments .list-unstyled {padding-left: 23px;list-style: none; list-style: disc;}
.additional-comments{width: 100%;}
.additional-comments h2 { font-size: 20px;color: #211F1F;font-family: HelveticaNeue;}
.additional-comments p { font-size: 16px;color: #211F1F;font-family: HelveticaNeue;font-weight: 400;}
.additional-comments span a.card-link {
        font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #CE004A solid;
    margin: 0 7px 0 0;
    padding: 5px 13px;
    font-weight: 300;
}

.additional-comments ul li{color: #000;font-weight: 400;font-size: 16px;}


/*descritpion end*/
/*ADDTIONAL*/


/*ADD OFFERS*/
#add-offers .card-body {
    margin-top: 0!important;
}

#add-offers .card-body .qty {width: 75px;border: 1px #CE004A solid;}


#add-offers .card-body .qty .count {
    color: #000;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 2px;
    min-width: 23px;
    text-align: center;color: #CE004A;
}
#add-offers .card-body .qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 15px;
    height: 15px;
   /* font: 30px/1 Arial,sans-serif;*/
    text-align: center;
    border-radius: 50%;
    }
#add-offers .card-body .qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 15px;
    height: 15px;
   /* font: 30px/1 Arial,sans-serif;*/
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}

#add-offers i.fa{margin-top: 10px; font-size: 10px;color: #CE004A;}

#add-offers i.fa-plus{margin-top: 10px;color: #CE004A;}

#add-offers .minus{
    background-color: transparent!important;color: #CE004A;
}

#add-offers .plus{
    background-color: transparent!important;color: #CE004A;
}

#add-offers .minus:hover{
    background-color: transparent; !important;
}
#add-offers .plus:hover{
    background-color: transparent;!important;
}
/*Prevent text selection*/
#add-offers span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
#add-offers input{  
    border: 0;
    width: 2%;
}
nput::-webkit-outer-spin-button,
#add-offers input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#add-offers input:disabled{
    background-color:transparent;
}


#add-offers .form-control {
    display: block;
    /*width: 100%;*/
    padding: 0.1rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#add-offers .btn {
    display: inline-block;
    font-weight: 400;
    background-color: #CE004A;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0 0;
    font-size: 10px;
     line-height: 16px; 
    border-radius: 46px;width: 18px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


#add-offers select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(<?php echo BASE_URL; ?>/arrow.png);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

#add-offers .form-control.timing{
    display: block;
    width: 84%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: transparent!important;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */

}

#add-offers .featre-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#add-offers .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}



#add-offers .iimagessize img {
    width: 100%;
    height: auto;
}

#add-offers .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#add-offers .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#add-offers .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#add-offers .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#add-offers .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#add-offers .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#add-offers .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#add-offers .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#add-offers button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#add-offers .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#add-offers .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#add-offers .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#add-offers .box-image{ background: url(<?php echo BASE_URL; ?>/dicount-voucher-images-1.png) no-repeat; width: 399px; height: 207px;}
#add-offers .box-image2{ background: url(<?php echo BASE_URL; ?>/discount-voucher-2.png) no-repeat; width: 399px; height: 207px;}

#add-offers .card-body {
    margin-top: 20px;
}

#add-offers .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#add-offers .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
   
    text-align: left;
}

#add-offers .card-body h3 {
    color: #000;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px;
}

#add-offers .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#add-offers .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 11px;
}

#add-offers .card-body p.card-text a{
    color: #2699FB;
    
    font-weight: normal;
    font-size: 11px;
}

#add-offers .card-body p.ticket a{
    color: #000;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#add-offers .card-body p.ticket a:hover{
    color: #007bff;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#add-offers .card-body p.ticket a span{
    color: #000;
    
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#add-offers .card-body p.off{
    color: #000;
    
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}

#add-offers .card-body.cordspace{padding: 0 0 0 0;}

#add-offers .card-body p a.buy {
    color: #CE004A;
    
    font-weight: normal;
    padding: 7px 16px;
    border-radius: 2px;
    font-size: 13px;
    text-decoration: none;
    /* background: #fff; */
    border: 1px red solid;
}
/*ADD OFFERS*/


/*addbutton*/

#addguest icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

#addguest .border {
    border: 0px solid #dee2e6!important;
    background: #CE004A;
}



#addguest input.bla {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; color:#000 ;
    
}

#addguest input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; color:#fff ;
    
}

 #addguest .center{
 display: flex;    align-items: baseline;
  
  
}

#addguest .center p{
color: #000;  
  
}

/*
#addguest .input-group span.input-group-btn{width: 100%;}*/

#addguest .btn.disabled, .btn:disabled {
  opacity: 1;
}

#addguest .input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 40%;
}

#addguest .center .qty .bg-dark{background: #CE004A;}

#addguest .qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 2px
    ;min-width: 35px;
    text-align: center;
}
#addguest .qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 25px;
    height: 25px;
   /* font: 30px/1 Arial,sans-serif;*/
    text-align: center;
    border-radius: 50%;
    }
#addguest .qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 25px;
    height: 25px;
   /* font: 30px/1 Arial,sans-serif;*/
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}

#addguest i.fa{margin-top: 6px; font-size: 15px;}

#addguest i.fa-plus{margin-top: 6px;}

#addguest .minus{
    background-color: #CE004A !important;
}

#addguest .plus{
    background-color: #CE004A !important;
}

#addguest .minus:hover{
    background-color: #e42e70 !important;
}
#addguest .plus:hover{
    background-color: #e42e70 !important;
}
/*Prevent text selection*/
#addguest span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
#addguest input{  
    border: 0;
    width: 25px;
}
nput::-webkit-outer-spin-button,
#addguest input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#addguest input:disabled{
    background-color:white;
}


#addguest .form-control {
    display: block;
    /*width: 100%;*/
    padding: 0.1rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#addguest .btn {
    display: inline-block;
    font-weight: 400;
    background-color: #CE004A;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0 0;
    font-size: 10px;
     line-height: 16px; 
    border-radius: 46px;width: 18px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*add button*/



/*events*/

#selecttable .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#selecttable .heading-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

#selecttable .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#selecttable .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}


/* Style the buttons */



#selecttable .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center; border: 1px #aaa solid; border-radius: 5px;
}


#selecttable .imgbox.btn6 {
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #99002E solid;
    margin: 0 7px 0 0;
    padding: 5px 25px;
    font-weight: 400;
    cursor: pointer;
}


#selecttable .imgbox.active6, .btn6:hover {
   border-color:#99002E!important;
    color: white!important; cursor: pointer;
}

#selecttable .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#selecttable .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#selecttable .owl-carousel { 
   
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

#selecttable .owl-carousel .owl-nav { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#selecttable .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#selecttable .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#selecttable {
    margin: 2% 0 0 0;
}

/*#events .owl-item .item{display: flex;justify-content: space-evenly;}*/

#selecttable .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#selecttable button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

#selecttable .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#selecttable .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/*events*/

/*events*/

.selectticket .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

.selectticket .heading-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

.selectticket .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

.selectticket .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}


/* Style the buttons */



.selectticket .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center; border: 1px #aaa solid; border-radius: 5px;
}


.selectticket .imgbox.btn7 {
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #99002E solid;
    margin: 0 7px 0 0;
    padding: 5px 25px;
    font-weight: 400;
    cursor: pointer;
}


.selectticket .imgbox.active7, .btn7:hover {
   border-color:#99002E!important;
    color: white!important; cursor: pointer;
}

.selectticket .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

.selectticket .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 15px;
    text-align: left;
   
    font-family: HelveticaNeue;
    font-weight: 500;
}

.selectticket .owl-carousel { 
   
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.selectticket .owl-carousel .owl-nav { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.selectticket .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

.selectticket .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}
.selectticket {
    margin: 2% 0 0 0;
}

/*#events .owl-item .item{display: flex;justify-content: space-evenly;}*/

.selectticket .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.selectticket button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

.selectticket .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

.selectticket .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/*events*/




/* event-normal tableselection start */
.select-vanues .topnightwith h2 {font-size: 25px; color: #000;}
.select-vanues .topnightwith h3 {font-size: 20px; color: #000;}
.select-vanues .topnightwith h4 {font-size: 18px; color: #CE004A;}
.select-vanues .topnightwith p {font-size: 16px;font-weight: initial;color: #333232;}



/*select price*/

#selectprice .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#selectprice .heading-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

#selectprice .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#selectprice .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}


/* Style the buttons */



#selectprice .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center; border: 1px #aaa solid; border-radius: 5px;line-height: 45px;
}


#selectprice .imgbox .btn5 {
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #99002E solid;
    margin: 0 7px 0 0;
    padding: 5px 25px;
    font-weight: 400;
    cursor: pointer;
}


#selectprice .imgbox.active5, .btn5:hover {
   border-color:#99002E!important;
    color: white!important; cursor: pointer;
}

#selectprice .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#selectprice .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#selectprice .owl-carousel { 
   
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

#selectprice .owl-carousel .owl-nav { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#selectprice .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#selectprice .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#selectprice {
    margin: 2% 0 0 0;
}

/*#events .owl-item .item{display: flex;justify-content: space-evenly;}*/

#selectprice .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#selectprice button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

#selectprice .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#selectprice .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/*select price*/

/*events*/

.selectdate .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

.selectdate .heading-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

.selectdate .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

.selectdate .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}


/* Style the buttons */



.selectdate .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center; border: 1px #aaa solid; border-radius: 5px;
}


.selectdate .imgbox .btn3 {
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #99002E solid;
    margin: 0 7px 0 0;
    padding: 5px 25px;
    font-weight: 400;
    cursor: pointer;
}


.selectdate .imgbox.active3, .btn3:hover {
   border-color:#99002E!important;
    color: white!important; cursor: pointer;
}

.selectdate .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

.selectdate .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

.selectdate .owl-carousel { 
   
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.selectdate .owl-carousel .owl-nav { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.selectdate .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

.selectdate .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

.selectdate {
    margin: 2% 0 0 0;
}

/*#events .owl-item .item{display: flex;justify-content: space-evenly;}*/

.selectdate .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.selectdate button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

.selectdate .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

.selectdate .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/*events*/


/*selc time*/

.selecttime .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

.selecttime .heading-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

.selecttime .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

.selecttime .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}


/* Style the buttons */



.selecttime .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center; border: 1px #aaa solid; border-radius: 5px;padding: 12px 0;
}


.selecttime .imgbox.btn2 {
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #99002E solid;
    margin: 0 7px 0 0;
    padding: 5px 25px;
    font-weight: 400;
    cursor: pointer;
}


.selecttime .imgbox.active4, .btn4:hover {
   border-color:#99002E!important;
    color: white!important; cursor: pointer;margin: 0 0 3PX 0;
}

.selecttime .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

.selecttime .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

.selecttime .owl-carousel { 
   
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.selecttime .owl-carousel .owl-nav { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.selecttime .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

.selecttime .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

.selecttime {
    margin: 2% 0 4% 0;
}

/*#events .owl-item .item{display: flex;justify-content: space-evenly;}*/

.selecttime .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.selecttime button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

.selecttime .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

.selecttime .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/*select time*/

/* event-normal tableselection start */

/* book-vanue start */
.book-vanue h2{font-size: 20px;
    color: #000;
    margin: 0 0 5px 0;}
.book-vanue p {color: #000;font-weight: 500;font-size: 18px;}   

.book-vanue a{color: #2699FB; font-size: 18px;}
.book-vanue a:hover{text-decoration: none;color: #2699FB; font-size: 18px;}

.book-vanue hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgb(172 164 164 / 10%);
}

/* book- vanue end */


/*modal logout div start here*/
.modaldiv .close {
    float: right;
    font-size: 2.5rem;
    font-weight: 100;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;/*background: url(<?php echo BASE_URL; ?>/close.svg) no-repeat;*/
}


.modaldiv .form-heading { color:#fff; font-size:23px;}
.modaldiv .panel h2{ color:#444444; font-size:18px; margin:0 0 8px 0;}
.modaldiv .panel p { color:#777777; font-size:14px; margin-bottom:30px; line-height:24px;}
.modaldiv .login-form{margin:0 auto;width: 500px;}
.modaldiv .login-form .form-control {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}

form .error {

    color: #ff0000;

}

.modaldiv .btn-primary .facecolor:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3C5B9E;
    border-color: #3C5B9E;
}

.modaldiv .btn-primary.facewhite:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #00;
    background-color: transparent;
    border-color: #fff;
}

.modaldiv .btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.5rem;
}


.modaldiv button.btn-primary.facecolor:hover {
    color: #fff;
    background-color: #354e83;
    border-color: #354e83;
}
.modaldiv button.btn-primary.facecolor {
    color: #fff;font-size: 15px;
    background-color: #3C5B9E;
    border-color: #3C5B9E;
}

.modaldiv button.btn-primary.facecolor:hover {
    color: #fff;
    background-color: #3C5B9E;
    border-color: #3C5B9E;
}

.modaldiv button.btn-primary.facewhite {font-size: 15px;
    color: #4e4d4d; font-weight:normal;  border: 1px #cfcdcd solid; border-radius: 10px;
    background-color: #fff;
   
}

.modaldiv button.btn-primary.facewhite:hover{
    color: #4e4d4d; font-weight:normal;  border: 1px #cfcdcd solid; border-radius: 10px;
    background-color: #f9f5f5;
   
}

.modaldiv .googleimg{width: 37px; height: 37px;}

.modaldiv #first{display: block;}

.modaldiv #second{display:none;}

.modaldiv #third{display:none;}

.modaldiv #fourth{ display: none; }

.modaldiv #fifth{ display: none; }

.modaldiv #six{ display: none; }

.modaldiv #seven{ display: none; }

.modaldiv #eight{ display: none; }

.modaldiv #nine{ display:none; }


.modaldiv #second a {font-size: 34px; font-weight: bold;vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

 .modaldiv .form-group label{color: #4e4d4d;
    font-weight: normal;
    }

  .modaldiv #second .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 39px 0 14px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid; border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modaldiv #second p{color: #2699FB;font-size:14px;font-weight: normal;}
.modaldiv #second p a{color:#2699FB;font-size:14px;font-weight: normal;}
.modaldiv #second p a:hover{color:#670025;text-decoration: none;}



.modaldiv #second .btn-primary { width: 64%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
}

.modaldiv #second a.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
   /* background-color: #e9ecef;*/
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-radius: 0.25rem;
}

/*.modaldiv #second .fa-eye-slash {
    position: absolute;
    top: 45px;
    right: 11px}*/

    .modaldiv #second .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
     background-color: #fff; 
     border: 0px solid #ced4da; 
    border-radius: 0.25rem;
}


.modaldiv #second .input-group-append {
    margin-left: -20px;
}

.modaldiv #second .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    top: 44px;
    right: 12px;
}



  .modaldiv #second  .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 0!important;
}

/* third start here */

.modaldiv #third a {font-size: 34px; font-weight: bold;vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.modaldiv #third .form-group h2{font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;}

    .modaldiv #third .form-group p{font-size:15px!important;
    color: #4e4d4d;
    font-weight: normal;}

 .modaldiv .form-group label{color: #4e4d4d;
    font-weight: normal;
    }

  .modaldiv #third .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 16px 0.375rem 14px
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid; border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.modaldiv #third .form-control.indiadropdwon {
    display: block;
    width: 84%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 16px 0.375rem 14px; font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px #cfcdcd solid;
    border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;position: relative;
    top: -30px;
    left: 29px;
}

.modaldiv #third .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(0 123 255 / 25%);
}

.modaldiv #third p{color: #2699FB;font-size:14px;font-weight: normal;}
.modaldiv #third p a{color:#2699FB;font-size:14px;font-weight: normal;}
.modaldiv #third p a:hover{color:#670025;text-decoration: none;}



.modaldiv #third .btn-primary {
    width: 50%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 0.375rem 0.75rem!important;
}

.modaldiv #third a.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
   /* background-color: #e9ecef;*/
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-radius: 0.25rem;
}

/*.modaldiv #second .fa-eye-slash {
    position: absolute;
    top: 45px;
    right: 11px}*/

    .modaldiv #third .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
     background-color: #fff; 
     border: 0px solid #ced4da; 
    border-radius: 0.25rem;
}


.modaldiv #third .input-group-append {
    margin-left: -20px;
}

.modaldiv #third .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    top: 44px;
    right: 12px;
}



  .modaldiv #third  .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 0!important;
}

/* third start here */




/* fourth start here */

.modaldiv #fourth a {font-size: 34px; font-weight: bold;vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.modaldiv #fourth .form-group h2{font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;}

    .modaldiv #fourth .form-group p{font-size:15px!important;
    color: #4e4d4d;
    font-weight: normal;}

 .modaldiv .form-group label{color: #4e4d4d;
    font-weight: normal;
    }

  .modaldiv #fourth .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 16px 0.375rem 14px
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid; border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modaldiv #fourth .list-inline {
    padding-left: 8px;
    list-style: none;
}


.modaldiv #fourth ul.list-inline li .form-control.fourdigit {
    display: block;
    width: 61px;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 22px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid;
    border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  
}

.modaldiv #fourth .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(0 123 255 / 25%);
}

.modaldiv #fourth .form-group  p{color: #000;font-size:14px;font-weight: normal;}
.modaldiv #fourth .form-group p a{color:#2699FB;font-size:14px;font-weight: normal;}
.modaldiv #fourth .form-group p a:hover{color:#670025;text-decoration: none;}



.modaldiv #fourth .btn-primary { 
     width: 80%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 0.375rem 0.75rem!important;
}

.modaldiv #fourth a.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
   /* background-color: #e9ecef;*/
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-radius: 0.25rem;
}

/*.modaldiv #second .fa-eye-slash {
    position: absolute;
    top: 45px;
    right: 11px}*/



.modaldiv #fourth .input-group-append {
    margin-left: -20px;
}

.modaldiv #fourth .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    top: 44px;
    right: 12px;
}



  .modaldiv #fourth  .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 0!important;
}

/* fourth start here */




/* fifth start here */

.modaldiv #fifth .media {
    display: -ms-flexbox;
     display: block; 
    -ms-flex-align: start;
     align-items: flex-start; border-radius: 10px;
     box-shadow: 2px 2px 0.5rem rgb(0 0 0 / 15%) !important;
}

.modaldiv #fifth .media.mediaboxx a{width: 100%; 
    display: -ms-flexbox;
    display: flex!important;
    -ms-flex-align: start;
    /* align-items: flex-start; */
   
    margin: 16px 0;
    padding: 28px; border-radius: 10px;
    
}

/*.modaldiv #fifth .media.shadow {
    box-shadow: 2px 2px 0.5rem rgb(0 0 0 / 15%) !important;
}
*/
/*.modaldiv #fifth .media-body {
    -ms-flex: 1;
    flex: 1;
    display: grid;
    justify-content: center;
    align-items: center;
}*/




.modaldiv #fifth .media h5{font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;}

    .modaldiv #fifth .media img{}



    .modaldiv #fifth p {
    color: #000;
    font-size: 14px;
    font-weight: normal;
}



.modaldiv #fifth h2{font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;}

   

/* six start here */


/* six start here */

.modaldiv #six a {font-size: 34px; font-weight: bold;vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.modaldiv #six .form-group h2{font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;}

    .modaldiv #six .form-group p{font-size:15px!important;
    color: #4e4d4d;
    font-weight: normal;}

 .modaldiv .form-group label{color: #4e4d4d;
    font-weight: normal;
    }

  .modaldiv #six .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 16px 0.375rem 14px
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid; border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modaldiv #six .list-inline {
    padding-left: 8px;
    list-style: none;
}


.modaldiv #six ul.list-inline li .form-control.fourdigit {
    display: block;
    width: 61px;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 22px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid;
    border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  
}

.modaldiv #six .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(0 123 255 / 25%);
}

.modaldiv #six .form-group  p{color: #000;font-size:14px;font-weight: normal;}
.modaldiv #six .form-group p a{color:#2699FB;font-size:14px;font-weight: normal;}
.modaldiv #six .form-group p a:hover{color:#670025;text-decoration: none;}



.modaldiv #six .btn-primary { 
     width: 80%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 0.375rem 0.75rem!important;
}

.modaldiv #six a.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
   /* background-color: #e9ecef;*/
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-radius: 0.25rem;
}

/*.modaldiv #second .fa-eye-slash {
    position: absolute;
    top: 45px;
    right: 11px}*/



.modaldiv #six .input-group-append {
    margin-left: -20px;
}

.modaldiv #six .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    top: 44px;
    right: 12px;
}



  .modaldiv #six  .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 0!important;
}

/* six start here */


/* seven start here */

.modaldiv #seven a {font-size: 34px; font-weight: bold;vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.modaldiv #seven .form-group h2{font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;}

    .modaldiv #seven .form-group p{font-size:15px!important;
    color: #4e4d4d;
    font-weight: normal;}

 .modaldiv .form-group label{color: #000;
    font-weight: normal;
    }

  .modaldiv #seven .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 16px 0.375rem 14px
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid; border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modaldiv #seven .list-inline {
    padding-left: 8px;
    list-style: none;
}


.modaldiv #seven ul.list-inline li .form-control.fourdigit {
    display: block;
    width: 61px;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 22px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid;
    border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  
}

.modaldiv #seven .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(0 123 255 / 25%);
}

.modaldiv #seven .form-group  p{color: #000;font-size:14px;font-weight: normal;}
.modaldiv #seven .form-group p a{color:#2699FB;font-size:14px;font-weight: normal;}
.modaldiv #seven .form-group p a:hover{color:#670025;text-decoration: none;}



.modaldiv #seven .btn-primary { 
     width: 50%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 0.375rem 0.75rem!important;
}

.modaldiv #seven a.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
   /* background-color: #e9ecef;*/
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-radius: 0.25rem;
}

/*.modaldiv #second .fa-eye-slash {
    position: absolute;
    top: 45px;
    right: 11px}*/



.modaldiv #seven .input-group-append {
    margin-left: -20px;
}

.modaldiv #seven .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    top: 44px;
    right: 12px;
}



  .modaldiv #seven  .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 0!important;
}

/* seven start here */

/* eight start here */


.modaldiv #eight .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 39px 0 14px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid; border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modaldiv #eight .form-group h2{font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;}

.modaldiv #eight p{color: #2699FB;font-size:14px;font-weight: normal;}
.modaldiv #eight p a{color:#2699FB;font-size:14px;font-weight: normal;}
.modaldiv #eight p a:hover{color:#670025;text-decoration: none;}



.modaldiv #eight .btn-primary { width: 50%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
}

.modaldiv #eight a.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
   /* background-color: #e9ecef;*/
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-radius: 0.25rem;
}

/*.modaldiv #second .fa-eye-slash {
    position: absolute;
    top: 45px;
    right: 11px}*/

    .modaldiv #eight .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
     background-color: #fff; 
     border: 0px solid #ced4da; 
    border-radius: 0.25rem;
}


.modaldiv #eight .input-group-append {
    margin-left: -20px;
}

.modaldiv #eight .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    top: 44px;
    right: 12px;
}



  .modaldiv #eight  .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 0!important;
}


/* eight start here */

/* nine start here */

.modaldiv #nine .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: red;
    margin-right: 15px;


}



.modaldiv #nine .btn-secondary.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #000;
    margin-right: 15px;


}

.modaldiv #nine label.btn-secondary {
    color:#282626!important;
    background-color: #fff;
    margin-right: 15px;
    border-radius: 9px;
   /* border: 1px #CE004A solid;*/
}

.btn-secondary.grecolor {
    color: #fff;
    
    border-color: #bec4c9;
}

.modaldiv #nine .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
   color: #000;
   
}

.modaldiv #nine .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    
}

.modaldiv #nine .btn-secondary {
    color: #000;
    background-color: #fff;
   
    margin-right: 15px;
    border-radius: 9px;
   /* border: 1px #CE004A solid;*/
    
    
}



.modaldiv #nine .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    /*padding: 0.375rem 39px 0 14px;*/
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px #cfcdcd solid; border-radius: 10px;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modaldiv #nine .form-group h2{font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;}

.modaldiv #nine p{color: #2699FB;font-size:14px;font-weight: normal;}
.modaldiv #nine p a{color:#2699FB;font-size:14px;font-weight: normal;}
.modaldiv #nine p a:hover{color:#670025;text-decoration: none;}



.modaldiv #nine .btn-primary { width: 50%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
}

.modaldiv #nine a.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
   /* background-color: #e9ecef;*/
    /*border: 1px solid rgba(0,0,0,.15);*/
    border-radius: 0.25rem;
}

/*.modaldiv #second .fa-eye-slash {
    position: absolute;
    top: 45px;
    right: 11px}*/

    .modaldiv #nine .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
     background-color: #fff; 
     border: 0px solid #ced4da; 
    border-radius: 0.25rem;
}


.modaldiv #nine .input-group-append {
    margin-left: -20px;
}

.modaldiv #nine .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    top: 44px;
    right: 12px;
}



  .modaldiv #nine  .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 0!important;
}


/* nine start here */



.modaldiv .main-div {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 2px;
  margin: 10px auto 30px;
  max-width: 38%;
  padding: 50px 70px 70px 71px;
}

.modaldiv p{color: #2699FB;font-size:14px;font-weight: normal;}
.modaldiv p a{color:#2699FB;font-size:14px;font-weight: normal;}
.modaldiv p a:hover{color:#670025;text-decoration: none;}

.modaldiv .login-form .form-group {
  margin-bottom:10px;
}
.modaldiv .login-form{ text-align:center;}
.modaldiv .forgot a {
  color: #777777;
  font-size: 14px;
  text-decoration: underline;
}
.modaldiv .login-form  .btn.btn-primary {
  background: #f0ad4e none repeat scroll 0 0;
  border-color: #f0ad4e;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.modaldiv .forgot {
  text-align: left; margin-bottom:30px;
}
.modaldiv .botto-text {
  color: #ffffff;
  font-size: 14px;
  margin: auto;
}
.modaldiv .login-form .btn.btn-primary.reset {
  background: #ff9900 none repeat scroll 0 0;
}
.modaldiv .back { text-align: left; margin-top:10px;}
.modaldiv .back a {color: #444444; font-size: 13px;text-decoration: none;}



.modaldiv .modal-content .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
     border-bottom: 0px solid #dee2e6; 
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}


/*modal logout div end here*/



 /*top navigation start here */

 .navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 0;
        /* padding-top: 0.5rem; */
}

.shadow {
    box-shadow: 0.5px 0.3rem 0.5rem rgb(0 0 0 / 15%) !important
}

.topbgtopsec{width: 100%;background-color: #670025;}



 .sticky-top {
  
    position: -webkit-sticky!important;
    position: sticky;
    z-index: 1020!important;
    padding-right: 17px!important;
    margin-right: 17px!important;
}



.topbgtop .custom-navbar {
    background-color: #211F1F;
}

.topbgtop .nav-link {
    color: #f7204e !important;
    font-size: 14px;
    font-weight: normal;
}

.topbgtop .nav-link:hover {
    color: #fff !important;
}

.topbgtop .custom-toggler.navbar-toggler {
    border-color: rgb(247, 32, 78);
}

/*.topbgtop .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(247,32,78, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}*/

.topbgtop .custom-toggler .navbar-toggler-icon {
    /*width: 18px !important;*/
}

.topbgtop .custom-toggler:hover {
    border-color: rgb(255, 255, 255);
   /* background-color: #f76a88;*/
}



/*.topbgtop .navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
*/
#logo_custom {
    margin-top: 0;
}

@media only screen and (max-width: 760px) {
    #logo_custom {
        width: 70%;
    }
}



.topbgtop .navbar .dropdown-menu.usermenuprofile {
    margin-top: 0.25rem;
    background-color: #262431;
    box-shadow: 0 0.0625rem 0.375rem 0 rgb(0 0 0 / 10%);
}

.topbgtop .dropdown-menu.usermenuprofile::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}


.topbgtop .sen.seachdiv {
    width: 100%;
    margin: 10px 0 20px 0;border-radius: 5px 5px 5px 5px;
    /*border: 1px #ddd solid;*/
}



.topbgtop .sen.seachdiv button {
   padding: 4px 8px;
background: #fff;
cursor: pointer;
border:1px #efefef solid;border-width: 0 1px 0 0;
}

.topbgtop .sen.seachdiv input[type=text] {
    
   width: 91%;
    font-size: 15px;
    border: none;
    
}

.topbgtop .navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: none;
    background-color: #262431;
    border-bottom: 1px #e0e2e5 solid;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch {
    border-bottom: 1px #aaa solid;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch {
    border-bottom: 1px #efefef solid;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
   
}

/*.topbgtop .navbar .dropdown-item.hovernot:hover {
   
}*/

.topbgtop .dropdown-menu a.dropdown-item .boxsearch.hovernot:hover {
    background-color: #fff;
    cursor: pointer;
    color: #000;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch:hover {
    border-bottom: 1px #efefef solid;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    
    align-items: center;
    background: #fbfbfb;
    padding: 10px 5px;
}

.topbgtop .dropdown-menu .boximit {
    width: 360px;
    white-space: normal;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch h4 {
    font-size: 14px;
    color: #000;
    display: grid;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch h4 span {
    font-size: 13px;line-height: 20px;
    color: #5b5b5b;
    font-weight: 300;
   
    
    
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch label {
    color: #5b5b5b;
    font-size: 13px;
    
}

.topbgtop .dropdown-menu.topbgtoptwo::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.dropdown-menucity::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.topbgtopthree::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .navbar .dropdown-item .boxsearchhover:hover {
    background-color: #efefef;
    color: #000;
}

.topbgtop .navbar .dropdown-item:hover {
    background-color: #fff;
    color: #000;
}



.topbgtop .navbar .dropdown-item {
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
    font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
    text-decoration: none;
    /*border-bottom: 1px  #aaa solid;*/white-space: normal;
}

.topbgtop .navbar .dropdown-item.bo12 {
    border-bottom: 1px #efefef solid;
    margin:0% 4%; padding:3% 3%;
    width: 92%;
   
}

.topbgtop .navbar .dropdown-item.bo12:hover {
    background: #fbfbfb;
    margin:0% 4%; padding:3% 3%;
    width: 92%;
}

.topbgtop .navbar .dropdown-item .searchborder {
    padding-top: 0.5rem;
    padding-bottom: 0;
    color: #000;
    font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
    text-decoration: none;
    border-bottom: 1px #aaa solid;
}


.topbgtop .dropdown-menu a.dropdown-item .searchborder {
    border-bottom: 1px #efefef solid;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    height: 80px;
}

.topbgtop .dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #fff;
}

.topbgtop .navbar .dropdown-menu {
    margin-top: 0.25rem;
    background-color: #262431;
    box-shadow: 0 0.0625rem 0.375rem 0 rgb(0 0 0 / 10%);
}

.topbgtop .dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /*display: none;*/
    left:543px;
width: 30rem;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .navbar-nav ul li.nav-item {
    border: 1px red solid;
}

.topbgtop .navbar .nav-item .nav-link label {
    text-align: center;
    border-radius: 50% !important;
    background: red;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    top: -7px;
    left: -10px;
    bottom: -5px; 
}

.topbgtop .navbar .nav-item .nav-link label::after {
    display: inline-flex;
    border-radius: 50% !important;
    background: red;
    width: 20px !important;
    height: 20px !important;
}

.topbgtop .navbar .nav-item .nav-link label::after {
    display: inline-flex;
    border-radius: 50% !important;
    background: red;
    width: 20px !important;
    height: 20px !important;
}

.topbgtop ul.navbar-nav {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.topbgtop .navbar .nav-item .nav-link label {
    text-align: center;
    border-radius: 50% !important;
    background: red;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    top: -10px;
    left: -7px;
    bottom: -5px;
}

/*.topbgtop .navbar .nav-item .nav-link span. {border: 1px #fff solid; padding: 9px 20px; border-radius: 5px; position: relative;}*/

.topbgtop ul li.list-group-item a{
    position: relative;
    display: block; text-decoration: none;
    color: #4c4b4b;
    font-weight: 400;
}

.topbgtop ul li span img {
    margin: 0 15px 0 0;
}


.topbgtop{}


.topbgtop .list-group-item {margin: 0 10%;
    position: relative;
    display: block;
    padding: 0.75rem 0;
    /*border: 1px solid #efefef;*/
   /* border-width: 1px 0 1px #e9ecef !important;*/ border: none;
}



.topbgtop .list-group-item:hover {
    position: relative;
    display: block;
    padding: 0.75rem 0;
    background-color:#fbfbfb;
}

.topbgtop .avatar {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.topbgtop .search-container {
    width: 46%;
    margin-left: 35px;
}

.topbgtop input[type=text] {
    padding: 6px;
    width: 55%;
    font-size: 14px;
    border: none;
    border-radius: 0 5px 5px 0;
}

.topbgtop .search-container button {
    float: left;
    border-radius: 5px 0 0 5px;
    padding: 5px 10px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
}

.topbgtop .search-container .searcpabel a i {
    border-right: 1px #DCDCDC solid;
    padding-right: 8px;
    font-size: 14px;
    line-height: 23px;
    color: #000;
}

.topbgtop .search-container .searcpabel .styles {
    width: 35rem;
    float: left;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 13px;
}

.topbgtop input[type=text] {
    padding: 6px;
    width: 55%;
    font-size: 14px;
    border: none;
    border-radius: 0 5px 5px 0;
}

.topbgtop .search-container button {
    float: left;
    border-radius: 5px 0 0 5px;
    padding: 5px 10px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
}

.topbgtop .nav-item .nav-link b img {
    text-align: center;
    border-radius: 50% !important;
    position: relative;
    top: 9px;
    left: -17px;
}

.navarclass .nav-item .nav-link label {
    text-align: center;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    top: -7px;
    left: 0px;
    bottom: -5px;
}

.topbgtop .search-container button:hover {
    background: #fff;
}



.fixed-top2 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.container-fluid.topbgtop {
    background: #211F1F;
}

.topbgtop .nav-link {
    color: #fff !important;
}

/*.navarclass .nav-link:hover {
    color: #00c9db !important;
}
*/
/*.navarclass.navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: none;
    background-color: #670025;
    }*/

.navarclass .navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
    color: red;
}



@media (min-width: 768px) and (max-width: 768px) {
.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0rem;
    text-align: left;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     padding:0rem; 
}

#discount-voucher .card-body {
    margin-top: 0!important;
}

.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 12px 10px 0 19px!important;
    text-align: left;
}

.topbgtop .nav-link {
   
    font-size: 13px!important;
    font-weight: normal;
}

.topbgtop .search-container {
    width: 30%!important;
    margin-left: 0!important;
}

.topbgtop .search-container .searcpabel a.styles {
    width: 10rem;
    float: left;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 13px;
}

.topbgtop .topbgtoptwo.dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 124px!important;
    width: 75%!important;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.topbgtoptwo::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.dropdown-menucity::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 66px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.topbgtopthree::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .topbgtoptwo span.heartline i {
    border-right: 0px #DCDCDC solid;
    padding-right: 8px;
    font-size: 18px;
    line-height: 23px;
    color: #999;
    text-align: right;
    width: 280px!important;
}

.topbgtop .topbgtopthree.dropdown-menu {
    position: absolute;
    top: 80%!important;
    z-index: 1233;
    z-index: 4000;
   
    left: 318px!important;
    width: 55%!important;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.dropdown-menucity {
    position: absolute !important;
    top: 86% !important;
    z-index: 1233 !important;
    z-index: 4000;
    left: 276px !important;
    width: 60% !important;
    padding: 0.5rem 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    margin: 0.125rem 0 0;
        margin-top: 0.125rem;
        margin-bottom: 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}


}

@media only screen and (max-width: 767px) {




    .topbgtop .navbar .dropdown-menu.usermenuprofile {
    margin-top: 12.15rem;
    background-color: #262431;
    box-shadow: 0 0.0625rem 0.375rem 0 rgb(0 0 0 / 10%);
}

.topbgtop .dropdown-menu.usermenuprofile::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 66px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}



    .topbgtop .sen.seachdiv input[type="text"] {
    width: 86%;
    font-size: 15px;
    border: none;
}


    .topbgtop .search-container .searcpabel a.styles {
    width: 18rem;
    float: left;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 13px;
}

    .topbgtop .custom-navbar {
    background-color: #211F1F;
}



.topbgtop .topbgtopthree.dropdown-menu {
    position: absolute;
    top: 80%!important;
    z-index: 1233;
    z-index: 4000;
   
    left: 6px!important;
    width: 100%!important;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}


.topbgtop .topbgtopthree.dropdown-menu .media {
    display: -ms-flexbox!important;
   
    -ms-flex-align: start;
    /* align-items: flex-start; */
    display: flex!important;
    justify-content: center!important;
}




.offcanvas-collapse {
    position: fixed;
    top: 3.25rem;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
     background-color: #211F1F!important; 
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.topbgtop .search-container {
   width: 100%!important;
margin-left: 5px;margin-top:20px;
}

.topbgtop .dropdown-menu {
    position: absolute!important;
    top: 23%!important;
    z-index: 1233!important;
    z-index: 4000;
   
    left: 6px!important;
    width: 100%!important;

    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}



.topbgtop .topbgtoptwo.dropdown-menu .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
   
}

.topbgtop .topbgtoptwo .media-body p {
    color: #000;
    line-height: 4px;
    height: 4px;
    font-weight: 100;
    font-size: 10px!important;
}

.topbgtop .topbgtoptwo .media-body h6 {
    color: #000;
    font: 700 1rem/1.5rem "Montserrat", sans-serif;
    font-size: 11px!important;
    font-weight: 600;
}


.topbgtop ul.navbar-nav {
    display: flex;
    justify-content: start;
    height: 100%;
    align-items: center;
    width: 100%;
    display: inline-block;padding: 0 0 0 9px;
}

.topbgtop .dropdown-menu  {
    position: absolute !important;
    top: 43% !important;
    z-index: 1233 !important;
    z-index: 4000;
    left: 6px !important;
    width: 100% !important;
    padding: 0.5rem 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    margin: 0.125rem 0 0;
        margin-top: 0.125rem;
        margin-bottom: 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.dropdown-menucity {
    position: absolute !important;
    top: 43% !important;
    z-index: 1233 !important;
    z-index: 4000;
    left: 6px !important;
    width: 100% !important;
    padding: 0.5rem 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    margin: 0.125rem 0 0;
        margin-top: 0.125rem;
        margin-bottom: 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.topbgtoptwo::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 70px!important; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.dropdown-menucity::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 70px!important; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.topbgtopthree::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 70px!important; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}





}









/*useravtat*/

.topbgtop .userprofile .dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 1072px;
width: 25%;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .userprofile .dropdown-menu a.dropdown-item .username {
   margin: 0 5%;
    align-items: baseline;
   
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbgtop .userprofile .dropdown-menu a.dropdown-item .username h2 {
    font-size: 19px;
    color: #504b4b;
    display: grid;
}

.topbgtop .userprofile .dropdown-menu a.dropdown-item .username h2 span {
    font-size: 11px;
    color: #000;
    font-weight: 300;
    position: relative;
    bottom: 4px;
    line-height: normal;
}

.topbgtop .userprofile .dropdown-menu a.dropdown-item .username label {
    color: #000;
    font-size: 14px;
    font-weight: 200;
}

.topbgtop .userprofile .dropdown-menu a.dropdown-item .list-group span {
    margin: 0 20px 0 -16px
}

/*useravtar*/

/*search panel*/

.topbgtop .topbgtoptwo.dropdown-menu {
    position: absolute;
    top: 93%!important;
    z-index: 1233;
    z-index: 4000;
    /*display: none;*/
    left: 162px;
width: 35rem;
   
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .topbgtoptwo.dropdown-menu a.dropdown-item .media img{ border-radius: 10px;

}

.topbgtop .topbgtoptwo.dropdown-menu a.dropdown-item .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.topbgtop .topbgtoptwo a.dropdown-item .media .media-body {
    -ms-flex: 1;
    flex: 1;
}

.topbgtop .topbgtoptwo a.dropdown-item .media .media-body h6 {
    color: #000;
    /* font: 700 1rem/1.5rem "Montserrat", sans-serif; */
    font-size: 12px;
    font-weight: 600;
}

.topbgtop .topbgtoptwo a.dropdown-item .media .media-body h5 {
    color: #000;
    /* font: 700 1.125rem/1.625rem "Montserrat", sans-serif; */
    font-size: 14px;
}

.topbgtop .topbgtoptwo a.dropdown-item .media .media-body p {
    color: #000;
    line-height: 4px;
    height: 4px;
    font-weight: 100;
    font-size: 12px;
}

.topbgtop .topbgtoptwo p.offerclub {
    width: 100%;
}

.topbgtop .topbgtoptwo p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient( 90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

.topbgtop .topbgtoptwo p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

.topbgtop .topbgtoptwo span.heartline i {
    border-right: 0px #DCDCDC solid;
    padding-right: 8px;
    font-size: 18px;
    line-height: 23px;
    color: #999;
    text-align: right;
   float: right;
}

}

.topbgtop .fa-heart:before {
    content: "\f004";
    font-size: 20px;
    color: #999999;
}


/*badgess*/
/*search panel*/

.topbgtop .topbgtopthree.dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /*display: none;*/
    left: 935px;

width: 25rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .navbar .dropdown-item.bo12badges {
    
    margin: 0 3%;
    width: 93%; 
}

/*.topbgtop .navbar .dropdown-item.bo12badges:hover {
    background: #efefef;
    
    margin: 0 3%;
    width: 93%;
}*/

.topbgtop .topbgtopthree .dropdown-item .boxsearchtree {
   
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    /* height: 80px; */ color: #000;}

 .topbgtop .topbgtopthree .dropdown-item .boxsearchtree 
 h4{color: #000; font-size: 18px; font-family: arial;}

.topbgtop .topbgtopthree .navbar .dropdown-menu .media.bo12badges {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;margin: 0 3%;
    margin: 0 3%;
    width: 94%;
}

.topbgtop .topbgtopthree.dropdown-menu .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}



.topbgtop .topbgtopthree .dropdown-menu .media-body {
    -ms-flex: 1;
    flex: 1;
}


.topbgtop .topbgtopthree .media-body h6 {
    color: #000;
    /* font: 700 1rem/1.5rem "Montserrat", sans-serif; */
    font-size: 12px;
    font-weight: 600;
}

.topbgtop .topbgtopthree .media-body h5 {
   
    color: #000;font-size: 14px;line-height: 16px;

}

.topbgtop .topbgtopthree .media img{border-radius: 10px;}

.topbgtop .topbgtopthree .media.mediaimg{filter: opacity(0.5);}

.topbgtop .topbgtopthree .media.mediaimg img {
   
    background: grey; border-radius: 10px;

}

.topbgtop .topbgtopthree .media-body p {
    color: #000;
    
    
    font-weight: 100;
    font-size: 13px;
}

.topbgtop .topbgtopthree .media-body.mediagray p { color: grey; }
.topbgtop .topbgtopthree .media-body.mediagray p.react {     color: grey;
    /* border-radius: 42px; */
    border: 1px #dee2e6 solid;
    width: 56px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}}
.topbgtop .topbgtopthree .media-body.mediagray h5 { color: #000;font-size: 11px;color: grey;}






.topbgtop .topbgtopthree p.offerclub {
    width: 100%;
}

.topbgtop .topbgtopthree p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient( 90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

.topbgtop .topbgtopthree p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

.topbgtop .topbgtopthree span.heartline i {
    border-right: 0px #DCDCDC solid;
    padding-right: 8px;
    font-size: 18px;
    line-height: 23px;
    color: #999;
    text-align: right;
    width: 330px
}

}

.topbgtop .fa-heart:before {
    content: "\f004";
    font-size: 20px;
    color: #999999;
}
/*badess*/
/*  .searchtop .dropdown-menu a.dropdown-item .username{width: 100%;align-items: baseline;border-bottom: 1px #e0e2e5 solid; display: flex; justify-content: space-between;align-items: center;}
    .searchtop .dropdown-menu a.dropdown-item .username h2{ font-size: 16px;color: #000;display: grid; }
    .searchtop .dropdown-menu a.dropdown-item .username h2 span{font-size: 11px;color: #000;font-weight: 300 ;position: relative; bottom: 4px;line-height: normal; }
    .searchtop .dropdown-menu a.dropdown-item .username label{    color: #000; font-size: 14px; font-weight: 200;}

    .searchtop .dropdown-menu a.dropdown-item .list-group span{margin: 0 20px 0 -16px}*/

/*search panel*/

/*banner-slider*/

/*banner-slider*/

.banner-slider {
    background: #CE004A;
    padding: 1% 0 0 0;
}

.banner-slider .owl-carousel .item .card .boxcontent {
    position: absolute;
    left: 90px;
    bottom: 50px;
}

.banner-slider .owl-carousel .item .card .boxcontent h4 {
    color: #fff;
}

.banner-slider .owl-carousel .item .card .boxcontent p {
    color: #fff;
    font-weight: normal;
}

.banner-slider .owl-carousel .item .card .boxcontent .boxutton {
    background-color: #fff;
    border-color: #fff;
    color: red;
}


.banner-slider .owl-carousel .item .card .boxcontent .boxutton:hover {
    background-color: #fff;
    border-color: #fff;
    color: red; 
}

.banner-slider .owl-carousel .item .card .btn:hover {
    /* color: #fff; */
    border-color: #fff!important;
}




.banner-slider .owl-carousel .item .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.60rem;
}

.banner-slider .owl-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.banner-slider .item img {
    border-radius: 10px;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}

.banner-slider .owl-theme .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.banner-slider .owl-theme .owl-nav {
    margin-top: -32px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.banner-slider .owl-theme .owl-nav .owl-prev {
    position: absolute;
    top: 2px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    /* height: 50px;*/
}

.banner-slider .owl-theme .owl-nav .owl-prev::after {
    content: "";
    position: absolute !important;
    top: -25px;
    left: 7px;
    background: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 0.5;
}

.banner-slider .owl-theme .owl-nav .owl-next::after {
    content: "";
    position: absolute !important;
    top: -25px;
    left: 7px;
    background: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 0.5;
}

.banner-slider .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 2px;
    right: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    /* height: 50px;*/
}

.banner-slider .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.banner-slider button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

.banner-slider .owl-theme .owl-nav .owl-prev {
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
}

.banner-slider .owl-theme .owl-nav .owl-next {
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
}

.banner-slider .owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {

    .topbgtop .dropdown-menu.usermenuprofile::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 39px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

    .topbgtop .userprofile .dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left:401px;
width: 20rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}


   
    .banner-slider {
        background: #CE004A;
        padding: 6% 0 0 0;
    }
    .banner-slider .owl-carousel .item .card .boxcontent {
        position: absolute;
        left: 90px;
        bottom: 29px;
    }
    .banner-slider .owl-carousel .item .card .boxcontent h4 {
        color: #fff;
        font-size: 20px;
    }
    .banner-slider .owl-carousel .item .card .boxcontent p {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
    }
    .banner-slider .owl-carousel .item .card .boxcontent a.boxutton {
        background-color: #fff;
        border-color: #fff;
        color: red;
        font-size: 9px;
    }
}



@media only screen and (min-width: 1024px) and (max-width: 1024px) {

    #free-offers .checkmark {
    position: absolute;
    top: -18px;
    left: 0!important;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A;
}

    .select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0rem;
    text-align: left;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     padding:0rem; 
}

#discount-voucher .card-body {
    margin-top: 0!important;
}

.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 12px 10px 0 19px!important;
    text-align: left;
}


.topbgtop .search-container .searcpabel a.styles {
    width: 15rem;
    float: left;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 13px;
}


.topbgtop .userprofile .dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 733px;
    width: 25%;
    10rem: ;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .topbgtopthree.dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 511px;
    width: 25rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.usermenuprofile::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 40px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}


.topbgtop .dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 78px;
    width: 30rem;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .topbgtoptwo.dropdown-menu {
    position: absolute;
    top: 93%!important;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 5px;
    width: 25rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}


}

@media only screen and (min-width: 667px) and (max-width: 1024px) {

    .topbgtop .search-container {
    width: 249px;
    margin-left: 07px;
}
    .banner-slider {
        background: #CE004A;
        padding: 3% 0 0 0;
    }
}

/*banner-slider*/

/*banner-slider*/

/*events*/

#events .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#events .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#events .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#events .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#events .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#events .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#events .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#events .owl-carousel { 
   
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

#events .owl-carousel .owl-nav { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#events .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#events .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#events {
    margin: 5% 0;
}

/*#events .owl-item .item{display: flex;justify-content: space-evenly;}*/

#events .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#events button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

#events .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#events .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/*events*/

@media only screen and (max-width: 767px) {


    .topbgtop .topbgtoptwo.dropdown-menu {
    position: absolute;
    top: 31% !important;
    z-index: 1233;
    z-index: 4000;
    
    left: 162px;
    width: 30rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

    #events .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #events .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*FEATURED EVENTS start*/

#featured-event .featre-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#featured-event .featre-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#featured-event .featre-slider label {
    color: #2699FB;
    font-size: 20px;
}

#featured-event .iimagessize img {
    width: 100%;
    height: auto;
}

#featured-event .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#featured-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#featured-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#featured-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#featured-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#featured-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%
     !important;
}

#featured-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2%
     !important;
}

#featured-event .owl-theme .owl-nav {
    margin-top: -25px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#featured-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#featured-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#featured-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#featured-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#featured-event .card-body {
    margin-top: 20px;
}

#featured-event .card-body p{
    margin-top: 5px;
    margin-bottom: 1rem!important;
}

#featured-event .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
}

#featured-event .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#featured-event .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#featured-event .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 31px;
    float: right;
    position: relative;
    bottom: 10px;

}

#featured-event .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 18px;
}

#featured-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#featured-event .card-body h5.card-title {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#featured-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 4px 9px;
}

#featured-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #featured-event .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #featured-event .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*FEATURED EVENTS start*/

/*trending EVENTS start*/

#trending-event {
    margin: 5% 0;
}

#trending-event .item {}

#trending-event .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

#trending-event .heading-slider {
    align-items: baseline;
}

#trending-event .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#trending-event .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#trending-event .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#trending-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#trending-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#trending-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#trending-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#trending-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#trending-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#trending-event .owl-theme .owl-nav {
    margin-top: -25px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#trending-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#trending-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#trending-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#trending-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#trending-event .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#trending-event .owl-theme .offerclub {
    width: 93%;
    position: absolute;
    top: 20px;
}

#trending-event .owl-theme .offerclub p {
    border-radius: 2px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#trending-event .owl-theme .offerclub label {
    height: 20px;
    padding: 5px;
    border-radius: 2px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#trending-event .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#trending-event .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 18px;
}

#trending-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#trending-event .card-body h5.card-title {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#trending-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#trending-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #trending-event .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #trending-event .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*trending EVENTS start*/

/*venues EVENTS start*/

#venues-event {
    margin: 5% 0;
}

#venues-event .item {}

#venues-event .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

#venues-event .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#venues-event .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#venues-event .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#venues-event .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#venues-event .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#venues-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#venues-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#venues-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#venues-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: block;
}

#venues-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#venues-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2%
}

#venues-event .owl-theme .owl-nav {
    margin-top: 42px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#venues-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#venues-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#venues-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#venues-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#venues-event .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#venues-event .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#venues-event .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#venues-event .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#venues-event .card p.offerclubheart {
    color: #fff;
    font-size: 35px;
    position: absolute;
    bottom: 87px;
    right: 15px;
}

#venues-event .card-body p.card-text {
    color: #686868;
    
    font-weight: normal;
    font-size: 18px;
}

#venues-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#venues-event .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#venues-event .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#venues-event .card-body h5 span {
    color: #686868;
    
    font-weight: normal;
    font-size: 15px;
}

#venues-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#venues-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #venues-event .heading-slider h2 {
        font-size: 14px;
        color: #211F1F;
        font-family: bold;
    }
    #venues-event .heading-slider label {
        color: #2699FB;
        font-size: 18px;
    }
}

/*venues EVENTS start*/

/*venues EVENTS start*/

#offers-event {
    margin: 5% 0;
}

#offers-event .item {}

#offers-event .owl-carousel .owl-item img {
    display: block;
  
    
    border-radius: 4px 4px 0 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 200%);
}

#offers-event .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#offers-event .heading-slider {
    align-items: baseline;
}

#offers-event .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#offers-event .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#offers-event .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#offers-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#offers-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#offers-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#offers-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: block;
}

#offers-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2% !important;
}

#offers-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2% !important;
}

#offers-event .owl-theme .owl-nav {
    margin-top: 45px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#offers-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#offers-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#offers-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#offers-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#offers-event .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#offers-event .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#offers-event .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#offers-event .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#offers-event .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#offers-event .card-body p.card-text {
    color: #686868;
    
    font-weight: normal;
    font-size: 18px;
}

#offers-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#offers-event .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#offers-event .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#offers-event .card-body h5 span {
    color: #686868;
    
    font-weight: normal;
    font-size: 15px;
}

#offers-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#offers-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #offers-event .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #offers-event .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*venues EVENTS start*/

@media only screen and (max-width: 768px) {
    #last-slider .owl-carousel .item .boxcontent {
        position: absolute !important;
        left: 50px !important;
        bottom: 8px !important;
    }
    #last-slider .owl-carousel .item .boxcontent h4 {
        color: #fff !important;
        font-size: 20px !important;
    }
    #last-slider .owl-carousel .item .boxcontent p {
        color: #fff !important;
        font-weight: normal !important;
        font-size: 15px !important;
    }
}

/*last-slider start*/

#last-slider {
    margin: 5% 0;
}

/*banner-slider*/

#last-slider .owl-carousel {
    background: #fff !important;
}

#last-slider .owl-carousel .item .boxcontent {
    position: absolute;
    left: 50px;
    bottom: 50px;
}

#last-slider .owl-carousel .item .boxcontent h4 {
    color: #fff;
}

#last-slider .owl-carousel .item .boxcontent p {
    color: #fff;
    font-weight: normal;
}

#last-slider .owl-carousel .item .boxcontent a.boxutton {
    background-color: #fff;
    border-color: #fff;
    color: red;
    border-radius: 10px;
}

/*banner-slider*/

#last-slider .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#last-slider .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#last-slider .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#last-slider .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#last-slider .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#last-slider .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#last-slider .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#last-slider .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#last-slider .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: none;
}

#last-slider .owl-nav .owl-prev {
    position: absolute !important;
    left: 0 !important;
}

#last-slider .owl-nav .owl-next {
    position: absolute !important;
    right: 11px !important;
}

#last-slider .owl-theme .owl-nav {
    margin-top: 25px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#last-slider button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#last-slider .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#last-slider .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#last-slider .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#last-slider .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#last-slider .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#last-slider .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#last-slider .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#last-slider .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#last-slider .card-body p.card-text {
    color: #686868;
    
    font-weight: normal;
    font-size: 18px;
}

#last-slider .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#last-slider .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#last-slider .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#last-slider .card-body h5 span {
    color: #686868;
    
    font-weight: normal;
    font-size: 15px;
}

#last-slider .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#last-slider .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

/*venues EVENTS start*/

/*artist EVENTS start*/

#artist {
    margin:0 0 5% 0;
}

#artist .item {}

#artist .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

#artist .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#artist .heading-slider {
    align-items: baseline;
}

#artist .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#artist .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#artist .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#artist .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#artist .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#artist .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#artist .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: block;
}

#artist .owl-nav .owl-prev {
    position: absolute !important;
    left: -2% !important;
}

#artist .owl-nav .owl-next {
    position: absolute !important;
    right: -2% !important;
}

#artist .owl-theme .owl-nav {
    margin-top: 35px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#artist button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#artist .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#artist .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#artist .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#artist .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#artist .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#artist .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #CE004A;
    font-size: 9px;
    font-weight: normal;
    background: #fff
}

#artist .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#artist .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#artist .card-body p.card-text {
    color: #686868;
    
    font-weight: normal;
    font-size: 18px;
    text-align: center;
}

#artist .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#artist .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
    text-align: center;
    margin: 3px 0;
}

#artist .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#artist .card-body h5 span {
    color: #686868;
    
    font-weight: normal;
    font-size: 15px;
}

#artist .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#artist .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

#artist .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#artist .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

@media only screen and (max-width: 767px) {
    #artist .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #artist .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*artist start*/

/*news start*/

#news {
    margin: 3% 0;
}

#news .item {}

#news .owl-carousel .owl-item img {
    display: block !important;
    width: fit-content;
    border-radius: 3px 0 0 3px !important;
}

#news .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#news .heading-slider {
    align-items: baseline;
}

#news .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#news .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#news .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#news .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#news .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#news .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#news .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: block;
}

#news .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#news .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#news .owl-theme .owl-nav {
    margin-top: 18px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#news button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#news .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#news .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#news .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#news .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0.75rem;
    float: left;
}

#news .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

/*#news .owl-carousel .owl-item img {
    display: block!important;
    width: 100%!important;
}*/

#news .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #CE004A;
    font-size: 9px;
    font-weight: normal;
    background: #fff
}

#news .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#news .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#news .card-body p.card-text {
    color: #686868;
    
    font-weight: normal;
    font-size: 14px;
}

#news .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#news .card-body h5.card-title {
    margin-top: 43px;
    color: #000;
    font-size: 18px;
    font-family: HelveticaNeue;
    font-weight: bold;
    text-align: left;
}

#news .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#news .card-body h5 span {
    color: #686868;
    
    font-weight: normal;
    font-size: 15px;
}

#news .card-body a.card-link {
    margin-top: -3px;
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    float: right;
}

#news .card-body .card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #news .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #news .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    #news .card-body p.card-text {
        color: #686868;
        
        font-weight: normal;
        font-size: 13px !important;
    }
    #news .card-body h5.card-title {
        margin-top: 0 !important;
        color: #000;
        font-size: 18px;
        font-family: HelveticaNeue;
        font-weight: bold;
        text-align: left;
    }
}

/*news start*/

#blog-event {
    margin: 3% 0;
}

#blog-event .item {}

#blog-event .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 3px 3px 0 0
}

#blog-event .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#blog-event .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#blog-event .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: bold;
}

#blog-event .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#blog-event .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#blog-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#blog-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#blog-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#blog-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#blog-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#blog-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2% !important;
}

#blog-event .owl-theme .owl-nav {
    margin-top: -26px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#blog-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#blog-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#blog-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#blog-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #F8F8F8;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#blog-event .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#blog-event .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    eft: 12px;
}

#blog-event .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 20px;
    padding: 5px;
    color: #fff;
    font-size: 19px;
}

#blog-event .card-body p.offerclub span.offer {
    vertical-align: super;
    border-radius: 2px;
    width: 50px;
    margin-left: 0rem;
    padding: 5px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
}

#blog-event .card p.offerclubheart {
    color: #fff;
    font-size: 35px;
    position: absolute;
    bottom: 110px;
    right: 15px;
}

#blog-event .card-body p.card-text {
    color: #686868;
    
    font-weight: normal;
    font-size: 18px;
}

#blog-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#blog-event .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#blog-event .card-body h5.card-title label {
    color: #000;
    font-size: 18px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#blog-event .card-body h5 span {
    color: #686868;
    
    font-weight: normal;
    font-size: 15px;
}

#blog-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#blog-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #blog-event .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #blog-event .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
    #blog-event .heading-slider label a {
        color: #2699FB;
        text-decoration: none;
    }
}

/*venues EVENTS start*/

#happening .happening-inner h2 {
    font-size: 28px;
    color: #000000;
    display: block;
    font-family: HelveticaNeue;
}

#happening .happening-inner p {
    font-size: 22px;
    color: #000000;
    font-weight: 300;
    font-family: HelveticaNeue;
}

#happening .happening-inner ul.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}

#happening .happening-inner ul li span.text-muted {
    width: 180px;
    color: #6c757d !important;
    font-size: 20px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#happening .happening-inner ul li div h6 {
    color: #6c757d !important;
    font-size: 14px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#happening .happening-inner ul li div small.text-muted {
    color: #000 !important;
    font-size: 20px;
    font-family: HelveticaNeue;
    margin-top: 25px;
    font-weight: bold;
}

/* EVENTS week start*/

#eventweek .eventweek-inner h2 {
    font-size: 28px;
    color: #000000;
    display: block;
    font-family: HelveticaNeue;
}

#eventweek .eventweek-inner p {
    font-size: 26px;
    color: #000000;
    font-weight: 300;
    font-family: HelveticaNeue;
}

#eventweek .eventweek-inner ul.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}

#eventweek .eventweek-inner ul li span.text-muted {
    color: #CE004A !important;
    font-size: 20px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#eventweek .eventweek-inner ul li div h6 {
    color: #6c757d !important;
    font-size: 14px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#eventweek .eventweek-inner ul li div h6.fontlower {
    color: #6c757d !important;
    font-size: 14px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#eventweek .eventweek-inner ul li div small.text-muted {
    color: #000 !important;
    font-size: 20px;
    font-family: HelveticaNeue;
    margin-top: 25px;
    font-weight: bold;
}

#eventweek .eventweek-inner ul li div.roundered {
    border: 1px #CE004A solid;
    border-radius: 10px;
    padding: 4px 9px;
}

/*#happening .text-muted {
    color: #6c757d !important;
    margin-top: 14px;
    }*/

/*get touch*/

.call-action-content .buclass {
    margin: 10px 0;
    float: left;
}

.call-action-content .buclass p.andrioidcl {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    float: left;
}

.call-action-content .buclass p.andrioidcl a {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    margin-right: 15px;
}

.call-to-action {
    background-color: #F8F8F8;
    position: relative;
}

.call-action-image {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)*/
}

@media only screen and (max-width: 768px) {
    .call-action-image {
        position: relative;
        width: 100%;
    }
    .call-action-content .call-title {
        font-size: 32px !important;
    }
    .call-action-image {
        position: relative;
        width: 100%;
    }
    .call-action-content {
        margin: 0 0 !important;
        padding-top: 100px;
        padding-bottom: 256px;
    }
    .call-action-content {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

/*.call-action-image img {
   
    height: 100%;
    object-fit: cover;
    object-position: center center;
}*/

.call-action-content {
    margin: 0 10%;
    padding-top: 100px;
    padding-bottom: 256px;
}

.call-action-content .call-title {
    font-size: 37px;
    text-align: left;
    font-weight: 400;
    color: #fff;
    line-height: 55px;
    color: #000;
}

.call-action-content .text {
    font-size: 17px;
    text-align: left;
    line-height: 24px;
    margin-top: 16px;
    color: #000;
    font-weight: 200;
}

@media (max-width: 767px) {
    .call-action-content .text {
        font-size: 14px;
    }
}

.call-action-content .call-newsletter {
    max-width: 410px;
    position: relative;
}

.call-action-content .call-newsletter i {
    font-size: 26px;
    color: #0067f4;
    position: absolute;
    left: 18px;
    top: 15px;
}

.call-action-content .call-newsletter input {
    width: 100%;
    height: 56px;
    border: 1px solid #4b4f54;
    border-radius: 50px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 30px;
}

.call-action-content .call-newsletter input::placeholder {
    opacity: 1;
    color: #6c6c6c;
}

.call-action-content .call-newsletter input::-moz-placeholder {
    opacity: 1;
    color: #6c6c6c;
}

.call-action-content .call-newsletter input::-moz-placeholder {
    opacity: 1;
    color: #6c6c6c;
}

.call-action-content .call-newsletter input::-webkit-input-placeholder {
    opacity: 1;
    color: #6c6c6c;
}

.call-action-content .call-newsletter button {
    border: 0;
    border-radius: 50px;
    height: 54px;
    padding: 0 35px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 0px;
    background-color: #272727;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 767px) {
    .call-action-content .call-newsletter button {
        position: relative;
        right: auto;
        margin-top: 15px;
        background-color: #272727;
        color: #fff;
    }
}

.call-action-content .call-newsletter button:hover {
    background-color: #4b4f54;
    color: #fff;
}

/*===========================
    6.CALL TO ACTION css 
    ===========================*/

/*get touch*/

/*topfooter*/

.container-fluid#topfooter {
    background: #670025;
}

/* #topfooter .topfooer{border: 1px red solid;}*/

#topfooter .topfooer h3 {
    font-size: 24px;
    font-weight: bold;
}

#topfooter .topfooer p {
    font-size: 13px;
    font-weight: 400;
}

#topmiddle {
    background: #CE004A;
}

/* #topfooter .topfooer{border: 1px red solid;}*/

#topmiddle h2 {
    font-size: 24px;
    font-weight: bold;
}

#topmiddle h3 {
    font-size: 22px;
    font-weight: bold;
}

#topmiddle p {
    word-spacing: 10px;
    font-size: 14.5px;
    font-weight: 200;
}

.fa-circle {
    font-size: 5px;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

/*topfooter*/

/**************************/

/*     General Styles     */

/**************************/

body,
@font-face {
    
    src: url(clubs/fonts/sansation_light.woff) !important;
}

html {
    width: 100%;
    height: 100%;
    background-color: #2f2c3d;
}

body,
p {
    color: #f1f1f8;
    
    font-weight: bold;
}

h1 {
    color: #f1f1f8;
    font: 700 2.75rem/3.5rem "Montserrat", sans-serif;
}

h2 {
    color: #f1f1f8;
    font: 700 2rem/2.625rem "Montserrat", sans-serif;
}

h3 {
    color: #f1f1f8;
    font: 700 1.5rem/2.25rem "Montserrat", sans-serif;
}

h4 {
    color: #f1f1f8;
    font: 700 1.375rem/2.125rem "Montserrat", sans-serif;
}

h5 {
    color: #f1f1f8;
    font: 700 1.125rem/1.625rem "Montserrat", sans-serif;
}

h6 {
    color: #f1f1f8;
    font: 700 1rem/1.5rem "Montserrat", sans-serif;
}

.p-large {
    font: 400 1.125rem/1.875rem "Open Sans", sans-serif;
}

.p-small {
    font: 400 0.875rem/1.625rem "Open Sans", sans-serif;
    color: #fff !important;
}

.p-small.footercolo {
    font: 400 0.875rem/1.625rem "Open Sans", sans-serif;
    color: #aaa !important;
}

.testimonial-text {
    font-style: italic;
}

.testimonial-author {
    font: 700 1rem/1.5rem "Montserrat", sans-serif;
}

.li-space-lg li {
    margin-bottom: 0.5rem;
}

a {
    color: #f1f1f8;
    /*text-decoration: underline;*/
}

a:hover {
    color: #f1f1f8;
    text-decoration: underline;
}

.blue {
    color: #00c9db;
}

.hr-heading {
    display: inline-block;
    width: 4.5rem;
    height: 0.125rem;
    margin-top: 0;
    border: none;
    background-color: #00c9db;
}

/*footer*/

.sociallink {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    /*padding: 10px 0.75rem*/
}

.sociallink a.solink {
    font-size: 10px;
    font-size: 24px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    padding: 2px 8px;
}

/*footer*/

.bg-dark-blue {
    background-color: #272727;
}

.mb-6 {
    margin-bottom: 6rem;
}

.pt-6 {
    padding-top: 6rem;
}

.btn-solid-reg {
    display: inline-block;
    padding: 1.375rem 2.25rem 1.375rem 2.25rem;
    border: 1px solid #00c9db;
    border-radius: 2rem;
    background-color: #00c9db;
    color: #ffffff;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-solid-reg:hover {
    border: 1px solid #00c9db;
    background-color: transparent;
    color: #00c9db;
    text-decoration: none;
}

.btn-solid-lg {
    display: inline-block;
    padding: 1.625rem 2.5rem 1.625rem 2.5rem;
    border: 1px solid #00c9db;
    border-radius: 2rem;
    background-color: #00c9db;
    color: #ffffff;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-solid-lg:hover {
    border: 1px solid #00c9db;
    background-color: transparent;
    color: #00c9db;
    text-decoration: none;
}

.btn-solid-lg .fab {
    margin-right: 0.5rem;
    font-size: 1.25rem;
    line-height: 0;
    vertical-align: top;
}

.btn-solid-lg .fab.fa-google-play {
    font-size: 1rem;
}

.btn-outline-reg {
    display: inline-block;
    padding: 1.375rem 2.25rem 1.375rem 2.25rem;
    border: 1px solid #f1f1f8;
    border-radius: 2rem;
    background-color: transparent;
    color: #f1f1f8;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-outline-reg:hover {
    border: 1px solid #f1f1f8;
    background-color: #f1f1f8;
    color: #2f2c3d;
    text-decoration: none;
}

.btn-outline-lg {
    display: inline-block;
    padding: 1.5rem 2.375rem 1.5rem 2.375rem;
    border: 1px solid #f1f1f8;
    border-radius: 2rem;
    background-color: transparent;
    color: #f1f1f8;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-outline-lg:hover {
    border: 1px solid #f1f1f8;
    background-color: #f1f1f8;
    color: #2f2c3d;
    text-decoration: none;
}

.btn-outline-sm {
    display: inline-block;
    padding: 1rem 1.5rem 1rem 1.5rem;
    border: 1px solid #f1f1f8;
    border-radius: 2rem;
    background-color: transparent;
    color: #f1f1f8;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-outline-sm:hover {
    border: 1px solid #f1f1f8;
    background-color: #f1f1f8;
    color: #2f2c3d;
    text-decoration: none;
}

.form-group {
    position: relative;
    margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
    margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
    margin-top: 0.375rem;
}

.label-control {
    position: absolute;
    top: 0.87rem;
    left: 1.375rem;
    color: #f1f1f8;
    opacity: 1;
    font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
    cursor: text;
    transition: all 0.2s ease;
}

.form-control-input:focus+.label-control,
.form-control-input.notEmpty+.label-control,
.form-control-textarea:focus+.label-control,
.form-control-textarea.notEmpty+.label-control {
    top: 0.125rem;
    opacity: 1;
    font-size: 0.75rem;
    font-weight: 700;
}

.form-control-input,
.form-control-select {
    display: block;
    /* needed for proper display of the label in Firefox, IE, Edge */
    width: 100%;
    padding-top: 1.0625rem;
    padding-bottom: 0.0625rem;
    padding-left: 1.3125rem;
    border: 1px solid #726e83;
    border-radius: 0.375rem;
    background-color: #423f52;
    color: #f1f1f8;
    font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
    transition: all 0.2s;
    -webkit-appearance: none;
    /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height: 3rem;
}

select {
    /* you should keep these first rules in place to maintain cross-browser behavior */
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('<?php echo BASE_URL; ?>/down-arrow.png');
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

.form-control-textarea {
    display: block;
    /* used to eliminate a bottom gap difference between Chrome and IE/FF */
    width: 100%;
    height: 14rem;
    /* used instead of html rows to normalize height between Chrome and IE/FF */
    padding-top: 1.25rem;
    padding-left: 1.3125rem;
    border: 1px solid #726e83;
    border-radius: 0.375rem;
    background-color: #423f52;
    color: #f1f1f8;
    font: 400 0.875rem/1.75rem "Open Sans", sans-serif;
    transition: all 0.2s;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
    border: 1px solid #a1a1a1;
    outline: none;
    /* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
    border: 1px solid #a1a1a1;
}

input[type='checkbox'] {
    vertical-align: -10%;
    margin-right: 0.5rem;
}

.form-control-submit-button {
    display: inline-block;
    width: 100%;
    height: 3.125rem;
    border: 1px solid #00c9db;
    border-radius: 0.375rem;
    background-color: #00c9db;
    color: #ffffff;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    cursor: pointer;
    transition: all 0.2s;
}

.form-control-submit-button:hover {
    border: 1px solid #00c9db;
    background-color: transparent;
    color: #00c9db;
}

/* Form Success And Error Message Formatting */

#cmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center {
    display: block;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1rem;
}

.help-block.with-errors .list-unstyled {
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-align: left;
}

.help-block.with-errors ul {
    margin-bottom: 0;
}

/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Details Lightbox - Magnific Popup */

/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
    -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
    transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
    -ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
    transform: translateY(0) perspective(37.5rem) rotateX(0);
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
    -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
    transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
}

/* dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

/* end of fade-move animation for details lightbox - magnific popup */

/* Fade Animation For Image Lightbox - Magnific Popup */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation: fadeIn 0.6s;
    animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation: fadeOut 0.8s;
    animation: fadeOut 0.8s;
}

/* end of fade animation for image lightbox - magnific popup */

/**********************/

/*     Navigation     */

/**********************/

.navarclass.navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: none;
    background-color: #fff !important;
}

.navarclass.navbar .dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #212529;
    font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
    text-decoration: none;
}

.navarclass.navbar .dropdown-item:hover {
    background-color: #fff;
    color: #CE004A;
}

.navarclass .nav-link:hover {
    color: #fff !important;
}

.navbar {
    background-color: #670025;
    font: 
    font-weight: bold;
    font-size: 14px;
   /* box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.3);*/
}

.navarclass.navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: 0px red solid;
    background-color: #fff!important;box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.navbar .navbar-brand {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.navbar .logo-image img {
    width: 6.625rem;
    height: 2rem;
}

.navbar .logo-text {
    color: #f1f1f8;
    font: 700 2rem/1rem "Open Sans", sans-serif;
    text-decoration: none;
}

.offcanvas-collapse {
    position: fixed;
    top: 3.25rem;
    /* adjusts the height between the top of the page and the offcanvas menu */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #262431;
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.navbar .navbar-nav {
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}

.navbar .nav-item .nav-link {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: #f1f1f8;
    text-decoration: none;
    transition: all 0.2s ease;
}

.navbar .nav-item .nav-link span {
    border: 1px #fff solid;
    padding: 9px 20px;
    border-radius: 5px;
    position: relative;
}

.navbar .nav-item .nav-link span::after {
    content: '';
    background: url(<?php echo BASE_URL; ?>/new.png) no-repeat;
    width: 30px;
    height: 27px;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    text-align: center;
}


.navbar .nav-item:hover .nav-link,
.navbar .nav-item.active .nav-link {
    color: #fff;
}

/* Dropdown Menu */

.navbar .dropdown .dropdown-menu {
    animation: fadeDropdown 0.2s;
    /* required for the fade animation */
}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: none;
    background-color: #262431;
}

.navbar .dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #f1f1f8;
    font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
    text-decoration: none;
}

.navbar .dropdown-item:hover {
    background-color: #262431;
    color: #00c9db;
}

.navbar .dropdown-divider {
    width: 100%;
    height: 1px;
    margin: 0.5rem auto 0.5rem auto;
    border: none;
    background-color: #3a3942;
}

/* end of dropdown menu */

.navbar .social-icons {
    display: block;
}

.navbar .fa-stack {
    width: 2em;
    margin-top: 0.25rem;
    margin-right: 0.25rem;
    font-size: 0.75rem;
}

.navbar .fa-stack-2x {
    color: #00c9db;
    transition: all 0.2s ease;
}

.navbar .fa-stack-1x {
    color: #ffffff;
    transition: all 0.2s ease;
}

.navbar .fa-stack:hover .fa-stack-2x {
    color: #ffffff;
}

.navbar .fa-stack:hover .fa-stack-1x {
    color: #00c9db;
}

.navbar .navbar-toggler {
    padding: 0;
    border: none;
    font-size: 1.25rem;
    z-index: 5000;
}

/*****************/

/*    Header     */

/*****************/

.header {
    padding-top: 8rem;
    padding-bottom: 7.75rem;
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('<?php echo BASE_URL; ?>/header-background.jpg') center center no-repeat;
    background-size: cover;
    text-align: center;
}

.header h1 {
    margin-bottom: 1rem;
}

.header h1 #js-rotating {
    color: #00c9db;
}

.header .p-large {
    margin-bottom: 2.5rem;
}

.header .btn-solid-lg {
    margin-right: 0.375rem;
    margin-bottom: 1.125rem;
    margin-left: 0.375rem;
}

.header .text-container {
    margin-bottom: 4rem;
}

/************************/

/*     Testimonials     */

/************************/

.slider-1 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.slider-1 .slider-container {
    position: relative;
}

.slider-1 .swiper-container {
    position: static;
    width: 86%;
    text-align: center;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
    /* even if you can't see it chrome you can see it on mobile device */
    outline: none;
}

.slider-1 .swiper-button-prev {
    left: -0.875rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

.slider-1 .swiper-button-next {
    right: -0.875rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

.slider-1 .card {
    position: relative;
    border: none;
    background-color: transparent;
}

.slider-1 .card-image {
    width: 5rem;
    height: 5rem;
    margin-right: auto;
    margin-bottom: 1.25rem;
    margin-left: auto;
    border-radius: 50%;
}

.slider-1 .card-body {
    padding: 0;
}

.slider-1 .testimonial-text {
    margin-bottom: 0.75rem;
}

.slider-1 .testimonial-author {
    margin-bottom: 0;
}

/********************/

/*     Features     */

/********************/

.tabs {
    padding-top: 7.5rem;
    padding-bottom: 5.75rem;
    background-color: #2f2c3d;
}

.tabs h2 {
    text-align: center;
}

.tabs .p-heading {
    margin-bottom: 3.125rem;
    text-align: center;
}

.tabs .nav-tabs {
    margin-right: auto;
    margin-bottom: 2.5rem;
    margin-left: auto;
    justify-content: center;
    border-bottom: none;
}

.tabs .nav-link {
    margin-bottom: 1rem;
    padding: 0.5rem 1.375rem 0.25rem 1.375rem;
    border: none;
    border-bottom: 0.1875rem solid #f1f1f8;
    border-radius: 0;
    color: #f1f1f8;
    font: 700 1rem/1.75rem "Montserrat", sans-serif;
    text-decoration: none;
    transition: all 0.2s ease;
}

.tabs .nav-link.active,
.tabs .nav-link:hover {
    border-bottom: 0.1875rem solid #00c9db;
    background-color: transparent;
    color: #00c9db;
}

.tabs .nav-link .fas {
    margin-right: 0.375rem;
    font-size: 1rem;
}

.tabs .tab-content {
    width: 100%;
    /* for proper display in IE11 */
}

.tabs .fa-stack {
    width: 2em;
    margin-right: 0.625rem;
    font-size: 1.25rem;
}

.tabs .fa-stack-2x {
    color: #00c9db;
}

.tabs .fa-stack-1x {
    color: #ffffff;
}

.tabs #tab-1 .li-space-lg li {
    margin-bottom: 1.375rem;
}

.tabs #tab-1 img {
    display: block;
    margin: 2rem auto 5rem auto;
}

.tabs #tab-2 img {
    display: block;
    margin: 0 auto 4rem auto;
}

.tabs #tab-2 p.sub-heading {
    margin-bottom: 2.5rem;
}

.tabs #tab-2 .list-unstyled {
    margin-bottom: 0;
}

.tabs #tab-2 .li-space-lg li {
    margin-bottom: 1.375rem;
}

.tabs #tab-2 h3 {
    margin-bottom: 0.75rem;
}

.tabs #tab-3 .li-space-lg li {
    margin-bottom: 1.375rem;
}

.tabs #tab-3 h3 {
    margin-top: 1rem;
    margin-bottom: 0.75rem;
}

.tabs #tab-3 p.sub-heading {
    margin-bottom: 3rem;
}

.tabs #tab-3 img {
    display: block;
    margin: 1rem auto 2rem auto;
}

/*****************/

/*     Video     */

/*****************/

.basic-1 {
    padding-top: 7.5rem;
    padding-bottom: 8rem;
    background: url('<?php echo BASE_URL; ?>/video-background.jpg') center center no-repeat;
    background-size: cover;
}

.basic-1 h2 {
    text-align: center;
}

.basic-1 .p-heading {
    margin-bottom: 4rem;
    text-align: center;
}

.basic-1 .image-container img {
    border-radius: 0.5rem;
}

.basic-1 .video-wrapper {
    position: relative;
}

/* Video Play Button */

.basic-1 .video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    height: 2.75rem;
    padding: 1.125rem 1.25rem 1.125rem 1.75rem;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 50%;
    background: #00c9db;
    animation: pulse-border 1500ms ease-out infinite;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    background: #00c9db;
    transition: all 200ms;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button span {
    position: relative;
    display: block;
    z-index: 3;
    top: 0.375rem;
    left: 0.25rem;
    width: 0;
    height: 0;
    border-left: 1.625rem solid #fff;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

/* end of video play button */

/*********************/

/*     Details 1     */

/*********************/

.basic-2 {
    padding-top: 8rem;
    padding-bottom: 4.25rem;
}

.basic-2 .image-container {
    margin-bottom: 4rem;
}

.basic-2 h2 {
    margin-bottom: 1.875rem;
}

.basic-2 p {
    margin-bottom: 1.75rem;
}

/******************************/

/*     Details 1 Lightbox     */

/******************************/

.lightbox-basic {
    position: relative;
    max-width: 71.875rem;
    margin: 2.5rem auto;
    padding: 3rem 1rem;
    background-color: #2f2c3d;
    text-align: left;
}

.lightbox-basic .image-container {
    margin-bottom: 3rem;
    text-align: center;
}

.lightbox-basic .image-container img {
    border-radius: 0.5rem;
}

.lightbox-basic h3 {
    margin-bottom: 0.5rem;
}

.lightbox-basic hr {
    width: 2.75rem;
    margin-top: 0.125rem;
    margin-bottom: 1rem;
    margin-left: 0;
    border-top: 0.125rem solid #00c9db;
}

.lightbox-basic h4 {
    margin-top: 1.75rem;
    margin-bottom: 0.625rem;
}

.lightbox-basic .list-unstyled {
    margin-bottom: 1.5rem;
}

.lightbox-basic .list-unstyled .fas {
    color: #00c9db;
    font-size: 0.875rem;
    line-height: 1.75rem;
}

.lightbox-basic .list-unstyled .media-body {
    margin-left: 0.625rem;
}

.lightbox-basic .list-unstyled {
    margin-bottom: 1.5rem;
}

/* Action Button */

.lightbox-basic .btn-solid-reg.mfp-close {
    position: relative;
    width: auto;
    height: auto;
    color: #ffffff;
    opacity: 1;
}

.lightbox-basic .btn-solid-reg.mfp-close:hover {
    color: #00c9db;
}

/* end of action Button */

/* Back Button */

.lightbox-basic .btn-outline-reg.mfp-close.as-button {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin-left: 0.375rem;
    padding: 1.375rem 2.25rem 1.375rem 2.25rem;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 1;
}

.lightbox-basic .btn-outline-reg.mfp-close.as-button:hover {
    background-color: #ffffff;
    color: #262431;
}

/* end of back button */

/* Close X Button */

.lightbox-basic button.mfp-close.x-button {
    position: absolute;
    top: -0.125rem;
    right: -0.125rem;
    width: 2.75rem;
    height: 2.75rem;
    color: #ffffff;
}

/* end of close x button */

/*********************/

/*     Details 2     */

/*********************/

.basic-3 {
    padding-top: 4.25rem;
    padding-bottom: 4rem;
}

.basic-3 .text-container {
    margin-bottom: 4rem;
}

.basic-3 h2 {
    margin-bottom: 1.875rem;
}

.basic-3 p {
    margin-bottom: 1.75rem;
}

/**********************/

/*     Statistics     */

/**********************/

.counter {
    padding-top: 4rem;
    padding-bottom: 3.25rem;
    background-color: #262431;
    text-align: center;
}

.counter #counter {
    margin-bottom: 0.75rem;
}

.counter #counter .cell {
    display: inline-block;
    width: 7.375rem;
    margin-right: 1.5rem;
    margin-bottom: 4rem;
    margin-left: 1.5rem;
    vertical-align: top;
}

.counter #counter .fas {
    margin-bottom: 1rem;
    font-size: 2.25rem;
    color: #00c9db;
}

.counter #counter .counter-value {
    color: #f1f1f8;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 3.375rem;
    line-height: 3.875rem;
    vertical-align: middle;
}

.counter #counter .counter-info {
    margin-bottom: 0;
    color: #f1f1f8;
    vertical-align: middle;
}

/***********************/

/*     Screenshots     */

/***********************/

.slider-2 {
    padding-top: 7.5rem;
    padding-bottom: 8.125rem;
}

.slider-2 .h2-heading {
    text-align: center;
}

.slider-2 .hr-heading {
    display: block;
    margin-right: auto;
    margin-bottom: 3.75rem;
    margin-left: auto;
}

.slider-2 .slider-container {
    position: relative;
}

.slider-2 .swiper-container {
    position: static;
    width: 90%;
    text-align: center;
}

.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {
    top: 50%;
    width: 1.125rem;
}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
    /* even if you can't see it chrome you can see it on mobile device */
    outline: none;
}

.slider-2 .swiper-button-prev {
    left: -0.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

.slider-2 .swiper-button-next {
    right: -0.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

/********************/

/*     Download     */

/********************/

.basic-4 {
    padding-top: 7.75rem;
    padding-bottom: 8.125rem;
    background: url('<?php echo BASE_URL; ?>/download-background.jpg') center center no-repeat;
    background-size: cover;
}

.basic-4 .text-container {
    margin-bottom: 3.5rem;
    text-align: center;
}

.basic-4 h3 {
    margin-bottom: 1.875rem;
}

.basic-4 .btn-solid-lg {
    margin-right: 0.375rem;
    margin-bottom: 1.125rem;
    margin-left: 0.375rem;
}

/******************/

/*     Footer     */

/******************/

.footer {
    padding-top: 5rem;
    padding-bottom: 0.5rem;
}

.footer a {
    text-decoration: none;
}

.footer .footer-col {
    margin-bottom: 3rem;
}

.footer h6 {
    margin-bottom: 0.625rem;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.footer p,
.footer a,
.footer ul {
    color: #AAAAAA;
    font-size: 16px;
}

.footer .li-space-lg li {
    margin-bottom: 0.10rem;
}

.footer .footer-col.third .fa-stack {
    width: 2em;
    margin-bottom: 1.25rem;
    margin-right: 0.375rem;
    font-size: 1.375rem;
}

.footer .footer-col.third .fa-stack .fa-stack-1x {
    color: #ffffff;
    transition: all 0.2s ease;
}

.footer .footer-col.third .fa-stack .fa-stack-2x {
    color: #3b384b;
    transition: all 0.2s ease;
}

.footer .footer-col.third .fa-stack:hover .fa-stack-1x {
    color: #ffffff;
}

.footer .footer-col.third .fa-stack:hover .fa-stack-2x {
    color: #00c9db;
}

@media (max-width: 768px) {
    .footer .footer-col.second {
        width: 10rem;
        margin-right: 18px;
        float: left;
        height: 184px;
    }
}

/*********************/

/*     Copyright     */

/*********************/

.copyright {
    padding-bottom: 1rem;
    text-align: center;
}

.copyright p,
.copyright a {
    color: #9f9caf;
    text-decoration: none;
}

/******************************/

/*     Back To Top Button     */

/******************************/

a.back-to-top {
    position: fixed;
    z-index: 999;
    right: 0.75rem;
    bottom: 0.75rem;
    display: none;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 1.875rem;
    background: #670025 url("<?php echo BASE_URL; ?>/up-arrow.png") no-repeat center 47%;
    background-size: 1.125rem 1.125rem;
    text-indent: -9999px;
}

a:hover.back-to-top {
    background-color: #670025;
}

/***********************/

/*     Extra Pages     */

/***********************/

.ex-header {
    padding-top: 8.5rem;
    padding-bottom: 4rem;
}

.ex-basic-1 .list-unstyled .fas {
    color: #00c9db;
    font-size: 0.375rem;
    line-height: 1.75rem;
}

.ex-basic-1 .list-unstyled .media-body {
    margin-left: 0.5rem;
}

.ex-basic-1 .list-unstyled.list-icon-lg .media {
    margin-bottom: 2.5rem;
}

.ex-basic-1 .list-unstyled.list-icon-lg .list-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #00c9db;
    text-align: center;
}

.ex-basic-1 .list-unstyled.list-icon-lg .fas {
    color: #ffffff;
    font-size: 1rem;
    line-height: 3rem;
}

.ex-basic-1 .list-unstyled.list-icon-lg .media-body {
    margin-left: 1rem;
}

.ex-basic-1 .text-box {
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    background-color: #423f52;
}

.ex-basic-1 .text-box .text-box-icon {
    color: #00c9db;
    font-size: 2.5rem;
}

.ex-basic-1 .map-responsive {
    overflow: hidden;
    position: relative;
    height: 0;
    margin-bottom: 3rem;
    padding-bottom: 56.25%;
    border-radius: 0.25rem;
}

.ex-basic-1 .map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border: none;
}

.ex-cards-1 .card {
    border: none;
    background-color: transparent;
}

.ex-cards-1 .card .fa-stack {
    width: 2em;
    font-size: 1.125rem;
}

.ex-cards-1 .card .fa-stack-2x {
    color: #00c9db;
}

.ex-cards-1 .card .fa-stack-1x {
    color: #fff;
    font-weight: 700;
    line-height: 2.125rem;
}

.ex-cards-1 .card .list-unstyled .media-body {
    margin-left: 0.75rem;
}

.ex-cards-1 .card .list-unstyled .media-body h4 {
    margin-bottom: 0.25rem;
}

.ex-cards-2 {
    text-align: center;
}

.ex-cards-2 .card {
    max-width: 15.75rem;
    margin-right: auto;
    margin-bottom: 5rem;
    margin-left: auto;
    border: 1px solid #bdc7df;
    background-color: transparent;
}

.ex-cards-2 .card .card-body {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}

.ex-cards-2 .card .package {
    margin-bottom: 1.625rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.375rem;
}

.ex-cards-2 .card .price {
    margin-bottom: 0.5rem;
}

.ex-cards-2 .card .currency {
    position: relative;
    margin-right: 0.25rem;
    color: #00c9db;
    font-weight: 600;
    font-size: 1.5rem;
    top: -1.125rem;
}

.ex-cards-2 .card .value {
    color: #00c9db;
    font-weight: 700;
    font-size: 3.25rem;
}

.ex-cards-2 .card .period {
    margin-top: -0.25rem;
    margin-bottom: 1rem;
}

.ex-cards-2 .card p {
    margin-bottom: 1.625rem;
}

.ex-cards-2 .button-wrapper {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    left: 0;
}

.ex-cards-2 .btn-solid-reg:hover {
    border: 1px solid #00c9db;
    background-color: #ffffff;
}

.ex-cards-3 {
    text-align: center;
}

.ex-cards-3 .card {
    max-width: 20.375rem;
    margin-right: auto;
    margin-bottom: 5rem;
    margin-left: auto;
    border: none;
    background: transparent;
}

.ex-cards-3 .card .card-body {
    margin-bottom: 1.25rem;
    padding: 2.5rem 1.75rem 1.5rem 1.75rem;
    background-color: #423f52;
}

.ex-cards-3 .card .package {
    margin-bottom: 2.125rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.375rem;
}

.ex-cards-3 .card .price {
    margin-bottom: 0.5rem;
}

.ex-cards-3 .card .currency {
    position: relative;
    margin-right: 0.25rem;
    color: #00c9db;
    font-weight: 600;
    font-size: 1.5rem;
    top: -1.125rem;
}

.ex-cards-3 .card .value {
    color: #00c9db;
    font-weight: 700;
    font-size: 3.25rem;
}

.ex-cards-3 .card .period {
    margin-top: -0.25rem;
    margin-bottom: 1.75rem;
}

.ex-cards-3 .card .list-unstyled {
    text-align: left;
}

.ex-cards-3 .card .list-unstyled .fas {
    color: #00c9db;
    font-size: 1rem;
    line-height: 1.75rem;
}

.ex-cards-3 .card .list-unstyled .media-body {
    margin-left: 0.625rem;
}

.ex-cards-3 .card .btn-solid-reg {
    border-radius: 0;
    width: 100%;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
}

.ex-cards-4 {
    text-align: center;
}

.ex-cards-4 .card {
    margin-right: 1.5rem;
    margin-bottom: 5rem;
    border: none;
    background-color: #423f52;
}

.ex-cards-4 .card .price {
    position: absolute;
    top: -1.25rem;
    right: -1.25rem;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: #00c9db;
    text-align: center;
}

.ex-cards-4 .card .value {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 4.5rem;
}

.ex-cards-4 .card .card-body {
    margin-bottom: 0.75rem;
    padding: 2.5rem 1.75rem 2.5rem 1.75rem;
}

.ex-cards-4 .card .package {
    margin-bottom: 1rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.375rem;
}

.ex-cards-4 .card p {
    margin-bottom: 1.5rem;
    text-align: left;
}

.ex-cards-4 .card .list-unstyled {
    margin-bottom: 1.75rem;
    text-align: left;
}

.ex-cards-4 .card .list-unstyled .fas {
    color: #00c9db;
    font-size: 0.375rem;
    line-height: 1.75rem;
}

.ex-cards-4 .card .list-unstyled .media-body {
    margin-left: 0.5rem;
}

.ex-form-1 .form-group {
    margin-bottom: 1.75rem;
}

.ex-form-1 .label-control {
    top: 1.375rem;
    left: 1.375rem;
    font-size: 1rem;
}

.ex-form-1 .form-control-input:focus+.label-control,
.ex-form-1 .form-control-input.notEmpty+.label-control,
.ex-form-1 .form-control-textarea:focus+.label-control,
.ex-form-1 .form-control-textarea.notEmpty+.label-control {
    top: 0.375rem;
}

.ex-form-1 .form-control-input {
    padding-top: 1.5rem;
    padding-bottom: 0.625rem;
}

.ex-form-1 .form-control-textarea {
    padding-top: 1.5rem;
}

.ex-form-1 .form-control-submit-button {
    height: 4rem;
    border-radius: 2.5rem;
}

/*************************/

/*     Media Queries     */

/*************************/

/* Min-width 768px */

@media (max-width: 767px) {
   

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        width: 17rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
    }
}

@media (min-width: 768px) {
    /* Header */
    .header {
        padding-top: 9rem;
    }
    .header .btn-solid-lg {
        margin-bottom: 0;
    }
    .header .text-container {
        margin-bottom: 5rem;
    }
    /* end of header */
    /* Features */
    .tabs .fa-stack {
        margin-right: 1rem;
        font-size: 2.25rem;
    }
    .tabs .fa-stack .fa-stack-1x {
        font-size: 1.75rem;
    }
    /* end of features */
    /* Screenshots */
    .slider-2 .swiper-button-prev {
        width: 1.375rem;
        background-size: 1.375rem 2.125rem;
    }
    .slider-2 .swiper-button-next {
        width: 1.375rem;
        background-size: 1.375rem 2.125rem;
    }
    /* end of screenshots */
    /* Extra Pages */
    .ex-basic-1 .list-unstyled.list-icon-lg .list-icon {
        width: 5rem;
        height: 5rem;
    }
    .ex-basic-1 .list-unstyled.list-icon-lg .fas {
        font-size: 2rem;
        line-height: 5rem;
    }
    .ex-basic-1 .list-unstyled.list-icon-lg .media-body {
        margin-left: 1.5rem;
    }
    .ex-basic-1 .text-box {
        padding: 1.75rem 2rem 0.875rem 2rem;
    }
    .ex-cards-2 .card {
        display: inline-block;
        margin-right: 0.625rem;
        margin-left: 0.625rem;
        vertical-align: top;
    }
    .ex-cards-3 .card {
        display: inline-block;
        margin-right: 1.25rem;
        margin-left: 1.25rem;
        vertical-align: top;
    }
    .ex-cards-3 .card .card-body {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    .ex-cards-4 .card {
        display: inline-block;
        max-width: 20rem;
        margin-right: 1.25rem;
        margin-left: 1.25rem;
        vertical-align: top;
    }
    .ex-cards-4 .card .card-body {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    /* end of extra pages */
}

/* end of min-width 768px */

/* Min-width 992px */

@media (min-width: 992px) {
    /* General Styles */
    h1 {
        font-size: 3.25rem;
        line-height: 4.125rem;
    }
    .h2-heading {
        width: 32rem;
        margin-right: auto;
        margin-left: auto;
    }
    .p-heading {
        width: 34rem;
        margin-right: auto;
        margin-left: auto;
    }
    /* end of general styles */
    /* Navigation */
    .navbar {
        /* padding-top: 0.75rem; */
        background-color: transparent;
        box-shadow: none;
        transition: all 0.2s;
        background-color: #670025;
    }
    .navbar.top-nav-collapse {
        padding-top: 0.5rem;
        background-color: #670025;
        box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.3);
    }
    .offcanvas-collapse {
        position: static;
        top: auto;
        bottom: auto;
        left: auto;
        width: auto;
        padding-right: 0;
        padding-left: 0;
        background-color: transparent;
        overflow-y: visible;
        visibility: visible;
    }
    .offcanvas-collapse.open {
        -webkit-transform: none;
        transform: none;
    }
    .navbar .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }
    .navbar .nav-item .nav-link {
        padding-right: 1.2rem;
padding-left: 1.2rem;
    }
    .navbar .dropdown-menu {
        margin-top: 0.25rem;
        background-color: #262431;
        box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.025);
    }
    .navbar .dropdown-divider {
        width: 90%;
    }
    .navbar .social-icons {
        margin-left: 0.5rem;
    }
    .navbar .fa-stack {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0.25rem;
    }
    /* end of navigation */
    /* Header */
    .header {
        padding-top: 10rem;
        text-align: left;
    }
    .header .text-container {
        margin-top: 4rem;
        margin-bottom: 0;
    }
    .header .btn-solid-lg {
        margin-right: 0.625rem;
        margin-left: 0;
    }
    /* end of header */
    /* Testimonials */
    .slider-1 .swiper-container {
        width: 92%;
    }
    .slider-1 .swiper-button-prev {
        left: -1rem;
        width: 1.375rem;
        background-size: 1.375rem 2.125rem;
    }
    .slider-1 .swiper-button-next {
        right: -1rem;
        width: 1.375rem;
        background-size: 1.375rem 2.125rem;
    }
    /* end of testimonials */
    /* Features */
    .tabs #tab-1 .list-unstyled {
        margin-top: 2.5rem;
    }
    .tabs #tab-1 .li-space-lg li {
        margin-bottom: 1.875rem;
    }
    .tabs #tab-1 .first .fa-stack {
        position: absolute;
        right: 0;
    }
    .tabs #tab-1 .first .media-body {
        max-width: 12.625rem;
        text-align: right;
    }
    .tabs #tab-1 img {
        margin-top: 0;
        margin-bottom: 0;
    }
    .tabs #tab-2 img {
        margin-bottom: 0;
    }
    .tabs #tab-3 p.sub-heading {
        margin-bottom: 0;
    }
    /* end of features */
    /* Video */
    .basic-1 .image-container {
        max-width: 55rem;
        margin-right: auto;
        margin-left: auto;
    }
    /* end of video */
    /* Details 1 */
    .basic-2 .image-container {
        margin-bottom: 0;
    }
    .basic-2 .text-container {
        margin-top: 3.5rem;
    }
    /* end of details 1 */
    /* Details 1 Lightbox */
    .lightbox-basic {
        padding: 3rem 3rem;
    }
    .lightbox-basic .image-container {
        margin-bottom: 0;
        text-align: left;
    }
    /* end of details 1 lightbox */
    /* Details 2 */
    .basic-3 .text-container {
        margin-top: 3.5rem;
        margin-bottom: 0;
    }
    /* end of details 2 */
    /* Screenshots */
    .slider-2 .swiper-container {
        width: 92%;
    }
    /* end of screenshots */
    /* Download */
    .basic-4 {
        padding-top: 8rem;
    }
    .basic-4 .text-container {
        margin-top: 6rem;
    }
    /* end of download */
    /* Footer */
    .footer .footer-col {
        margin-bottom: 2rem;
    }
    .footer .footer-col.first {
        display: inline-block;
        width: 20rem;
        margin-right: 1.75rem;
        vertical-align: top;
    }
    .footer .footer-col.second {
        display: inline-block;
        width: 20rem;
        margin-right: 1.75rem;
        vertical-align: top;
    }
    .footer .footer-col.third {
        display: inline-block;
        width: 14rem;
        text-align: right;
        vertical-align: top;
    }
    .footer .footer-col.third .fa-stack {
        margin-right: 0rem;
        margin-left: 0.375rem;
    }
    /* end of footer */
    /* Extra Pages */
    .ex-cards-1 .card {
        display: inline-block;
        width: 18.5rem;
        vertical-align: top;
    }
    .ex-cards-1 .card:nth-of-type(3n+2) {
        margin-right: 1rem;
        margin-left: 1rem;
    }
    /* end of extra pages */
}

/* end of min-width 992px */

/* Min-width 1200px */

@media (min-width: 1200px) {
    /* Header */
    .header {
        padding-top: 11rem;
    }
    .header .text-container {
        margin-top: 7.5rem;
        margin-left: 1.5rem;
    }
    .header img {
        margin-left: 2.5rem;
    }
    /* end of header */
    /* Testimonials */
    .slider-1 .swiper-button-prev {
        left: -1.5rem;
    }
    .slider-1 .swiper-button-next {
        right: -1.5rem;
    }
    /* end of testimonials */
    /* Features */
    .tabs {
        padding-bottom: 8rem;
    }
    .tabs img {
        width: 18.75rem;
    }
    .tabs #tab-1 .list-unstyled {
        margin-top: 3.875rem;
    }
    .tabs #tab-1 .li-space-lg li {
        margin-bottom: 2.875rem;
    }
    .tabs #tab-1 .first .media-body {
        max-width: 16.375rem;
        margin-right: 5.75rem;
        margin-left: auto;
    }
    .tabs #tab-2 h3 {
        margin-top: 0.5rem;
    }
    .tabs #tab-2 .list-unstyled {
        display: inline-block;
        width: 21.125rem;
        vertical-align: top;
    }
    .tabs #tab-2 .list-unstyled.first {
        margin-right: 3rem;
    }
    .tabs #tab-2 .li-space-lg li {
        margin-bottom: 1.5rem;
    }
    .tabs #tab-3 .list-unstyled {
        display: inline-block;
        width: 21.125rem;
        margin-top: 1rem;
        vertical-align: top;
    }
    .tabs #tab-3 .list-unstyled.first {
        margin-right: 3rem;
    }
    .tabs #tab-3 .li-space-lg li {
        margin-bottom: 1.5rem;
    }
    .tabs #tab-3 h3 {
        margin-top: 0;
    }
    /* end of features */
    /* Details 1 */
    .basic-2 .image-container {
        margin-left: 3rem;
    }
    .basic-2 .text-container {
        margin-right: 3rem;
        margin-left: 2.875rem;
    }
    .basic-2 h2 {
        width: 20rem;
    }
    /* end of details 1 */
    /* Details 1 Lightbox */
    .lightbox-basic .image-container {
        margin-right: 1.5rem;
    }
    /* end of details 1 lightbox */
    /* Details 2 */
    .basic-3 .text-container {
        margin-left: 3rem;
        margin-right: 2.75rem;
    }
    .basic-3 .image-container {
        margin-left: 2.875rem;
    }
    .basic-3 h2 {
        width: 20rem;
    }
    /* end of details 2 */
    /* Statistics */
    .counter #counter .cell {
        margin-right: 2.75rem;
        margin-left: 2.75rem;
    }
    .counter #counter .fas {
        margin-bottom: 1.25rem;
    }
    .counter #counter .counter-value {
        font-size: 3.75rem;
        line-height: 4rem;
    }
    /* end of statistics */
    /* Screenshots */
    .slider-2 .swiper-container {
        width: 100%;
    }
    .slider-2 .swiper-button-prev {
        left: -2rem;
    }
    .slider-2 .swiper-button-next {
        right: -2rem;
    }
    /* end of screenshots */
    /* Download */
    .basic-4 .text-container {
        margin-top: 10rem;
        margin-right: 3rem;
    }
    /* end of download */
    /* Footer */
    .footeright {
        float: right;
    }
    .footer .footer-col.first {
        width: 18rem;
        margin-right: 0;
    }
    .footer .footer-col.second {
        /*width: 20rem;
        margin-right: 5.5rem;*/
        width: 10rem;
        margin-right: 18px;
    }
}

.footer .footer-col.third {
    width: 14rem;
    text-align: right;
}

/* end of footer */

/* Extra Pages */

.ex-cards-1 .card {
    width: 21rem;
}

.ex-cards-1 .card:nth-of-type(3n+2) {
    margin-right: 2.875rem;
    margin-left: 2.875rem;
}

/* end of extra pages */

}

/* end of min-width 1200px 



/* my booking page  start */


#booking .card{}

#booking h2 {font-size: 28px;color: #000000; display: block; font-family: HelveticaNeue;}
#booking .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
   
}



#booking .card img{position: relative; right: 15px;}

#booking .card-body {-ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px;padding: 0.25rem;}

#booking .card-body h3{font-size: 16px;color: #000;}
#booking .card-body p{font-size: 12px;color: #000; font-weight: normal;}
#booking .card-body p.ticket {font-size: 12px;color: #CE004A; font-weight: normal;}
#booking .card-body p.ticket a{font-size: 12px;color: #CE004A; font-weight: normal; border-radius: 5px;border: 1px #CE004A solid;
    padding: 5px 10px;font-weight: 500; text-decoration: none;}

#booking .card-body p.table {font-size: 12px;color: #000; font-weight: normal;}
#booking .card-body p.table a{font-size: 12px;color: #938f8f; font-weight: normal; border-radius: 5px;border: 1px #938f8f solid;
    padding: 5px 10px;font-weight: 500; text-decoration: none;cursor: pointer;}  


#booking .card-body p.view{font-size: 14px;color:#2699FB; font-weight: 500;}
#booking .card-body p.view a{font-size: 14px;color:#2699FB; font-weight: 500;}
#booking .card-body p.view a:hover{color: #CE004A; text-decoration: none;}

#booking .row.box-visibilty{background: #fff; opacity: 0.5;}

/*@media only screen and (max-width:767px) {
    #booking .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
   
}*/
/* my booking page  end*/


/*/*favourite end*/ 

#favourite {
    margin: 0 0;
}



#favourite .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#favourite .heading-slider h2{font-size: 28px;
    color: #000000;
    display: block;
    font-family: HelveticaNeue;
}}

#favourite .card .favbox{width: 75%;}
#favourite .card .favboxs{width: 35%;}

#favourite .card p.offerclubheart {
   position: absolute;
right: 25px;
bottom: 174px;
}

#favourite .card p.offerclub {
   color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 8px;
}

#favourite .card p.clubgo-exclusive {
   color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#favourite .card span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;margin: 0 10px 0 0;
    
}


#favourite .card p.offer {margin-right: 1rem;
padding: 5px 10px;
color: #fff;
font-size: 9px;
font-weight: normal;
background: rgb(103, 0, 37);
background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);}
}


#favourite .card p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #CE004A;
    font-size: 9px;
    font-weight: normal;
    background: #fff;
}




#favourite .card p.offerclubsecond{position: absolute;
    color: #fff;
font-size: 9px;
font-weight: normal;
position: absolute;
top: 20px;
right: 12px;}
   

#favourite .card p.offerclubs span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
    
}

#favourite .card .overlaybotsecond {
    position: absolute;
    right: 0;
    bottom: 174px;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}



#favourite .card .overlaybot {
    position: absolute;
    right: 0;
    bottom: 153px;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}

#favourite .card span.offer{border-radius: 2px;
margin-right: 1rem;
padding: 5px 10px;
color: #fff;
font-size: 9px;
font-weight: normal;
background: rgb(103, 0, 37);
background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);}



#favourite a.card-link{font-size: 10px;
font-family: HelveticaNeue;
color: #CE004A;
border-radius: 2px;
border: 1px #CE004A solid;margin: 0 7px 0 0;
padding: 2px 5px;}

#favourite .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}


#favourite .card .favbox h3{font-size: 18px;
    font-family: HelveticaNeue;
    font-weight: bold; color:#000 ;}

#favourite .card .favbox span{
    font-family: HelveticaNeue; font-size: 14px;
    color:#313030 ; font-weight: 100;}

#favourite .card .favbox a.restau{
    color: #000;
    
    font-weight: 500;
    font-size: 12px;border: 1px #cccecf solid;padding: 6px 15px;text-decoration: none;border-radius: 5px;}

#favourite .card .favbox a:hover.restau{
    color: #D7443E;
    
    font-weight: 500;
    font-size: 12px;border: 1px #D7443E solid;padding: 6px 15px;text-decoration: none;border-radius: 5px;}

#favourite .card .opennow span a{
    color: #000;
    
    font-weight: bold;
    font-size: 11px; text-decoration: none;
}

#favourite .card .opennow span a:hover{
    color: #D7443E;
   
}


@media only screen and (max-width: 767px) {
    #favourite .heading-slider h2 {
        font-size: 14px;
        color: #211F1F;
        font-family: bold;
    }
    #favourite .heading-slider label {
        color: #2699FB;
        font-size: 18px;
    }
}

/*favourite end*/


/* my favourite gallery page  start*/


#favo-gallery .card{}

#favo-gallery h2 {font-size: 28px;color: #000000; display: block; font-family: HelveticaNeue;}
#favo-gallery .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
   
}

#secondgallery .lightshadow{ background: #fff; opacity: 0.3; }
#secondgallery .card-body {
    -ms-flex: 1 1 auto; 
    flex: 1 1 auto;
    min-height: 1px;
    padding:0 0 0 1.25rem;
}

.g-0{ padding-left: 0; padding-right: 0; }

#secondgallery .card .card-body .headingtext{width: 100%;}
#secondgallery .card .card-body .headingtext h2{font-size: 26px;font-family: HelveticaNeue;font-weight: bold;color: #000;}
#secondgallery .card .card-body p{font-family: HelveticaNeue; font-size: 14px; color: #313030;font-weight: 100;}
#secondgallery .card .card-body p span a.more{font-family: HelveticaNeue; font-size: 12px; color: #313030;font-weight: 100; text-decoration: none;}
#secondgallery .card .card-body p span a.show-offer{font-family: HelveticaNeue; font-size: 16px; color: #99002E;font-weight: 500; text-decoration: none;}

#secondgallery .card .card-body p span.off{display: inline-block;background: #FDFD3A;color: #000;padding: 5px  10px;margin:0 0 5px 0;font-size:11px; font-weight: normal;}

#secondgallery .card .card-body img{margin: 0 2px 0 0;}


#favo-gallery .card-body {-ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px;padding: 0.25rem;}

#favo-gallery .card-body h2{font-size: 18px;font-family: HelveticaNeue;font-weight: bold;color: #000;}
#favo-gallery .card-body p{font-size: 12px;color: #000; font-weight: normal;}
#favo-gallery .card-body p.ticket {font-size: 12px;color: #CE004A; font-weight: normal;}
#favo-gallery .card-body p.ticket a{font-size: 12px;color: #CE004A; font-weight: normal; border-radius: 5px;border: 1px #CE004A solid;
    padding: 5px 10px;font-weight: 500; text-decoration: none;}

#favo-gallery .card-body p.table {font-size: 12px;color: #000; font-weight: normal;}
#favo-gallery .card-body p.table a{font-size: 12px;color: #938f8f; font-weight: normal; border-radius: 5px;border: 1px #938f8f solid;
    padding: 5px 10px;font-weight: 500; text-decoration: none;cursor: pointer;}  


#favo-gallery .card-body p.view{font-size: 14px;color:#2699FB; font-weight: 500;}
#favo-gallery .card-body p.view a{font-size: 14px;color:#2699FB; font-weight: 500;}
#favo-gallery .card-body p.view a:hover{color: #CE004A; text-decoration: none;}

#favo-gallery .row.box-visibilty{background: #fff; opacity: 0.5;}

/*@media only screen and (max-width:767px) {
    #booking .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
   
}*/
/* my favourite gallery page  end*/


/* header banner event details page start here*/
.even-header{ background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(58,58,58,1) 100%, rgba(58,58,58,1) 100%); padding: 20px;}

.even-header h2 {font-size: 35px;}
.even-header p {font-size: 25px;font-weight: initial;}

.even-header .nightwith{ height: 100%; display: flex; justify-content: start; align-items: center;}

.select-vanues{padding:1% 0}
.select-vanues  h2{font-size: 20px;color: #000;margin: 0 0 5px 0;}
.select-vanues .card .card-body h5{font-size: 16px;color: #000;margin: 0 0 5px 0;}
.select-vanues .card .card-body p{font-size: 14px;color: #000;font-weight: 400;margin: 0 0 5px 0;}

.select-vanues .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;margin: 0 0 20px 0;
}

.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
    text-align: left; 
}

/*.select-vanues .card .card-body h5{font-size: 16px;color: #000;margin: 0 0 5px 0;}
.select-vanues .card .card-body p{font-size: 14px;color: #000;font-weight: 400;margin: 0 0 5px 0;}*/


/* Style the buttons */
.select-vanues .btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer; color: #000;
}

/* Style the active class (and buttons on mouse-over) */
.select-vanues .card.active, .card.btn:hover {
  background-color: #99002E!important;
  color: white!important;
}









/* header banner event details page end here*/

.normal-values .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
    margin: 0 0 0 0;
    border-bottom: 1px #F4F4F6 solid;
}

/* selct vanues right page start here*/
.normal-values .card-body h3{ color: #000; font-size: 18px;font-weight: 500;}
.normal-values .card-body p{ color: #000; font-size: 15px;}
.normal-values .card-body a{ color: #2699FB; font-size: 15px;}

.get-button a span img{margin: 0 10px 0 0;}
.get-button a{    
    color: #fff;
    font-size: 12px;
    background: #000;
   margin-top: 6px;
    padding: 5px 10px;
    display: inline-block;font-weight: 500;border-radius: 5px;text-decoration: none;
   
    }


/* selct vanues right page end here*/


/*discount-voucher start*/

#discount-voucher select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(<?php echo BASE_URL; ?>/arrow.png);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

#discount-voucher .form-control.timing{
    display: block;
    width: 84%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: transparent!important;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */

}

#discount-voucher .featre-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#discount-voucher .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}



#discount-voucher .iimagessize img {
    width: 100%;
    height: auto;
}

#discount-voucher .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#discount-voucher .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#discount-voucher .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#discount-voucher .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#discount-voucher .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#discount-voucher .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#discount-voucher .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#discount-voucher .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#discount-voucher button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#discount-voucher .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#discount-voucher .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#discount-voucher .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#discount-voucher .box-image{ background: url(<?php echo BASE_URL; ?>/dicount-voucher-images-1.png) no-repeat; width: 399px; height: 207px;}
#discount-voucher .box-image2{ background: url(<?php echo BASE_URL; ?>/discount-voucher-2.png) no-repeat; width: 399px; height: 207px;}

#discount-voucher .card-body {
    margin-top: 20px;
}

#discount-voucher .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#discount-voucher .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
   
    text-align: left;
}

#discount-voucher .card-body h3 {
    color: #000;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px;
}

#discount-voucher .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#discount-voucher .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 11px;
}

#discount-voucher .card-body p.card-text a{
    color: #2699FB;
    
    font-weight: normal;
    font-size: 11px;
}

#discount-voucher .card-body p.ticket a{
    color: #000;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#discount-voucher .card-body p.ticket a:hover{
    color: #007bff;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#discount-voucher .card-body p.ticket a span{
    color: #000;
    
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#discount-voucher .card-body p.off{
    color: #000;
    
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}

#discount-voucher .card-body.cordspace{padding: 0 0 0 0;}

#discount-voucher .card-body p a.buy{
    color: #CE004A;
    
    font-weight: normal;padding: 7px 10px; border-radius: 50px;
    font-size: 13px; text-decoration: none;background: #fff;
}


/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*discount-voucher start*/


/*free offers start*/


/* Hide the browser's default radio button */
 #free-offers .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#free-offers .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Create a custom radio button */
#free-offers .checkmark {
 position: absolute;
    top: -18px;
    left: 27px;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A; 
}

/* On mouse-over, add a grey background color */
 #free-offers .customradio:hover input ~ .checkmark {
  background-color: transparent;
}





/* Create the indicator (the dot/circle - hidden when not checked) */
 #free-offers .checkmark:after {
  content: "";
  position: absolute;
  display: none; 
}

/* Show the indicator (dot/circle) when checked */
 #free-offers .customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#free-offers .customradio .checkmark:after {
  top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
  border-radius: 50%;
  background: #CE004A;

}








#free-offers{ }

#free-offers .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#free-offers .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}



#free-offers .imagessize img {
    width: 100%;
    height: auto;
}

#free-offers .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#free-offers .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#free-offers .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#free-offers .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#free-offers .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#free-offers .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
     !important;
}

#free-offers .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
     !important;
}

#free-offers .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#free-offers button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#free-offers .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#free-offers .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#free-offers .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#free-offers .box-image{width: 100%;}

/*#free-offers .custom-control{}
#free-offers.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

#free-offers .card-body {
    margin-top: 0;
}

/*#free-offers .owl-stage {
    transform: translate3d(0px, 0px, 0px)!important;
}*/

#free-offers .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    
    margin: 0 0 0 0;
}


#free-offers .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 0 22px;
    text-align: left;
}

#free-offers .card-body h3 {
    color: #000;
    font-size: 18px;
    font-family: HelveticaNeue;
    font-weight: normal;
    line-height: 20px;
}

#free-offers .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#free-offers .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 11px;
}

#free-offers .card-body p.card-text a{
    color: #2699FB;
    
    font-weight: normal;
    font-size: 17px;
}





#free-offers .card-body p.ticket a{
    color: #000;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#free-offers .card-body p.ticket a:hover{
    color: #007bff;
    
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#free-offers .card-body p.ticket a span{
    color: #000;
    
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#free-offers .card-body p.off{
    color: #000;
    
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}

#free-offers .card-body.cordspace{padding: 0 0 0 0;}

#free-offers .card-body p a.buy{
    color: #CE004A;
    
    font-weight: normal;padding: 7px 10px; border-radius: 50px;
    font-size: 13px; text-decoration: none;background: #fff;
}


/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*free offers start*/


/*free offers start*/

#guest h5 {
    color: #000; font: 300 1.1rem "Montserrat", sans-serif;
   
}

#guest .close {
    float: right;
    font-size: 2.5rem;
    font-weight: 100;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

#guest .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    align-items: baseline;
}

#ghuest-attending{ }

#guest .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    overflow: auto;
    height: 553px;
}

 

#guest .card-body .contguest p a {
    color: #2699FB;
    text-decoration: none;
}

#ghuest-attending .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#ghuest-attending .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

#ghuest-attending .contguest{ text-align: center;width: 100%; }
#ghuest-attending .contguest p{color: #000; font-size: 15px; text-align: center;}
#ghuest-attending .contguest p a{color: #2699FB; text-decoration: none;}

#ghuest-attending .imagessize img {
    width: 100%;
    height: auto;
}

#ghuest-attending .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#ghuest-attending .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#ghuest-attending .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#ghuest-attending .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#ghuest-attending .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#ghuest-attending .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#ghuest-attending .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#ghuest-attending .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#ghuest-attending button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#ghuest-attending .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#ghuest-attending .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#ghuest-attending .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#ghuest-attending .box-image{ background: url(<?php echo BASE_URL; ?>/free-background.png) no-repeat; width: 399px; height:119px;}

#ghuest-attending .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}

#ghuest-attending.card-body {
    margin-top: 20px;
}

#ghuest-attending .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    display: flex;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

#ghuest-attending .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#ghuest-attending .form-check-input {
    position: absolute;
    margin-top: -2.2rem;
    margin-left: 0.75rem;width: 2rem;
    height: 2.25rem;
}

#ghuest-attending .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 0 0;
    text-align: left;
}




#ghuest-attending .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 11px;
}

/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*free offers start*/


/*descritpion stat*/
.description .list-unstyled {padding-left: 23px;list-style: none; list-style: disc;}
.description{}
.description h2 { font-size: 20px;color: #211F1F;font-family: HelveticaNeue;}
.description p { font-size: 16px;color: #211F1F;font-family: HelveticaNeue;font-weight: 400;}
.description span a.card-link {
        font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #CE004A solid;
    margin: 0 7px 0 0;
    padding: 5px 13px;
    font-weight: 300;
}

.description ul li{color: #000;font-weight: 400;font-size: 16px;}


/*descritpion end*/


/*lineup start*/
#lineup{ }

#lineup .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    display: flex;
   
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

#lineup .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#lineup .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

#lineup .contguest{ text-align: center;width: 100%; }
#lineup .contguest span{font-size: 14px;
    color: #211F1F;
    font-family: bold;margin: 0;}
    #lineup .contguest p{font-size: 10px;
    color: #211F1F;
    font-family: bold;}
#lineup .contguest p a{color: #2699FB; text-decoration: none;}

#lineup .imagessize img {
    width: 100%;
    height: auto;
}

#lineup .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#lineup .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#lineup .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#lineup .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#lineup .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#lineup .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#lineup .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#lineup .owl-theme .owl-nav {
    margin-top: -48px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#lineup button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#lineup .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#lineup .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#lineup .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#lineup .box-image{ background: url(<?php echo BASE_URL; ?>/free-background.png) no-repeat; width: 399px; height:119px;}

#lineup .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}

#lineup.card-body {
    margin-top: 20px;
}

#lineup .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#lineup .form-check-input {
    position: absolute;
    margin-top: -2.2rem;
    margin-left: 0.75rem;width: 2rem;
    height: 2.25rem;
}

#lineup .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0;margin: 0 4px;

    text-align: left; background: #fff;
}




#lineup .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 11px;
}

/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*lineup start*/


/*menu start*/
#menu{ }

#menu .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#menu .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0;margin: 0 4px;

    text-align: left; background: #fff;
}

#menu .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

#menu .contguest{ text-align: center;width: 100%; }
#menu .contguest span{font-size: 16px;
    color: #211F1F;font-weight: 400;
    font-family: bold;margin: 0;}
    #menu .contguest p{font-size: 10px;
    color: #211F1F;
    font-family: bold;}
#menu .contguest p a{color: #2699FB; text-decoration: none;}

#menu .imagessize img {
    width: 100%;
    height: auto;
}

#menu .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#menu .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#menu .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#menu .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#menu .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#menu .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#menu .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#menu .owl-theme .owl-nav {
    margin-top: -49px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#menu button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#menu .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#menu .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#menu .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#menu .box-image{ background: url(<?php echo BASE_URL; ?>/free-background.png) no-repeat; width: 399px; height:119px;}

#menu .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}

#menu.card-body {
    margin-top: 20px;
}

#menu .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#menu .form-check-input {
    position: absolute;
    margin-top: -2.2rem;
    margin-left: 0.75rem;width: 2rem;
    height: 2.25rem;
}





#menu .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 11px;
}

/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*menu start*/


/*GENRE start*/
.select-vanues2 h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}


/* Style the buttons */


.select-vanues2 ul li.btn2 {
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #CE004A solid;
    margin: 0 7px 0 0;
    padding: 5px 25px;
    font-weight: 400;cursor: pointer;
}

.select-vanues2 ul li.active1, .btn2:hover {
    background-color: #CE004A!important;

    color: white!important;
}



/*GENRE start*/


.reviews{
 /* padding: 15px;
  max-width: 768px;
  margin: 0 auto;*/
}

.review-item .socil{ font-size: 15px;color: #000;}

.review-item h4{font-size: 16px;
    color: #000;
    margin: 0 0 5px 0;}

.review-item p {
    font-size: 15px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;
}

.review-item span{
    
   font-size: 15px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;}


.review-item span.re {
    padding: 5px 10px;
    background: #029D1F;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 500;
    color: #fff;
    margin: 0 5px 0 0;
}

.review-item p a.cleabtn {
    border: 1px #CE004A solid;
    border-radius: 100px;
    color: #CE004A;
    text-decoration: none;
    height: 100px;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 20px;
    margin: 0 20px 0 0;
}

.review-item p a.cleabtn:hover {
    border: 1px #CE004A solid;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    height: 100px;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 20px;
    margin: 0 20px 0 0;background: #CE004A;
}

/*.review-item, .chat-review{width: 100%;margin-top: 20px;display: flex;}*/
.review-item span.res {
    padding: 5px 10px;
   
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 500;
    color: #fff;
    margin: 0 5px 0 0;
}

.review-item{
  background-color: white;
 
  
  /*box-shadow: 1px 1px 5px #343a40;*/
}

.review-item .review-date{
  color: #cecece;
}
.review-item .review-text{
  font-size: 16px;
  font-weight: normal;
  margin-top: 5px;
  color: #343a40;
}

.review-item .fl a {
    color: #2699FB;
    font-size: 18px;
    text-decoration: none;
}

.review-item .reviewer{
  width: 49px;
  height: 49px;
  /*border: 1px solid #cecece;*/
}






.review-item  p.viewall a{
    font-size: 16px;
    color: #2699FB;
    font-weight: 500;
    margin: 0 0 5px 0; text-decoration: none;
}


.review-item  .form-control {
    display: block; border-radius: 20px;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.review-item .form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.8rem;
}


/*review start*/
#review .review h2{font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue
}

#review .review .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    margin: 0 0 20px 0;
}

#review .review .card-body{    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 1rem 1rem 2rem;
    text-align: left;}


    #review .review .card-body span.re{    padding: 5px 10px;
    background: #029D1F;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 500;color: #fff;margin: 0 5px 0 0;
}

#review .review .card-body p span img{margin: 0 3px 0 0;}

#review .review .card .card-body p {font-size: 15px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;}


#review .review .card .cleabtn { 
    border: 1px #CE004A solid;
    border-radius: 100px;
    color: #CE004A; text-decoration: none;
    height: 100px;
    font-size: 15px;
    font-weight: 400;padding: 8px 20px;margin: 0 20px 0 0;
}

#review .review .card .cleabtn:hover{ background: #CE004A; color: #fff; }

#review .review .fl a{color: #2699FB; font-size: 18px; text-decoration: none;}

#review .review p.card-text{color: #000;font-size: 14px; font-weight: 200;}

#review .gallery img{margin: 0 20px 0 0;}

#review .gallery .socil{width: 400px;}
#review .gallery .socil label{color: #000; font-size: 14px; font-weight: 500;}
#review .gallery .socil label img {
    margin: 0 10px 0 0;
}


#review .sociachat{color: #000;}

#review .sociachat .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    margin: 0 0 20px 0;
}

#review .sociachat .card-body{    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 1rem 1rem 0rem;
    text-align: left;}


#review .sociachat .card-body p span {margin: 0 12px 0 0;}


#review .sociachat .card .card-body h5 {
    font-size: 14px;
    color: #000;
    margin: 0 0 5px 0; font-weight: 500;
}


#review .sociachat .card .card-body p {
    font-size: 14px;
    color: #5c5959;
    font-weight: 400;
    margin: 0 0 5px 0;
}

#review .sociachat  p.viewall a{
    font-size: 16px;
    color: #2699FB;
    font-weight: 500;
    margin: 0 0 5px 0; text-decoration: none;
}


#review .sociachat .form-control {
    display: block; border-radius: 10px;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#review .sociachat .form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

::placeholder {
  font-size: 14px; color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-size: 14px;
}

::-ms-input-placeholder { /* Microsoft Edge */
 font-size: 14px;
}
/*review end*/


.gress-code h2{font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue;}


.floor-code{width: 100%;}
 .floor-code {
    align-items: baseline;
    margin-bottom: 0;
}

#floor-popup .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
     background-color: transparent; 
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

#floor-popup .close {
    float: right;
    font-size: 2.5rem;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    position: absolute;
    right: 10px;
}

@media (min-width: 576px) {
.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}
}

#floor-popup .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
     padding: 0; 
}

.floor-code a {
    color: #2699FB;
    font-size: 18px;
    text-decoration: none;
}


/*trending EVENTS start*/

#similar-events {
    margin: 5% 0;
}

#similar-events .owl-carousel .item {
    width: 99%!important;
}

#similar-events .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

#similar-events .heading-slider {
    align-items: baseline;
}

#similar-events .heading-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: bold;
}

#similar-events .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#similar-events .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#trending-events .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#trending-events .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}
#similar-venues .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#similar-venues .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}



#similar-events .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#similar-events .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#similar-events .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#similar-events .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#similar-events .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
}

#similar-events .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
}

#similar-events .owl-theme .owl-nav {
    margin-top: -37px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#similar-events button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#similar-events .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#similar-events .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#similar-events .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#similar-events .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 2px 0.75rem;
}

#similar-events .owl-theme .offerclub {
    width: 93%;
    position: absolute;
    top: 20px;
}

#similar-events .owl-theme .offerclub p {
    border-radius: 2px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#similar-events .owl-theme .offerclub label {
    height: 20px;
    padding: 5px;
    border-radius: 2px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#similar-events .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#similar-events .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 14px;
}

#similar-events .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#similar-events .card-body h5.card-title {
    color: #000;
    font-size: 16px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#similar-events .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    ;padding: 5px 8px;
}

#similar-events .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {


    #free-offers .card-body.cordspace {
    padding: 0 39px 0 0;
}

    #discount-voucher .card-body h3 {
    color: #000;
    font-size: 12px;
    font-family: HelveticaNeue;
    font-weight: bold;
    line-height: 17px;
}

#discount-voucher .card-body p.ticket a {
    color: #000;
    
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}

#discount-voucher .card-body p.card-text {
    color: #000;
    
    font-weight: normal;
    font-size: 10px;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     padding:0rem; 
}

#discount-voucher .card-body {
    margin-top: 0!important;
}

.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 12px 10px 0 19px;
    text-align: left;
}

#discount-voucher .owl-theme .owl-nav {
    margin-top: -28px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    #similar-events .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: bold;
    }
    #similar-events .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*trending EVENTS start*/


.custom-headline{.font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue}
.custom-headline P{color: #000; font-size: 16px;font-weight: 300;}



/*revent-oragniser start*/


#revent-oragniser .revent-oragniser h2{font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue
}

#revent-oragniser .revent-oragniser .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    margin: 0 0 20px 0;
}

#revent-oragniser .revent-oragniser .card-body{    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 1rem 1rem 2rem;
    text-align: left;}


    #revent-oragniser .revent-oragniser .card-body span.re{    padding: 5px 10px;
    background: #029D1F;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 500;color: #fff;margin: 0 5px 0 0;
}

#revent-oragniser .revent-oragniser .card-body p span img{margin: 0 3px 0 0;}

#revent-oragniser .revent-oragniser .card .card-body p {font-size: 15px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;}


#revent-oragniser .revent-oragniser .card .cleabtn { 
    background-color: #fff; 
    border-radius: 100px;
    color: #CE004A; text-decoration: none;
    height: 100px;
    font-size: 10px;
    font-weight: 400;padding:10px 10px;margin: 0 20px 0 0;
}

#revent-oragniser .revent-oragniser .card .cleabtn:hover{ background: #CE004A; color: #fff; }

#revent-oragniser .revent-oragniser .fl a{color: #2699FB; font-size: 18px; text-decoration: none;}

#revent-oragniser .revent-oragniser p.card-text{color: #000;font-size: 14px; font-weight: 200;}

#revent-oragniser .gallery img{margin: 0 20px 0 0;}

#revent-oragniser .gallery .socil{width: 400px;}
#revent-oragniser .gallery .socil label{color: #000; font-size: 14px; font-weight: 500;}
#revent-oragniser .gallery .socil label img {
    margin: 0 10px 0 0;
}

/*revent-oragniser start*/




/*my activities start*/
#my-ac .activities .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    display: flex;
    align-items: flex-end;margin: 10px 0;
}
#my-ac .activities{border: 1px red soli;}
#my-ac .activities h2{ font-size: 28px; color: #000000;display: block;font-family: HelveticaNeue;}
#my-ac .activities h5{ color: #000; font-size: 18px; font-family: arial;}
#my-ac .activities .media .media-body p {
    color: #000;
    /*line-height: 4px;
    height: 4px;*/
    font-weight: 100;
    font-size: 12px;
}

#my-ac .activities .border-bottom {
    border-bottom: 1px solid #eef3f7 !important;
}

#my-ac .activities .media.mediagray {opacity: 0.5;}

#my-ac .activities .media img.imagegrayscale {filter: grayscale(100%);}

#my-ac .activities .media-body span.react {
    color: grey;
    /* border-radius: 42px; */
    border: 1px #dee2e6 solid;padding: 2px 5px;
    
  
}
/*my activities end*/

/*about us start*/



@media (min-width: 62em)
.featurette-heading {
    margin-top: 7rem;
}

@media (min-width: 40em)
.featurette-heading {
    font-size: 50px;
}

.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}


.featurette h2 {
    font-size: 60px; color: #2e2d2d;width: 95%;margin-left: 15px;margin-right: 15px;
}


.featurette p {
    font-size: 21px; color: #000;
}


section.topbottom{margin: 4% 0;}
/*about us end*/

/*ethics start*/
 .ethics {}
 .ethics h2{font-size: 60px; color: #2e2d2d;}
 .ethics h5{font-size: 30px; color: #2e2d2d;}
/*ethics end*/



/*free offers start*/
#our-journy{width: 100%;}

#our-journy .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}



#our-journy .featre-slider h2 {
    font-size: 60px;margin-bottom: 40px;
    color: #2e2d2d;
   
    /*margin-left: 15px;
    margin-right: 15px;*/
}

#our-journy .featre-slider p {
    font-size: 21px;
    color: #000;font-weight: 300;margin-right: 15px; margin-left: 15px;
}


#our-journy .owl-carousel {
    /*display: none;*/
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
  
}



#our-journy .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#our-journy .owl-nav .owl-prev {
    position: absolute !important;
    left: -0%;
     !important;
}

#our-journy .owl-nav .owl-next {
    position: absolute !important;
    right: -0%;
     !important;
}

#our-journy .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#our-journy button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#our-journy .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#our-journy .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#our-journy .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}



/*#our-journy .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

/*free offers start*/



/*checkus-out start*/
#checkus-out{width: 100%;}

#checkus-out .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}



#checkus-out .featre-slider h2 {
    font-size: 60px;margin-bottom: 40px;
    color: #2e2d2d;
   
    /*margin-left: 15px;
    margin-right: 15px;*/
}

#checkus-out .featre-slider p {
    font-size: 21px;
    color: #000;font-weight: 300;margin-right: 15px; margin-left: 15px;
}


#checkus-out .owl-carousel {
    /*display: none;*/
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
  
}

#checkus-out .owl-carousel .item-video{  height: 500px; }

#checkus-out .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 93px;
    width: 93px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(<?php echo BASE_URL; ?>/play-button.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

#checkus-out .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

#checkus-out .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: url(<?php echo BASE_URL; ?>/images-video.png); border-radius: 6px;
    
    margin-left: 20px;
    margin-right: 20px;
}



#checkus-out .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#checkus-out .owl-nav .owl-prev {
    position: absolute !important;
    left: -0%;
     !important;
}

#checkus-out .owl-nav .owl-next {
    position: absolute !important;
    right: -0%;
     !important;
}

#checkus-out .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#checkus-out button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#checkus-out .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#checkus-out .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#checkus-out .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}



/*#our-journy .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

/*checkus-out start*/


@media only screen and (max-width: 767px) {
    .featurette h2 {
    font-size: 40px;
    color: #2e2d2d;
    width: 95%;
    margin-left: 15px;
    margin-right: 15px;
}
    #our-journy .featre-slider h2 {
    font-size: 40px;
    margin-bottom: 40px;
    color: #2e2d2d;
}

#checkus-out .featre-slider h2 {
    font-size: 40px;
    margin-bottom: 40px;
    color: #2e2d2d;
}
}


/*feedback modal start*/
.feedback1 .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.feedback1 h2 {
    font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.feedback1 .modal-header .close {
    float: right;
    font-size: 3rem;
    font-weight:200;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.feedback1 .modal-body label{ color: #545353; }

.feedback1 .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}


.feedback1 .modal-body .btn-primary {
    width: 50%;
    color: #fff;
    background-color: #CE004A!important;
    border-color: #CE004A!important;
}


.feedback1 .modal-body .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #CE004A!important;
    border-color: #CE004A!important;
}

/*feedback modal end*/


/*list your business start*/
#listyour .feed-content h2{color: #000;font-size:30px}
#listyour .feed-content p{color: #000;font-size:16px; font-weight: 400;}

#listyour .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #99002E!important;
    background-color: #fff; 
}

/*#listyour .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}*/

#listyour a {
    color: #000;
    text-decoration: none; font-size: 20px;
    background-color: transparent;
}

#listyour .nav-link {
    display: block;
    padding: 0.5rem 8rem 0 0;
}


#listyour .tab-pane label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #302f2f; font-size: 14px; font-weight: 400;margin-left: 18px;
}


#listyour .form-control {
    display: block;
    width: 100%;
    /*height: calc(1.5em + 0.75rem + 2px);*/
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.50rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#listyour .btn-primary{
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#listyour .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}



#listyour .btn-primary.active5, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}


#listyour .btn-primary{border: none;
  display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#listyour .btn-primary.listbtn {
    width: 40%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 0.60rem 0.75rem!important;
}


/* venue */
#listyour .btn-primary.venue {
    border: none;
    display: inline-block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#listyour .venue .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#listyour .venue .btn-primary.activev, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}


#listyour .venues .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#listyour .venues .btn-primary.actives, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}


#listyour .artist .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#listyour .artist .btn-primary.activear, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}


#listyour .artists .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#listyour .artists .btn-primary.activears, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}

/*venue*/


/*list your business end*/


/*account setting start*/

.prev-account-item i {
    font-size: 1em;margin: 0 20px 0 0;

    /* opacity: 0.2; */ color: #000;
}
.fa-cubes{
    color:#fbd885;
}
.fa-map-marker{
    color:#FFFF00;
}
.fa-cog{
    color:#48708d;
}
 .prev-account-item {
    /* box-shadow: 1px 1px 5px 1px #dadada; */
    margin: 5px;
     padding: 20px 25px; 
    background-color: #fff;
    /* height: auto; */
    border-radius: 20px;
    transition: .3s linear all;
    border: 1px solid #c1bdbd;
}
/* Transition to a bigger shadow on hover */
.prev-account-item:hover {
/*background: #eee;*/border: 1px solid #670025;
  
}
.prev-account-item a{
    color:#000;
} 

.prev-account-item a h5{
    color:#000;margin: 0 0 0 0;font-weight: 300;
    font-size: 14px;
 
} 
.prev-account-item a:hover { 
    text-decoration: none;
}

/*account setting end*/

/*edit profile start*/
#edit-profile .feed-content h2{color: #000;font-size:30px}
#edit-profile .feed-content p{color: #000;font-size:16px; font-weight: 400;}

#edit-profile .btn-primary.listbtn {
    width: 40%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 0.60rem 0.75rem!important;
}

#edit-profile .form-control {
    display: block;
    width: 100%;
    /*height: calc(1.5em + 0.75rem + 2px);*/
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.50rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#edit-profile .btn-primary{
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da!important;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#edit-profile .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#edit-profile .btn-primary.activeedit, .btn:hover {
   /* color: #fff;*/
   
   
    border-color:#99002E!important;
}


#edit-profile .btn-primary.listbtn {
    width: 50%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 1.2rem 0.75rem!important;
}



#edit-profile .feed-content i {
   font-size: 20px;
    margin: 0 15px;
    /* opacity: 0.2; */
    color: #000;
}

#edit-profile label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #302f2f; font-size: 14px; font-weight: 400;margin-left: 18px;
}

#edit-profile a {
    color: #000;
    text-decoration: none; font-size: 20px;
    background-color: transparent;
}
/*edit profile end*/

/*edit privacy end*/

.listgr{margin-left: 0;margin-right: 0; border:1px red solid ;}




#listgr .list-group-item {
    position: relative;
color:#545050;font-weight: 300;
    display: block;
    padding: 0.75rem 0;
    background-color: #fff;
     border: 0px solid rgba(0, 0, 0, 0.125); 
}

#edit-profile .feed-content p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

#edit-profile .radiotextsty {
  color: #A5A4BF;
  font-size: 18px;
}

#edit-profile .customradio {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
#edit-profile .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
#edit-profile .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: white;
  border-radius: 50%;
  border:1px solid #BEBEBE;
}

/* On mouse-over, add a grey background color */
#edit-profile .customradio:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
#edit-profile .customradio input:checked ~ .checkmark {
  background-color: white;
  border:1px solid #CE004A;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
#edit-profile .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
#edit-profile .customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#edit-profile .customradio .checkmark:after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #CE004A;
}

/* Custom Radio Button End*/
/*edit privacy end*/



#edit-password .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    top: -1px;
    right: 2px;
}

#edit-password .feed-content h2{color: #000;font-size:30px}
#edit-password .feed-content p{color: #000;font-size:16px; font-weight: 400;}

#edit-password  label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #302f2f; font-size: 14px; font-weight: 400;margin-left: 18px;
}


#edit-password .form-control {
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#edit-password .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
     background-color: #fff; 
     border: 1px solid #fff; 
    border-radius: 0.25rem;
    position: absolute;
    top: -8px;
    right: -8px;
}


#edit-password .btn-primary.listbtn {
    width: 50%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 1.2rem 0.75rem!important;
}

#edit-password .feed-content i {
    font-size: 20px;
    margin: 0 15px;
    /* opacity: 0.2; */
   /* color: #000;*/
}


#edit-password .btn-primary {
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


/*contact block*/

#blocked-contacts .block-box{border-radius: 5px;}

#blocked-contacts .feed-content .boxsearch {
    /*border-bottom: 1px #efefef solid;*/
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    height: 80px;
}

#blocked-contacts .feed-content .btn-outline-success {
    color: #ced4da;
    border-color: #fff;
}

#blocked-contacts .feed-content .seachdiv{ /*border: 1px #ced4da solid;*/border-radius: 0.25rem;padding: 4px 0;
} }

#blocked-contacts .feed-content .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #ced4da;
}

.btn-outline-success {
    color: #ced4da;
    border-color: #ced4da;
}


#blocked-contacts .btn-outline-success:hover {
    color: #000;
    background-color: #fff;
    border-color: #ced4da;
}








#blocked-contacts .feed-content h2 {
    color: #000;
    font-size: 30px;
}

#blocked-contacts .feed-content i {
    font-size: 20px;
    margin: 0 15px;
    /* opacity: 0.2; */
    /* color: #000; */
}



:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

#blocked-contacts button:focus {
     outline: 0px dotted; 
     outline: 0px auto -webkit-focus-ring-color; 
}

#blocked-contacts .sen.seachdiv {
   
    margin-bottom: 20px;padding: 15px 0;
}

#blocked-contacts .sen.seachdiv button {
    float: left;
    border-radius: 5px 0 0 5px;
    padding: 5px 0;
    margin-right: -1px;
    background: #fff;
    border: 0px #ddd solid;
    font-size: 14px;
    cursor: pointer;
}

#blocked-contacts .sen input[type=text] {
    padding:2px 0 2px 12px;
   width: 80%;
    font-size: 15px;
    border: none;
    border-radius: 0 5px 5px 0;
    border-left: 1px #ddd solid;
}

#blocked-contacts .block-box .card {
    position: relative; 
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
    margin: 0 18px;
    border-bottom: 1px #F4F4F6 solid;
}

/* selct vanues right page start here*/
#blocked-contacts .block-box .card-body h3{ color: #000; font-size: 16px;font-weight: 400;}
#blocked-contacts .block-box .card-body p{ color: #000; font-size: 15px;margin: 0 0 0 0;}
#blocked-contacts .block-box .card-body a{ color: #2699FB; font-size: 14px;font-weight: 500;}

.get-button a span img{margin: 0 10px 0 0;}
.get-button a{    
    color: #fff;
    font-size: 12px;
    background: #000;
   margin-top: 6px;
    padding: 5px 10px;
    display: inline-block;font-weight: 500;border-radius: 5px;text-decoration: none;
   
    }

@media only screen and (max-width: 767px) {
    #blocked-contacts .block-box .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
    margin: 0 18px;
    border-bottom: 1px #F4F4F6 solid;
    padding: 20px 0;
}

}


/*feedback modal start*/
.blo-cont .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.blo-cont h2 {
    font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.blo-cont p {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.blo-cont .modal-body .btn-primary.grey-parmary {
    width: 20%;
    color: #fff;
    margin: 0 10px;
    background-color: #A8A8A8!important;
    border-color: #A8A8A8!important;
    border-radius: 15px;
}





.blo-cont .modal-body .btn-primary {
    width: 20%;
    color: #fff;margin: 0 10px;
    background-color: #A8A8A8!important;
    border-color: #A8A8A8!important; border-radius: 15px;
}

.blo-cont .modal-body .btn-primary:active {
    width: 20%;
    color: #fff;margin: 0 10px;
    background-color: #A8A8A8!important;
    border-color: #A8A8A8!important; border-radius: 15px;
}

.blo-cont .modal-body .btn-primary:hover {
    width: 20%;
    color: #fff;margin: 0 10px;
    background-color: #CE004A!important;
    border-color: #CE004A!important; border-radius: 15px;
}


.blo-cont .modal-body .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #CE004A!important;
    border-color: #CE004A!important;
}

/*contact block*/


/*help-setting*/
#help-setting .feed-content h2 {
    color: #000;
    font-size: 30px;
}
#help-setting .feed-content i {
    font-size: 20px;
    margin: 0 15px;
    /* opacity: 0.2; */
    color: #000;
}
 #help-setting h6{ font-size: 16px ;color: #000;    font-weight: 600; }

 #help-setting p{ font-size: 16px ;color: #000;
    font-weight: 200; }

     #help-setting ul{margin: 0; padding: 15px;}

    #help-setting ul li{font-size: 16px ;color: #000;
    font-weight: 200; }

/*help-setting*/


/*my-feed start*/
/*#my-feed .my-feed-one {margin-top: 10%!important;}*/

#my-feed .my-feed-one .review-feed span {
    font-size: 13px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;
}

#my-feed .my-feed-one .review-feed h4 {
    font-size: 20px;
    color: #000;
    margin: 0 0 5px 0;
}

#my-feed .my-feed-one .review-feed {
    background-color: white;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#my-feed .my-feed-one .review-feed p{
   color: #000!important;
   font-size: 17px;margin: 0; font-weight: normal;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#my-feed .my-feed-one .review-feed p span{
   color: #2699FB;
   font-size: 17px;margin: 0; font-weight: 400;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#my-feed .my-feed-one .review-feed .fl a {
    color: #2699FB;
    font-size: 16px;
    text-decoration: none;
}


#my-feed .videofeed .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    border-radius: 10px;
    /*background: #000;*/
    background: url(<?php echo BASE_URL; ?>/myfeedthumnail.png) no-repeat;
}

#my-feed .videofeed .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 93px;
    width: 93px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(<?php echo BASE_URL; ?>/playbtn-feed.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

 #my-feed .videofeed .owl-carousel .item-video {
    height: 357px;
}

#my-feed  .videofeed .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
    !important: ;
}

#my-feed .my-feed-one .videofeed {
   width: 98%;
   
}

#my-feed .my-feed-one .soca h4 {
    font-size: 20px;
    color: #000;
    margin: 0 0 0 0;
    line-height: 24px;;
}

#my-feed .my-feed-one .soca span {
       font-size: 14px;
    color: #000;
    margin: 0 0 0 0;
    line-height: 10px;
    font-weight: 200;
}



#my-feed .videofeed .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    left: -92px;
   
}

#my-feed .videofeed .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#my-feed .videofeed .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
     !important;
}

#my-feed .videofeed .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
     !important;
}

#my-feed .videofeed .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#my-feed .videofeed button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
#my-feed .videofeed .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#my-feed .videofeed .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}


#my-feed .review-item .socilmy label {
    color: #706b6b;
    font-size: 18px;
    font-weight: 400;
}

#my-feed .review-item .socilmy label  span{
    color: #706b6b;
    font-size: 18px;
    font-weight: 400;padding-top: 10px;
    display: inline-block;
}

#my-feed .review-item .socilmy label img{
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

#my-feed .review-item h4 {
    font-size: 16px;
    color: #000;
    margin: 0 0 5px 0;
}

#my-feed .review-item .review-text {
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
    color: #343a40;
}

#my-feed .review-item p.viewall a {
    font-size: 16px;
    color: #2699FB;
    font-weight: 500;
    margin: 0 0 5px 0;
    text-decoration: none;
}

#my-feed .review-item .form-control.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.8rem;
}

#my-feed .review-item .form-control {
    display: block;
    border-radius: 20px;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#my-feed .my-feed-one .review-feed p.lasttext {
    color: #000!important;
    font-size: 16px;
    margin: 0;
    font-weight: normal;
    /* box-shadow: 1px 1px 5px #343a40; */
}



/*#my-feed .my-feed-one .ghuest-attending img{padding: 0 5px 10px 0;}*/

#my-feed .my-feed-one .ghuest-attendingsecond img{border-radius: 10px!important;}


#my-feed .rating-bg{width: 22%;
    background: #33D051;
    color: #fff;    height: 50px;
    border-radius: 10px;
    display: flex;
    font-size: 10px;
    justify-content: center;
    align-items: center;
    text-align: center; }

    #thirdsoc .arse{}

    #thirdsoc .arse .rating-bg img{width: 15px;}

    #thirdsoc .arse .rating-bg a{ text-decoration: none; }

    #thirdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #thirdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
    #thirdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #thirdsoc .arse h4{color: #000; font-size: 17px;}
    #thirdsoc .arse p{color: #000; font-size: 14px; font-weight: 300;}


    .review-item .socil img{margin: 0 20px 0 0;}


#thirdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#thirdsoc .socil label img {
    margin: 0 10px 0 0;
}


#my-feed .socilmy label {
    color: #706b6b;
    font-size: 18px;
    font-weight: 400;
}

#my-feed .socilmy label  span{
    color: #706b6b;
    font-size: 18px;
    font-weight: 400;padding-top: 10px;
    display: inline-block;
}

#my-feed .socilmy label img{
    color: #000;
    font-size: 14px;
    font-weight: 500;
}



#fourthdsoc .arse .rating-bg img{width: 15px;}

    #fourthdsoc .arse .rating-bg a{ text-decoration: none; }

    #fourthdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #fourthdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #fourthdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #fourthdsoc .arse h4{color: #000; font-size: 17px;}
    #fourthdsoc .arse p{color: #000; font-size: 14px; font-weight: 300;}


    .review-item .socil img{margin: 0 20px 0 0;}


#fourthdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#fourthdsoc .socil label img {
    margin: 0 10px 0 0;
}

#fourthdsoc p {
    color: #000!important;
    font-size: 14px;
    margin: 0;
    font-weight: bold;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#fourthdsoc p.lasttext {
    color: #000!important;
    font-size: 16px;
    margin: 0;
    font-weight: bold;
    /* box-shadow: 1px 1px 5px #343a40; */
}




#fourthdsoc .videofeedsec {
    width: 96%;
}


#fourthdsoc .videofeedsec .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    border-radius: 10px;
    /*background: #000;*/
    background: url(<?php echo BASE_URL; ?>/myfeedthumnail.png) no-repeat;
}

#fourthdsoc .videofeedsec .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 93px;
    width: 93px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(<?php echo BASE_URL; ?>/playbtn-feed.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

 #fourthdsoc .videofeedsec .owl-carousel .item-video {
    height: 357px;
}

#fourthdsoc .videofeedsec .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
    !important: ;
}

#fourthdsoc .videofeedsec .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    left: -92px;
   
}

#fourthdsoc .videofeedsec .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#fourthdsoc .videofeedsec .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
     !important;
}

#fourthdsoc .videofeedsec .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
     !important;
}

#fourthdsoc .videofeedsec .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#fourthdsoc .videofeedsec button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
#fourthdsoc .videofeedsec .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#fourthdsoc .videofeedsec .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#fourthdsoc .text-secondary.ptext{color: #000!important;
    font-size: 17px;
    font-weight: 400;}




    #fivethdsoc .arse .rating-bg img{width: 15px;}

    #fivethdsoc .arse .rating-bg a{ text-decoration: none; }

    #fivethdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #fivethdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #fivethdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #fivethdsoc .arse h4{color: #000; font-size: 23px;}
    #fivethdsoc .arse p{color: #000; font-size: 17px; font-weight: 300;}
    #fivethdsoc .arse p span{color: #000; font-size: 14px; font-weight: 300;}



    .review-item .socil img{margin: 0 20px 0 0;}


#fivethdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#fivethdsoc .socil label img {
    margin: 0 10px 0 0;
}

#fivethdsoc p {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: 300;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#fivethdsoc p span.offercos{
    color: #000!important;
    font-size: 15px;
    margin: 0;
    font-weight: 300;
    margin: 0 8px 0 0;
    border-radius: 5px;
    height: -3px;
    line-height: 39px;
    padding: 4px 8px;
    color: #fff;
    background: #FDFD3A;
    /* box-shadow: 1px 1px 5px #343a40;*/
}


#fivethdsoc p a {
    color: #000!important;
    font-size: 18px;
    margin:0 25px 0 0; text-decoration: none;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#fivethdsoc p.lasttext {
    color: #000!important;
    font-size: 17px;
    margin: 0;
    font-weight: bold;
    /* box-shadow: 1px 1px 5px #343a40; */
}



  #sixthdsoc .arse .rating-bg img{width: 15px;}

    #sixthdsoc .arse .rating-bg a{ text-decoration: none; }

    #sixthdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #sixthdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #sixthdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #sixthdsoc .arse h4{color: #000; font-size: 23px;}
    #sixthdsoc .arse p{color: #000; font-size: 13px; font-weight: 300;}
    #sixthdsoc .arse p span{color: #000; font-size: 14px; font-weight: 300;}



    .review-item .socil img{margin: 0 20px 0 0;}


#sixthdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#sixthdsoc .socil label img {
    margin: 0 10px 0 0;
}

#sixthdsoc p {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: 300;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#sixthdsoc p strong {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#sixthdsoc p span{
    color: #000!important;
    font-size: 15px;
    margin: 0;
    font-weight: 300;
    margin: 0 8px 0 0;
    border-radius: 5px;
    height: -3px;
    line-height: 39px;
    padding: 4px 8px;
    color: #fff;
    background: #FDFD3A;
    /* box-shadow: 1px 1px 5px #343a40;*/
}


#sixthdsoc p a {
    color: #000!important;
    font-size: 18px;
    margin:0 25px 0 0; text-decoration: none;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#sixthdsoc p.lasttext {
    color: #2699FB!important;
    font-size: 18px;
    margin: 0;
    font-weight:500;
    /* box-shadow: 1px 1px 5px #343a40; */
}






  #seventhdsoc .arse .rating-bg img{width: 15px;}

    #seventhdsoc .arse .rating-bg a{ text-decoration: none; }

    #seventhdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #seventhdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #seventhdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #seventhdsoc .arse h4{color: #000; font-size: 23px;}
    #seventhdsoc .arse p{color: #000; font-size: 13px; font-weight: 300;}
    #seventhdsoc .arse p span{color: #000; font-size: 14px; font-weight: 300;}



    .review-item .socil img{margin: 0 20px 0 0;}


#seventhdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#seventhdsoc .socil label img {
    margin: 0 10px 0 0;
}

#seventhdsoc p {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: 300;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#seventhdsoc p strong {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#seventhdsoc p span{
    color: #000!important;
    font-size: 15px;
    margin: 0;
    font-weight: 300;
    margin: 0 8px 0 0;
    border-radius: 5px;
    height: -3px;
    line-height: 39px;
    padding: 4px 8px;
    color: #fff;
    background: #FDFD3A;
    /* box-shadow: 1px 1px 5px #343a40;*/
}


#seventhdsoc p a {
    color: #000!important;
    font-size: 18px;
    margin:0 25px 0 0; text-decoration: none;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#seventhdsoc p.lasttext {
    color: #2699FB!important;
    font-size: 18px;
    margin: 0;
    font-weight:500;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#eightthdsoc .arse .rating-bg img{width: 15px;}

    #eightthdsoc .arse .rating-bg a{ text-decoration: none; }

    #eightthdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #eightthdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #eightthdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #eightthdsoc .arse h4{color: #000; font-size: 23px;}
    #eightthdsoc .arse p{color: #000; font-size: 13px; font-weight: 300;}
    #eightthdsoc .arse p span{color: #000; font-size: 14px; font-weight: 300;}



    .review-item .socil img{margin: 0 20px 0 0;}


#eightthdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#seventhdsoc .socil label img {
    margin: 0 10px 0 0;
}

#eightthdsoc p {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: 300;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#eightthdsoc p strong {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#eightthdsoc p span{
    color: #000!important;
    font-size: 15px;
    margin: 0;
    font-weight: 300;
    margin: 0 8px 0 0;
    border-radius: 5px;
    height: -3px;
    line-height: 39px;
    padding: 4px 8px;
    color: #fff;
    background: #FDFD3A;
    /* box-shadow: 1px 1px 5px #343a40;*/
}


#eightthdsoc p a {
    color: #000!important;
    font-size: 18px;
    margin:0 25px 0 0; text-decoration: none;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#eightthdsoc p.lasttext {
    color: #2699FB!important;
    font-size: 18px;
    margin: 0;
    font-weight:500;
    /* box-shadow: 1px 1px 5px #343a40; */
}




/*#my-feed a.createbtn{color: #CE004A; text-align: center;
    text-decoration: none;
    border: 1px #edeaea solid; font-size: 17px;
    padding: 10px 20px;width: 325px;display: block;
   
   
    border-radius: 5px; border: 1px red solid;}*/

 /*#my-feed .gallerybox{background: #fff;width: 325px;}  */
 #my-feed .gallerybox a.createbtn{color: #CE004A; text-align: center;
    text-decoration: none; border: 1px #edeaea solid; font-size: 17px;padding: 10px 20px;display: block; border-radius: 5px;}
#my-feed .gallerybox .card-img-overlay h4.card-title{font-size: 11px;line-height: 12px; font-weight: 400; margin: 0;}
#my-feed .gallerybox .card-img-overlay p.card-text{font-size: 9px;font-weight: 400;}
#my-feed .gallerybox .card-img-overlay { position: absolute; top: 84px; right: 0; left: 0;padding: 1.25rem;border-radius: calc(0.25rem - 1px);}
#my-feed .gallerybox .card-img-overlays { position: absolute; top: -18px;right: -12px; left: 0;padding: 1.25rem;border-radius: calc(0.25rem - 1px);}

#my-feed .gallerybox .card-img-top {filter: brightness(70%);
   }

 #my-feed .gallerybox a.crfollow{    color: #2699FB;text-align: center;text-decoration: none;display: block; font-size: 17px;  font-weight: 500;}
 #my-feed .gallerybox a.crfollowdselect{    color: #7A7A7A;text-align: center;text-decoration: none;display: block; font-size: 17px;  font-weight: 500;}

 #my-feed .gallerybox .card .card-img-overlays .close1 { background: url(<?php echo BASE_URL; ?>/closetn.png); width: 17px ; height: 17px;
    float: right; cursor: pointer;}

#my-feed .gallerybox .card .card-img-overlays  .close1 {
    padding: 0;
    background-color: transparent; font-size: 0;
    border: 0;
}

#my-feed .gallerybox .gallery-image{width: 100%; }

#my-feed .gallerybox .gallery-image h3{font-size: 18px; color: #000;margin: 10px 0;width: 100%;
    text-align: center; }


#my-feed .gallerybox .card .card-img-overlays button:focus {
     outline: 0px dotted; 
     outline: 0px auto -webkit-focus-ring-color; 
}







 

 

/*button{
  position: absolute;
  z-index: 1;
  right: 0;
}
img {
  position: relative;
  width: 100%;
}
*/


/*my-feed start*/



























.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1400px;
}