#preloader{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #181818;
    display: flex;
    justify-content: center;
    z-index: 23;
    flex-direction: column;
    align-items: center;

}
.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border: 4px solid #Fff;
    /* top: 50%; */
    animation: loader 2s infinite ease;
  }
  
  .loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
  }
  
  @keyframes loader {
    0% {
      transform: rotate(0deg);
    }
    
    25% {
      transform: rotate(180deg);
    }
    
    50% {
      transform: rotate(180deg);
    }
    
    75% {
      transform: rotate(360deg);
    }
    
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes loader-inner {
    0% {
      height: 0%;
    }
    
    25% {
      height: 0%;
    }
    
    50% {
      height: 100%;
    }
    
    75% {
      height: 100%;
    }
    
    100% {
      height: 0%;
    }
  }
.video-bg,video{width:100%;height:100%}.img,.personalImg,.post .postImage,.story .storyItem,body{background-size:cover;background-position:center}body{background-image:url(../data/images/pexels-adrien-olichon-2387793.jg);background-color: black;overflow:hidden;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}*{margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}::-webkit-scrollbar-thumb{border-radius:15px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.video-bg{position:absolute;right:0;top:0}video{object-fit:cover}input{color:#fff}.Mycontainer{overflow:hidden;position:relative;backdrop-filter:blur(20px);width:87%;min-height:750px;max-height:800px;margin:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#fff;padding:0 10px;background-color:rgba(16 18 27 / 40%)}.messages,nav{background-color:rgba(16 18 27 /50%)}.img{width:40px;height:40px;background-image:url(../data/images/myphoto.jpeg)}header input{background-color:transparent;border:none;outline:0;background-color:rgba(16 18 27 / 40%)!important;padding:9px;width:80%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}nav ul li{display:flex;align-items:center;text-transform:capitalize;cursor:pointer}.nav h4{color:gray;font-size:13px}.nav p{margin:0 0 0 5px;color:#fff;padding:5px}.nav i{padding:10px}.story{overflow:auto}.story .storyItem{min-width:88px;height:130px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-image:url(../data/images/storyes/storyImage/josh-hild-jdTdvF6fDus-unsplash.jpg);position:relative;display:flex;justify-content:center;align-items:flex-end;margin-right:5px;cursor:pointer}.personalImg{position:absolute;display:block;background-image:url(../data/images/storyes/storyImage/josh-hild-jdTdvF6fDus-unsplash.jpg);width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;left:8px;top:8px;border:1px solid tomato}.storyItem:nth-of-type(2){background-image:url(../data/images/storyes/storyImage/linus-sandvide-5DIFvVwe6wk-unsplash.jpg)}.storyItem:nth-of-type(3){background-image:url(../data/images/storyes/storyImage/jr-korpa-JKRL7ofWWAA-unsplash.jpg)}.storyItem:nth-of-type(4){background-image:url(../data/images/storyes/storyImage/nong-v-9pw4TKvT3po-unsplash.jpg)}.storyItem:nth-of-type(5){background-image:url(../data/images/storyes/storyImage/s-o-c-i-a-l-c-u-t-FluPNkHfCTs-unsplash.jpg)}.storyItem:nth-of-type(6){background-image:url(../data/images/storyes/storyImage/luis-villasmil-hh3ViD0r0Rc-unsplash.jpg)}.storyItem:nth-of-type(7){background-image:url(../data/images/storyes/storyImage/daniel-lincoln-NR705beN_CU-unsplash.jpg)}.storyItem:nth-of-type(8){background-image:url(../data/images/storyes/storyImage/warren-wong-bh4LQHcOcxE-unsplash.jpg)}.storyItem:nth-of-type(2) .personalImg{background-image:url(../data/images/storyes/storyImage/linus-sandvide-5DIFvVwe6wk-unsplash.jpg)}.storyItem:nth-of-type(3) .personalImg{background-image:url(../data/images/storyes/storyImage/jr-korpa-JKRL7ofWWAA-unsplash.jpg)}.storyItem:nth-of-type(4) .personalImg{background-image:url(../data/images/storyes/storyImage/nong-v-9pw4TKvT3po-unsplash.jpg)}.storyItem:nth-of-type(5) .personalImg{background-image:url(../data/images/storyes/storyImage/s-o-c-i-a-l-c-u-t-FluPNkHfCTs-unsplash.jpg)}.storyItem:nth-of-type(6) .personalImg{background-image:url(../data/images/storyes/storyImage/luis-villasmil-hh3ViD0r0Rc-unsplash.jpg)}.storyItem:nth-of-type(7) .personalImg{background-image:url(../data/images/storyes/storyImage/daniel-lincoln-NR705beN_CU-unsplash.jpg)}.storyItem:nth-of-type(8) .personalImg{background-image:url(../data/images/storyes/storyImage/warren-wong-bh4LQHcOcxE-unsplash.jpg)}.writPost{margin:auto auto 10px;background-color:rgba(16 18 27 / 40%);width:80%}form input{background-color:transparent;border:none;outline:0}@media(max-widht:430px){.writPost .btn{margin:-10px!important}}.postsContainer{padding:15px 10px;height:500px;background-color:rgba(16 18 27 / 40%);overflow-y:scroll;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.post{margin-top:2px;margin-bottom:16px;padding:20px 15px;background-color:#181818;border:1px solid rgba(16 18 27 / 40%);background-color:rgb(146 151 179 / 13%);border-radius:8px;transition:all .56s ease-in-out;-webkit-transition:all .56s ease-in-out;-moz-transition:all .56s ease-in-out;-ms-transition:all .56s ease-in-out;-o-transition:all .56s ease-in-out;position:relative;height:480px;height:fit-content}.post .postImage{width:100%;height:250px;background-image:url(../data/images/storyes/storyImage/daniel-lincoln-NR705beN_CU-unsplash.jpg);margin-bottom:10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.post:nth-of-type(2) .postImage{background-image:url(../data/images/storyes/storyImage/josh-hild-jdTdvF6fDus-unsplash.jpg)}.post:nth-of-type(3) .postImage{background-image:url(../data/images/storyes/storyImage/linus-sandvide-5DIFvVwe6wk-unsplash.jpg)}.post:nth-of-type(4) .postImage{background-image:url(../data/images/storyes/storyImage/s-o-c-i-a-l-c-u-t-FluPNkHfCTs-unsplash.jpg)}.mesaageItem:nth-of-type(2) .img,.post:nth-of-type(2) .img,.post:nth-of-type(5) .postImage{background-image:url(../data/images/storyes/storyImage/jurica-koletic-7YVZYZeITc8-unsplash.jpg)}.post .img{width:45px;height:46px;margin-top:-1px!important}.post:nth-of-type(3) .img{background-image:url(../data/images/storyes/storyImage/linus-sandvide-5DIFvVwe6wk-unsplash.jpg)}.post:nth-of-type(4) .img{background-image:url(../data/images/storyes/storyImage/warren-wong-bh4LQHcOcxE-unsplash.jpg)}.post:nth-of-type(5) .img{background-image:url(../data/images/storyes/storyImage/jr-korpa-JKRL7ofWWAA-unsplash.jpg)}.post .description .icons{width:100%}.post .description .icons li{margin-right:10px;margin-left:5px}.post .description .icons li:last-child{margin-left:auto}.post .description .fansImages .fans{width:28px;height:28px;border-radius:50%;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.post .description .fansImages img{width:100%;height:100%;object-fit:cover}.messages_request_container{height:700px;overflow-y:scroll}.messages{border:1px solid rgba(16 18 27 / 40%);background-color:rgb(146 151 179 / 13%);overflow-x:scroll}.messages .mesaageForm{padding:10px;position:relative;background-color:rgba(16 18 27 /50%)}.messages .mesaageForm input{background-color:transparent;border:none;outline:0}.messages .mesaageNav ul{position:relative;z-index:1}.messages .mesaageNav ul li{cursor:pointer;transition:all 1s;padding:1px;width:100%;text-align:center;border-bottom:3px solid transparent;color:rgb(146 151 179 / 90%);-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}.messages .mesaageNav ul li.active,.messages .mesaageNav ul li:hover{border-bottom-color:rgb(146 151 179 / 90%)}.messages .mesaageNav ul::after{content:'';display:block;height:3px;width:100%;position:absolute;background-color:#696767;bottom:0;left:0;z-index:-1}.mesaageItem .messageContent{font-size:11px;color:#ddd;margin-top:4px!important}.mesaageItem:nth-of-type(odd) .messageContent{font-weight:700;color:#fff;font-size:12px}.mesaageItem:nth-of-type(3) .img{background-image:url(../data/images/storyes/storyImage/linus-sandvide-5DIFvVwe6wk-unsplash.jpg)}.mesaageItem:nth-of-type(4) .img{background-image:url(../data/images/storyes/storyImage/warren-wong-bh4LQHcOcxE-unsplash.jpg)}.mesaageItem:nth-of-type(5) .img{background-image:url(../data/images/storyes/storyImage/jr-korpa-JKRL7ofWWAA-unsplash.jpg)}.requests .requestContaine{border:1px solid rgba(16 18 27 / 40%);background-color:rgb(146 151 179 / 13%);padding:17px 15px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.requests .requestContaine .numberOfFriendes{font-size:11px;color:#ddd}.requests .requestContaine .btn{width:100px;text-transform:capitalize;border-radius:15px;padding:4px 25px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;background-color:rgb(146 151 179 / 13%)}.request:nth-of-type(1) .img{background-image:url(../data/images/storyes/storyImage/josh-hild-jdTdvF6fDus-unsplash.jpg)}.request:nth-of-type(2) .img{background-image:url(../data/images/storyes/storyImage/linus-sandvide-5DIFvVwe6wk-unsplash.jpg)}.request:nth-of-type(3) .img{background-image:url(../data/images/storyes/storyImage/s-o-c-i-a-l-c-u-t-FluPNkHfCTs-unsplash.jpg)}.request:nth-of-type(4) .img{background-image:url(../data/images/storyes/storyImage/jurica-koletic-7YVZYZeITc8-unsplash.jpg)}@media (max-width:767px){header{justify-content:space-between}.writPost{justify-content:space-between!important;padding:2px 15px;width:100%}.navContainer{bottom:30px;right:0;position:absolute}.navContainer nav{width:60%;margin:-25px auto}}@media (min-width:768px){.imgBtnContainer{margin-left:auto;display:flex;justify-content:center}.Mycontainer{width:90%}.navContainer{position:static;padding:0;border-right:1px solid;margin:0;background-color:transparent}.navContainer nav{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;background-color:transparent;height:100%}.navContainer nav ul{flex-direction:column}.story-writpost-post{padding:0}.story{margin-left:10px}}@media (min-width:992px) and (max-width:1200px){header{justify-content:space-between}header input{background-color:transparent;border:none;outline:0;width:100%!important}.navContainer nav ul{align-items:flex-start!important}}@media (min-width:1200px){header input{background-color:transparent;border:none;outline:0;width:90%!important}.circls{margin-left:30px}.circls span{display:inline-block;background-color:green;width:15px;height:15px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;text-align:center;margin-left:4px}.circls span:nth-of-type(1){background-color:#f96057}.circls span:nth-of-type(2){background-color:#f8ce52}.circls span:nth-of-type(3){background-color:#5fcf65}.BeboSocialContainer{margin-left:73px}}