:root {
    --main-color:#bd434f;
    --text-main-color:#bd434f;
    --black-color:#222222;
    --light-black-color:#3b3b3b;
    --light-grey-color:#848484;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

.ff-ACaslonPro-Regular{
   /* font-family: 'ACaslonPro-Regular' , sans-serif !important;*/
}

.fs-12px {
    font-size: 12px !important;
}

.fs-13px {
    font-size: 13px !important;
}

.fs-14px {
    font-size: 14px !important;
}

.fs-15px {
    font-size: 15px !important;
}

.fs-16px {
    font-size: 16px !important;
}

.fs-18px {
    font-size: 18px !important;
}

.fs-21px {
    font-size: 21px !important;
}

.fs-28px {
    font-size: 28px !important;
}

.fs-30px {
    font-size: 30px;
}

.fs-50px {
    font-size: 50px !important;
}

button:focus{
    box-shadow: none !important;
}

select:focus {
    border:none !important;
    box-shadow: none !important;
    outline: none !important;
}

input:focus {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
}

input::placeholder {
    color:#ddd !important;
}

input[name="date"]{
    cursor: pointer;
}

input[name="date"]::placeholder {
    color:#3B3B3B !important;
    font-size: 15px !important;
}

.img-event img{
    width: 100%;
    height: 100%;
}


ul {
    list-style: none;
}


.opacity-3 {
    opacity: 0.3;
}

.light-grey-color {
    color: var(--light-grey-color);
}

.text-main-color {
    color: var(--text-main-color);
}

.border-text-main-color {
    border:1px solid var(--text-main-color);
}

.border-light-grey-color {
    border:1px solid var(--light-grey-color) !important
}

.border-bottom-light-grey-color{
    border-bottom:2px solid var(--light-grey-color) !important
}

.bg-text-main-color {
    background: var(--text-main-color) !important;
}

.bg-header-img {
    position: absolute;
    /*background-image: url(../images/background/jpg/bg-header-1-1.jpeg?t=1.1);
    background-size: cover;*/
    width: 100%;
    height: 200px;
}

.bg-header-img-v {
    position: absolute;
    background-size: cover;
    width: 100%;
    height: 400px;
}


.bg-img-p:after {
    background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,#fff 100%);
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
}

.box-shadow {
    box-shadow: 0px 0px 60px -16px rgb(0 0 0 / 10%) !important;
}

.dark-overlay {
    background-color: rgba(0,0,0,0.4);
    top:0;
    left: 0;
    width: 100%;
    height: 200px;
}

.dark-overlay-v{
    background-color: rgba(0,0,0,0.4);
    top:0;
    left: 0;
    width: 100%;
    height: 400px;
}


.icon-tw-grey {
    display: inline-block;
    background: transparent url(../images/icons/icon-tw-grey.svg) center center no-repeat;
    width: 15px;
    height: 15px;
}

.icon-fb-grey {
    display: inline-block;
    background: transparent url(../images/icons/icon-fb-grey.svg) center center no-repeat;
    width: 15px;
    height: 15px;
}

.icon-map-grey {
    display: inline-block;
    background: transparent url(../images/icons/icon-map-grey.svg) center center no-repeat;
    width: 25px;
    height: 25px;
}

.icon-checkout {
    display: inline-block;
    background: transparent url(../images/icons/icon-checkout.svg) center center no-repeat;
    width: 15px;
    height: 15px;
}

.icon-list-grey {
    display: inline-block;
    background: transparent url(../images/icons/icon-list-grey.svg) center center no-repeat;
    width: 25px;
    height: 25px;
}

.icon-th-grey {
    display: inline-block;
    background: transparent url(../images/icons/icon-th-grey.svg) center center no-repeat;
    width: 25px;
    height: 25px;
}

.icon-arrow-down {
    display: inline-block;
    background-image:  url(../images/icons/arrow-down.png);
    width: 30px;
    height: 30px;
    background-size: cover !important;
    transition: all .25s;
}

.icon-close {
    display: inline-block;
    transform: rotate(180deg);
    transition: transform .25s;
    background-image: url(../images/icons/close.png);
    width: 30px;
    height: 30px;
    background-size: cover !important;
}

.bg-main-color {
    background-color:var(--main-color) !important;
}

.bg-white {
    background: white !important;
    opacity: 1 !important;	
}

.justify-content-start .bg-white {
	min-height:340px;
}

.justify-content-start .bg-white .img-event{
	min-height:120px;
	max-height: 220px;
    overflow: hidden;
    position: relative;
}

.bookNowBtn:hover {
    background-color: var(--text-main-color);
    color: white !important;
}

.event-tabs ul li:nth-of-type(odd) {
    background: #f7f7f5;
}

/* start date */
.numInputWrapper {
    display: none !important;
}
.flatpickr-calendar {
    width: 320px !important;
    padding: 7px !important;
}

.flatpickr-month {
    text-align: start !important;
    display: flex;
    align-items: center;
    padding: 18px 0 !important;
}

.flatpickr-day {
    margin:8px 0 0 0 !important;
}

.flatpickr-current-month{
    width: inherit !important;
    left: inherit !important;
}

.flatpickr-current-month select{
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-family: 'AvenirLTStd-Roman' ,sans-serif !important;
    color: #6b7897 !important;
    appearance: none !important;
}

.flatpickr-current-month select:hover {
    background: inherit !important;
}

.flatpickr-months .flatpickr-prev-month {
    right:36px !important;
    left: inherit !important;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top:inherit !important;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    fill: #3B3B3B !important;
    width: 12px !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: inherit !important;
    width: 12px !important;
}

.flatpickr-weekdays{
    padding: 24px 0 !important;
    text-transform: uppercase !important;
}

/* end date */
.modal-backdrop {
    background-color: #2c2c2c !important;
}

.modal-backdrop.show {
    opacity: 0.95 !important;
}

.bgAddbtn ,.bgSubbtn{
    background: #ddd !important;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
}

.btn-close {
    padding: 0.65rem !important;
    background-color: hsla(0,0%,100%,.2) !important;
    opacity: 1 !important;
	color:#fff!important;
}

.modal.modal-static .modal-dialog {
    transform: scale(1) !important;
}

[class^="hvr-"] {
    margin: 0.4em;
    padding: 1em;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
}

.hvr-sweep-to-bottom,.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;

}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--text-main-color);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active,.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: var(--text-main-color);
}
    
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    border:1px solid var(--text-main-color);
}
            
.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left:-1px;
    right: 0;
    bottom: -1px;
    background: var(--text-main-color);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    border:1px solid var(--text-main-color) !important;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.img-top {
    margin-top: -180px !important;
}
@media only screen and (max-width:768px) {
    .img-top {
        margin-top: 0 !important;
    }
}
.event-tabs{
	margin-bottom:100px;
}
.itemsView .img-event > img{
	/*max-height: 140px;*/
}
#staticBackdrop .event_date{
	padding-left:10px;
}
.price{
	font-size:14px;
	color:#bd434f;
	font-weight:500;
}

.event-desc{
	color:#fff!important;
	font-size:14px!important;
	width:60%;
	
}
.bookNowBtn{
 text-transform:uppercase;
}

.sold-out{
	color:red;
}

.event-description span{
	color:#fff!important;
}

.event-description p{
	color:#fff!important;
}

.event-description p > font{
	color:#fff!important;
}

.title-padd{
	padding:80px 0px 20px;
	font-size:46px;
}

.date-padd{
	font-size:21px;
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    .img-top {
        margin-top: -100px !important;
    }
}
@media only screen and (max-width:600px) {
    .event-desc {
		width: 100%;
	}
		
	.itemsView .img-event > img{
		max-height: 220px!important;
		width:auto;
		max-width:none;
	}
	.title-padd{
		padding:100px 0px 20px;
		font-size:24px;
	}
}
/** update code event filters*/

.section-head h2 {
    margin-bottom: 0;
    font-size: 24px;
    letter-spacing: 2px;
}
.events-filter select, .events-filter .select2 .select2-selection, .events-filter input, .faq-filter select, .faq-filter .select2 .select2-selection, .faq-filter input {
    width: 100%;
    border: 1px solid #bdbdbd;
    margin: 6px 15px;
    letter-spacing: 3px;
    font-size: 16px;
    text-align: center;
    text-align-last: center;
    text-align: -webkit-center;
    color: #757575;
    height: 46px;
    display: block;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.events-form-element input[type=text]:focus {
    border-color: #737373 !important;
}
/* .events-filter select {
    background-color: transparent;
} */
/* .events-filter select{
    padding: 11px 30px 11px 0;
}
.events-filter select{
    padding-left: 20px !important;
} */
.events-form-element input{
    outline: none;
}
.events-form-element .daytime-filter:focus{
    border-color: #737373 !important;
}
select.daytime-filter:focus {
    border: 0.1px solid #bcbcbc !important;
}


@media only screen and (min-width: 768px) {
.section-head .events-filter {
    display: flex;
    justify-content: end;
    flex-grow: 1;
}
.events-form-element:after, .faq-form-element:after {
    height: 1px;
    width: 25px;
    background: #bdbdbd;
    content: ' ';
    position: absolute;
    right: -28px;
    top: 50%;
    margin-top: 2px;
}
.events-form-element, .faq-form-element {
    position: relative;
}
.events-filter .events-form-element, .faq-filter .events-form-element {
    width: 50%;
    padding: 0 15px;
}
.events-form-element:nth-child(2):after,
.faq-form-element:nth-child(1):after {
display: none;
}
.events-form-element:nth-child(3):after,
.faq-form-element:nth-child(2):after {
display: none;
}
}
@media screen and (min-width: 800px) {
.events-form-element:after, .faq-form-element:after {
    right: -27px;
}
}
@media only screen and (min-width: 992px) {
.section-head {
    display: flex;
    align-items: center;
}
}
@media screen and (min-width: 1200px) {
.events-filter .events-form-element, .faq-filter .events-form-element {
    width: 50%;
    padding: 0 15px;
}
.events-filter select, .events-filter input, .faq-filter select, .faq-filter input {
    font-size: 14px;
}

}

@media only screen and (max-width: 991px) {
    .section-head h2 {
        text-align: center;
        margin-bottom: 20px;
    }
  .main-event{
  	align-items: flex-start !important;
  }
}

@media only screen and (max-width: 768px) {
.events-filter select, .events-filter .select2 .select2-selection, .events-filter input, .faq-filter select, .faq-filter .select2 .select2-selection, .faq-filter input {
    margin: 6px 0px;
}
.main-event{
	display: block !important;
}
.main-sub-event{
	display: block !important;
}
}