*{margin:0; padding:0; outline:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
/* body {margin:0; padding:0; font-family: 'HankenGrotesk', sans-serif;, sans-serif; font-size:13px; line-height:normal; color:#fff; background:linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(../../img/frontend/innerBg.jpg) center top no-repeat; background-size:cover; background-attachment:fixed;} */
body {margin: 0;
padding: 0;
font-family: 'HankenGrotesk', sans-serif;
font-size: 13px;
line-height: normal;
color: #fff;
background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)), url(../../img/frontend/innerBg.jpg) center top no-repeat;
background-size: cover;
background-attachment: fixed;}
html,body{ height:100%;}
p{ display:block; padding-bottom:15px; margin:0; font-size:14px; line-height:22px; color:#525252;}
a , input, button , select, textrea{outline:none; text-decoration:none; color:#333; }
.transition , a , input, button , select, textrea{transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.appraence{appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none;}
input,  select, textarea {font-size:14px; color:#3a3a3a; vertical-align:middle;  font-family: 'Open Sans', sans-serif; outline:none;}
form {margin:0 !important;}
img {border:none; max-width:100%;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;}
p.last {padding-bottom:0;}
ul {padding:0; margin:0; list-style:none;}
.black{color:#000000 !important;}
.clearfix:before, .clearfix:after {content:''; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both;}
.main-cont {width:100%;}
.darkgrey{ color:#555 !important;}
.container{max-width:1040px; margin:0 auto; padding:0 0px;}
.fl{ float:left;}
.fr{ float:right;}
/*-----------------------Header----------------*/
header{ padding:33px 0; width:100%; position:absolute; top:0; left:0; z-index:20;}
nav{ display:inline-block; padding:10px 0; vertical-align:top;}
nav ul li{ display:inline-block;}
nav ul li a{font-size:14px; color:#fff; padding:0 13px;}
nav ul li a:hover, nav ul li a.active{ color:#ffab03;}
.sec-Bx{ overflow:hidden;}
.hdr-Button{ display:inline-block; float:right; vertical-align:top;}
.hdr-Button a{ display:inline-block; width:87px; margin-left:17px; font-size:13px; border-radius:0px; line-height:18px; padding:10px 0; text-align:center; vertical-align:top;font-weight:400}
/*.home-login{ color:#cb9c59; border:#cb9c59 solid 1px;}
  .home-login:hover{ color:#fff; border:#959292 solid 1px;}*/
  
.home-login{ color:#fff; border:#959292 solid 1px;}
 .home-login:hover{ color:#cb9c59; border:#cb9c59 solid 1px;}
 
.home-signup{ color:#fff; border:#959292 solid 1px;}
.home-signup:hover{ color:#cb9c59; border:#cb9c59 solid 1px;}
.logoBx{ display:block; margin-left:-25px;}
.hometop-Bg  > .container{ padding-top:213px;}
.logoBx a{ display:inline-block;}
.moviBanner {}
.movingClub{ /*font-size:89px; line-height:95px;*/font-size:40px; line-height:55px; font-weight:300; padding-top:35px; text-transform:uppercase; color:#FFF;}
.movingClub span{ display:block;}
.movClr{ color:#f7e8bb !important;}
.newlookBx{ width:173px; height:173px; border:#9d9e9f solid 1px; background:#fff; font-size:17px; text-transform:uppercase; color:#000; padding:20px; border-radius:5px; display:block; float:right; font-weight:600; position:relative;}
.newlookBx img{ position:absolute; right:20px; bottom:20px;}
.arrow-top-dir{ width: 35px; height: 50px; position:fixed; display:none; right:117px !important; bottom:40px; line-height:0; z-index:1;}
.featuresBg{ position:relative;}
.feat-L{ width:520px; display:inline-block; vertical-align:top; position:absolute; bottom:150px;}
.feat-R{ width:400px; display:inline-block; float:right; vertical-align:top; position:absolute; bottom:0; right:0;}
.featmobBg{ line-height:0; width:100%; text-align:center;}
/*.featDet{ display:block; text-align:right;}*/
.featDet{ display:block; text-align:center;}
.feat-Hd{ font-size:63px; line-height:69px; font-weight:300; color:#fff; padding-bottom:40px; padding-top:150px;}
.feat-Hd span{ display:block; color:#f7e8bb;}
.featList{ padding:0; font-size:25px; font-weight:300;}
.featList ul li{ display:block; background:url(../../img/frontend/feat-bull.png) right 16px no-repeat; padding-right:35px;}
.featList ul li a{ line-height:30px; border-bottom:#535558 solid 1px; padding:11px 0; display:block; color:#FFF;}
.featList ul li:hover{ background:url(../../img/frontend/feat-bull-hover.png) right 16px no-repeat;}
.featList ul li:hover a{ color:#ddaf59;}
.performerBg{}
.perform-L{ width:400px; display:inline-block; vertical-align:top; position:absolute; bottom:0;}
.perform-R{ width:520px; display:inline-block; float:right; vertical-align:top; position:absolute; bottom:150px; right:0;}
.performDet{ display:block; }
.performList{ padding:0; font-size:25px; font-weight:300;}
.performList ul li{ display:block; background:url(../../img/frontend/feat-bull.png) left 16px no-repeat; padding-left:35px;}
.performList ul li a{ line-height:30px; border-bottom:#535558 solid 1px; padding:11px 0; display:block; color:#FFF; text-align: center;}
.performList ul li:hover{ background:url(../../img/frontend/feat-bull-hover.png) left 16px no-repeat;}
.performList ul li:hover a{ color:#ddaf59;}
.destop-appliBg{ padding:175px 0 140px 0;}
.featappHd{ font-size:65px; color:#fff; text-align:center; line-height:70px; font-weight:300; padding-bottom:50px;}
.featappHd span{ color:#f7e8bb;}
.destop-appbanner{ background:url(../../img/frontend/leptop-img.png) center top no-repeat; width:885px; height:508px; margin:0 auto; padding:0 13%;}
.destop-appbanner ul li {display: block; margin: 37px auto 0; text-align: center;}
.destop-appbanner .bx-controls.bx-has-pager.bx-has-controls-direction {position: relative;text-align: center; top: 115px;}
.destop-appbanner .bx-controls-direction{ display:none;}
.destop-appbanner .bx-pager-item { display:inline-block;}
.destop-appbanner .bx-pager-item .bx-pager-link{background: #6b6a6c; border-radius: 50%; display:block; height: 12px; margin: 0 5px; overflow: hidden; text-indent: -200px; width: 12px;}
.destop-appbanner .bx-pager-item .bx-pager-link.active{background: #cb9a58;}
.getappBg{}
.appstoreBtn{ width:230px; margin:0 auto 75px auto;}
.appstoreBtn a{ display:block; padding:10px 20px 10px 70px; border:rgba(255, 255, 255, 0.2) solid 1px; border-radius:5px; font-size:14px; color:#fff; line-height:22px; position:relative;}
.appstoreBtn a:hover{ color:#000; background:#fff;}
.appstoreBtn a span{ display:block; font-size:16px; text-transform:uppercase; font-weight:600;}
.appstoreBtn a img{ position:absolute; left:20px; top:10px;}
.appstore-img{text-align:center; line-height:0;}
/* footer{ background:#fff; padding-top:50px;} */
footer{ background-color:rgba(0, 0, 0, 1); padding-top:50px;}
.footerTop{ padding-bottom:30px;}
.foot-L{ width:33.33%; float:left; color: #fff;}
.foot-M{ width:33.33%; float:left;}
.foot-R{ width:33.33%; float:left;}
.footNav{ padding:0; font-size:13px; color:#fff; text-transform:uppercase; font-weight:600;}
.footNav span{ display:block; padding-bottom:20px;}
.footNav ul li{ display:block; padding-bottom:10px;}
.footNav ul li a{ color:#fff; display:inline-block; font-size:13px;}
.footNav ul li a:hover{ color:#F2C2F7;}
.footerBot{ padding:25px 0; border-top:#d4d4d4 solid 1px; color:#262626; font-size:12px; font-weight:600;}
.footerBot a{ color:#fff;}
.footerBot a:hover{ color:#F2C2F7;}
.hdrfixed{ background:#0b0b0b; padding:10px 0 5px 0; position:fixed; z-index:9;}
.logoHdr{ display:inline-block; width:200px; vertical-align:top; display:none; margin-top:-5px;}
.hdrfixed nav{ padding:18px 0 18px 50px;}
.hdrfixed .hdr-Button{ padding-top:7px;}
.posrel{ position:relative;}
.downappBx{ position:absolute; bottom:1px; left:0; right:0;}


/*animated*/
.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s;}
@-webkit-keyframes fadeIn {
	from{opacity: 0;}
	to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
  from {opacity: 1;}
  to { opacity: 0;}
}
@keyframes fadeOut {
  from {opacity: 1;}
  to {opacity: 0;}
}
.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeInDown {
  from {opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); }
 to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {
  from {opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); }
  to { opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInDown{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInLeft {
  from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInLeft {
  from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  to {opacity: 1;-webkit-transform: none; transform: none;}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInRight {
from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
to {opacity: 1;-webkit-transform: none; transform: none;}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: none;transform: none;}
}
@keyframes fadeInUp {
from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: none;transform: none;}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
/*animated*/

/*----------------Inner Page---------------*/
.Innertop-Bg{width:100%; height:260px; background:transparent !important;}
.logo-InnHdr{ display:none;}
.InnerHeader{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
    font-size: 22px;
    position: sticky;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
}
.inn-hdrfix{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 0;
    width: 100%;
    margin: 0 auto;
    font-size: 0px;
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9;
}
.navigation{ display:inline-block; padding:10px 0; vertical-align:top;}
.navigation ul li{ display:inline-block;}
.navigation ul li a{font-size:18px; color:#fff; padding:0 13px;}
.navigation ul li a:hover,.navigation ul li a.active{ color:#F2C2F7;}
.Inner-logoBx {padding-top: 30px; display:inline-block;}
.logo-InnHdr{display:inline-block; margin-right: 70px; width:200px; vertical-align:top; display:none; margin-top:-5px;}
.inn-hdrfix .navigation{ padding:18px 0 18px 19px;}
.inn-hdrfix .hdr-Button{ padding-top:7px;}
.innerBg{background:transparent;}
.innerTop{ font-size:13px; color:#918f91; line-height:23px; padding:35px 0; background:rgba(8, 7, 9, 0.54); text-transform:uppercase;}
.innerTop a{color:#918f91;}
.innerTop a:hover{color:#fff;}
.innerTop span{ float:right;}
.innerTop span i{ color:#fff; font-style:normal;}
.innerTop strong{ font-size:16px; font-weight:600; color:#fff;}

.faqHd{ font-size:17px; color:#adadae; text-align:center; padding-bottom:20px;}
.faqHd span{ display:block; text-transform:uppercase; font-size:29px; font-weight:600; color:#FFF; padding-bottom:5px;}
.faqList{ padding:10px 0; text-align:left;}
.faqList ul li{ display:block; padding-bottom:10px;}

.Ques{ font-size:18px; color:#fff; line-height:23px; padding:25px 80px 25px 15px; border:#373438 solid 1px; cursor:pointer; font-weight:600; position:relative;}
.Ques span{ width:76px; border-left:#373438 solid 1px; position:absolute; right:1px; top:1px; display:inline-block; background:url(../../img/frontend/faq-icon.png) center center no-repeat; bottom: 0; height: auto !important;}
.Ques.active span{ background:#fff url(../../img/frontend/faq-icon-active.png) center center no-repeat; border-left:0; right:0; bottom: 0; top:0; height: auto !important;}
.Ques.active{background:#ddaf59; color:#000; border:0;}
.ans{ font-size:16px; padding:15px; font-size:15px; line-height:22px; color:#fff; font-weight:300; display:none; border:#373438 solid 1px; border-top:0 !important;}
.aboutTxt{  padding:20px 0 10px 0; text-align:center; font-weight:300;}
.aboutTxt p{ padding-bottom:30px;font-size:17px; line-height:24px; color:#fff;}
.aboutImg{ padding-bottom:40px; line-height:0;}
.aboutImg img{ width:100%;}
.ContactBx{ padding:0 0 30px 0;}
.contactMap{ width:100%; height:430px;}
.contactMap img{ width:100%; height:100%;}
.cont-Left{ width:66%; float:left; padding:55px 0 30px 0;}
.contactHd{ font-size:17px; color:#adadae; padding-bottom:40px;}
.contactHd span{ display:block; font-size:29px; font-weight:600; color:#fff; text-transform:uppercase;}
.cont-Right{ width:25%; float:right; padding:55px 0 30px 0;}
.contInp{ width:100%; height:57px; padding:0 20px; background:#010312; border:0.1cqw solid #3fe0f5; border-radius:30px; font-size:16px; color:#ccc; margin-bottom:20px;}
.calInp{ width:100%; height:50px; padding-left: 18px; font-size:13px; color:#ffffff; position:relative; background:#060914; border:1px solid rgba(51, 65, 85, .7); border-radius:12px; display:flex; align-items:center; transition:border-color .2s, box-shadow .2s;}
.contFrmBx{ padding-bottom:50px;}
.contInp2{ width:100%; height:276px; padding:20px; background:#010312; border:0.1cqw solid #3fe0f5; border-radius:30px; font-size:16px; color:#ccc; margin-bottom:20px; resize:none;}
.upldpic-Select{width:100%; height:57px; padding:0 20px; background:url(../../img/frontend/select-down-arrow.png) right 20px center no-repeat; border:#737273 solid 1px; border-radius:30px; font-size:16px; color:#ccc; margin-bottom:20px;}
.sendButton{ background:#d71920; border-radius:30px; border:0; display:block; width:150px; text-align:center; color:#fff; line-height:25px; padding:15px 0; font-size:16px; text-transform:uppercase; cursor:pointer;}
.sendButton:hover{ background:#fff; color:#333;}
.socialCont{ padding:20px 0;}
.socialCont ul li{ display:inline-block;}
.socialCont ul li a{ display:block; width:34px; height:35px; background:url(../../img/frontend/social-contact.png) no-repeat; overflow:hidden; margin-right:10px;}
.cont-fb{ background-position:0 0 !important;}
.cont-fb:hover{ background-position:0 -35px !important;}
.cont-tweet{ background-position:-40px 0 !important;}
.cont-tweet:hover{ background-position:-40px -35px !important;}
.cont-linkedin{ background-position:-81px 0 !important;}
.cont-linkedin:hover{ background-position:-81px -35px !important;}
.cont-Logo{ width:230px; margin-left:-20px;}
.address{ font-size:17px; color:#adadae; line-height:27px;}
.address span{ display:block;}
.address p{ display:block; padding-bottom:30px;font-size:17px; color:#adadae; line-height:27px;}
.planBx{ max-width:895px; margin:0 auto; width:100%; padding-bottom:50px;}
.plan-L{ width:47.5%; float:left; border:#3b363d solid 1px; padding:40px 50px; text-align:center;}
.plan-R{ width:47.5%; float:right; border:#3b363d solid 1px; padding:40px 50px; text-align:center;}
.planHd{ font-size:29px; text-transform:uppercase; color:#797979; padding-bottom:10px; border-bottom:#555555 solid 1px; margin-bottom:10px; font-weight:600; padding:0 20px; display:inline-block;}
.price{ font-size:17px; color:#fff;}
.price span{display:block; line-height:65px;}
.price span small{ font-size:22px; vertical-align:middle;}
.price span strong{ color:#ddaf59; font-weight:bold; font-size:59px; vertical-align:middle;}
.price i{display:block; text-transform:uppercase; font-style:normal;}
.planArrow{ padding:20px 0; text-align:center; line-height:0;}
.pieceInfo{ font-size:14px; color:#7c7c7c; line-height:27px;}
.pieceInfo span{ display:block;}
.pieceInfo strong{ font-size:19px; text-transform:uppercase; color:#f7e8bb; padding-bottom:15px; display:block; font-weight:600;}
.pieceInfo a{ display:block; margin-top:20px; background:#d71920; border-radius:24px; font-size:16px; color:#fff; text-align:center; line-height:20px; padding:14px 0;}
.pieceInfo a:hover{ background:#fff; color:#333;}
/*-------------dashboard-----------------*/
.notiBx{ display:inline-block; vertical-align:top; position:relative;}
.myaccBx{ display:inline-block; vertical-align:top; position:relative;}
.notiIcon{border: 1px solid rgba(255, 255, 255, 0.47);border-radius: 3px; line-height: 0 !important; padding: 9px 20px !important;width: auto !important; position:relative;}
.notiIcon span{ color:#fff; background:#ed1c24; border-radius:50%; width:24px; height:24px; text-align:center; line-height:24px; display:inline-block; position:absolute; right:-12px; top:-12px; font-size:11px;}
.myacc{border-radius: 3px; line-height: 20px; !important; margin-left:10px !important; padding: 10px 20px !important;width: auto !important; position:relative; font-size:13px; color:#FFF;}
.profileName{ display:inline-block; float:right; padding-top: 125px;}
.prof-name{ display:inline-block; vertical-align:middle; margin-right:10px; text-align:right; font-size:15px; color:#fff;}
.prof-name span{ font-size:23px; font-weight:bold; display:block; padding-bottom:2px;}
.prof-name a{ color:#fff;}
.prof-name a:hover{ color:#ed1c24;}
.prof-Image{ width:94px; height:94px; display:inline-block; vertical-align:middle;}
.prof-Image img{ width:100%; height:100%; border-radius:100%; border:#089759 solid 3px;}
.dashNavBg{ background:rgba(55, 55, 55, 0.54); padding:0; width:100%;}
.dashNav{ font-size:14px; text-transform:uppercase; color:#fff; padding: 0 10px 0 10px;}
.dashNav ul li{ display:inline-block;}
.dashNav ul li a{ display:block; padding:20px 12px; line-height:17px; color:#fff; border-bottom:transparent solid 5px;}
.dashNav ul li a:hover, .dashNav ul li a.active{ border-bottom:#F2C2F7 solid 5px;}
.notifiList{ width:300px; height:400px; display:block; line-height:normal; position:absolute; display:none; left:50%; margin-left:-150px; padding:10px 5px 10px 10px; top:50px; background:#fff; border-radius:5px;border:#eee solid 1px;}
.notifiList::after{border-bottom:10px solid #fff;border-left: 10px solid transparent; border-right: 10px solid transparent; content:"";
left:50%; margin-left:0; position:absolute; top:-10px;}
.notifiList ul li{display:block; padding:10px; margin-bottom:15px; background:#f6f7f9; border-radius:3px; text-align:left; position:relative;}
.notifiList ul li .notiTxt{ width:247px; display:inline-block; font-size:13px; color:#626161; line-height:20px;}
.notifiList ul li .nofiClose{display:inline-block; float: right; vertical-align:top; position:absolute; right:7px; top:3px;}
.notifiList ul li .nofiClose a{padding:0; width:auto;}
.notifiList ul li .nofiClose a:hover{color:#F00;}
.notifiList ul li .notiBtn{ display:block; clear:both; text-align:right;}
.notifiList ul li .notiBtn a{padding:3px 20px; color:#3b3b3b; display:inline-block; margin:5px 10px 0px 0; background:#d2d4d9; font-size:12px; border-radius:20px; transition:all 0.5s ease;}
.notifiList ul li .notiBtn a:hover{background:#089759; color:#fff;}
.mCustomScrollBox{ padding-right:10px;}
.userSetting{width:130px; position:absolute; border-radius:5px; display:none; background:#FFFFFF; border:#eee solid 1px; padding:0 10px; left:50%; top:50px; z-index:99; margin-left:-60px;}
.userSetting::after{border-bottom:10px solid #fff;border-left: 10px solid transparent; border-right: 10px solid transparent; content:"";
left:50%; margin-left:-10px; position:absolute; top:-10px;}
.userSetting ul li{ display:block;}
.userSetting ul li a{ display:block; border-bottom:#eee solid 1px; padding:8px 0; width:auto; text-align:left; margin:0; font-size:12px; color:#444444; text-transform:capitalize;}
.userSetting ul li a .img{ display:inline-block; position:relative; top:1px; color: #F2C2F7;}
.userSetting ul li a .over{ display:none; position:relative; top:1px; color: #F2C2F7;}
.userSetting ul li a:hover .img{ display:none; position:relative; top:1px;color:#F2C2F7}
.userSetting ul li a:hover .over{ display:inline-block; position:relative; top:1px;color: #F2C2F7;}
.userSetting ul li a:hover{ color:#F2C2F7;}
.myprofile-banner{ width:100%; height:285px; line-height:0; margin-bottom:20px; position:relative;}
.myprofile-banner > img{ width:100%; height:100%; border:rgba(255, 255, 255, 0.08) solid 10px; border-radius:10px;}
.banvideo{ width:94px; height:94px; position:absolute; right:20px; bottom:20px;}
.banvideo > img{ width:100%; height:100%; border:#fff solid 3px; border-radius:5px;}
.banvidTrans{ background:rgba(0, 0, 0, 0.4); position:absolute; left:0; top:0; bottom:0; right:0;}
.banvidTrans a {bottom: 0;left: 0;margin: auto;position: absolute; right: 0; text-align: center; top: 0;}
.banvidTrans img {bottom: 0; display: flex; left: 0; margin: auto; position: absolute; right: 0; top: 0;}
.myaccBox{ padding:0;}
.myacc-left{ width:67%; float:left;}
.myacc-Right{ width:31%; float:right;}
.myprofHd{ font-size:15px; color:#fff; display:inline-block; margin-bottom:15px;}
.myprofHd p{color: #6f6e6f; font-size: 15px; line-height: 20px; padding-bottom: 5px;}
.myprofHd strong{ display:block; font-size:25px; font-weight:600;}
.myprofHd span{ display:block; padding:3px 0;}
.emailLink{ color:#ddaf59; font-size:17px;}
.emailLink:hover{ text-decoration:underline;}
.websiteLink{ color:#fff;}
.websiteLink:hover{color:#ddaf59;}
.editprofBtn{ display:inline-block; float:right;}
.editprofBtn a{ display:inline-block; padding:5px 15px; line-height:16px; color:#fff; font-size:12px; background:#d71920; border-radius:15px;}
.editprofBtn a:hover{ background:#fff; color:#333;}
.profAbout{font-size:17px; line-height:24px; color:#6f6e6f; border-top:#404040 solid 1px; padding:15px 0;}
.profAbout span{ position:relative; display:inline-block; width:120px; padding-right:12px; box-sizing:border-box; color:#f7e8bb; padding-bottom:3px;}
.profAbout span:after{ content:":"; position:absolute; right:0;}
.profAbout > p{line-height:24px; color:#6f6e6f; font-size:17px; padding-bottom:5px;}
.opratHrsBx{ padding:15px 20px; border:#404040 solid 1px; border-radius:5px;}
.oprathrsHd{ font-size:17px; font-weight:600; text-transform:uppercase; color:#fff; padding-bottom:10px;}
.oprateTimetble{ padding:0; font-size:11px; color:#fff;}
.oprateTimetble th{ background:#797979; padding:10px 0;}
.oprateTimetble th:first-child{border-radius:5px 0 0 5px; } 
.oprateTimetble th:last-child{border-radius:0 5px 5px 0;} 
.oprateTimetble table{ border-collapse:separate; border-spacing:0 8px;}
.oprateTimetble tr[id] td{ font-size:13px; color:#fff; padding:10px 6px; border-top:#404040 solid 1px; border-bottom:#404040 solid 1px; background:rgba(255,255,255,.05);}
.oprateTimetble tr[id] td:first-child{ border-left:#404040 solid 1px; border-radius:14px 0 0 14px; padding-left:14px;}
.oprateTimetble tr[id] td:last-child{ border-right:#404040 solid 1px; border-radius:0 14px 14px 0; padding-right:14px;}
.oprateTimetble tr[id] td:first-child{ color:#797979;}
.dashMobnav{font-size:16px; font-weight:600; text-transform:uppercase; color:#fff; background:url(../../img/frontend/down-arrow.png) right center no-repeat; display:none; padding:10px 0;}
.dashMobnav.active{ background:url(../../img/frontend/up-arrow.png) right center no-repeat;}
/*--------------Popup--------------*/
.backBg{background:rgba(0, 0, 0, 0.8); width:100%; height:100%; position:fixed; left:0; top:0; right:0; display:none; overflow:auto; bottom:0; z-index:999;}
.dashvideoBg{ max-width:700px; border:#999 solid 5px; line-height:0; position:relative; top:15%; margin:0 auto;}
.dashvideoBg viceo{ width:100%;}
.close{ background:#999; font-size:20px; color:#fff; font-weight:300; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; right:-35px; top:-5px; cursor:pointer;}
.hiddens{ overflow:hidden;}
.addstaff{ padding-bottom:15px; text-align:right;}
.addstaff a{ display:inline-block; font-size:14px; background: rgba(236, 53, 210, .55); border: 1px solid #ec35d2; line-height:20px; padding:8px 30px; border-radius:20px; color:#fff;}
.addstaff a:hover{  background: rgba(236, 53, 210, .55); color:#333;}
.bar-staffList{ padding:0; text-align:center;}
.bar-staffList ul li{ float:left; padding:20px 0; width:33.33%; border-top:#2a282b solid 1px; text-align:center;}
.bar-staffList ul li img{ display:block; margin:0 auto; width:161px; height:161px;}
.bar-staffList ul li strong{ font-size:28px; color:#fff; display:block; padding:10px 0 5px 0; font-weight:300;}
.bar-staffList ul li strong a{ color:#FFF;}
.bar-staffList ul li strong a:hover{ color:#10c878;}
.bar-staffList ul li span{ display:block; font-size:16px; color:#d0a454;}
hr{ background:#2a282b; height:1px; margin:10px 0; border:none;}
.followersHd{ border-bottom: 1px solid rgba(63, 224, 245, .3) !important; padding-bottom:10px;}
.followersHd span{font-size:25px; color:#fff; text-transform:uppercase; display:inline-block; font-weight:600; line-height:38px;}
.followersHd i{ display:inline-block; float:right; width:230px;}
.followsrch{ width:100%; height:38px; border:#727273 solid 1px; border-radius:20px; padding:0 20px; font-size:14px; color:#ccc; background:none;}
.request-List{ padding:20px 0; margin-bottom:40px;}
.request-List ul li {
    width: 25%;
    float: left;
    position: relative;
    border-radius: 5px;
    margin-bottom: 20px;
    line-height: 0;
    border: 2px solid #3fe0f5;
    box-shadow: 0 0 10px rgba(63, 224, 245, .8), 0 0 28px rgba(212, 92, 219, .34);
}

.request-List ul li > img{width:100%;}
.request-List ul li strong{ font-size:28px; color:#fff; display:block; padding:10px 0 5px 0; font-weight:300;}
.request-List ul li strong a{ color:#FFF;}
.request-List ul li strong a:hover{ color:#10c878;}
.request-List ul li span{ display:block; font-size:16px; color:#d0a454;}
.request-List ul li i{ display:block; padding-top:10px;}
.request-List ul li i a{ display:inline-block;}
.request-List ul li.roundimg {
    border: 0;
    box-shadow: none;   /* the glow is also part of the common rule */
}

.followers-List{ padding:20px 0; margin-bottom:40px}
.followers-List ul li{ float:left; position:relative; width:calc(25% - 15px); margin:0 20px 20px 0; line-height:0; border:2px solid #3fe0f5; border-radius:5px; overflow:hidden; box-shadow:0 0 10px rgba(63,224,245,.8), 0 0 28px rgba(212,92,219,.34);}
.followers-List ul li:nth-child(4n){ margin-right:0;}
.followers-List ul li > img{ display:block; width:100%; height:230px; object-fit:cover;}
.followers-List ul li.noData{ float:none; width:auto; margin:0; padding:20px 0; border:0; box-shadow:none; line-height:24px; color:#fff;}
.followers-List .staffNameBg{ box-sizing:border-box; text-align:left;}
.followers-List .staffNameBg strong{ font-size:22px; line-height:25px; color:#fff; font-weight:400; padding:0 0 8px 0;}
.followers-List .staffNameBg strong a{ color:#fff;}
.followers-List ul li:hover .staffNameBg strong a{ color:#3fe0f5;}
.followActions{ display:flex; justify-content:flex-end; gap:8px; line-height:0;}
.followers-List .followActions .followActionBtn{ display:flex !important; align-items:center; justify-content:center; box-sizing:border-box; width:44px; height:26px; border:2px solid #5fe3f5; border-radius:999px; background:linear-gradient(135deg,#d94fd0,#5fe3f5); cursor:pointer; transition:filter .2s, box-shadow .2s, transform .2s;}
.followers-List .followActions .followActionBtn:hover{ filter:brightness(1.12); box-shadow:0 0 10px rgba(95,227,245,.6); transform:translateY(-1px);}
.followers-List .followActions .followActionBtn img{ display:block; width:16px; height:16px; margin:0 auto; padding:0; border:0; float:none;}


.followersHd2{font-size:25px; color:#fff; text-transform:uppercase; display:inline-block; font-weight:600;}
.followremove{ width:100%; margin:auto; display:flex;}
.followremove a{position:absolute; left:0; top:0; right:0; border-radius:50%; bottom:0; margin:auto; display:flex; background:rgba(255, 255, 255, 0.5); opacity:0;}
.followremove a img{ display:flex; margin:auto;}
.happy-hourBg{ padding:0;}
.happhrBx{ background:url(../../img/frontend/happy-hourbdr.png) center top repeat-y; padding:75px 0 45px 0; position:relative;}
.happhrBx ul li{ width:100%;}
.happyleftBx{ width:50%; border:#373638 solid 1px; text-align:center; float:right; line-height:30px; height:175px; font-size:22px; font-weight:300; color:#8c8c8c; border-left:none !important; padding:10px 0; margin-bottom:30px; position:relative;}
.happyleftBx strong{ display:block; color:#d0a454; font-weight:600; font-size:30px; line-height:40px; text-transform:uppercase;}
.happCrcl{ width:90px; height:90px; background:rgba(24, 23, 22, 0.6); padding:9px; border-radius:50%; position:absolute; left:-45px; top:50%; margin-top:-45px;}
.happCrclInn{ width:72px; height:72px; background:#ed1c24; border-radius:50%; color:#fff; font-size:19px; font-weight:600; line-height:72px; text-align:center;}
.happCrcl2{ width:90px; height:90px; background:rgba(24, 23, 22, 0.6); padding:9px; border-radius:50%; position:absolute; right:-45px; top:50%; margin-top:-45px;}
.happyleftBx2{ width:50%; border:#373638 solid 1px; text-align:center; float:left; line-height:30px; height: 175px; font-size:22px; font-weight:300; color:#8c8c8c; border-right:none !important; padding:10px 0; margin-bottom:30px; position:relative;}
.happyleftBx2 strong{ display:block; color:#d0a454; font-weight:600; font-size:30px; line-height:40px; text-transform:uppercase;}

.event-List{padding:0;}
.event-List ul li{ width:49%; float:left; position:relative; border-radius: 5px; margin-bottom:20px; line-height:0;  border: 2px solid #3fe0f5; box-shadow: 0 0 10px rgba(63, 224, 245, .8), 0 0 28px rgba(212, 92, 219, .34);}
.event-List ul li img{ width:100%;}
.event-List ul li:nth-child(2n){ float:right;}
.event-List ul li.roundimg {
    border: 0;
    box-shadow: none;   /* the glow is also part of the common rule */
}
.eventNameBg{ background:rgba(0, 0, 0, 0.8); width:100%; padding:15px 20px; position:absolute; bottom:0; left:0; line-height:25px;}
.eventNameBg strong{ display:block; font-size:22px; color:#d0a454; font-weight:600; padding-bottom:5px;}
.eventNameBg strong a{color:#d0a454;}
.eventNameBg strong a:hover{ color:#d71920;}
.eventNameBg i{ display:block; font-style:normal; font-size:18px; color:#fff;}
.eventNameBg span{ display:block; font-style:normal; font-size:16px; color:#8c8c8c;}

.staffNameBg{ background:rgba(0, 0, 0, 0.8); width:100%; padding:15px 20px; position:absolute; bottom:0; left:0; line-height:25px;}
.staffNameBg strong{ display:block; font-size:22px; color:#d0a454; font-weight:600; padding-bottom:5px;}
.staffNameBg strong a{color:#d0a454;}
.staffNameBg strong a:hover{ color:#d71920;}
.staffNameBg i{ display:block; font-style:normal; font-size:18px; color:#fff;}
.staffNameBg span{ display:block; font-style:normal; font-size:16px; color:#8c8c8c;}

.event-Time{ background:#d0a454; width:112px; font-size:12px; color:#fff; text-align: right; line-height:20px; position:absolute; right:0; top:0; padding:15px 0;}
.event-Time span{ display:block; font-size:20px; padding-right:10px; font-weight:600; text-transform:uppercase;}

.foodnameBg{ background:rgba(0, 0, 0, 0.8); padding:15px; position:absolute; left:0; bottom:0; width:100%;}
.foodname{ font-size:14px; color:#8c8c8c; line-height:normal;}
.foodname strong{ display:block; font-size:22px; font-weight:600;}
.foodname strong a{ color:#fff;}
.foodname strong a:hover{ color:#d71920;}
.foodPriceBx{ width: 108px;
    height: 108px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    padding: 6px;
    position: absolute;
    right: 9px;
    top: -60px;}
.foodPrice{ width: 96px;
    height: 96px;
    border-radius: 50%;
    color: #FFF;
    position: relative;
    background: rgba(236, 53, 210, .90)}
.foodPrice > span{    font-size: 19px;
    font-weight: 600;
    color: #fff;
    line-height: 22px;
    display: block;
    text-align: center;
    padding: 35px 0;}
.redBg{ background:#ed1c24;}
.greenBg{ background:#089759;}
.upldphoto-L{ width:49%; float:left;}
.upldphoto-R{ width:49%; float:right;}
.calicon{ background:url(../../img/frontend/calander-icon.png) right 20px center no-repeat;}
.upldpicFrm{ padding:20px 0;}
.attachedBx{
    border: #363636 solid 1px;
    border-right: 2px solid #d45cdb !important;
    border: 2px solid #d45cdb !important;
    border-left: 2px solid #3fe0f5 !important;
    border-radius: 12px; /* corner radius */
    box-shadow: 0 0 12px rgba(212, 92, 219, .65), inset 0 0 18px rgba(63, 224, 245, .1);
    padding: 35px 0;
    text-align: center;
    margin-top: 20px;
}
.upldPicBx{ padding-bottom:10px; width:110px;line-height:0; position:relative; margin:0 auto;}
.upldPicBtn{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none; cursor: pointer; text-align: center; width: 100%;mix-blend-mode: screen;}
.browseBtn{ width:100%; position:absolute; left:0; top:0; height:106px; opacity:0; cursor:pointer;}
.upldPicTxt{ font-size:26px; color:#fff; font-weight:300;}
.subBtn{ text-align:center; padding:20px 0;}
.submitBtn{ background:#d71920; border-radius:30px; border:0; display:block; width:150px; text-align:center; color:#fff; line-height:25px; padding:10px 0; font-size:16px; cursor:pointer; margin:0 auto;}
.submitBtn:hover{ background:#fff; color:#333;}
.eventHd{ font-size:25px; color:#fff; text-transform:uppercase; padding:15px 0; font-weight:600;}
.eventBg{ padding:30px 30px 10px 30px; background:#1f1e1f; border:#373638 solid 1px; margin-bottom:30px;}
.eventInnHd{ display:inline-block; font-size:16px; color:#8c8c8c;}
.eventInnHd strong{ font-size:22px; color:#fff; font-weight:600; display:block;}
.eventInnHd strong a{ color:#FFF;}
.eventInnHd strong a:hover{ color:#ff4249;}
.editDelBtn{ float:right; display:inline-block;}
.editDelBtn a{ border-radius:15px; display:inline-block; font-size:14px; color:#fff; line-height:20px; padding:5px 20px; margin-left:5px;}
.editBtn{ background:#404040;}
.editBtn:hover{ background:#fff; color:#333;}
.delBtn{ background:#d71920;}
.delBtn:hover{ background:#8c0005;}
.eventsList{ padding:25px 0 0 0;}
.eventsList ul li{ width:23.5%; float:left; margin-right:2%; border:#504f50 solid 5px; line-height:0; margin-bottom:20px;}
.eventsList ul li:nth-child(4n){ margin-right:0;}
.eventsList ul li img{ width:100%;}
.happyhr {display: inline-block; position: absolute; right: 0; top: 20px;}
.happyhr a{background:#ed1c24; color:#fff; padding:8px 20px; border-radius:20px; line-height:20px; font-size:14px;}
.happyhr a:hover{ background:#fff; color:#333;}


/*---------------------26Aug Login Popup--------------*/
.loginBx{ background:url(../../img/frontend/login-bg.jpg) 0 0 no-repeat; position:relative; top:80px; margin:0 auto; background-size:cover; max-width:460px; border:#f4df9d solid 5px; border-radius:5px;}

.close-edit-club,.close-edit-profile,.close-edit-hour,.close-Login,.close-add-food-drink,.close-add-happy-hours,.close-add-create-event,.close-Staff ,.close-Login-Forgot{ background: #3a3a3b; border-radius: 50%; color: #ccc; font-size: 14px; font-weight: 600; height: 34px; line-height: 32px; position: absolute;  right: 10px; text-align: center; top: 10px; width: 34px; cursor:pointer; z-index:2;}

.innerBg .deletefood {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 20px;
    border:0.1cqw solid #3fe0f5;
    border-radius: 999px;
    background: linear-gradient(90deg, #ec35d2, #3fe0f5);
    box-shadow: 0 0 14px rgba(63, 224, 245, .45);
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
    margin-right: 10px;
    transition: transform .2s, box-shadow .2s, filter .2s;
}

.innerBg .deletefood:hover {
    box-shadow: 0 0 22px rgba(236, 53, 210, .72);
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.loginlogo{ text-align:center; padding:10px 0;}
.clubmembHd{ padding:0; width:156px; height:121px; position:relative; margin:-5px auto 0 auto; text-align:center;}
.clubmembTxt{ font-size:13px; font-weight:bold; color:#fff; position:absolute; top:82px; text-transform:uppercase; width:100%;}
.loginAccess{ text-align:center; font-size:18px; color:#fff; padding:0px 0 20px 0;}
.loginFrmBx{ padding:0px 40px 10px 40px;}
.userfldBx{ padding-bottom:15px; position:relative;}
.loginFldInp{ width:100%; height:58px; border:0.1cqw solid #3fe0f5; border-radius:30px; background:#010312; padding:0 55px 0 20px; font-size:13px; color:#ffffff;}
.signupFldInp{ width:100%; height:50px; padding:0 20px 0 20px; font-size:13px; color:#ffffff; position:relative; background:#060914; border:1px solid rgba(51, 65, 85, .7); border-radius:12px; display:inline-flex; align-items:center; transition:border-color .2s, box-shadow .2s; vertical-align:top;}
.signupSelect{ width:100%; height:50px; padding:0 20px 0 20px; font-size:13px; color:#ffffff; position:relative; background:#060914; border:1px solid rgba(51, 65, 85, .7); border-radius:12px; display:inline-flex; align-items:center; transition:border-color .2s, box-shadow .2s; vertical-align:top;}
.loginBtn {background: none;border: 0; cursor: pointer; position: absolute; right: 2px; top: 5px;}
.forgPass{ padding-bottom:20px; text-align:center;}
.forgPass a{ font-size:15px; color:#f0d180;}
.forgPass a:hover{color:#d71920; text-decoration:underline;}
.donthave{ border-top:#a23c3c dashed 1px; padding:20px 0; line-height:20px; text-align:center; color:#797979; font-size:14px;}
.donthave a{ color:#fff; border:0 !important;}
.donthave a:hover{ color:#ff4047; text-decoration:underline;}

.signBx{ background:url(../../images/bar-signup-bg.png) 0 0 no-repeat; position:relative;  margin:0 auto; background-size:cover; max-width:460px; border:2px solid #8d4dff; border-radius:31px; padding:40px 40px 20px 40px; inset:0;}
.signBx::before{ content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(to bottom, rgba(1, 3, 18, .6) 0%, rgba(1, 3, 18, .88) 100%); border-radius:inherit; }
.signBx > form{ position:relative; z-index:1; }
.signupInn{ padding:10px 0;}
.signupHd{ font-size:22px; color:#fff; padding-bottom:10px; text-align:center;}
.signupTxt{ font-size:13px; color:#797979; padding:10px 0;}
.signupTxt a{ color:#797979;}
.signupTxt a:hover{ color:#fff;}
.signupbtn{ text-align:center; padding:5px 0 0 0;}

/* bsm-card: fixed-size popup card with a fixed header/footer and a scrolling middle */
.bsm-card {
	position: relative;
	width: 100%;
	aspect-ratio: 45 / 53;
	border-radius: 31px;
	border: 2px solid #8d4dff;
	overflow: hidden;
	container-type: size;
	container-name: card;
	animation: bsmSlideUp .35s cubic-bezier(.34,1.4,.64,1) forwards;
	transition: aspect-ratio .42s cubic-bezier(.4,0,.2,1);
}
.bsm-card.card-step2 { aspect-ratio: 610 / 936; }

@keyframes bsmSlideUp {
	from { transform: translateY(24px); opacity: 0; }
	to   { transform: translateY(0);    opacity: 1; }
}

.signBx.bsm-card{ padding:0; inset:auto; display:flex; flex-direction:column; }
.signBx.bsm-card > form{ display:flex; flex-direction:column; flex:1; min-height:0; }
.signBx.bsm-card .signupInn{ display:flex; flex-direction:column; flex:1; min-height:0; padding:40px 40px 20px 40px; }
.signBx.bsm-card .bsm-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* old Edge / IE */
}

.signBx.bsm-card .bsm-scroll::-webkit-scrollbar {
    display: none;              /* Chrome, Safari, new Edge */
}

.signBx.bsm-card .signupbtn{ flex-shrink:0; }

.backBg .signBx{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; }
.backBg .signBx.bsm-card{ animation:bsmSlideUpCentered .35s cubic-bezier(.34,1.4,.64,1) forwards; }

@keyframes bsmSlideUpCentered {
	from { transform:translate(-50%, calc(-50% + 24px)); opacity:0; }
	to   { transform:translate(-50%, -50%);              opacity:1; }
}

.s2-input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    color: #f1f5f9;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    padding: 11px 16px 11px 38px;
}
.calicon2{ background:url(../../img/frontend/calander-icon2.png) right 20px center no-repeat !important;}
.editprofBx{ padding:0 0 15px 0;}
.editprof-L{ width:48%; display:inline-block;}
.editprof-R{ width:48%; display:inline-block; float:right;}
.loginBtnForgot {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 5px;
}



/*------------25/11/2016-----------*/
.dashNav ul li a{padding:20px 5px; font-size:13px; }
.writeMsgInp{ width:100%; height:200px; padding:20px;  border:0.15cqw  #3fe0f5; border-radius:30px; background:#010312; border-radius:30px; font-size:13px; color:#ffffff; resize:none;}
.allounce-uploadPic{ position:relative; padding-bottom:0px;}
.allounce-uploadPic > span {position: absolute; right: 1px; top: 1px; width: 150px;}
.uploadpic{ width:100%; height:50px; padding:0 20px 0 20px; font-size:13px; color:#ffffff; position:relative; background:#060914; border:1px solid rgba(51, 65, 85, .7); border-radius:12px; display:flex; align-items:center; transition:border-color .2s, box-shadow .2s;}
.uploadfile{cursor: pointer; height: 50px; left: 0; opacity: 0; overflow: hidden; position: absolute; top: 0; width: 100%;}
.userCheck{ padding-top:20px; font-size:16px; padding-bottom: 20px;}
.userCheck span{ position:relative; padding-right:40px;}


input[type=checkbox]{ overflow:hidden;}
input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label{padding-left:32px;height:25px; display:inline-block;line-height:25px; background-repeat:no-repeat;background-position: 0 0; vertical-align:middle;cursor:pointer;}
label.css-label{background-image:url(../../img/checkBox.png); -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;
}
input[type=checkbox].css-checkbox:checked + label.css-label{background-position: 0 -25px;}

.img{
color:transparent;
}

/*-----------------------06/01/2017--------------------*/
.showmore{color: #089759; font-size: 14px; text-decoration: underline; text-transform: capitalize;}
.showmore:hover{ text-decoration:none;}
.request-List ul li:nth-of-type(1n+5){ display:none;}
.request-List ul.fxdHgt li:nth-of-type(1n+5){ display:block;}
.followremove{ position:relative;}

/*-----------------------03/01/2018--------------------*/
.text22{height:100px;padding:18px;}

/* ------------------------03/09/2019 ------*/
.flexBox {display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;}
.movingClub {width: 50%}
.welcomeImg {width: 50%}


/* ------------------------ added success and failure Modal ------------------------ */
.account-success-overlay .account-success-icon {
    transition: all 0.2s ease;
}

.account-success-overlay.message-success .account-success-icon {
    /* Keep your existing success styling */
}

.account-success-overlay.message-error .account-success-icon {
    border-color: #dc3545;
}

.account-success-overlay.message-error .account-success-icon svg {
    stroke: #dc3545;
}

.account-success-overlay.message-error .account-success-btn {
    background: #dc3545;
}

.account-success-overlay.message-error .account-success-btn:hover {
    background: #c82333;
}


/* =========================================
   Account Success Popup Overlay
   ========================================= */
.account-success-overlay {
    display: none;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    background: rgba(1, 3, 18, 0.85);
    backdrop-filter: blur(6px);

    align-items: center;
    justify-content: center;

    z-index: 99999;

    padding: 20px;
    box-sizing: border-box;
}


/* =========================================
   Gradient Border Wrap
   ========================================= */
.account-success-popup-border {
    width: 100%;
    max-width: 420px;

    padding: 1.5px;
    border-radius: 24px;

    background: linear-gradient(148deg, #ec4899 0%, #7c3aed 45%, #22d3ee 100%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(124, 58, 237, 0.25);

    animation: accountSuccessPopupShow 0.25s ease-out;
}


/* =========================================
   Success Popup Box
   ========================================= */
.account-success-popup {
    position: relative;

    width: 100%;

    background: #0d0722;

    border-radius: 22.5px;

    padding: 40px 30px 30px;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================
   Success Icon
   ========================================= */
.account-success-icon {
    width: 84px;
    height: 84px;

    margin: 0 auto 22px;

    border-radius: 50%;

    background: #0a1f16;
    border: 2px solid rgba(52, 211, 153, 0.6);
    box-shadow:
        0 0 10px rgba(16, 255, 145, 0.9),
        0 0 25px rgba(16, 255, 145, 0.75),
        0 0 45px rgba(16, 255, 145, 0.55),
        0 0 70px rgba(16, 255, 145, 0.3),
        inset 0 0 15px rgba(52, 211, 153, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}

.account-success-icon svg {
  width: 40px;
  height: 40px;
  fill: none;
  stroke: #34d399;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5;
  filter: drop-shadow(0 0 6px rgba(52, 211, 153, 0.8));
}


/* =========================================
   Title
   ========================================= */
.account-success-popup h3 {
    margin: 0 0 10px;

    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 700;

    color: #f8fafc;
}


/* =========================================
   Message
   ========================================= */
.account-success-popup p {
    margin: 0 0 25px;

    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.6;

    color: #94a3b8;
}


/* =========================================
   Continue Button
   ========================================= */
.account-success-btn {
    width: 100%;

    border: 0;
    border-radius: 9999px;

    padding: 14px 20px;

    background: linear-gradient(to right, #d6249f, #7c3aed, #06b6d4);
    color: #fff;

    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    box-shadow: 0 0 25px rgba(124, 58, 237, 0.45);

    cursor: pointer;
    transition: opacity 0.2s, transform 0.15s;
}

.account-success-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.account-success-btn:active {
    transform: translateY(0);
}


/* =========================================
   Trust tagline
   ========================================= */
.account-success-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin-top: 16px;

    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;

    color: #64748b;
}

.account-success-trust-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #64748b;
}


/* =========================================
   Close Button
   ========================================= */
.account-success-close {
    position: absolute;

    top: 14px;
    right: 14px;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.15);

    font-size: 18px;
    line-height: 1;

    color: #cbd5e1;

    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.account-success-close:hover {
    background: rgba(148, 163, 184, 0.3);
    color: #fff;
}


/* =========================================
   Animation
   ========================================= */
@keyframes accountSuccessPopupShow {
    from {
        opacity: 0;
        transform: translateY(-15px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* =========================================
   Mobile
   ========================================= */
@media (max-width: 480px) {

    .account-success-overlay {
        padding: 15px;
    }

    .account-success-popup {
        padding: 30px 20px 25px;
    }

    .account-success-popup h3 {
        font-size: 21px;
    }
}
.account-message-error svg {
    stroke: #f87171;
    filter: drop-shadow(0 0 6px rgba(248, 113, 113, 0.8));
}

.account-message-success svg {
    stroke: #34d399;
    filter: drop-shadow(0 0 6px rgba(52, 211, 153, 0.8));
}
/* =========================================
   ACCOUNT MESSAGE POPUP - SUCCESS
   ========================================= */

.account-message-success {
    background: #0a1f16 !important;
    border-color: rgba(52, 211, 153, 0.6) !important;

    box-shadow:
        0 0 10px rgba(16, 255, 145, 0.9),
        0 0 25px rgba(16, 255, 145, 0.75),
        0 0 45px rgba(16, 255, 145, 0.55),
        0 0 70px rgba(16, 255, 145, 0.3),
        inset 0 0 15px rgba(52, 211, 153, 0.25) !important;
}

.account-message-success svg {
    stroke: #34d399 !important;

    filter:
        drop-shadow(0 0 6px rgba(52, 211, 153, 0.8));
}


/* =========================================
   ACCOUNT MESSAGE POPUP - ERROR
   ========================================= */

.account-message-error {
    background: #25100f !important;
    border-color: rgba(248, 113, 113, 0.7) !important;

    box-shadow:
        0 0 10px rgba(248, 113, 113, 0.8),
        0 0 25px rgba(248, 113, 113, 0.6),
        0 0 45px rgba(248, 113, 113, 0.4),
        inset 0 0 15px rgba(248, 113, 113, 0.2) !important;
}

.account-message-error svg {
    stroke: #f87171 !important;

    filter:
        drop-shadow(0 0 6px rgba(248, 113, 113, 0.8));
}

.innerBg .profAbout p a,
a[href^="tel:"] {
    color: rgba(255, 255, 255, 0.86) !important;
    text-decoration: none !important;
}
/* end added success and failure Modal */