/* header */
.topBar {
    background-color: #296BC9;
    font-size: 18px;
}

.form-select {
    background-image: url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 9l8 8l8-8" /></svg>') !important;
}

.form-select:focus {
    box-shadow: none;
}

.langSelect{
    width: 115px;
}

.autoComplete_wrapper>ul>li mark {
    color: #296BC9 !important;
}

.autoComplete_wrapper>ul>li:hover {
    cursor: pointer;
    background-color: rgba(41, 107, 201, .15) !important;
}

.dropdown-toggle,
.dropdown-toggle:active,
.dropdown-toggle:focus-visible,
.dropdown-toggle:focus {
    border: none;
}

.navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.nav-link,
.dropdown-toggle {
    font-size: 15px;
    margin : 0px 8px;
    font-family: "Raleway", sans-serif;
}

.buyBtn {
    background-color: #296BC9;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    padding: 8px 16px !important;
    font-size: 18px;
}

.buyBtn:hover {
    background-color: #296BC9;
    color: #ffffff;
}

.navbar-nav li .nav-link:hover::after,
.dropdown-item:hover::after,
.dropdown:hover::after {
    width: 100%;
}

.navbar-nav li .nav-link,
.dropdown-item,
.dropdown {
    position: relative;
}

.navbar-nav li .nav-link::after,
.dropdown-item::after,
.dropdown::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background-color: #fff;
    transition: width 0.3s ease;
}

.dropdown-menu {
    background-color: #296BC9;
    border: none;
    padding: 0 !important;
}

.dropdown-menu a {
    color: #ffffff;
    padding: 12px 14px;
    font-size: 18px !important;
    text-transform: uppercase;
}

.dropdown-menu a:hover {
    color: #ffffff;
    background-color: transparent;
}
/* footer */
.footer-bg{
    background-color: #E6E6E6;
    padding: 40px 20px 16px;
}
.footerCol2 h3, .footerCol3 h3{
    margin-top: 20px;
}
.footerCol2 a, .footerCol3 a{
    font-size: 18px;
}
@media screen and (min-width: 768px) {
    .footerCol1{
        width: 29%;
        padding: 27px 84px 0 1px;
    }
    .footerCol2{
        width: 36%;
    }
    .footerCol3{
        width: 33.33%;
    }
}
.footer-bg .nav-link:hover::after, .footer-bg .dropdown-item:hover::after, .footer-bg .dropdown:hover::after {
    width: 0!important;
}
.footer-bg .nav-link, .footer-bg .dropdown-toggle{
    color: #4d4d4d!important;
}
.footer-bg .nav-link, .footer-bg .dropdown-toggle{
    font-size: 16px!important;
    font-family: "Poppins", sans-serif;
}
.footer-bottom{
    background-color: #296BC9;
    padding: 13px 20px 10px;
}
.footer-bottom p{
    font-size: 18px;
}
.footerIcon{
    width: 26px!important;
    height: 30px!important;
    background-color: #296BC9;
    border-radius: 2px;
    margin-right: 12px;
}
.container {
    max-width : 1440px !important; 
    margin : 0 auto !important;
}


/* Slider Notification */
#slideNotification.isError {
    background: #f16565;
}

#slideNotification.isSuccess {
    background: #74b94a;
}

#slideNotification.isInfo {
    background: #089ec0;
}

#slideNotification {
    line-height: 1.5em;
    z-index: 999999;
    max-width: 320px;
    width: 100%;
    position: fixed;
    top: 10px;
    right: 0;
    border-radius: 8px 0px 0px 8px;
    padding: 4px 12px;
    color: #fff;
    transform: translateX(100%);
    transition: all 400ms ease-out;
}

#slideNotification.slider {
    transform: translateX(0%);
}

#slideNotification .flexMain {
    display: flex;
    align-items: center;
}

#slideNotification #notifHeading {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

#slideNotification #notifText {
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
}

#slideNotification #notifType {
    font-size: 2em;
}

#slideNotification .fa-times {
    cursor: pointer;
    float: right;
    margin-top: 12px;
}

#slideNotification #errorIcon,
#slideNotification #successIcon,
#slideNotification.isError #successIcon,
#slideNotification.isSuccess #errorIcon {
    display: none;
}

#slideNotification.isSuccess #successIcon,
#slideNotification.isError #errorIcon {
    display: block;
}



/* Loading Logo Spinner */
#loadingSpinnerWrap {
    display: none;
    position: relative;
    z-index: 99999;
}

#loadingSpinner {
    background: rgba(0, 0, 0, 0.824);
    z-index: 999;
}

#rotator {
    border: 2px solid #f7864e;
    border-top: 2px solid #45454500;
    border-bottom: 2px solid #121212;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: rtr 1s infinite linear;
    margin-top: -120px;
}
#rotatorImage {
    animation : beat 500ms infinite linear;
}
@keyframes beat {
    0%,100% { opaicty: 1  }
    50% { opacity :0.3}
}

@keyframes rtr {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


#loadingSpinner,
#progressWrap {
    display: none;
    z-index: 848;
    background: rgba(0,0,0,0.7);
}

/* Single Event Map */
#map {
  height: 500px;
  width: 100%;
}
.gm-style .gm-style-iw-c{
  padding-left: 0;
  outline: none;
}
.gm-style .gm-style-iw-d{
  margin-top: -48px;
  margin-right: -18px;
  margin-bottom: -12px;
  width: 300px;
}
.gm-style-iw-c:focus-visible, .gm-style-iw-c:focus{
  outline: none;
}
.gm-style-iw-chr button{
    width: 40px!important;
    height: 40px!important;
}
.gm-style-iw-chr button span{
    margin: 8px!important;
}
.event-map-title{
    font-size: 17px;
}