body{
    font-family: 'Open Sans', sans-serif !important;

}
.site-header{
    left: 0px;
    right: 0px;
    background: #FFFFFF;
}
@media screen  and (min-width: 83.56rem){
    .signInSignUp{
        margin-right: -65px!important;
      }
}
.site-footer{
    position: absolute;
    background:#fff;
    height:unset !important;
    left: 0px;
    right: 0px;
    background: #FFFFFF;
    padding-bottom:50px;
    padding-top:50px;
}
.serachEvent{
    /*border: 1px solid #bababa;*/
    border: 2px solid #ECECEC;
    /*color: #2c2c2c;*/
    font-size: 16px;
    height: 40px;
    /*width: 100%;*/
    width: 80%;
    border-radius: 25px;
    background: white;
    padding-left: 20px;
    padding-right: 32px;
    font-family: inherit;
}
.pe-none{
    pointer-events: none;
}
.signInButton{
    /*height: 45px;*/
    height: 35px;
    border: none;
    background: #FD6568;
    color: #FFF;
    font-size: 17px;
    padding: 8px 38px;
    font-weight: 600;
    border-radius: 25px;
    font-family: inherit;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.orgHeading{
    font-size: 18px;
    line-height: 25px;
}
.orgText{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    width: 210px;
    margin: auto;
    color: #1E1E1E;
}
.signUpButton{
    /*height: 45px;*/
    height: 35px;
    border: none;
    background: #FD6568;
    color: #FFF;
    font-size: 17px;
    padding: 8px 38px;
    font-weight: 600;
    border-radius: 25px;
    font-family: inherit;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -3px;
}
.bannerImageOverlay{
    position: absolute !important;
    width: 590px !important;
    /*height: 266px;*/
    height: 234px;
    top: 40px;
    background:rgba(255,255,255, 0.9);
    border-radius: 0px 6px 6px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bannerText{
    /*text-align: center;*/
    /*margin-top: 14%;
    margin-left: 10%;*/
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    flex-direction: column;
}
.bannerText2{
    /*margin-top: 14%;*/
    margin-top: 10%;
    margin-left: 10%;
}

.createEventButton{


     height: 45px;
    border: none;

    font-size: 17px;
    padding: 8px 38px;
    font-weight: 600;
    border-radius: 25px;
    font-family: inherit;
    background: #FD6568;
    color: #FFF;
}

.eventBtn{
    opacity: 1;
    background-color:#FD6568;
    border: none !important;
    background: #FD6568 !important;
    color: #FFF !important;
    font-size: 14px !important;
    padding: 3.79px 29px !important;
    font-weight:600 !important;
    border-radius: 25px !important;
    font-family: inherit !important;
}
.banner2{
    background-color: #FED8C6;
    width: 460px !important;
    top: 35px !important;
    display: initial !important;
    left: 0px !important;
    opacity: 0.9;
}
.featuredContent{
    display: flex;
    margin: 0 auto;
}
.nav .nav-item .nav-link{
    color: black;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
}
.mainTab .nav-item .nav-link.active{
    border-bottom: 3px solid #EB5757;
    color: black;
    border-color: #EB5757 #EB5757 #fff;
    border-bottom: 4px solid #EB5757;
}
.searchIcon{
    position: absolute;
    height: 40px;
    /*right:0;*/
    right:90px;
    top: 0px;
    background: #FED8C6;
    border-radius: 22.5px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.searchIcon i{
    /* position: absolute; */
    /* height: 45px; */
    /* left: 15px; */
    /* top: 15px; */
    color: black;
    /* right: 579px !important; */
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 12px 0px;
    font-weight: bold;
    /* font-size: 17px; */
}
.profileImg{
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    object-fit: cover;
}
.detailWidth{
    width:800px !important
}
.flexnone{
    flex:0 !important;
}
.commonDetailfont{
    font-family: Open Sans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;

/* or 157% */
letter-spacing: 0.01em;

color: #3B3B3B;

}
.helpfulText{
    font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 19px;
/* identical to box height */

display: flex;
align-items: center;

color: #000000;
}
.eventVideodesc{
    font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 27px;
display: flex;
align-items: center;

color: #000000;
}
.eventTitlefont{
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.004em;

    color: #000000;

}
.sharetagfont{
    font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 19px;
/* identical to box height */

display: flex;
align-items: center;

color: #000000;


}
.userLocation{
    font-family: Open Sans;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 18px;
/* identical to box height */

display: flex;
align-items: center;

/* Text/Icon DarkGray */

color: #9C9C9C;

}
.commentuserName{
    font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 19px;
/* identical to box height */

display: flex;
align-items: center;

color: #000000;
}
.eventSpeakfont{
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 19.07px;

    /* Text Black */
    color: #1E1E1E;


}
.eventCommentfont{
    font-family: Open Sans;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 22px;

/* or 157% */
letter-spacing: 0.01em;

color: #000000;


}
.speakfont{
    font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 25px;

/* Text Black */
color: #1E1E1E;
}
.orgfont{
    font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;

/* Text/Icon DarkGray */
color: #9C9C9C;


}
.userName{
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}
.featuredHeading {
font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 33px;
}
.dateStr{
font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 19px;
}

.eventFeatureTitle{
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 33px;
}
.eventTitle {
    line-height: 19px !important;
    min-height: 48px;
}
.eventDesc {
    font-size: 13px !important;
    line-height: 18px !important;
}
.seemore{
    margin: 20px 0px;
    background: #FFFFFF;
    height: 45px;
    border: none;

    font-size: 17px;
    padding: 8px 38px;
    font-weight: 600;
    border-radius: 25px;
    font-family: inherit;
}
.center-menu{
    left:21px !important
}
.seemore:hover{
    background-color: #FED8C6;
}
.helpQuestion{
    font-size: 17px;
}
/* .ticketBox{
    padding-left: 59px !important;
}
@media screen and (max-width:1000px) {
    .ticketBox{
        padding-left: 0px !important;
    }
} */
 @media only screen and (max-width:768px ) {
     .speakerProfileLogo {
         margin-left: 0% !important;
     }
     .speakersHeading {
        margin-left: 0% !important;
     }

 }
 @media only screen and (max-width:1200px ) {
     .marginLeft {
         margin-left: 2%;
     }
 }
.communityHeader{
    margin-top: 10%;
    margin-left: 10%;
}
.communityText{
    margin-left: 10%;
    color: black;
    margin-right: 15%;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    max-width: 328px;
}
@media (min-width: 1200px) {
    .homepagecontainer {
      max-width: 1119px !important;
    }
  }


    .communityImg {
        padding: 32px 98px 35px 10px;
    }

.site-footer a, .site-footer a:hover{
    color: black;
}
.freeTextSpanClass{
    background-color: white;
    position: absolute;
    width: 62px;
    height: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9C9C9C;
    border-radius: 4px;
    left: 5%;

    font-weight: bold;
    font-size: 12px;
}
.likeButtonSpan{
    position: absolute;
    height: 37px;
    width: 37px;
    top: 10px;
    background: #FFFFFF;
    opacity: 0.9;
    right: 5px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.likeButtonSpan i{
            /*margin-left: 9px;
            margin-top: 9px;*/
            /*color:red;*/
            color:#9C9C9C;
}
.locationDropDown{
            border-radius: 20px !important;
            background-color: white;
            width: 207px;
            float: right;
            text-align: left !important;
}
.signUpButton , .signInButton{
            padding: 8px 10px;
            font-style: normal;
            font-weight: bold;
            font-size: 13px;
            line-height: 18px;
}
.mainTab{
    /*border-bottom: unset !important;*/
}
.mainHomePageContainer{
    padding-top: 30px !important;
}
.center-menu{
    left: 4px !important;
}



.dot{
    background: #FD6568;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    display: inline-block;
}
.dot1{
    background: #FED8C6;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    display: inline-block;
}
.carousel-indicators {
    justify-content: flex-end !important;
    margin-right: 3% !important;
    bottom: 0px !important;
}
.carousel-indicators li{
    width: 15px !important;
    height: 15px !important;
    margin-right: 8px !important;
    margin-left: 5px !important;
    border-radius: 50%;
}
.carousel-indicators .active{
    background-color: #FED8C6 !important;
    /*border: 4px solid #FFFFFF;*/
}
.carousel-indicators li::before {
    position: absolute;
    top: -3px !important;
    left: -3px !important;
    display: inline-block;
    width: 22px !important;
    height: 22px !important;
    content: "";
    background: white !important;
    z-index: -9 !important;
    border-radius: 50% !important;
}
.featuredContent{
    display:flex;
    justify-content:center;
}
.Pmobmargin{
    margin-top:20px;
    margin-bottom:10px;
    margin-left:40px;
}
.featureDesc {
font-family: Open Sans;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
}
.allContent {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
}
.footer-menu-first-column{
    display:flex;
    flex-direction:column;
}
.footer-menu-second-column{
    display:flex;
    flex-direction:column;
}
.footer-menu-third-column{
    display:flex;
    flex-direction:column;
}
.newloginform{
    background: #FFFFFF;
    border: 2px solid #ECECEC;
    box-sizing: border-box;
    border-radius: 6px;
}
.ForRemember{
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    text-transform: capitalize;
    align-items: center;
    color:#9c9c9c;
}
[class*="icheck-material"] > input:first-child + label::before, [class*="icheck-material"] > input:first-child + input[type="hidden"] + label::before{
border: 2px solid #ECECEC !important;
box-sizing: border-box !important;
border-radius: 6px !important;
}
.sign-in-button{
    display:flex;
    align-items:center;
    align-content:center;
    padding:unset !important;
}
.sign-in-button .col-md-6{
    padding:unset !important;
}
.SignUpLink{
    display: flex;
    align-items:center;
    justify-content:center;
}
.New-Login{
    background: #FD6568 !important;
    font-family: Open Sans !important;
    font-style: normal  !important;
    font-weight: bold  !important;
    font-size: 14px  !important;
    line-height: 19px  !important;
    display: flex  !important;
    border-color:unset !important;
    text-transform:capitalize !important;
    justify-content: center  !important;
    align-items: center  !important;
    padding: 12px 50px  !important;
    text-align: center  !important;
    width: auto  !important;
    color: #FFFFFF  !important;
    border-radius: 25px  !important;
 }
 .SignUpSocial{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
 .LetsStart-Section, .LetsStartOrgReg-Section{
    display:flex;
    align-items:center;
    align-content:center;
}
.icon-magnifier:before{
    font-size: 18px;
}
.eventDateTimeBox{
    width: 45%;
    padding: 5px 10px;
    background-color: white;
    height: 30px;
    border-radius: 6px;
}
.eventCategoryTag{
    width: 90%;
    padding: 5px 10px;
    background-color: white;
    margin: 0 auto;
    border-radius: 6px;
}
.eventDetailCardBody{
    padding: 25px 0px !important;
    border-radius: 6px;
}
.ticketBoxes{
    background-color: #C4C4C4;
    height: 316px;
}
.videoUserprofileImg{
    /* width: 80px !important;
    height: 80px !important; */
    border-radius: 50% !important;
    /*margin-top: -15%;*/
    margin-top: -46%;
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.tabSpan{
    font-weight: 500;
    /*font-size: 20px;*/
    font-size: 16px;
    letter-spacing: 0px;
}

.chevronClass[aria-expanded=true] .fa-chevron-down {
   display: none;
}
.chevronClass[aria-expanded=false] .fa-chevron-up {
   display: none;
}

#heart.red{
    /*color:red;*/
}
.pagination-outline-primary .page-item .page-link {
    color: black !important;
    border: 1px solid #FED8C6 !important;
}

.pagination-outline-primary .page-item .page-link:hover {
    color: black !important;
    background-color: #FED8C6 !important;
    border-color: #FED8C6 !important;
}

.pagination-outline-primary .page-item.active .page-link {
    color: black !important;
    background-color: #FED8C6 !important;
    border-color: #FED8C6 !important;
}

.pagination-outline-primary .page-item .page-link:focus {
    box-shadow: 0 0 0 0.2rem #FED8C6 !important;
}

.categoriesNav .nav-item .nav-link.active {
    border-color: #EB5757 #EB5757 #fff;
    border-bottom: 3px solid #EB5757;
}
.aboutUsBannerTxt{
    color: white;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
}
.aboutUsCardCss{
    /*background: #FED8C6;*/
    background: #FFFFFF;
    border-radius: 6px;
    /*padding-left: 18%;
    padding-right: 18%;*/
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 4%;
    padding-bottom: 4%;
}
.aboutPara{
    font-size: 19px;
    line-height: 30px;
    color: #1E1E1E;
    /*font-weight: bold;*/
}
.orgInfoButton, .userInfoButton{
    /*padding: 8px 40px !important;*/
    color:black !important;
    background: white !important;
    border: 2px solid #ECECEC !important;
    border-radius: 35px !important;
    /*height: 70px !important;
    width: 250px !important;*/
    height: 40px !important;
    width: 215 px !important;
}

.infoBtn{
    background: #FFFFFF !important;
    border: 2px solid #FED8C6 !important;
    box-sizing: border-box;
    border-radius: 6px !important;
    color: black !important;
    height: 70px !important;
    padding: 8px 30px !important;
    align-items: center;
    text-align: center;
    width: 250px;
}
.infoContent{
    padding-left: 80px !important;
    padding-right: 270px !important;
}
.morecmtbtn{
    height: 45px;
    background: #FFFFFF;
    border: 2px solid #FED8C6;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: bold;
    padding: 0px 15px;
}
.plansCard{
    border: 1px solid #BBBBBB !important;
    border-radius: 6px !important;
    padding: 20px 10px;
    background: #F8F8F8 !important;
    box-sizing: border-box;
}
.plansCard:hover {
    border: 2px solid #FD6568 !important;
}

.mxwidth-30{
    max-width: 30% !important;
}
.plansOuterImg{
    left: 60%;
    margin-left: -25vw;
    margin-right: -25vw;
    position: relative;
}
.yearlyDiv, .monthlyDiv{
    cursor: pointer;
    box-shadow: none !important;padding: 10px 10px !important;
}
.upgradeSuccessCard{
    padding: 15px 30px !important;
    background: #FFFFFF;
    border: 2px solid #FED8C6 !important;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px #D0987D, 5px 5px 30px rgba(193, 138, 111, 0.25) !important;
    border-radius: 6px !important;
}
.hiddenDiv{
    visibility: hidden;
}
.smileyCardColor{
    background: #FED8C6 !important;border-radius: 6px !important;
}
.smileyCard{
    background: #ECECEC !important;border-radius: 6px !important;
}
.smileyCountDiv{
    font-size: 32px;
}
.ansFontStyle{
    color: #585858;
    font-size: inherit;
    text-transform: none;
    letter-spacing: inherit;
    font-weight: inherit;
}

/*ticket purchase page*/
.eventDateTimeBorder{
    border-right: 1px solid #675C5C;height: 20px;
}
.input-group-prepend button{
    border-radius: 25px 0px 0px 25px;background-color: white;border: 1px solid #ECECEC;border-right-style:none;
}
.input-group-append button{
    border-radius: 0px 25px 25px 0px;background: #FD6568;border: 1px solid #ECECEC;
}
.input-group-prepend button:hover, .input-group-append button:hover{
    border: 1px solid #ECECEC;background: #FD6568;
}
.input-group-prepend button span:hover, .input-group-prepend button:hover, .input-group-append button span{
    color:white !important;
}
.soldOutClass{
    font-style: italic;
    color: #000000;
}
/*ticket purchase page*/
.everywhereBtn{
   text-align: left !important;
   font-family: Open Sans;
font-style: normal  !important;
font-weight: normal  !important;
font-size: 12px  !important;
line-height: 16px  !important;
padding:11px 19px !important ;

    /*width: 200px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    font-size: 15px;*/
}
.letterSpace0{
    letter-spacing: 0px;
}
.orgUrlDiv {
    height: 37px;
    background: #FED8C6;
    border-radius: 22.5px;
    width: 37px;
}
.createYourEvent {
    max-width: 1300px;
    margin: auto;
    padding: 0px 20px;
}
@media(min-width:768px) and (max-width:1024px){
    .SignUpLink p a{
        font-size:10px !important;
    }
}
@media(max-width:40em) {
    .HiddenImageOnclick img{
        max-width:100% !important;
        width:100% !important;
    }
    .MobWidth{
        min-width:100%;
    }
    .featuredContent .card a img{
        height:unset !important;
    }
    /*ul.mainTab{*/
    /*    display:block !important;*/
    /*    columns:2;*/
    /*}*/
    ul.mainTab{
        display:flex !important;
        align-items:flex-start;
        /*flex-direction:column;*/
    }
    .MobFrame{
        width:100% !important;
        height:unset !important;
    }
    ul.mainTab .nav-item.ml-4{
        margin:unset !important;
    }
    .serachEvent{
        margin-bottom:10px;
    }
    .mob-pd-common{
        padding:10px 0px !important;
    }
    .footer-menu-third-column{
        padding:10px 0px;
    }
    .footer-social{
        display:flex !important;
        margin:15px 0px;
    }
    .Pmobmargin{
        margin-left:1.3rem !important;
        margin-top:unset !important;

    }
    .bannerText2 .col-md-9 h4{
      font-size:18px !important;
    }
    .MobDisplay{
        display:contents !important;
    }
    /*.site-header, .site-footer{*/
    /*    height: 190px;*/
    /*}*/
    .MobileMt{
        margin-top:15px !important;
    }
    .mainHomePageContainer{
        padding-top: 210px;
    }

    .searchIcon{
        /*right:12px;*/
        /*right: 40px;*/
        right: 10%;
    }
    .bannerImage{
        height: 250px !important;
    }
    .bannerImageOverlay{
        width: 250px !important;
    }
    .banner2{
        width: 285px !important;
    }
    .bannerText{
        top:15% !important;
    }
    .buttonMobileSize{
        height: 35px;
        font-size: 15px;
        /* position: absolute;
        top: 60%; */
        padding: 7px 10px;
    }
    .fontSizeCss{
        font-size: 15px;
        line-height: 20px;
        margin-bottom:60px;
    }
    .logodiv, .searchbardiv, .signupindiv{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        align-content: center !important;
    }
    .marginzeromobile{
        margin-left: 0px !important;
    }
    .eventDateTimeBox{
        height: 30px;
        width: 50%;
    }
    .eventCategoryTag{
        width: 50%;
        margin: unset !important;
    }
    .ticketBoxes{
        margin-bottom: 10px;
    }
    .mobileSeeMoreBtn{
        padding-right: 25% !important;

    }
    .mobRowDisplay{
        display: inline-block;
        width: 15% !important;
    }
    .mobRowDisplay1{
        display: inline-block;
        width: 80% !important;
    }
    .bannerText2{
        margin-top: 5% !important;
    }
    .mobSlider{
        display: inline-block;
        width: 25% !important;
    }
    .mobSlider1{
        display: inline-block;
        width: 75% !important;
    }
    .videoIframe{
        width: 100% !important;
        height:100% !important;
    }
    .categoriesNav{
        display: inline-block !important;
        text-align: left;
        column-count: 2;
        /*padding-left: 20px;*/
        padding-left: 15px !important;
    }
    .mobileNav{
        margin-left: unset !important;
        margin-right: unset !important;
    }
    .tabSpan{
        font-size: 15px !important;
    }
    .vFrame{
        width: 100% !important;
    }
    .profileTop{
        margin-top: -30% !important;
    }
    .infoContent{
        padding-left: 20px !important;
    padding-right: 20px !important;
    display: flex !important;
    flex-wrap: wrap;
    }
    .mxwidth-30{
        max-width: none !important;
    }
}