.bg-white {
    background-color: #fff!important;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.mt-3{
    margin-top: 1rem!important;
}
.d-none {
    display: none!important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.pb-3 {
    padding-bottom: 1rem!important;
}
.mt-0{
    margin-top: 0!important;
}
body{
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}




h1,h2,h3,h4,h5,h6 {text-align:left}
	html, body {
  overscroll-behavior-y: contain;
}
	.SumoSelect>.CaptionCont>span{font-size:18px !important}
	#post-search form div .SumoSelect, #post-search form div input {
    flex: 0 0 31%;
    max-width: 31%;
    margin-top: 8px;
}
/*iframe{border:0;height:150px;width:50%}*/
input:focus{box-shadow:none !important;border-color:initial;}
body{background:rgba(241,241,241,.4);overflow-x:hidden;position:relative;min-height:650px;}
a:hover,a:active,a:focus {text-decoration:none;}
p{
	font-size: 14px !important;font-style: normal;font-weight: 400;text-transform: none;line-height: 1.7;letter-spacing: 0;color: #777;text-align:right;padding-right:15px;
	}
/* End general*/
.sharesocial,.viewimage{  

position: fixed !important;
    left: 0;
    right: 0;
    z-index: 100; 
    bottom: 0px;
    display: block;
	transition:400ms;
    transform: translate(0px, 1000px);}
	
	.transfromclass{transform: translate(0px, 0px) !important}
	.shareflex{display: flex;flex-direction: column;justify-content: center; text-align: center;align-items: center;}

.list-info{text-align:right;direction:rtl;list-style: none;font-size: 16px;font-style: normal;font-weight: 400;text-transform: none;line-height: 1.9;letter-spacing: 0;color: #777 !important;padding-right: 15px;}
.list-info a{color:inherit;font-size:inherit}




/* Begin btn*/
.btn{line-height:1.4}
.btn span{font-size: .858rem;}
.btn.focus, .btn:focus{box-shadow:none !important}
/* End btn*/


/* Begin app */
.app{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.app-login{display:block !important}
.full-content{width:100%;padding-right:0px;padding-left:1.5rem}
.page-content{transition:all 300ms linear;padding:0;margin-left:16.9%;-webkit-box-flex: 0;-ms-flex: 0 0 73%;flex: 0 0 73%;max-width: 73%;}
.main-content{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 1.5rem;padding-left: 1.5rem;}
.main-container{padding:40px 15px;}
.hidden-area{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
.more-features{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
/* End core app */


/* Begin mainnav */
.mobile-menu ul li {position:relative}
.mobile-menu ul li .mobile-menu-item{background:white;padding:3px 6px;border-radius:50%;position:absolute;font-size:14px;top:-10px;}
.navbar-nav{margin-right: -10px;}
.navbar-navajax{margin-right: 0;margin-left: auto;}
.main-nav .container{margin-right: 0;margin-left: 0;max-width: 100%;}
.main-nav{position: fixed;z-index: 10;background:white;box-shadow: 2px 2px 2px #d7d7d730;border-bottom: 1px solid #c0c0c04d;padding-left: 1.5rem;right: 0;left: 16.9%;top: 0;}
.main-nav .container{padding-left:0;padding-right:5px;}
.main-nav form{margin-top:0;margin-bottom:0}
.main-nav .input-group-text , .main-nav input{border:none !important}
.main-nav input:focus{box-shadow:none !important;}
.main-nav .basic-addon-search,.main-nav input{box-shadow:none !important;background:#fbfbfb !important;}
.main-nav input{width:483px !important; }
.main-nav  fom{position:relative}
.main-nav form  .input-group-text{background:#fbfbfb}
.main-nav  .input-group-text i{font-size: 20px;padding-top: 5px;}
.main-nav .navbar-nav .nav-item {/*! margin-right:5px; */}
.main-nav .navbar-nav .nav-item a i{font-size: 20px;position:relative}
.main-nav .navbar-nav .nav-item a  span{position:absolute;font-size:10px;padding:1px 5px;border-radius:50%;right:2px;color:white;top:0;}
.main-nav .navbar-nav .nav-item .avatar{padding: 0;}
.main-nav .navbar-nav .nav-item .avatar img{border-radius:50%;height:40px;border-radius:5px;padding:0;width: 40px;}
.search-box	{min-height:350px;border: 1px solid #c0c0c075 !important;top:60px;border-radius: 3px;}
/* End mainnav */

/* begin upload from & social-profil*/
#upload-image  div span, #upload-book  div span, #social-profil div a,.upload-from  div img{font-size:14px;margin-top:5px;display:inline-block}
#upload-image  div img,#upload-book  div img, #social-profil div img,.upload-from  div img{max-height:50px;}
.option-card,.before-card,.after-card{position:relative}
.after-card::after {
    position: absolute;
    content: '';
    height: 25px;
    width: 25px;
    background: white;bottom: -12px; display: inline-block;transform: rotate(45deg);box-shadow: 2px 2px 1px #c0c0c01c;left: 10px;border: 0;;
}
.option-card:after{left:48px;}
.before-card:after{left:24px;}
.option-card:after,.before-card:after{position:absolute;content:'';height:25px;width:25px;background:white;top:-12px;display:inline-block;transform:rotate(45deg);border-bottom: 0;border-right: 0;box-shadow: -2px -2px 1px #c0c0c01c;}
#upload-image  .d-flex div,#upload-book  .d-flex div,#social-profil .d-flex div,.upload-from  .d-flex div{margin-top:15px;flex:25%;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;-ms-flex:0 0 25%;direction:column;-webkit-flex-direction:column;flex-direction:column;text-align:center;cursor: pointer;}
/* End upload from & social-profil*/

/* Begin navtab */
.main-navtab{border-bottom: 1px solid #ececec;padding: 8px 15px 2px 10px;width: 100%;}
.main-navtab .nav-item .nav-link{font-size: 18px;font-weight: 00;color: #777;}
.main-navtab .nav-item .active{position:relative;font-size: 14px;font-weight: 900;background:none;color:black;border-radius:0px}
.main-navtab .nav-item .active::after{bottom: -6px;content: "";height: 3px;left: 0;transition: all 400ms ease-in-out;position: absolute;width: 100%;margin: 0 auto; right: 0;}
.main-navtab  .input-group input:focus{box-shadow:none;}
.main-navtab  .input-group input{font-size:14px;color:#0000006e;border:none}
.main-navtab  .input-group .input-group-text{box-shadow:none ;}
.main-navtab   .input-group .input-group-text i{background: -webkit-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background-clip: text;-webkit-text-fill-color:transparent;}
/* End navtab */

/* Begin main classes */
.title-card{background-color:white;padding:10px 15px 1px 15px;border-bottom: 1px solid #c0c0c038 !important;}
.title-card .list-star{font-size:16px;}
.main-card{background: white;margin-top: 1.5rem;box-shadow: 2px 2px 2px #ececec;border: 0;}
.main-title{font-size: 15px !important;font-weight: 500;color: #777;}
.main-title a {color:#777 !important}
.main-btn{padding: .429rem .758rem !important;font-size: .858rem;line-height: 1.5;border-radius: .143rem;border: 1px solid #c9d5e494;}
.post-footer .btn{padding: .229rem .758rem !important;border-radius: .143rem;}
.input-group-border {border-bottom: 1px solid #d9d9d94d;}
.not-hide{right:0 !important;z-index:1;}
.m-rl{margin-left:auto;}
.b-b{border-bottom: 1px solid #ececec !important;padding-bottom:1rem !important;}
.gif-content{height:150px;max-height:200px;}
.input-group-text{background:none}
/* End main  classes */


/* Begin author */
.author{padding: 15px 15px 0 15px;}
.img-avatar{height:40px;border-radius:5px;width: 40px;}
.author-c{flex: 50%;margin-left: 10px;line-height:1;text-align:right}
.author-c h6{margin-top:0.5rem;margin-bottom: 0.1rem;font-weight: 600;font-size: 18px;padding-top:3px;color: #000000de;text-align:right}
.author-c a{color: #000000de}
.author-c span{font-size: 12px;color: #777;}
.author-c p{font-size: 11px;color: #777;margin-top: 0.3rem;}
.author{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
/* End author */




/* Begin presets color */
.bg-preset1{background:linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background:-webkit-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background:-moz-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background:-ms-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background:-o-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);}
.bg-preset2{background: linear-gradient(45deg,#8e24aa,#ff6e40);background: -webkit-linear-gradient(45deg,#8e24aa,#ff6e40);background: -moz-linear-gradient(45deg,#8e24aa,#ff6e40);background: -ms-linear-gradient(45deg,#8e24aa,#ff6e40);background: -o-linear-gradient(45deg,#8e24aa,#ff6e40);}
.bg-preset3{background: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);background: -web-kit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);background: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);background: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);background: -o-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);}
.bg-preset4{background: linear-gradient(40deg, #e03827 0%, #f9a47a 100%);background: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);background: -moz-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);background: -ms-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);background: -o-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);}
.bg-preset5{background: linear-gradient(40deg, #e09520 0%, #fae926 100%);background: -webkit-linear-gradient(40deg, #e09520 0%, #fae926 100%);background: -moz-linear-gradient(40deg, #e09520 0%, #fae926 100%);background: -ms-linear-gradient(40deg, #e09520 0%, #fae926 100%);background: -o-linear-gradient(40deg, #e09520 0%, #fae926 100%);}
.bg-preset6{background: linear-gradient(45deg,#43a047,#1de9b6);background:-webkit-linear-gradient(45deg,#43a047,#1de9b6);background:-moz-linear-gradient(45deg,#43a047,#1de9b6);background:-ms-linear-gradient(45deg,#43a047,#1de9b6);background:-o-linear-gradient(45deg,#43a047,#1de9b6);}
.bg-preset7{background: linear-gradient(25deg,#7b3d3b,#dd3f3b);background: -webkit-linear-gradient(25deg,#7b3d3b,#dd3f3b);background: -ms-linear-gradient(25deg,#7b3d3b,#dd3f3b);background: -moz-linear-gradient(25deg,#7b3d3b,#dd3f3b);background: -o-linear-gradient(25deg,#7b3d3b,#dd3f3b);}
.bg-preset8{background: linear-gradient(145deg,#f81f01,#ee076e);background: -webkit-linear-gradient(145deg,#f81f01,#ee076e);background: -moz-linear-gradient(145deg,#f81f01,#ee076e);background: -ms-linear-gradient(145deg,#f81f01,#ee076e);background: -o-linear-gradient(145deg,#f81f01,#ee076e);}
.bg-preset9{background: linear-gradient(to bottom right, #FF2F97, #FF9159);background: -webkit-linear-gradient(to bottom right, #FF2F97, #FF9159);background: -moz-linear-gradient(to bottom right, #FF2F97, #FF9159);background: -ms-linear-gradient(to bottom right, #FF2F97, #FF9159);background: -o-linear-gradient(to bottom right, #FF2F97, #FF9159);}
.bg-preset11{background:linear-gradient(270deg, #36275d, #7d7691);background:-webkit-linear-gradient(270deg, #36275d, #7d7691);background:-moz-linear-gradient(270deg, #36275d, #7d7691);background:-ms-linear-gradient(270deg, #36275d, #7d7691);background:-o-linear-gradient(270deg, #36275d, #7d7691)}
.bg-preset12{background:linear-gradient(to bottom right,#80bc00,#0075c9);background:-webkit-linear-gradient(to bottom right,#80bc00,#0075c9);background:-moz-linear-gradient(to bottom right,#80bc00,#0075c9);background:-ms-linear-gradient(to bottom right,#80bc00,#0075c9);background:-o-linear-gradient(to bottom right,#80bc00,#0075c9)}
.bg-preset10{background: linear-gradient(to bottom left,#e14eca,#ba54f5);background:-webkit-linear-gradient(to bottom left,#e14eca,#ba54f5);background:-moz-linear-gradient(to bottom left,#e14eca,#ba54f5);background:-ms-linear-gradient(to bottom left,#e14eca,#ba54f5);background:-o-linear-gradient(to bottom left,#e14eca,#ba54f5);}
.bg-preset0{border:1px solid silver;background:white;}
.select-post-bg ul li a{display:inline-block;height:25px;width:25px;border-radius:50%;}
/* End presets color */

/* Begin create post */
.live-tab  video{height:400px;overflow:hidden;width:100%;}
.list-star{margin-bottom:0px;margin-right:5px;}
.post-type,.list-star{list-style:none;padding-left:0px;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.post-type li{margin-right:3px;padding: 0 5px ;}
.post-type li i,.list-star li i{color:#777;font-size:22px;cursor:pointer}
.post-type li:nth-child(1):hover .select-post-bg{display:block;animation:zoomIn 400ms linear}
.post-type li:nth-child(1){position: relative;}
.select-post-bg ul{margin-bottom:0px;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;list-style:none;padding-left:0px;}
.select-post-bg ul li{margin-right:5px !important; }
.select-post-bg{z-index:2;display:none;left:0px;border-radius:5px;padding:7px 5px 3px 5px ;position:absolute;top:-70px;}
.select-post-bg:after{position:absolute;content:'';height:12px;width:12px;background:white;bottom:-6px;left:10px;z-index:0;display:inline-block;transform:rotate(45deg);border-bottom: 0;border-right: 0;}

.uploaded-img{width:80px;position:relative;margin-right:10px;margin-top:15px;}
.uploaded-img img{height:80px;width:80px;box-shadow: 5px 5px 5px #c0c0c082;border-radius: 5px;}
.uploaded-img div{top:0px;left:0px;background:rgba(0,0,0,0.3);position:absolute;height:100%;width:100%;border-radius:5px;}
.uploaded-img ul,.uploaded-video ul{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;padding-left:0px;list-style:none;position:absolute;top:2px;right:2px;}
.uploaded-img ul li,.uploaded-video ul li{margin-right:5px}
.uploaded-img ul li i, .uploaded-video ul li i{font-size:12px;padding:3px;border-radius:5px;background:rgba(255,255,255,0.36);color:white}
.upload-from  .div{height:100%;text-align:center;padding:10px;display:table;margin:10px}
.one-img{height:320px;width:100%;box-shadow:5px 5px 10px #c0c0c02e;padding:0}
.text-post{margin-top:15px;margin-left: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.text-post input{border:0;width:100% !important}
.text-post input::placeholder{margin-bottom:1rem;font-size: 15px;font-style: normal;font-weight: 400;line-height: 1.7;font-family: poppins,sans-serif;}
.bg-post{display: flex;align-items: center;justify-content: center;height:250px;}
.bg-post textarea{text-align:center;background: transparent ;border: 0;height: 65px;-moz-resize:none;resize: none;font-size: 16px;color: white;width: 60%;font-weight: bold;}
.post-avatar{height:40px;width:40px;margin-right:15px;border-radius:5px}
.posted-bg {align-items: center;justify-content: center;height: 250px;display:flex;text-align:center;color:white;font-size:25px;padding:10%;margin:15px 0 0}

#preview-img{margin-left:15px;}
#preview-video, #preview-img{flex-wrap:wrap}
#preview-video{padding:15px;}
#preview-video iframe, #preview-video .plyr--video,  #preview-video .html5video{box-shadow: 5px 5px 5px #868585db;border:0;height:auro;max-height:160px;width:100%;border-radius: 5px;}
#preview-video iframe,#preview-video .plyr--video, #preview-video .html5video{margin-right:2%;}
/* End  create post */


/* Begin breadcrumbs */
.breadcrumbs{-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;padding:10px 15px !important;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.breadcrumbs-ico i{color: white;padding: 10px;border-radius: 5px;font-size: 20px;display: inline-block;}
.breadcrumbs .m-rl{padding-top:1px;margin-left: auto;}
.breadcrumbs h6{margin-left: 10px;margin-bottom: 0;font-weight: 600;font-size: 15px;color:#777;}
.ml-auto {margin-left:auto;}	
/* End breadcrumbs*/

/* Begin Images*/
.sugg-img .row{flex-wrap:wrap;padding:0px 0 15px 15px;margin:0}
.sugg-img .row div{padding-left:0 !important;margin-top:1rem;}
.sugg-img .col-md-3 img{width:100%;height:60px;border-radius:.143rem;}
.sugg-img .col-md-4 img{width:100%;height:100px;border-radius:.143rem;}
.sugg-img .col-md-6 img{width:100%;height:150px;border-radius:.143rem;}
/* End Images*/




/*gelley post*/
.more-image img{position:relative;max-height: 200px;min-height:200px;}
.more-image div {position: absolute;top: 0;left: 15px;background: #000000ab;display: flex;bottom: 0;right: 0;align-items: center;justify-content: center;}
.more-image div p{color: #ffffffb3;font-size: 80px;font-weight: 600;}
/*end gallery post*/
/* Begin 404 */

/* animation */
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lds-facebook {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 5%;
left: 5%;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
/*animation screenshot*/
.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
/*animation preload */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 50px;
}
.lds-ellipsis div {
  position: absolute;
  top: 25px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.beforegetdata{text-align:center;}

/*preview*/
#preveiw-file{margin-left:15px;margin-right:15px;}
#preveiw-file div{position:relative;justify-content: center;width:35%;height:70px;border-radius:5px;margin-right:15px}
#preveiw-file  b{}
#preveiw-file  i{transition:all 400ms ease;position: absolute;color: #ffffffc7;font-size: 18px;top: 3px;right: 3px;}
#preveiw-file  i:hover{cursor:pointer;color:white;font-size:22px;transform:rotate(90deg)}
.open-gallery{cursor:pointer !important}


.ulimages {
 
display: grid;
 grid-template-columns: repeat(auto-fit, minmax(35%, 1fr));
  grid-auto-rows: auto 200px;
  gap: 5px;
}
.ulimages img{width:100%;}
* {
  box-sizing: border-box;
}


.ulimages {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.ulimages li {
  min-width: 0;

  
}

.ulimages img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.firstspan
{
	 grid-row: span 1;
}
.nextspan
{
	 grid-row: span 2;
}

	.SumoSelect>.CaptionCont>span{font-size:18px !important}
	#post-search form div .SumoSelect, #post-search form div input {
    flex: 0 0 31%;
    max-width: 31%;  
    margin-top: 8px;
}
.mobile-menu{z-index:11;position:fixed;width:100%;display:-moz-flex;display:-webkit-flex;display:-webkit-box;display:-o-flex;display:-ms-flexbox;display:flex;padding: 0 12px 0 15px ;}
		.mobile-menu, .mobile-menu ul{-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
		.mobile-menu  ul li:last-child{padding:0;background-color:none;}
		.mobile-menu div{flex:40%;line-height: 1;}
		.mobile-menu ul li {font-size:18px;padding: 6px;background: #ffffffe6;border-radius: .125rem;}
		.mobile-menu ul{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;list-style:none;padding-left:0;justify-content:end;-webkit-justify-content:end;-moz-justify-content:end;-ms-flex-pack:end;line-height:1;margin-bottom: 0;}
		.mobile-menu ul li {margin-right:6px;}
		.mobile-search{padding-top: 10px;padding-bottom: 10px;}
		.mobile-search .input-group-text{margin-right:10px;}
		
		.page-content{margin-left:0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
		.full-content,.main-content{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: .8rem;padding-left: .8rem;}
		
		/*background color */
.main-bg,  .main-navtab .nav-item .active::after,.main-btn ,  .main-color, .main-navtab .nav-item .active,.dropdown-menu .active,.active-btn ,  .main-btn:hover{
	background: linear-gradient(to bottom right, #FF2F97, #FF9159);
	background: -moz-linear-gradient(to bottom right, #FF2F97, #FF9159);
	background: -webkit-linear-gradient(to bottom right, #FF2F97, #FF9159);
	background: -o-linear-gradient(to bottom right, #FF2F97, #FF9159);
	background: -ms-linear-gradient(to bottom right, #FF2F97, #FF9159);
	}
/*background clip */
.main-btn ,  .main-color, .main-navtab .nav-item .active{
	background-clip: text;
	-webkit-background-clip: text;
	-ms-background-clip: text;
	-moz-background-clip: text;
	-o-background-clip: text;
	-webkit-text-fill-color: transparent;}
/* box-shadow */
 .mobile-menu {padding:3px;color:white !important;box-shadow: 1px 1px 1px #ff5b7b2e;}

/* remove text gradient color */
.active-btn ,  .main-btn:hover{
	color:white;-webkit-text-fill-color:white;border: none;
	background-clip: border-box;
	-webkit-background-clip: border-box;
	-ms-background-clip: border-box;
	-moz-background-clip: border-box;
	-o-background-clip: border-box;
	}