.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%;}
.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 150px;
  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%;}
		
		/*background color */





         #post-searchd{direction:rtl;}
         h4{margin:0 }
         #post-searchd form .d-flex input,#post-searchd form .d-flex select {flex : 0 0 30%;max-width:30%;margin:5px;padding:5px;}
         #post-searchd form .d-flex input,#post-searchd form .d-flex select,#search-bottom {flex : 0 0 30%;max-width:30%;}
         .navbar-navajaxmobile{margin-top:0}
         a{text-decoration:none}
         .navbar-navajaxmobile .main-color{font-size: 18px; line-height: 1.6;}
         .mobile-menu .thelogo{padding-left: 15px;font-size: 18px;}
         #search-top{flex-wrap:wrap;justify-content: start;}
         #search-bottom{margin-top:10px;padding-left:5px;padding-bottom:5px;}
         .ulimages{margin-left:0}
         .main-title{font-size:20px;text-align:right;}
         .main-title span{display:inline-block;font-size:20px;float:left}
         .main-title a{display:inline-block;font-size:20px}
         .n-img{max-width:auto;max-height:350px;}
         #galleryimages{justify-content:right;flex-wrap: wrap;padding:0 15px;flex:0 0 50%} 
         .suggestsearch h2,.hhelp_menu{font-family:amiri;color:#777;font-size:14px;text-align:right;margin-bottom:0}	  
         .help_menu{display:flex;flex-wrap:wrap;justify-content:space-between;direction:rtl}
         .help_menu div{display:flex;flex:31% 0 0;justify-content: right;margin-top:15px;background:white; padding: 10px;border-radius:5px;    box-shadow: 0px 5px 10px 1px #efeded}
         .suggestsearchtop  .actived{color:white !important}
         .suggestsearch  .active{color:white !important}
         .help_menu div a{text-align:right;display: flex;    flex-direction: column;color: white;}
         .help_menu .active a{color:white !important}
         .help_menu div a .material{font-size: 30px;    padding: 10px;padding-right:0; color:#777}
         .help_menu .active a .material{color:white !important}
         .help_menu div a .subtext{font-family:amiri;color:#777}
         .help_menu .active a .subtext{color:white !important} 
         .fbottommenu{position:fixed;bottom:0px;right:0px;left:0px;background:white;z-index:2}
         .bottommenu{display:flex;flex-wrap:wrap;justify-content:space-between;direction:rtl}
         .bottommenu div{display:flex;flex:18% 0 0;justify-content: right; padding: 0px 10px;border-radius:5px; }
         .bottommenu div a{text-align:right;display: flex;    flex-direction: column;color: white;}
         .bottommenu .active a{color:white !important}
         .bottommenu div a .material{font-size: 30px;    padding: 5px 10px;padding-right:0; color:#777}
         .bottommenu .active a .material{color:white !important}
         .bottommenu div a .subtext{font-family:amiri;color:#777}
         .bottommenu .active a .subtext{color:white !important}
         /*suggestsearch*/
         .suggestsearch a{font-family:amiri;color:#777;display:inline-block;margin-top:15px;background:white; padding: 10px;border-radius:5px;    box-shadow: 0px 5px 10px 1px #efeded}
         .updateprice::before{  content: '';
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         margin: 0 auto;
         width: 1px;
         z-index: 15;
         border-left: 10px solid transparent;
         border-right: 10px solid transparent;
         border-top: 10px solid #ff706e;}
         .updateprice {
         animation: bounce 3s;
         animation-iteration-count: 10;
         animation-delay:5s;
         }
         @-webkit-keyframes bounce { 
         0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
         40% {-webkit-transform: translateY(-30px);} 
         60% {-webkit-transform: translateY(-15px);} 
         } 
         @keyframes bounce { 
         0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
         40% {transform: translateY(-30px);} 
         60% {transform: translateY(-15px);} 
         }
         .bounce { 
         -webkit-animation-name: bounce; 
         animation-name: bounce; 
         }
         .big-title{    text-align: right;
         font-size: 28px;
         font-weight: bold;
         padding-bottom: 15px;
         }
         .SumoSelect>.CaptionCont>span{font-size:18px !important}
         .redcolor
         {
         border:1px solid red !important;
         }
         .btn-select  .SumoSelect, .btn-select  .pricing {
         margin-left:5px;
         border: 1px solid #d9d9d9;
         flex: 0 0 31%;
         max-width: 31%;
         margin-top: 8px;
         }
         form .d-flex select {
         flex: 0 0 30%;
         max-width: 30%;   
         margin: 5px;
         padding: 5px;
         }
         #fixedmenu
         {
         display:none;border-radius: 5px;   margin-top: 5px; margin-bottom: 5px;padding: 5px 5px;border-bottom:1px solid silver;position:fixed;margin-top:50px;left:0;right:0;background:white;z-index:2
         }
         .d-block{display:block !important}
         .d-flex{display:flex !important}
         .d-none{display:none !important}
         .suggestsearchtop h2,.hhelp_menu{font-family:amiri;color:#777;font-size:14px;text-align:right;margin-bottom:0}	
         .suggestsearchtop a{font-family:amiri;color:#777;display:inline-block;margin-top:15px;background:white; padding: 10px;border-radius:5px; /*box-shadow: 0px 5px 10px 1px #efeded*/
         border :1px solid silver;
         }
         .owl-carousel .owl-item a{margin-right:2px;margin-left:2px;}
         .btnselectcar
         {
         color:#777;font-weight:700;font-size:18px;margin:3px;padding-bottom: 3px;
         padding-right: 3px;
         padding-left: 3px;
         }
         .btnselectcar-active
         {
         color:white !important;font-weight:700;font-size:18px;margin:3px;border:1px solid #ff3e8d;background:linear-gradient(to bottom right, #FF2F97, #FF9159) !important;border-radius:3px;
         }
         .d-block{display:block !important}
         .d-flex{display:flex !important}
         .d-none{display:none !important}
         .mobile-menu{padding: 5px 10px;    color: white !important; }
         .mobile-menu div{display:flex;align-items:center;cursor:pointer;justify-content: space-between;flex: 40%;  line-height: 2;}
         .mobile-menu div a{color: white;    font-weight: 900;    font-family: 'Amiri';padding-left: 15px;   font-size: 22px;}
         .tijaraslide{height:300px;background-position: 100% 100%;background-size: 100% 100%;background-image: url("https://www.tijara.site/assets/slider/work.jpg");}
         .tijaraslidetrans{flex-direction: column;height: 100%;   width: 100%;background: rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;font-family:amiri;direction:rtl}
         .tijaraslidetrans h2{margin-bottom:0;text-align:center;color:white}
         .tijaraslidetrans h4{text-align:center;color:white}
         .tijaraslidetrans div{text-align:center;margin-top:20px;}
         .tijaraslidetrans .openadd{border-radius: 3px;      font-family: amiri;   padding: 5px 30px; background: white;}
		 
         .pta{border-radius: 3px;   color: #ff3e8d;   font-family: amiri;   padding: 5px 30px; background: white;}
         /*Change presset card*/
         .changepresetcard {padding:10px;text-align:right}
         .changepresetcard p{font-family:amiri;font-size:18px !important;}
         .changepresetcard div{display:flex;justify-content:right;flex-wrap:wrap}
         .changepresetcard span{inline:block;height:25px;width:25px;border-radius:3px;margin:10px;}
         #showcontacthim{position:fixed;bottom:0px;right:0px;left:0px;background:white;z-index:15000;height:80px;box-shadow: 1px 10px 10px 10px #c0c0c082;}
         .showcontacthimflex {display:flex;justify-content:space-between;padding:20px;}
         .showtab{display:flex;justify-content:end;align-items;border:1px solid silver;border-radius:3px;margin-left:5px;margin-right:5px;}
         .showtab img{height:35px;width:35px;border-radius:5%;padding:2px;}
         .showtab h4{line-height:2}
		 	  .geterror{direction:rtl}
	  .showcontacthimflex  .telephonesellercontact {color:white;padding:10px 30px;;border-radius:10px;display:flex}
	  .getimages{position:relative}
	   .showadd{top:0px;overflow: scroll;   max-width: 100%;   max-height: 100%;   top: 0px  ;  background: #000000c4;bottom:0}
	   .viewpost{overflow: scroll;max-width: 100%; max-height: 100%;top:0px;overflow-x: hidden;}
	  .getimages .body-postprice{direction:rtl}
	  #fullimage {width:auto}
	  .rowimages{height:100%;min-height:100%;display:flex;margin-top:70px;}
	  .rowimages .divfullimage{text-align:center;width:100%;background:black;flex:0 0 50%}
	  .viewpost  .title-card{ padding:0;  position: fixed;  top: 0;   left: 0; right: 0;z-index: 100000;   border: none;border-bottom:none !important; height: 50px;background: none !important;}
      .viewpost  .main-title{padding: 15px 10px;height:70px;}
	  .viewpost  .main-title .closewindow{color:white}
	  .viewpost  .main-title .material{background: #ffffff5c;  padding: 12px;border-radius:50%}
	  #posttext{font-family: 'Amiri';font-size: 18px !important;}
	   .showsearch{top:0px;overflow: scroll;   max-width: 100%;   max-height: 100%;   top: 0px  ;  background: #000000c4;}
	  .showsearcht{height: 630px;   background: white;   position: absolute;   bottom: 0;   right: 0;   left: 0;   border-radius: 20px 20px 0px 0px;}
	  .showsearcht .title-card{border-radius: 20px 20px 0px 0px;}
	  .showsearcht .body-post{border-radius: 5px;   margin-top: 5px; margin-bottom: 5px;padding: 5px 5px;}
	   .showsearcht .body-post div{text-align:right;direction:rtl}
	   .body-post{text-align:right;direction:rtl}
	   .changepreset{margin-right:0}
	   .m15{margin:15px;}
	   .tijaraslidetrans .openprice{border-radius: 3px;     font-family: amiri;   padding: 5px 30px; color: white;}
	   pdateprice{position:absolute;background: linear-gradient(to bottom right, #FF2F97, #FF9159);color: white;width: 50px;font-weight: 900;font-family: 'Amiri';padding: 5px 10px;top: -40px;]}
	  .showmenu{top:0px;overflow: scroll;   max-width: 100%;   max-height: 100%;   top: 0px  ;  background: #000000c4;}
	  .showmenut{height: 450px;   background: white;   position: absolute;   bottom: 0;   right: 0;   left: 0;   border-radius: 20px 20px 0px 0px;}
	  .showmenut .title-card{border-radius: 20px 20px 0px 0px;}
	    .showaddt{height: 650px;   background: white;   position: absolute;   bottom: 0;   right: 0;   left: 0;   border-radius: 20px 20px 0px 0px;}
	  .showaddt title-card{border-radius: 20px 20px 0px 0px;}
	  .iconuploadimage{display:flex;flex-direction:column;height:150px;width:100%;align-items:center;justify-content:center}
	.iconuploadimage{display:flex;flex-direction:column;}
	.iconuploadimage .material{background-color:#c0c0c073;border-radius:50%;color:black;font-size:30px;padding:15px;}
	.iconuploadimage .subtext{display: inline-block;   text-align: center;   font-family: 'Amiri'; margin-top: 7px;color: black;}
	p{font-family:Amiri}
	textarea{margin-right:5px;height:50px;width:100%; border: 1px solid silver;   font-family: Amiri;}