@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&family=Outfit:wght@100..900&display=swap');
* {
margin: 0;
padding: 0 
}
html {
height: 100%;
width: 100%;
max-width:100%;
overflow-x: hidden;
}
body {
background: #ffffff ;
overflow-x: hidden;
max-width:100%;
min-height: 100vh;
}
body.dark {
background: #041536!important;

}
body.bggrey {
  background: #f2f4f8 ;
}
body.dark.bggrey {
background: #03122e!important;

}
 
body.toppad {
padding-top: 167px 
}
body, input, select, textarea, .standardinput, .styleselect {
font-family: 'Outfit', sans-serif, arial;
font-optical-sizing: auto;
font-size: 100%;
font-size: 18px;
font-weight: 400!important;
color: #0c114b;
color:#404252;
}
body.dark,body.dark input,body.dark select,body.dark textarea,body.dark .standardinput,body.dark .styleselect {

color: #dadada;
}
@media only screen and (max-width: 991px) {
  body, input, select, textarea, .standardinput, .styleselect {
      font-size: 16px;
 }
}
*,*:focus,*:hover{
outline:none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none!important; }

/* width */
.scrollthin {
scrollbar-width: thin;
}
::-webkit-scrollbar {
width: 5px;
}
.fontlight p,.opacity{
  opacity: .6;

}

/* Track */
::-webkit-scrollbar-track {
border-radius: 50px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #5f5f5f; 
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #393939; 
}
/* v24 2024 evesi.com Marbella*/
.relative{
  position: relative;
}
.toclfav{
cursor: pointer;
}
.fa-thumbtack{
rotate: 330deg;
}
.facebook,body.dark .facebook {
color: #415dae!important
}
.linkedin,body.dark .linkedin {
color: #0a66c2!important
}
.reddit,body.dark .reddit {
color: #ff4500!important 
}
.twitter {

color:#000!important
}
body.dark .twitter{
color:#dadada!important
}
.whatsapp,body.dark .whatsapp {
color: #0dc143 !important
}
.pinterest,body.dark .pinterest{
color: #ff2632!important 
}
.red{
color: #ccc!important 
}
.redtxt{
color: #ff2632!important 
}
.greentxt{
color: #0dc143!important 
}

.cursor,.contentpop{
cursor:pointer 
}
.noclick {
 
  pointer-events: none;
}

hr {
border: none;
margin: 40px 0 40px 0;
border-top: 1px solid #4fd6b0;
}
.strikethrough{
background:rgba(79,214,176,0.25);
text-decoration-line: line-through;
  text-decoration-thickness: 3px;
}
.autosave{
  background:#ffcb26;
  border-radius:4px;
  font-weight:700;
  font-size:0.925rem;
  padding: 10px;
  position:fixed;
  right:30px;
  bottom:30px;
  z-index: 13333;
  display:none;
}
body.dark .autosave{
  background:#062259
}
/* mains */

.grboxshade{
position: relative;
z-index: 2;


}
.grboxshade:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;

background: linear-gradient(-171deg, rgba(79,214,176,0.15) 0%, rgba(239,242,246,0.15) 100% )!important;
-webkit-filter: blur(70px);
filter: blur(70px) ;
border-radius: inherit;
-ms-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
scale: 125%;
}
body.dark .grboxshade:before {

background: linear-gradient(-171deg, rgba(79,214,176,0.35) 0%, rgba(239,242,246,0.35) 100% )!important;
}
.frontpage .grboxshade:before {

scale: 95%;
}
.grboxshade::after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: none;
border-radius: inherit;
}
.flexboxall{
display: flex;
justify-content: space-between;
align-items: center 
}
.flexboxall.flexstart{
  align-items:flex-start
}
@media only screen and (min-width: 992px) {
.flexbox{
display: flex;
justify-content: space-between;
align-items: stretch 
}
.flexbox.flexstart{
  align-items:flex-start;
  justify-content: flex-start;
}
.flexbox.flexstart .formrow{
  margin-right: 10px;
}
.flexbox .child{
width: 49%;
}
.flexbox .child33{
width: 32%;
}
.onlymobile{
display: none!important;
}
}
  .childbgwhite{
    box-sizing:border-box;
    background:#fff;
    padding:20px;
  }
  body.dark .childbgwhite{
    background:#041536;
  }
 
@media only screen and (max-width: 991px) {
.flexbox .child,.flexbox .child33{
width: 100%;
margin-bottom: 20px;
}
.nomobile{
display: none!important;
}
.mobcenter{
  text-align: center;
}
}
a,.button,.topsearch,.pdelay {
text-decoration: none;
color: inherit;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out 
}
.nonetrans{
-webkit-transition:none;
-moz-transition: none;
-o-transition: none;
transition: none 
}
.userinput {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.userinput a{
color:#0866ff
}
.embedbox {
height: 1px!important;
max-height: 1px!important;
border: 0;
overflow: hidden;
width: 100%;
background: #1a1c1d;
display: none;
}
strong,.strong{
font-weight: 700;
font-family: 'Outfit', Arial, Helvetica, sans-serif;
}
.small{
font-size: 0.85em;
}
.uploadlogo {
width: .1px;
height: .1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1 
}
#balloon {
display: none;
height: 215px;
margin-left: 438px;
margin-top: -230px;
position: absolute;
width: 351px;
z-index: 99928 
}
.getballoon:hover #balloon {
display: block;
}
ul{
list-style-position: inside;
}
.paddingbot{
  padding-bottom: 30px!important 
  }
  .xlspace{
margin-top: 60px!important 
}
.space{
margin-top: 30px!important 
}
.lowspace{
margin-top: 5px!important 
}
.medspace{
margin-top: 15px!important 
}
.center{
text-align: center!important 
}
.left{
text-align: left!important 
}
.right{
text-align: right!important 
}
img{
max-width: 100%;
border: 0;
 
  -ms-content-zooming: none;
  -ms-high-contrast-adjust: none;
  -webkit-user-drag: none;
  user-select: none;
}
.blue{
color:#232ed1!important 
}
.clear{
clear: both;
font-size: 0 
}
.clearfix::after{
  content: " ";
  display: table;
  clear: both;
}

.title{
display: block;
 
}
body.dark .title{
color: #dadada;
}
.flexcenter{
display: flex;
justify-content: center;
flex-wrap: wrap;
}

@media only screen and (min-width: 700px) {
.formflex{
display:flex;
justify-content:space-between
}
.formflex .formrow{
margin-right:5px
}
.formflex .fl1{
flex-shrink:3
}
.formflex .fl2{
flex-grow:3
}
}
.hidden {
display: none;
}
.warn {
 

background: #ffecae;
 background: #fff;
 
/* 0.25
border-left:5px solid #232ed1;
box-shadow: 0 0 12px #d7dee5;
border:1px solid #c7cacd;
box-shadow: 0 0 12px #d7dee5;
*/
border-left:5px solid #4fd6b0;

border-radius:0;
font-weight:600;
padding: 10px 20px;
margin: 20px 0 ;
box-shadow:2px 3px 6px #ccc;
}
body.dark .warn {
 
 
background: rgba(255,203,38,.15);
background: #041536;
box-shadow: none

 

}

.warn.bgreen{
background: rgba(79,214,176,0.9);
background: #dff0ff;;
}
body.dark .warn.bgreen{
  background: rgba(79,214,176,0.2);
}
.warn.bggrey{
 background: #eff2f6;;
}
body.dark .warn.bggrey{
  background: #1e3b99
}

body.bggrey .memright .warn:not(body.bggrey .memright.nobg .warn){
 background: #eff2f6;;
}
body.dark.bggrey .memright .warn:not(body.dark.bggrey .memright.nobg .warn){
  background: #1e3b99

}


.warn.nobg , body.dark .warn.nobg{
  background: none;
  border-left: none;
}

@media only screen and (min-width: 992px) {
  .warn {
    padding: 20px 30px;
    }
}
.warn.wrapper{
  margin-bottom: 20px;
}
.warn h1{
  font-size: 1.8rem;
}
.warn h2{
  font-size: 1.6rem;
}
.warn h3,.warn h4{
  font-size: 1.4rem;
}
.warn a{
color: inherit;
text-decoration: underline;
}
.warn p, .warn ul {
margin-bottom: 0!important ;
font-weight: 400;
padding:0 0;

}
.warn ul {
  list-style: disc;
  margin-left: 0!important;
  font-size: 0.9725rem;
}
.warn .button {
margin: 15px 15px 0 0!important 
}
.warn .small{
  font-weight:400
}
.validatewebsite {
  position: absolute;
  left: -9999px;
  top: -9999px;
  opacity: 0;
}
/* main wrapper */
.maxp {
  width: 600px;
  max-width:95%
}
.wrapper ,.buyfloat.float .wrapperflt{
width: 1600px;
max-width: 98%;
margin: 0 auto;
}
 
.wrapperxl {
  width: 1800px;
  max-width: 98%;
  margin: 0 auto;
  }
.wrappersmall {
width: 1200px;
max-width: 98%;
margin: 0 auto;
}
.wrapperxs {
  width: 600px;
  
  max-width: 98%;
  margin: 0 auto;
  }
  .smallwrapper{
    width: 800px;
    max-width: 100%;
    margin: 0 auto 
}
@media only screen and (max-width: 991px) {
.frontpage .wrapper,.searchresults .wrapper,.smallwrapper{
max-width: 100%;
}
}
@media only screen and (min-width: 992px) {
 
  .fpflexbox{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
 }
  .fpflexbox .child {
      width: 48%;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
 }

 .fpflexbox .childa {
     
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     flex-grow: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

.fpflexbox .childa.flba {
     
 width: 60%;
}
.fpflexbox .childa.flbb {
     
 width: 36%;
}


@media only screen and (max-width: 1600px) {

 .fpflexbox .childa.flba {
     
     width: 50%;
 }
 .fpflexbox .childa.flbb {
         
     width: 49%;
 }

}


  .fpflexbox.flexstart{
      align-items: flex-start 
 }
 .fpflexbox.flexcenter{
     align-items: center
}
  .fpflexbox.flexacenter{
      align-items: center!important;
 }
}
@media only screen and (max-width: 991px) {

  .fpflexbox .child:first-child {
      margin-bottom: 40px;
 }
}
.column33{
width: 33%;
box-sizing: border-box;
float: left;
}
.column50{
width: 50%;
box-sizing: border-box;
float: left;
}
.column40{
width: 40%;
box-sizing: border-box;
float: left;
}
.column60{
width: 60%;
box-sizing: border-box;
float: left;
}
.colfix300 {
  width: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.colfix400 {
  width: 400px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.colfix300part {
  width: calc(100% - 300px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

.colfix400part {
  width: calc(100% - 400px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
@media only screen and (max-width: 1400px) {

 
    .column33{
    width: 50%;
    box-sizing: border-box;
    float: left;
    }

}
@media only screen and (max-width: 991px) {
.column33,.column40, .column50,.column60,.colfix300,.colfix400,.colfix300part,.colfix400part{
width: 100%;
float: none;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 992px) {
.pright{
padding-right: 30px;
}
.mright{
margin-right: 10px;
}
}
 
/* form und buttons */
.shippinginfo .shippisize{
 
  margin-bottom:20px;
  display:flex;
}
.shippinginfo .shippisize .formrow{
  margin-right:5px
}
.shippinginfo .shippisize .formrow .autow.number{
  width: 100px;

}
.formrow {
margin-bottom: 25px;
 
}
.formrow.changeusername{
padding: 8px 20px 20px 20px;
 
background: #eff2f6;
 background: #ebf7ff;

}
body.dark  .formrow.changeusername{

background: #062259;
}
.formrow.flexform {
display:flex;
justify-content:space-between;
}
.formrow.short {
margin-bottom: 15px;
}
.formrow .subformlabel {
margin: 35px 0 15px 0 
}
.formrow .subformlabel span {
opacity: 0.6;
}
.formrow .proflabel {
text-align: left;
display: block;
margin: 0 0 10px 2px;
/*text-transform:uppercase;
*/
font-size: 0.925rem;
font-weight: 500;
font-family: 'Outfit', Arial, Helvetica, sans-serif;

color: #232ed1;
color: #0c114b;
}
body.dark .formrow .proflabel {
color: #efefef;
}
.formrow .txtexplain, p.txtexplain {
display: block;
margin: 0 0 10px 5px;
font-size: 0.925rem;
}
@media only screen and (min-width: 992px) {
  .txtexplain:not(.flexbox .txtexplain){
    max-width: 70%;
  }
}
.tooltip{
 
  background:#ffcb26;
 
  padding:20px;
  border-radius:20px
}
body.dark .tooltip{
 
  background: rgba(79,214,176,0.2);
  
}
.form-slider {
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #eff2f6; 
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}


.form-slider:hover {
opacity: 1;
}

.form-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
background: #4fd6b0;
border-radius:50px;
cursor: pointer;
}

.form-slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius:50px;
background: #4fd6b0;
cursor: pointer;
}
.form-control {
background-color: #f8f8fa;
 
border:1px solid rgba(0,0,0,0);

border-radius: 2px;
font-size: 0.975rem;
color: #0c114b;
padding: 14px 18px;
-webkit-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
width: 100%;
font-family: "Outfit", Arial, Helvetica, sans-serif;
font-weight: 500;
}
.form-control.bgwhite,.leftsearch .form-control{
  background-color: #fff;
}
.form-control::placeholder {
color: #888888;
opacity: 0.7;
}
body.dark .form-control {
background-color: rgba(255,255,255, 0.1);
 
color: inherit;
}
body.dark .form-control::placeholder {
color: #fff;
opacity: 0.7;
}

 
.form-control.smaller{
font-size: 0.775rem;
padding: 10px 12px;
}
.form-control.multi{
height: auto;
}
.form-control.xl{
  font-weight: 700;
}
.formrow.flexform .form-control {
width:49% 
}
.formrow .flexbox .form-control:not(.formrow .flexbox .form-control:last-child){
margin-right: 5px
}
.copybox{
  position: relative;
}
.copybox .form-control{
  padding-right: 40px!important;
}
.copybox .copyurl{
  cursor: pointer;
  position: absolute;
  right: 6px;
  top:11px;
  font-size: 1.2rem;
  z-index: 1 
}
 .formrow .formdetil{
    padding: 5px 20px;
  }
.password {
padding-right: 50px;
float: left;
}
.fpassshow {
width: 30px;
float: left;
line-height: 46px;
height: 46px;
text-align: center;
margin-left: -40px;
font-size: 1.2rem;
cursor: pointer;
color: #ccc;

}
body.dark  .fpassshow {

color: #fff;
opacity: 0.7;

}
.fainput {
display: block;
padding: 8px 12px;
font-family: "Outfit", Arial, Helvetica, sans-serif;
}
.form-control.autow {
width: auto 
}
.form-control.half{
width:calc(50% - 5px);
float:left;
margin-right:5px!important;
}
.form-control:focus {
background-color: #ffffff;
border: 1px solid #232ed1;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
color: #0c114b;
}
body.dark .form-control:focus {
background-color: #041536;

color: #dadada;
}
.halfinp{
  display:flex;
  justify-content:space-between;
}
.halfinp .form-control{
  width: 49%!important;
  flex-grow:0;
  flex-shrink:0;
  box-sizing:border-box;
}
.flextextarea{
font-size: 1.1rem;
border: 1px solid #d8dadc;
padding: 15px 20px;
border-radius:10px;
margin: 0;
background: none;
width: 100%;
height: auto;
min-height: 100px;
 box-sizing: border-box;

field-sizing: content;

resize: none; 
overflow-y: auto;  

max-height: 55vh;
scrollbar-width: thin;


}
body.dark .flextextarea{
 
  border: 1px solid #293854;
}
.form-control.textarea {
height: 140px;
font-weight: 500;
resize: vertical;
scrollbar-width: thin;
}
.form-control.textarea.tasnakk {
height: 120px;
width: 400px;
max-width: 90% 
}
.form-control:disabled {
background: #e7e7e7 
}
.form-control.select {
box-sizing: border-box;
margin: 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding-right: 24px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23232ed1%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
}
.form-control.select::-ms-expand {
display: none;
}
.form-control.select option{
 font-weight: normal;
}
body.dark .form-control.select option{
color:#dadada
}
.formrow input[type=checkbox], .formrow input[type=radio],.showextrasrch input[type=checkbox]{
display: none;
}
input[type=checkbox] + label:before, input[type=radio] + label:before {
font-family: 'Font Awesome\ 6 Free';
display: inline-block;
}
input[type=checkbox] + label:before, input[type=radio] + label:before {
}
input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before {
}
/* allow space for check mark */
input[type=checkbox] + label:before {
content: "\f0c8";
 
color: #ccc;
width: 20px 
}
/* unchecked icon */
input[type=checkbox]:checked + label:before {
content: "\f14a";
font-weight: 900;
color: #232ed1
}
/* checked icon */
input[type=radio] + label:before {
content: "\f111";
width: 20px;
color:#ccc 
}
/* unchecked icon */
input[type=radio]:checked + label:before {
content: "\f192";
color:#232ed1
}
.replace-check {

cursor: pointer;
display: inline-block;
margin-right: 10px;
font-size: 0.9225rem;
background: #f8f8fa;
font-weight: 600;
border-radius: 50px;
padding: 7px 15px;

}
body.dark .replace-check {
 
  background: rgba(255,255,255,0.05);
 
  }
  .replace-check.lblsml{
    
    font-size: 0.8725rem;
    font-weight: 500;
    border-radius: 50px;
    padding: 4px 12px;
    }
.replace-check.nobg,body.dark .replace-check.nobg{
background: none;
padding: 0 0;
}
.replace-check a {
color: #232ed1;
text-decoration: none;
}
.replace-check a:hover {
color: #232ed1;
text-decoration: underline;
}
.button {
border:none!important;
background: #232ed1;
box-sizing: border-box;
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-size: 1.0rem!important;
color: #ffffff!important;
text-decoration: none!important;
font-weight: 600!important;
border-radius: 6px!important;
cursor: pointer;
line-height: 36px!important;
height: 38px;
padding: 0 22px!important;
text-shadow: none!important;
box-shadow: none;
display: inline-block;
-webkit-appearance: none;
white-space: nowrap;

}
.button:disabled,
.buttonn[disabled]{

color: #ccc!important;
}
.button.hidden{
display: none;
}
.button.blank{
color: inherit!important;
background: none!important;
border: none!important;
padding: 0 0!important;
}
.button.line.blank,.button.pad.blank{
  padding: 0 22px!important;
  }
.button.blank.red ,.button.blank.red i{
  color: #ff2632!important;
}
.button.blank.green,.button.blank.green i{
  color: #4fd6b0!important;
}
.button.blank.blue,.button.blank.blue i{
  color: #232ed1!important;
}
.button.blank.orange,.button.blank.orange i{
  color: orange!important;
}
.button.flex{
display: flex;
width: auto!important ;
justify-content:center;
align-items:center;
width: min-content!important;
white-space: nowrap;
flex-shrink:0!important;
flex-grow:0
}
.button img{
height: 20px;
margin-right:4px 
}
.button.square{
border-radius: 1px!important;
}
.button.round{
border-radius: 100px!important;
}
.button.smaller {
line-height: 28px!important;
height: 28px!important;
font-size: 12px!important;
padding: 0 20px 0 20px!important;
}
.button.full {
width: 100%!important;
text-align: center;
flex-shrink: 0;
}
.button.green {
background: #4fd6b0;
 
/*color:#171f8c!important*/
}
.button.line {
background: none!important;
color: #0c114b!important;
border: 2px solid #eff2f6!important;
line-height: 28px!important;
}
 
body.dark .button.line {
border: 2px solid #293854!important;
color:#dadada!important
}
.button.darkline {
  background: none!important;
  color: #0c114b!important;
  border: 2px solid #c1c5d3!important;
  line-height: 28px!important;
  }
   
  body.dark .button.darkline {
  border: 2px solid rgba(255,255,255,0.2)!important;
  color:#dadada!important
  }
.button.facebook {
background: #fff!important;
color: #0c114b!important;
border: 2px solid #eff2f6!important;
line-height: 28px!important;
}
body.dark .button.facebook {
  background: #062259!important;
  color: #fff!important;
  border: 2px solid #062259!important;
  line-height: 28px!important;
  }
.button.facebook i {
font-weight: 400!important;
color:#0866ff;
}
.button.oauth {
background: #fff!important;
color: #0c114b!important;
border: 2px solid #eff2f6!important;
line-height: 28px!important;
}
body.dark  .button.oauth {
background: #062259!important;
color: #fff!important;
border: 2px solid #062259!important;
line-height: 28px!important;
}
.button.oauth i {
font-weight: 400!important;
color:#d44837;
}
.button.whatsapp {
background: #25D366!important;
color: #fff!important;
text-align:center!important;
margin: 0 0 0 0!important;
width: 40px!important ;
padding:0 0 0 0!important;
border-radius:120px!important 
}
.button.whatsapp i{
margin:0 0 0 0;
}
.button:hover {
opacity:0.6 
}
.button i{
margin-right:4px 
}
.button.icor i{
margin-left:4px 
}


.buttonbox .button,.buttonbox .object{
  margin: 0 10px 0 10px!important;
}
.inssprix .buttonbox .button,.inssprix .buttonbox .object{
 margin: 0 0 0 25px !important;
 
}
.buttonboxnew.spacebetween{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.buttonboxnew.flex-end{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
}
.buttonboxnew.spacebetween .button{
  margin-right: 0!important;
}
.buttonboxnew.center{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media only screen and (min-width: 992px) {
  .buttonbox.spacebetween{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
 }
  .buttonbox.flex-end{
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap;
      align-items: center;
 }
  .buttonbox.spacebetween .button{
      margin-right: 0!important;
 }
  .buttonbox.center{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
 }

 .buttonboxnew .button,.buttonboxnew .object{
     margin:0 5px 10px 5px!important; 
 }
}
@media only screen and (max-width: 991px) {
  .buttonbox{
      text-align: center;
 }
  .buttonbox .button,.buttonbox .object{
      width: 100%!important;
      display: block!important;
      margin: 0 0 20px 0!important;
 }

  .buttonbox .button:last-child,.buttonbox .object:last-child{
      margin-bottom: 0!important;
 }

 .buttonboxnew .button,.buttonboxnew .object{
     margin:0 10px 20px 10px!important; 
 }
}
@media only screen and (max-width: 1400px) {
 .buttonbox.bbs{
     text-align: center;
}
 .buttonbox.bbs .button,.buttonbox.bbs .object{
     width: 100%!important;
     display: block!important;
     margin: 0 0 20px 0!important;
}
 .buttonbox.bbs .button:last-child,.buttonbox.bbs .object:last-child{
     margin-bottom: 0!important;
}
}

/* header and top menu new header */
body.hfixed.shortheader{
padding-top: 0 
}
@media only screen and (max-width: 991px) {
body.hfixed{
padding-top: 60px 
}
}
@media only screen and (min-width: 992px) {
body.hfixed{
padding-top: 70px 
}
}
.fllhdwrp{

position: relative;
z-index: 4;
}
@media only screen and (max-width: 991px) {
body.hfixed{
padding-top: 60px 
}
.tophead{
background: #fff;
box-sizing: border-box;
height: 60px;
width: 100%;
border-top:4px solid #4fd6b0;
border-image-source: linear-gradient(to right, #4fd6b0, #232ed1);
border-image-slice: 1;
border-width: 4px;
position: relative;
border-left:none;
border-bottom: none;
border-right: none;
}
body.dark  .tophead{
background: #041536;
}
body.hfixed .tophead{
position: fixed;
top: 0;
z-index: 5652;
 
}
body.dark.hfixed .tophead{

box-shadow: none;
}
.tophead .tophsearch{
cursor:pointer;
}
.tophead .subdownmenu{
display:none;
position: absolute;

z-index: 54665;
width: 100%;
top:4px;
left: 0;

box-sizing:border-box;
text-align:left;
background: #fff;

}
body.dark .tophead .subdownmenu{
background:#041536;

}

.tophead .subdownmenu,.tophead .topusermn .menymcm{

box-shadow: 0 0 12px rgba(239,242,246,0.85);
background: #fff;
border-radius:4px ;
box-sizing: border-box;
z-index: 5525;
}
body.dark .tophead .subdownmenu, body.dark .tophead .topusermn .menymcm{
background: #051c49;
box-shadow: 0 0 12px rgba(79,214,176,0.15);
}
.tophead .menypadd{
padding: 5px;
box-sizing: border-box;
}
.tophead .subdownmenu .bmsel select,      
.tophead .subdownmenu .formrow{
margin-bottom: 30px!important;
}
}
.tophead .mnuactv{
display:inline 
}
@media only screen and (min-width: 992px) {

body.hfixed{
padding-top: 70px 
}
.tophead{
background: #fff;
box-sizing: border-box;
height: 70px;
width: 100%;
border-top:4px solid #4fd6b0;
border-image-source: linear-gradient(to right, #4fd6b0, #232ed1);
border-image-slice: 1;
border-width: 4px;
}
body.dark .tophead{
background: #041536;
}
body.hfixed .tophead{
background: #fff;
position: fixed;
top: 0;
z-index: 5652;
 
}
body.dark.hfixed .tophead{
background: #041536;
box-shadow: none;
}
.tophead .setloc {
  margin: 12px 0 0 18px;
 font-size: 0.925rem;
 font-weight: 700;
color: #0c114b!important;
 
}

 
body.dark .tophead .setloc {
 color:#dadada!important
}
.tophead .setloc i{
  margin-right: 3px;
}
.tophead .mnlfsra{
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;
 
}

.tophead .tophsearch{
cursor: pointer;
background:#eff2f6;
text-align:right;
border-radius:50px;
width: 200px;
padding: 7px 10px;
color:#232ed1;
font-size:1.2rem;
position: relative;
}
body.dark .tophead .tophsearch{
color:#dadada;
background:#1e3b99;
}

@media only screen and (max-width:1280px) {
.tophead .tophsearch{
width: 90px;
}
}
.tophead .mnuactv{
position:relative 
}
.tophead .subdownmenu,.tophead .topusermn .menymcm{
/* header submenu */
display:none;
position:absolute;
background: #fff;
 
width: 450px;


box-sizing:border-box;
box-shadow: 0 0 20px #ced1d4;
top:0;
text-align:left;
left:0;
border-radius:12px ;
z-index: 2333533;
 

}
.tophead .subdownmenu::before ,.tophead .topusermn .menymcm::before{
content: ''; /* Required to display the pseudo-element */
position: absolute;
top: -10px;  /* Extend the boundary upwards */
left: -10px; /* Extend the boundary to the left */
right: -10px; /* Extend the boundary to the right */
bottom: -10px; /* Extend the boundary downwards */
z-index: -1; /* Ensure it doesn’t interfere with content */


}
body.dark .tophead .subdownmenu, body.dark .tophead .topusermn .menymcm{
background: #051c49;
box-shadow: 0 0 20px rgba(79,214,176,0.35);
}
.tophead .subdownmenu .menypadd,.tophead .topusermn .menymcm .menypadd{
padding: 20px;
position: relative;
}

.tophead .topusermn{
}
.tophead .logoff i{
color:#232ed1 
}
.tophead .topusermn .menymcm{
left:auto;
right:0;
top:-9px;
white-space:nowrap
}
.tophead .topusermn a.hvyico{
margin: 0 12px;
display:inline-block;
font-size:1.2rem;
border-radius:50px;
width: 36px;
height:36px;
line-height:36px;
text-align:center;
  color:#0c114b;

}
body.dark .tophead .topusermn a.hvyico{
  color:#dadada
}
.tophead .topusermn a.hvyico:hover{
box-shadow: 0 0 10px #d7dee5;
}
body.dark .tophead .topusermn a.hvyico:hover{
box-shadow: 0 0 10px #4fd6b0;
}
.tophead .topbutton{

 
text-decoration: none!important;
font-weight: 600;
font-size: 0.925rem;
margin-left: 20px;
 
cursor: pointer;
 
 

  color:#0c114b;
 
}
body.dark .tophead .topbutton{


  color:#dadada;
 
}
.tophead .topbutton i{
margin-right:4px;
}

.tophead .topbutton:hover{
 opacity: .6;
}



.mnuactv .menymcm.notifpop{
padding: 0 0 0 0;
}
.mnuactv .notifpop .topnofi{
list-style:none;
max-height:calc(100vh - 280px);

overflow-y:auto;
overflow-x:hidden;
}

.mnuactv .notifpop .topnofi li{
max-width:100%;
padding: 5px 10px;
margin-bottom: 10px;
}
.mnuactv .notifpop .topnofi li:hover{
  background: #eff2f6;
}
 body.dark .mnuactv .notifpop .topnofi li:hover{
  background: #112752;
}

.mnuactv .notifpop .topnofi li div.flli{
max-width:100%;
white-space: normal;
display: flex;
}
.mnuactv .notifpop .topnofi li div.liavtr{
width: 40px;
box-sizing:border-box;
margin-right: 15px;
flex-grow:0;
flex-shrink: 0;
}
.mnuactv .notifpop .topnofi li div.liavtr img{
border-radius:50px;
width: 40px!important;
height: 40px!important;
object-fit: cover;
}
.mnuactv .notifpop .topnofi li div.mssgfd{
font-size:0.925rem;
width: calc(100% - 55px);;

}
.mnuactv .notifpop .topnofi li div.mssgfd a:not(.mnuactv .notifpop .topnofi li div.mssgfd a.button){
display: inline;
line-height: normal;
padding: 0 2px;
color:#232ed1
}
.mnuactv .notifpop .topnofi li div.mssgfd a.button{
  margin: 10px 0;
}
.mnuactv .notifpop .topnofi li div.dafbd{
text-align:right;
font-size: 0.825rem;
padding-top:7px;
 

}
.mnuactv .notifpop .topnofi li div.dafbd .isunread{
 color: #ff2632;
 margin-right: 10px;
}
.mnuactv .notifpop .topnofi li div.mssgfd img{
  border-radius: 10px;
  margin: 10px 0;
} 
.mnuactv .notifpop .topnofi li div.mssgfd p{
  margin-bottom: 5px;
}
.mnuactv .notifpop .notifoption{
padding: 10px 10px;
background:#eff2f6;
display:flex;
}
.mnuactv .notifpop .notifoption a{
margin-bottom: 0!important;
}
body.dark .mnuactv .notifpop .notifoption{
background:#041536;
}


}
@media only screen and (max-width: 991px) {
.tophead .menymcm{
display:none;
position: absolute;
background: #ffffff;
z-index: 54665;
width: 100%;
top:4px;
left: 0;

box-sizing:border-box;
box-shadow: 5px 5px 5px #d7dee5 
}
body.dark  .tophead .menymcm{
background: #041536;
box-shadow: 5px 5px 5px rgba(79,214,176,0.15);
}
.tophead .hvyimob{
margin: 0 10px;
}
}

.tophead .tophsearch .form-control{
  background: #f8f8fa;
  border: none;
}
body.dark .tophead .tophsearch .form-control{
  background: #04173c;
}
.tophead .usprbx{
display: flex;
align-items:center;
margin-bottom: 20px;
}
.tophead .usprbx figure{
width: 45px;
height: 45px;
margin-right: 10px;
flex-grow: 0;
flex-shrink: 0;

}
.tophead .usprbx figure img{
width: 100%;
height: 100%;
border-radius: 50px;

}
.tophead .usprbx #topusrnmbx{
font-weight: 700

}
.tophead .menymcm a.futim,.tophead .menymcm .sphf{
display: block;
padding:10px 8px;
font-weight:600;
font-size:0.9725rem;
margin-bottom:10px;
border-radius:8px ;
transition:color 0ms ;
}
.tophead .menymcm a.futim i,.tophead .menymcm .sphf i{
color:#232ed1;
width:28px;
display:inline-block ;

}
.tophead .menymcm a.futim.logoff i{
color:#ff2632
}

.tophead .menymcm a.futim:hover, .tophead .menymcm  .sphf:hover{
background:#232ed1;
color:#fff!important
}
.tophead .menymcm a.futim:hover i,.tophead .menymcm .sphf:hover i{
color:#fff!important
}
body.dark .tophead .menymcm a.futim:hover,body.dark .tophead .menymcm .sphf:hover{
background:#1e3b99;
}
.tophead .mobilerondbutton{
color:#ffffff;
background:#232ed1;
box-sizing: border-box;
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-size: 1.05rem!important;
text-decoration: none!important;
font-weight: 700;
border-radius: 0px!important;
cursor: pointer;
line-height: 38px!important;
height: 40px;
padding: 0 22px!important;
text-shadow: none!important;
box-shadow: none;
display: inline-block;
-webkit-appearance: none;
width: auto!important ;
text-align:center;
margin: 40px 0 0 0!important;
border-bottom:none!important 
}
.tophead .mobilerondbutton i{
color:#ffffff!important;
}
.tophead .flxhd{
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;
height: 100%;
}
.tophead .hlogo .logotxt,.loginlogo .logotxt,.logobox .logotxt{
font-size: 22px;
font-weight: 700;
font-family: 'Outfit', sans-serif, arial;

letter-spacing: -1px;
color: #0c114b;
color:#6a6d91;
white-space: nowrap;
}
body.dark .tophead .hlogo .logotxt,body.dark .loginlogo .logotxt,body.dark .logobox .logotxt{
color: #dadada;
}
.tophead .hlogo .logotxt::before,.loginlogo .logotxt::before,.logobox .logotxt::before{
content: "\f1b9";
font-family: 'Font Awesome\ 6 Free';
 padding:0 0 0 0!important;
font-weight: 900!important;
background: #232ed1;
color:#fff;
 border-radius: 200px;
 font-size: 18px;
 

width: 34px;
height: 34px;
display: inline-flex;     
align-items: center;   
justify-content: center; 
 margin-right:5px

}
 
.loginlogo .logotxt{
 
}
.loginlogo .logotxt::before{
 
margin-bottom: 10px;
color:#fff;
}
.tophead .formrow{
margin-bottom: 10px;
}
.tophead .subdownmenu .bmsel{
margin-bottom: 0;
}
.tophead .subdownmenu .bmsel select{
margin-bottom:10px 
}

.tophead .closetmn{
font-weight:700;
cursor:pointer;

color:#0c114b;
font-size:1rem;

padding:10px 20px;
}
body.dark .tophead .closetmn{
color: #dadada;
}
@media only screen and (min-width: 992px) {
    .tophead .subdownmenu .closetmn{
       
        
        padding:20px 20px 10px 20px;
        }
}
.tophead .subdownmenu .searchbuttons{
background: #f8f8fa;
padding: 10px 20px ;
font-size: .85rem;
display: flex;
justify-content: space-between;
align-items: center;


}
body.dark .tophead .subdownmenu .searchbuttons{
background:#041536
}
.tophead .closetmn i{
font-size: 1.2rem;
}
.tophead .logoff{
margin-top: 30px;
}
.tophead .userubpop{
background: #f8f8fa;
background: #f4f6f8;
border-radius: 12px;
padding: 16px 12px ;
margin-bottom: 12px;
white-space: normal;
}
body.dark .tophead .userubpop{
background: #041536;
}
.tophead .userubpop{
font-size:0.925rem
}
.tophead .userubpop .subtinm{
font-weight:700;

}
.tophead .userubpop p{
margin-bottom:20px
}
.userubpop .title.wallet{
  margin-top:5px
}
.userubpop .walletvi{
  display:flex;
  justify-content:space-between;
  padding-top:10px

}
.tophead .closetmn::after {
content: "";
clear: both;
display: table;
}
.tophead .closetmn i{
float:right 
}
.tophead .hascontr{
position: relative;
}
.tophead .commbutlnk{

background:#ff2632; /*ff4326*/
color:#fff; 
/*text-shadow: 0 0 4px rgba(0,0,0,0.25);*/
font-size:0.725rem; 
border-radius:50px; 
padding:3px 6px; 
font-weight:700
}
@media only screen and (max-width: 370px) {
.tophead .commbutlnk{
display: none;
}
}
.tophead .messcounter{
position: absolute;
background:#4fd6b0;
color:#ffffff;
display: none;
font-size: 0.725rem;
font-weight: 600;
line-height: 18px;
text-align: center;
width: 18px;
border-radius: 100px;
height: 18px;
top: -3px;
right:-3px;
z-index:303 
}
@media only screen and (max-width: 991px) {
.tophead .messcounter{
top: 10px;
right:auto;
left:8px 
}
.tophead .fklogibb .messcounter{
top: -5px;
right:-5px;
}
}
.tophead .messcounter.visible{
display: block;
}
/* end header */
.mainpage{
padding-top: 50px;
min-height: calc(100vh - 180px);
}
@media only screen and (max-width: 991px) {
.tophead .hlogo .logotxt,.loginlogo .logotxt{
font-size: 16px;
}
.mainpage{
padding-top: 60px;
}
}
@media only screen and (max-width: 600px) {
.tophead .hlogo .logotxt,.loginlogo .logotxt{
font-size: 0;
}
.tophead .hlogo .logotxt::before,.loginlogo .logotxt::before,.logobox .logotxt::before{
 
}
.tophead .hlogo .logotxt::before{
 
}

}
body.shortheader .tophead{
display:none 
}
body.noheadcat #catheadwrap{
  display: none;
}
#catsheader {
height: 30px;
box-sizing: border-box;
white-space: nowrap;
overflow-x: hidden;
margin-top:20px 
}
body.shortheader #catsheader {
display: none 
}
#catsheader ul{
list-style: none;
display: flex;
align-items: flex-start;
overflow-x: auto;
overflow-y: hidden;
list-style: none;
height: 30px;
-ms-overflow-style: none;
scrollbar-width: none;
 
}
@media only screen and (min-width: 992px) {
#catsheader ul{

display: block;
overflow: hidden
}
}
#catsheader ul::-webkit-scrollbar {
display: none!important;
}
#catsheader ul li{
margin-right: 15px;
float: left;
font-size: 1.1rem;
font-weight: 700;
}
#catsheader ul li a{
box-sizing: border-box;
line-height: 30px;
height: 30px;

padding: 0 20px;
display: inline-block ;
}
#catsheader ul li a.active{
background: #4fd6b0;
color:#fff;
}
#catsheader ul li a.shotallcat::after {
content: "\f107";
font-family: 'Font Awesome\ 6 Free';
display: inline-block;
margin-left: 4px;
font-weight: 900!important;
font-size: 0.725rem 
}
#catsheader ul li .active.shotallcat::after {
content: "\f106";
}
@media only screen and (max-width: 991px) {
  #catsheader{
  position: relative;
  }
  #catsheader .ovflfox{
  position:absolute;
  right: 0;
  top:0;
  z-index: 3;
  margin-right: 0;
  box-sizing: border-box;
  line-height: 30px;
  height: 30px; 
  display: inline-block ; 
  cursor: pointer;
  padding: 0 10px 0 20px;
  background:rgba(255,255,255,0.85);
  box-shadow: 0 0 15px rgba(255,255,255,0.85);    
  
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px)
  }
  body.dark #catsheader .ovflfox{
   
  background:rgba(4,21,54,0.85);
  box-shadow: 0 0 15px rgba(4,21,54,0.85);       
   
      
  }
  }
  @media only screen and (min-width: 992px) {
  #catsheader .ovflfox{
  display:none;
  }
  }
/* catboxes */
@media only screen and (min-width: 992px) {
#catboxes {
position: relative;
}
}
#catboxes .maincatbox {
display: none;
position: absolute;
z-index: 459;
width: 100%;
box-sizing: border-box;
background: #fff;
padding: 15px;
-webkit-box-shadow: 0 15px 15px rgba(239,242,246,0.5);
box-shadow: 0 15px 15px rgba(239,242,246,0.5);
}
body.dark  #catboxes .maincatbox {
background: #062259;

-webkit-box-shadow: 0 15px 15px rgba(79,214,176,0.15);
box-shadow: 0 15px 15px rgba(79,214,176,0.15);
}
@media only screen and (max-width: 991px) {
#catboxes .catclose{
text-align: right;
font-size: 1.6rem;
width: 100%;
box-sizing: border-box;
padding: 2px 4px 0 0;
}
}
#catboxes .maincatbox ul {
list-style: none;
max-height: 100%;
overflow-y: auto;
}
#catboxes .maincatbox .showtopcat{
display: flex;
}
#catboxes .maincatbox ul li {
}
#catboxes .maincatbox ul li a {
display: block;
padding: 0 15px 0 15px;
line-height: 30px ;
font-weight: 500;
}
@media only screen and (min-width: 992px) {
#catboxes .maincatbox .catimg {
float: left;
width: 575px;
height: 359px;
margin: 0 30px 0 0;
background-position: center center;
background-size: cover;
padding: 25px;
box-sizing: border-box;
box-shadow: 1px 2px 3px #dadada;
border-radius: 25px;
}
body.dark  #catboxes .maincatbox .catimg {

box-shadow: none

}
}
@media only screen and (max-width: 991px) {
#catboxes .maincatbox .catimg {
display: none!important;
}
}
@media only screen and (min-width: 992px) {
#catboxes .maincatbox .catuls {
width: calc(100% - 605px);
}
}
@media only screen and (max-width: 991px) {
#catboxes .maincatbox .catuls {
width: 100%;
padding-bottom: 40px;
}
}
#catboxes .maincatbox .catuls {
display: flex;
flex-direction: column;
flex-wrap: wrap;
flex-flow: wrap;
align-content:space-between 
}
#catboxes .maincatbox .catuls div{
width: 100%;
margin-bottom: 20px;
}
#catboxes .maincatbox .catuls .showall{
text-align: right;
padding-right: 20px;
}
#catboxes .maincatbox .catuls ul {
list-style: none;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-top:25px 
}
#catboxes .maincatbox .catuls ul li {
width: 50%;
box-sizing: border-box;
padding: 0 15px 0 0!important;
font-size: 0.925rem;
overflow: hidden;
pointer-events: none;
}
#catboxes .maincatbox .catuls ul li a {
pointer-events: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 30px);
display: inline-block;
padding: 0;
font-weight: 600 
}
#catboxes .maincatbox .catuls ul li a:hover {
color: #4fd6b0 
}
#catboxes .maincatbox .catuls .button {
}
body.shortheader .mainpage, body.nomainpage .mainpage{
padding-top:0;
min-height: 100vh;
}
/* main y standard content pages */

#preview {

margin-top: 20px;
max-height:460px;
overflow-y:auto
}
.preview-image {
width: 200px;
height: 140px;
object-fit: cover;
float:left;
margin: 0 20px 20px 0;
background:#eee;
overflow:hidden;
border-radius:10px;
overflow: hidden;
}
.preview-image figure{
width: 100%;
height: 100%;
position: relative;
object-fit: cover;

}
.preview-image figure img{
object-fit: cover;
width: 100%;
height:auto!important;
border-radius:12px;
}
.preview-image figure div.adjust{
position:absolute;
bottom:8px;
right:8px; 
display:inline-block; 
padding: 5px;
box-sizing:border-box;
background:rgba(255,255,255,0.75);
border:2px solid rgba(255,255,255,0.95);
color:#0c114b;
border-radius:50px; 
font-size:0.97rem
}
.preview-image figure div.adjust .adjitm{
margin: 0 8px;

}
.preview-image figure div a{
color:inherit
}
@media only screen and (min-width: 992px) {
.preview-image figure div{
opacity: 0.6;
}
.preview-image figure:hover div{
opacity: 0.96;
}
}
.preview-image:first-child { 
width: 428px;
height: 300px;
}
@media only screen and (max-width: 700px) {
.preview-image {
width: 33%;
height:100px;
object-fit: cover;
float:left;
margin: 0 0.33% 20px 0
}
.preview-image:first-child { 
width: 100%;
height: 210px;
margin: 0 0 20px 0
}
}
#progress-bar {
width: 100%;
height: 8px;


margin-top: 20px;
position: relative;
}
#progress-bar-inner {
height: 100%;
background:linear-gradient(to right, #4fd6b0, #232ed1);
width: 0%;
transition: width 0.3s;
}

@media only screen and (min-width: 701px) {
.topupload{
display:flex;

margin-top:20px;

}
.topupload .buupl{
margin-right:20px;
}
.topupload .expl{
max-width:450px;
}
}

@media only screen and (max-width: 700px) {
.topupload{
text-align:center;
margin-top:20px;
}
.topupload .buupl{
margin-bottom:20px;
}
}
.upstatus{
text-align:center;
margin: 40px;;
}
.content{
}
.content a {
color: #232ed1
}
body.dark .content a {
  /*color: #efefef*/
  }
.content a:hover {
opacity: 0.8;
}
 
h1, h2, h3, h4, h5,.content h1, .content h2, .content h3, .content h4, .content h5, .title,.listbox .detailbox .options .detprice {
font-family: 'Gabarito', Arial, Helvetica, sans-serif!important;
font-optical-sizing: auto;
font-weight: 700!important;
}
.content h1 {

margin-bottom: .5em;
color: #0c114b;

font-size: 2.0rem 
}
.content .hdintro{
  font-weight: 700!important;
  font-size: 1.3rem;
  color:#232ed1;
  margin-bottom: -2px;

}
.content h2 {
margin-bottom: .5em;
color: #171f8c;
font-size: 1.8rem 
}
.content h3 {
margin-bottom: .5em;
color: #171f8c;
font-size: 1.6rem 
}
.content h4 {
margin-bottom: .3em;
color: #171f8c;
font-size: 1.4rem 
}
.content h5 {
margin-bottom: .3em;
color: #0c114b;
font-size: 1rem 
}
body.dark .content h1,body.dark .content h2,body.dark .content h3,body.dark .content h4,body.dark .content h5{
color:#efefef
}


.content p, .content ul, .contentpage ul,.content ol, .contentpage ol, .contentpage table {
margin-bottom: 20px 
}
.content p {
line-height: 32px 
}
.content em{
  font-weight: 700;
}
.content ul p, .contentpage ul p,.content ol p, .contentpage ol p{
display:inline;
margin: 0 0 0 0!important;
}
.content ul, .content ol{
list-style-position: inside!important;
margin-left:20px 
}
.content ul li, .content ol li{
  padding: 5px; 
  }
.content img.roundimg,.content.pagecontent img{
  border-radius:20px
}
@media only screen and (min-width: 992px) {
.txtcols{
column-count:2;
column-gap:30px;
margin-bottom:30px 
}
}
.contentpage ul {
list-style: none;

}
.contentpage ul li {
padding: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
 
}
.contentpage ul li a::before{
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 10px;
color: #232ed1
}
.contentpage ul li a{
color:#888888;
display: block;
}
.contentpage ul li a:hover {
color: #232ed1
}
ul.optionlist {
list-style: none!important;;

font-size: 0.9275rem;
column-count: 3;

margin:0!important;
padding: 0!important;
 
}
ul.optionlist li {
margin: 0 10px 4px 0;
 padding:0!important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}
@media only screen and (max-width: 991px) {

ul.optionlist {
column-count: 2
}
}
@media only screen and (min-width: 1400px) {

ul.optionlist {
column-count: 4
}
}
/* frontpage cats */
.frontpage .fpsection,.subpage .fpsection{
margin-bottom: 120px;
}
.frontpage .shbanvr{
margin: 40px 0 
}
.frontpage .fromlist{
color: #0c114b;
font-size: 1.1em;
margin: 0 0 20px 0;
}
body.dark  .frontpage .fromlist{
color: #dadada;

}

.frontpage .fromlist::after{
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
margin-left: 5px;
font-weight: 900!important;
color: #4fd6b0 
}
@media only screen and (min-width: 991px) {
.frontpage .fromlist{
margin: 0 0 10px 0;
}
}
@media only screen and (max-width: 991px) {
.frontpage .fromlist{
margin: 30px 0 10px 10px;
}
}
@media only screen and (max-width: 991px) {
.frontpage .fpcatleft {
display: none;
}
}
@media only screen and (min-width: 992px) {
.frontpage .flexx {
display: flex;
width: 100%;
justify-content: space-between;
}
.frontpage .fpcatleft {
width: 280px;
flex-shrink: 0 
}
.frontpage .fpcatleft .ccatleft {
background: #232ed1;
padding: 18px 12px 12px 12px;
box-sizing: border-box;
border-radius: 20px;
color:#fff;
}
.frontpage .fpcatleft .ccatleft .title.maincatlist,.leftsearch .title.maincatlist{
padding-left:6px;
}
.frontpage .fpcatleft .ccatleft ul {
list-style: none;
}
.frontpage .fpcntright {
width: calc(100% - 320px);
flex-shrink: 0;
}
}
@media only screen and (min-width: 1280px) {
.latestycon{
display:flex;
justify-content:space-between;
}
.latestycon .fplatest{
width:calc(100% - 460px);
flex-grow:0;
flex-shrink:0;
margin:0;
padding:0 
}
.latestycon .fpnewcnt{
width:420px;
box-sizing:border-box;
flex-grow:0;
flex-shrink:0;
margin:0;
display:flex;
flex-wrap:wrap;
align-content: space-between 
}
.fpnewcnt div{
width:100%;
flex-grow:0;
flex-shrink:0;
}
}
.frontpage .fpcatleft .ccatleft ul li a,.fpnewcnt ul li a {
display: block;
font-size: 0.9725rem;
padding: 6px 18px 6px 12px;
color: inherit;
text-decoration: none;
border-radius: 50px;
margin-bottom: 10px;
position:relative;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-o-transition: background .1s ease-in-out;
transition: background .1s ease-in-out 
}
.fpnewcnt ul li a {
background: none;
}
.frontpage .fpcatleft .ccatleft ul li a::after,.fpnewcnt ul li a::after{
content: "\f054";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-left: 6px;
color: #fff;
position:absolute;
right:12px 
}
.fpnewcnt .headintro{
 
}
.fpnewcnt ul li a::after{
color: inherit;
}
.frontpage .fpcatleft .ccatleft ul li a.veall::after {
color: #4fd6b0;
}
.frontpage .fpcatleft .ccatleft ul li a:hover::after,.fpnewcnt ul li a:hover::after {
color: #4fd6b0;
}
.frontpage .fpcatleft .ccatleft ul li a:hover{
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.10);
;
}
.fpnewcnt ul li a:hover {
opacity: 0.6;
}
.fpnewcnt .hndlknk{
background: rgba(255,255,255, 0.25);
padding:18px;
box-sizing:border-box;
margin-top:30px ;
border-radius: 20px;
}
@media only screen and (max-width: 991px) {
.fpnewcnt h1,.fpnewcnt h2,.fpnewcnt h3{
font-size:1.6rem!important;
}
}
.fpnewcnt .hndlknk h5{
margin:0 0 12px 0;
padding:0;
}
.fpnewcnt .hndlknk ul li a{
padding: 6px 18px 6px 0;
color:inherit 
}
.fpnewcnt .hndlknk ul {
margin: 0 0 0 0!important;
}
.frontpage .nacplaceas{
background:#232ed1;
color:#fff;
font-weight:700;
text-align:center;
padding:15px 2px;
margin-top:30px;
}
.frontpage .nacplaceas a{
color:inherit;
display:block 
}
.frontpage .fpcatleft .title {
margin-bottom: 20px ;
color:#fff;
}
.fpnewcnt{
box-sizing:border-box;
background: #eff2f6;
 
box-sizing: border-box;
padding: 30px;
border-radius: 20px;
}
body.dark .fpnewcnt{
  background: #142284;
}
@media only screen and (max-width: 1279px) {
.latestycon .fplatest{
margin-bottom:30px 
}
}
@media only screen and (max-width: 991px) {
.fpnewcnt{
margin:10px 
}
}
.fpnewcnt h1,.fpnewcnt h2,.fpnewcnt h3, .fpnewcnt h4, .fpnewcnt h5{
}
.fpnewcnt ul{
list-style:none 
}
.frontpage .fpcatleft .ccatleft ul li a,.fpnewcnt ul li a {
display: block;
font-size: 0.9725rem;
padding: 6px 18px 6px 12px;
color: inherit;
text-decoration: none;
border-radius: 50px;
margin-bottom: 10px;
position:relative;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-o-transition: background .1s ease-in-out;
transition: background .1s ease-in-out ;
color:#fff;
}
.fpnewcnt ul li a {
background: none;
}
.frontpage .fpcatleft .ccatleft ul li a::after,.fpnewcnt ul li a::after{
content: "\f054";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-left: 6px;
color: #fff;
position:absolute;
right:12px 
}
.fpnewcnt ul li a::after{
color: inherit;
}
.frontpage .fpcatleft .ccatleft ul li a.veall::after {
color: #4fd6b0;
}
.frontpage .fpcatleft .ccatleft ul li a:hover::after,.fpnewcnt ul li a:hover::after {
color: #4fd6b0;
}
.frontpage .fpcatleft .ccatleft ul li a:hover{
text-decoration: none;
color: #232ed1;
background: #eee;
}
.fpnewcnt ul li a:hover {
opacity: 0.6;
}
.frontpage .nacplaceas{
background:#232ed1;
color:#fff;
font-weight:700;
text-align:center;
padding:15px 2px;
margin-top:30px;
}
.frontpage .nacplaceas a{
color:inherit;
display:block 
}
.frontpage .fpcatleft .title {
margin-bottom: 20px 
}
/* new frontpage */
.newfptop {
  width: 100%;
  position: relative;
  transform-style: preserve-3d; /* Creates new stacking context */
  overflow: hidden; /* Hide overflowing slides */
}

.fptslide {
  border-radius: 20px 0 20px 0;
/*
  background: #e1f8f1;
 */
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden; /* Added - removes from interaction */
  transition: background 0.5s ease-in-out,opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; /* Added visibility */
  top: 0;
  left: 0;
 
}
/*
body.dark .fptslide {
 
  background: #174555;
}
.fptslide.firstx{ 
      background: #dff0ff;
}
body.dark .fptslide,body.dark .fptslide.firstx{
 
  background: #174555;
}
*/
.fptslide.active {
  opacity: 1;
  visibility: visible; /* Added - enables interaction */
  position: relative;
}


@media only screen and (min-width: 992px) {
  .newfptop {
    height: 400px; /* Taller minimum height for desktop */
   
  }
  .fptslide{
    
    height: 400px;
    display:flex;
    border-radius: 40px 0 20px 0;

    
  }
  .fptslide .slleft, .fptslide .slright{
    width: 50%;
    flex-grow:0;
    flex-shrink:0;
    align-items:stretch;
   
  }
  .fptslide .slright{
 
    box-sizing:border-box;
}
  .fptslide .mxwd{
     height:100%;
    
     display:flex;
     align-content:center;
     flex-wrap:wrap;
     padding: 10px 40px;

  }
  .fptslide .ctnm{
    width: 100%;
  }

  .fptslide figure{
    width: 100%;
    height: 100%;
    position: relative;;

  }
 
  .fptslide figure img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    border-radius:20px 0 20px 20px
  }
 
 
  
  .fptslide .slideprice{
  position:absolute;
  top:30px;
  right:30px;
  background:rgba(255,203,38,0.95);
  font-size:.925rem;
  font-weight:600;
  padding: 3px 6px;
  border-radius:4px;
  color:#0c114b;
}
.fptslide h1,.fptslide h2,.fptslide h3,.fptslide h4{
font-size:2.0rem;


 
 
}
 
}
 
 
@media only screen and (max-width: 991px) {
  .newfptop {
  }
  .fptslide {
    display:flex;
    flex-direction:column
    
  }
  .fptslide{
   
  }
.newfptop .mxwd{
    
  width: 100%;
    min-height: 350px;
    
    padding:20px;
    box-sizing:border-box;
    display:flex;
     align-content:center;
     flex-wrap:wrap;
    
  }
  .fptslide .ctnm{
    width: 100%;
   
  }
    .fptslide .slright{
 padding: 0;
    box-sizing:border-box;
}
  .fptslide figure{
    width: 100%;
    height: 360px;
    position: relative;;

  }
  .fptslide figure img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    border-radius:20px 0 20px 0
  }
 

  .fptslide .slideprice{
  position:absolute;
  bottom:20px;
  left:20px;
  background:rgba(255,203,38,0.95);
  font-size:0.925rem;
  font-weight:600;
  padding: 3px 6px;
  border-radius:4px;
  color:#0c114b;
 
}
}
 
  .fptslide .slideprice .bidc{
    opacity: .6;
    font-weight:400;
    padding-right:6px;
 
 

}
 
.fptslide figure a:hover{
  opacity: 1;
}
.fptslide figure img{
 
}
.fptslide ul{
 margin-bottom: 15px;
 
 
}
.newfptop .mxwd{
  box-sizing:border-box
 
}
.fptslide h1,.fptslide h2,.fptslide h3,.fptslide h4{
  display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom:15px;
 color:#0c114b;
 font-size:2.4rem
 
}
  @media only screen and (max-width: 991px) {
    .fptslide h1,.fptslide h2,.fptslide h3,.fptslide h4{
 
 font-size:1.8rem
 
}
  }

.fptslide h1 a,.fptslide h2 a,.fptslide h3 a,.fptslide h4 a{
  color:inherit
 
}
.fptslide p,.fptslide ul,.fptslide ol{
  font-weight: 400!important;
  opacity: .85;

}
.fptslide .fpbuttons .button:first-of-type{
  margin-right:10px

}

/* Previous styles remain the same */
.slide-controls {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  position:absolute;
  bottom:10px;
  right: 30px;
  z-index: 3;
  width: 100%;
}
  @media only screen and (max-width: 991px) {
    .slide-controls {
  bottom:20px;
  right: 20px;
}
  }
.slide-dots {
  text-align: center;
  margin-top: 10px;
}

.slide-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  margin: 0 5px;
  cursor: pointer;
}

.slide-dot.active {
  background: #333;
}

.slide-btn {
  background: rgba(255,255,255,0.5);
 
  border: none;
  padding: 8px 16px;
  
  cursor: pointer;
}
.slide-btn.bt1{
  border-radius: 4px 0 0 4px;
}
.slide-btn.bt2{
  border-radius:0 4px 4px 0;
}
/* end new fp */
 
 .frontpage .fpcatlist{
 
 }
  .frontpage .fpcatlist .maxp{
    padding: 0 40px;
    box-sizing:border-box
 
 }
 .frontpage .fpcatlist h3{
  font-size:2.4rem;

 color:#0c114b
  
  }
  @media only screen and (max-width: 991px) {
 .frontpage .fpcatlist h3{
  font-size:1.8rem;

 
  
  }
  }
   body.dark .frontpage .fpcatlist h3{
 color:#efefdd  
  }
  .frontpage .fpcatlist h4 a{
    color: inherit;
  }

  .newsintro{
 
 
 box-sizing:border-box;
 
padding: 20px;
 
 
}
 
body.dark .newsintro{
 

}
  .newsintro p{
    margin-bottom: 0;
    font-size: 0.925rem;
  }
  .fpnewsbox{

  }
  @media only screen and (min-width: 992px) {
    .fpnewsbox{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.fpnewsbox .fpnewsitem{
width: calc(50% - 30px);
flex-grow:0;
flex-shrink:0;
}
  }
  .blogright .fpnewsbox .fpnewsitem{
    width: 100%;
  }
  .fpnewsbox .fpnewsitem{
    margin-bottom:40px;
  }
  .fpnewsbox .fpnewsitem article{ 
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    align-content:center;
 
    
  }
  .fpnewsbox .fpnewsitem figure{
    width: 25%;
 
  
    margin-right: 20px;
    height: 100%;
     
    
  }
  .fpnewsbox .fpnewsitem figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:10px;
  }
  .fpnewsbox .fpnewsitem .fpnexbox{
    width: calc(75% - 20px);
  }
  .fpnewsbox .fpnewsitem .fpnexbox .pubdate{
    font-size:0.875rem;
    opacity: .6;
    text-transform: uppercase;
 margin-bottom:3px
  }
  .fpnewsbox .fpnewsitem .fpnexbox h5{
    font-size:1.2rem;
    margin-bottom:3px
  }
  @media only screen and (max-width: 420px) {
    .fpnewsbox .fpnewsitem .fpnexbox h5{
    font-size:1.15rem;
  
  }
  }
  .blogright .fpnewsbox .fpnewsitem h5{
    font-size:1.1rem;
  }
  .blogright .fpnewsbox .fpnewsitem h5 a{
    color: inherit;
  }
  .fpnewsbox .fpnewsitem .fpnexbox p{
    font-size:0.925rem;
    display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom:0;


  }
  @media only screen and (max-width: 420px) {
    .fpnewsbox .fpnewsitem .fpnexbox p{
      display:none
    }
  }
.catvilist{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top:50px 
}
.catvilist .catniuw{
width: 350px;
height: 70px;
margin: 30px;
 
border-radius: 100px;
box-sizing: border-box;
background: #f8f8fa;
}
.catvilist .catniuw:hover{
  background: #f2f4f8
}
body.dark .catvilist .catniuw{

 

background: #1e3b99;
}
body.dark .catvilist .catniuw:hover{
 
  background: #13255f
}
.catvilist .catniuw a{
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.catvilist .catniuw figure{
height: 100%;
width: 70px;
margin-right: 5px;
}
.catvilist .catniuw figure img{
border-radius: 100px;
height: 100% ;
border:6px solid #fff;
box-sizing: border-box;
 
}
body.dark .catvilist .catniuw figure img{
 
  border-color: #041536;
  
 
  }

.catvilist .catniuw p{
font-weight: 700;
font-size: 1.05rem;
display:inline;
margin: 0;
width: calc(100% - 95px);
text-overflow:ellipsis ;
box-sizing:border-box;
padding-right:10px;
}
.catvilist .catniuw p span{
display:block;
font-size:0.775rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
opacity: .6;
}
@media only screen and (max-width:991px) {
.catvilist .catniuw{
width: 49%;
height: 50px;
margin:0 1% 30px 0;
border-width:2px ;
}
.catvilist .catniuw figure{
height: 100%;
width: 50px;
margin-right: 10px;
}
.catvilist .catniuw figure img{
border-radius: 50px;
height: 100% 
}
.catvilist .catniuw p{
font-weight: 700;
font-size: 0.825rem;
width: calc(100% - 60px);
}
.catvilist .catniuw p span{
display:none 
}
}

.topexplain{
  padding: 0 40px;
  box-sizing: border-box;
 
}
.topexplain h1,.topexplain h2,.topexplain h3,.topexplain h4{
  font-size:2.4rem
}
@media only screen and (max-width: 991px) {
.topexplain h1,.topexplain h2,.topexplain h3,.topexplain h4{
font-size:1.8rem
}
}

.topexplain.content ul{
margin-left: 0;;
list-style:none;
 
}
.topexplain.content ul,.topexplain.content p,.topexplain.content ol{
/*font-size:1.2rem*/
}

.fpfeatured.fpscroll{
display: flex;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
padding: 20px 0 ;
z-index: 5;
}
.fpfeatured.fplatestsc{
display: flex;
flex-wrap: wrap;
}
.fpfeatured .infoblob{
background:#f2f4f8;
border-radius: 20px;
width: 350px;
margin-right: 30px;
flex-grow: 0;
flex-shrink: 0;
box-sizing: border-box;
padding: 30px;
display: flex;
align-items: center;
 
}
body.dark  .fpfeatured .infoblob{
background: rgba(239,242,246,.25);
}
.fpfeatured .infoblob.onlycat{
width: 280px;


padding: 20px;

}
.fpfeatured .infoblob h1,.fpfeatured .infoblob h2,.fpfeatured .infoblob h3,.fpfeatured .infoblob h4,.fpfeatured .infoblob h5{
 font-size: 1.2rem;
  
}
body.dark .fpfeatured .infoblob h1,body.dark .fpfeatured .infoblob h2,body.dark .fpfeatured .infoblob h3,body.dark .fpfeatured .infoblob h4,body.dark .fpfeatured .infoblob h5{
 
}
.fpfeatured .infoblob p{
font-size: 0.9725rem 
}
.fpfeatured .item_list_std.grid{
width: 380px;
flex-grow: 0;
flex-shrink: 0;
}
.fpfeatured.fpscroll .item_list_std.grid{
margin:0 10px 0 0;
}
.fpfeatured.fplatestsc .item_list_std.grid, .fpfeatured.fplatestsc .infoblob{
margin: 0 10px 60px 0;
}
@media only screen and (min-width:1750px) {
.fpfeatured.fpscroll .infoblob{
margin-left: 150px;
}
}
/*
@media only screen and (min-width:1380px) {

.fpfeatured.fplatestsc .item_list_std:nth-child(8) {
 margin-left:8%; 
}
.fpfeatured.fplatestsc .item_list_std:nth-child(15) {
margin-left:8%;
}
 
.fpfeatured.fplatestsc .item_list_std:nth-child(5n+5) {
width:32% 
 
} 
}
*/
@media only screen and (min-width:1850px) {
.fpfeatured.fplatestsc .infoblob{
margin-left: -150px;
}
}
@media only screen and (max-width:991px) {
.fpfeatured.fplatestsc{
display:flex;
justify-content: space-between;
flex-wrap: wrap 
}
.fpfeatured.fplatestsc .item_list_std.grid {
width: 49%;
margin: 0 0 20px 0 
}
.fpfeatured.fplatestsc .infoblob{
width: 100%;
margin: 0 0 20px 0 
}
}
.fpfeatured .txtblox{
 
}

.noclick .item_list_std .toclfav,.noclick .item_list_std .priceinfo,.noclick .item_list_std .norerves{
  display: none;
}

@media only screen and (max-width: 991px) {
  .scrollwrap{
  position: relative;
  }
  .scrollwrap .scrleft{
  position:absolute;
  right: 0;
  top:0;
  z-index: 3;
  margin-right: 0;
  box-sizing: border-box;
  line-height: 30px;
  height: 30px; 
  display: inline-block ; 
  cursor: pointer;
  padding: 0 10px 0 20px;
  background:rgba(255,255,255,0.85);
  box-shadow: 0 0 15px rgba(255,255,255,0.85);  
  font-size:1.3rem;
  
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px)
  }
  body.dark .scrollwrap .scrleft{
   
  background:rgba(4,21,54,0.85);
  box-shadow: 0 0 15px rgba(4,21,54,0.85);       
   
      
  }
  }
  @media only screen and (min-width: 992px) {
    .scrollwrap .scrleft{
  display:none;
  }
  }










.frontpage .latestfpdir{
margin-top: 60px;
}
@media only screen and (min-width: 992px) {
.frontpage .latestfpdir{
display: flex;
justify-content: space-between;
flex-wrap: wrap 
}
.frontpage .latestfpdir .similaritem{
width: 49%;
flex-grow: 0;
flex-shrink: 0 
}
}

.frontpagesignup{
  background: rgba(79,214,176,0.15);

padding: 40px;
border-radius:30px 
}
body.dark .frontpagesignup{
 
}

 
.frontpagesignup h2,.frontpagesignup h3,.frontpagesignup h4{
}
.frontpagesignup .singform{
background: rgba(255,255,255,0.6);
border-radius:20px;
box-sizing:border-box;
padding: 40px 
}
body.dark  .frontpagesignup .singform{
background: rgba(255,255,255,0.2);

}
.frontpagesignup .singform .form-control{
background: rgba(255,255,255,0.5) 
}
body.dark .frontpagesignup .singform .form-control{
background: rgba(255,255,255,0.1) ;
color:#fff
}
@media only screen and (min-width: 992px) {
.frontpagesignup {
display:flex;
justify-content: space-between;
}
.frontpagesignup .infobox, .frontpagesignup .singform{
width: 48% 
}
}
@media only screen and (max-width: 991px) {
.frontpagesignup{
padding: 20px;
border-radius:20px 
}
}

.frontpage .frontpagesignup p:first-of-type{
  color:#232ed1

}
.frontpagesignup .formflx{
display: flex;
justify-content: space-between;
align-items:center 
}
.frontpagesignup .formflx span{
margin-right: 20px;
}
.frontpagesignup .formflx .button{
white-space: nowrap 
}
body.dark .frontpagesignup .singform .content a{
color:#4fd6b0!important
}
body.dark .singform form .button{
background: #4fd6b0!important;
color:#fff!important;
}
.cbcatlft{
width: 100%;
}
.cbcatlft .title{
color:#fff;
margin-bottom: 10px;
padding-left:6px;
}
.cbcatlft ul{
width: 100%;
list-style: none;
}
.cbcatlft ul li a {
display: block;
font-size: 0.9725rem;
padding: 6px 18px 6px 12px;
color: inherit;
text-decoration: none;
border-radius: 50px;
margin-bottom: 10px;
position:relative;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-o-transition: background .1s ease-in-out;
transition: background .1s ease-in-out 
}
.cbcatlft ul li a {
background: none;
}
.cbcatlft ul li a::after{
content: "\f054";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-left: 6px;
color: #fff;
position:absolute;
right:12px 
}
.cbcatlft ul li a:hover{
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.20);

}
.frontpageinfo{

  background: #ffcb26;
padding: 40px;
border-radius:30px ;
 
}
body.dark .frontpageinfo{
  background: #062259;

}
 


.frontpageinfo h1, .frontpageinfo h2, .frontpageinfo h3, .frontpageinfo h4, .frontpageinfo h5{
}
@media only screen and (max-width: 991px) {
.frontpageinfo{
padding: 20px;
border-radius:20px 
}
.frontpageinfo .lfinfpbx{
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
.frontpageinfo {
display: flex;
justify-content: space-between 
}
.frontpageinfo .lfinfpbx{
width: 73% 
}
.frontpageinfo .linkfino{
width: 25% 
}
}

 
.frontpage .frontpageinfo p:first-of-type,
.frontpage .frontpagesignup p:first-of-type{
  text-transform:uppercase;
font-weight:600;
font-size:1.0rem;
margin-bottom:4px;
 opacity: .6;
 font-size:0.925rem
}

.frontpage .frontpageinfo p:first-of-type{
  color:#fff;
  opacity: 1;
}
.frontpageinfo .linkfino h5{
font-size: 1.2rem;
margin-bottom: 30px 
}
.frontpageinfo .linkfino ul{
list-style: none;
margin: 550 0 0 0!important 
}
.frontpageinfo .linkfino ul li{
margin-bottom: 20px;
}
.frontpageinfo .linkfino ul li a {
display: block;
 
font-weight: 600;
padding: 12px 22px 12px 20px;
color: inherit;
text-decoration: none;
color:#0c114b;
border-radius: 50px;
position:relative;
-webkit-transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-o-transition: background .1s ease-in-out;
transition: background .1s ease-in-out ;
background: rgba(255,255,255,0.8) ;
font-size: 0.9725rem;
}
body.dark  .frontpageinfo .linkfino ul li a {
color: #fff;;
background: rgba(255,255,255,0.2) 
}
.frontpageinfo .linkfino ul li a:hover{
background: rgba(255,255,255,0.6) 
}
.frontpageinfo .linkfino ul li a.getlisted,body.dark .frontpageinfo .linkfino ul li a.getlisted{
background:rgba(79,214,176,1) ;
color:#fff;
}
.frontpageinfo .linkfino ul li a.getlisted:hover{
background:rgba(79,214,176,0.8) 
}
.frontpageinfo .linkfino ul li a::after{
content: "\f054";
font-family: 'Font Awesome\ 6 Free';
font-weight: 900;
margin:2px 0 0 6px;
color: #0c114b;
position:absolute;
right:12px 
}
body.dark .frontpageinfo .linkfino ul li a::after{
color: #fff;
}
.frontpageinfo .linkfino ul li a.getlisted::after,body.dark .frontpageinfo .linkfino ul li a.getlisted::after{

color:#fff;
}
/* new frontpage */
.catbox .title {
 
font-size: 1.1em;
display: block;
 
color: #0c114b;
padding: 20px 0 0 20px;
}
body.dark .catbox .title {
color:#dadada
}

@media only screen and (max-width: 991px) {
.catbox .title {
padding: 20px 0 0 10px;
}
}
.catbox .title .submore {
color: #232ed1;
font-family: 'Outfit', sans-serif, arial;
font-weight: 300;
display: block;
text-align: right;
font-size: 12px;
}
.catbox .title .submore a{
display: block;
padding: 10px 10px 10px 0;
}
.catbox .title .submore a::after {
content: "\f138";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-left: 6px;
color: #232ed1;
}
.catbox a {
text-decoration: none;
color: inherit 
}
.catbox a:hover {
color: #232ed1;
}
.catbox .ulb {
padding: 5px 20px 20px 20px;
}
@media only screen and (max-width: 991px) {
.catbox .ulb {
padding: 5px 10px 10px 10px;
}
}
.catbox ul {
list-style: none;
}
.catbox ul li {
box-sizing: border-box;
}
.catbox ul li a::before{
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 8px;
color: #232ed1
}
.catbox ul li a {
display: block;
padding: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.catbox ul li a:hover {
color: #232ed1
}
.fpright .catbox {
display: none;
position: absolute;
width: 100%;
z-index: 32;
background: #ffffff 
}
@media only screen and (max-width: 991px) {
.fpleft .catbox ul{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.fpleft .catbox ul li{
display: block;
padding:right:15px;
}
.fpleft .catbox ul li a{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display:block;
width:calc(100%-8px);
}
.fpleft .catbox ul li:nth-child(1n + 7){
display:none 
}
.fpright .catbox {
background: #ffffff;
margin-top: -30px;
}
}
.fpright .catbox .title {
margin-bottom:20px 
}
@media only screen and (min-width: 991px) {
.fpright .catbox ul{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.fpright .catbox ul li {
display: block;
padding:right:30px;
}
}
.fpspn .shbanvr{
margin-top:30px;
}
.sidemenu ul {
list-style: none;
}
.sidemenu ul li {
padding: 5px;
/* white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
*/
box-sizing: border-box;
font-size: 0.925rem;
}
.sidemenu ul li a::before{
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 10px;
color: #232ed1
}
.sidemenu ul li a {
display: block;
color: inherit;
}
.sidemenu ul li a:hover {
color: #232ed1
}
/* standard information content page */
.cntleft{
width: 250px;
float: left;
}
.cntright{
width: calc(100% - 280px);
float: left;
margin:0 0 30px 30px 
}
@media only screen and (max-width: 991px) {
.cntleft{
width: 100%;
float: none;
}
.cntright{
width: 100%;
float: none;
margin:30px 0 30px 0 
}
}
.cntright.stdcbright{
background: #ffffff;
padding: 40px 30px 40px 30px;
box-sizing: border-box;
border-radius: 0px;
box-shadow: 0 0 12px #d7dee5;
}
/* member menu */
.membermenu {
margin-bottom: 30px 
}
.flowbuttons{
}
.frontpage .flowbuttons{
margin-bottom: 50px;
}

.flowbuttons ul{
list-style:none;
display:flex;
align-items:center;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none;


height: 36px;

}

@media only screen and (min-width: 992px) {
.flowbuttons ul{
display: block;
 
}
}
.flowbuttons ul::-webkit-scrollbar {
display: none!important;
}
.flowbuttons ul li{
display: inline-block;
float: left;
 
 
margin-right:25px;
padding: 5px 2px;
height:36px;
box-sizing:border-box;
line-height:30px;
font-size:0.975rem;
flex-shrink:0 ;
color: #0c114b;
position: relative;
}
body.dark .flowbuttons ul li{
 
  color:#dadada
}

/*
.flowbuttons ul li:first-of-type:not(.frontpage   .flowbuttons ul li:first-of-type) {
background: rgba(255,203,38,1); 
}
*/
.flowbuttons ul li::before{
  content: ' ';
  display: block;
  position: absolute;
  bottom:0;
  background: #4fd6b0;
  width: 0%;
  height: 3px;
    transition:width 250ms ;
}
.flowbuttons ul li.active::before,.flowbuttons ul li:hover::before{
 
  width: 100%;
 
}
.flowbuttons ul li.active,.flowbuttons ul li:hover{
  /*border-bottom:3px solid #4fd6b0; */
 
  }
body.dark .flowbuttons ul li:hover,body.dark .flowbuttons ul li.active{
 
}
.flowbuttons ul li a{
  transition:all 0ms ;
font-weight:600;
white-space:nowrap ;

border-radius:50px;
display: inline-block;
color:inherit
}
body.dark .flowbuttons ul li a{

}

.flowbuttons .memberview{
 
}
.flowbuttons .memberview a{
 
}
.flowbuttons .memberview img{
 
}
.flowbuttons ul li img, .flowbuttons ul li i{
margin-right: 4px;
}
.flowbuttons ul li a i{
 
}
body.dark .flowbuttons ul li a i{
 
}

@media only screen and (max-width: 991px) {
  .flowbuttons{
  position: relative;

  }
    .flowbuttons ul{
      padding-right: 40px;
    }
  .flowbuttons .flwrght{
  position:absolute;
  right: 0;
  top:0;
  z-index: 3;
  margin-right: 0;
  box-sizing: border-box;
  line-height: 36px;
  height: 36px; 
  display: inline-block ; 
  cursor: pointer;
  padding: 0 10px 0 20px;
  background:rgba(255,255,255,0.85);
  box-shadow: 0 0 15px rgba(255,255,255,0.85);  
  font-size:1.3rem  ;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px)    
  }
  body.dark .flowbuttons .flwrght{
   
  background:rgba(4,21,54,0.85);
  box-shadow: 0 0 15px rgba(4,21,54,0.85);       
   
      
  }
  }
  @media only screen and (min-width: 992px) {
    .flowbuttons .flwrght{
  display:none;
  }
  }

.memleft .topbox{
 
}
body.dark .memleft .topbox{
 
}
.memleft .topbox h1::before{
 
}
.topbox p{
  font-size: 0.925rem;
 

}
/*
form h2::before,form h3::before,form h4::before{
  content: " ";
  background: #4fd6b0;
  width: 16px;
  height: 16px;
  border-radius:100px;
  display: inline-block;
  margin-right: 8px;
 
 
 
 
}*/

@media only screen and (min-width: 1280px) {

.memflexbox{
display: flex;
justify-content: flex-start;

align-items:flex-start
}
.memleft{
width: 280px;
margin-right: 20px;

}
.memright{
width: calc(100% - 300px);
padding: 20px;
box-sizing: border-box;
}
.memright.maxw{
width: 600px;
max-width: calc(100% - 300px);
 
}
}
@media only screen and (max-width: 1279px) {
  .memleft{
order:2;
margin-bottom:30px
}
.memright{
order:1;
padding: 20px 0;
}
}

body.bggrey .memright:not(body.bggrey .memright.nobg){
  background: #fff ;
}
body.dark.bggrey .memright:not(body.dark.bggrey .memright.nobg){
background: #041536!important;

}
@media only screen and (min-width: 1279px) {
.memright .warn{
max-width: 60%;
}
}
.memleft h1, .memright h1{
  font-size: 1.6rem;
 
  margin:0 0 30px 0!important;
  line-height: normal;
}
.memsuboption{
 font-size: 0.9725rem;
font-weight:600
}
.memberright .memsuboption{
  margin-bottom: 20px;
}

.memsuboption a i:not(.memsuboption a.button i){
width: 22px;
color: #0c114b;
opacity: .6;
}
body.dark .memsuboption a i:not(body.dark .memsuboption a.button i){
color:#efefef;
}
.memsuboption ul{
  list-style: none;
  padding: 0!important;
  margin:0!important;
 
 
}
.memsuboption ul li{
  
  padding: 0!important;
  margin:0!important;
}
.memsuboption ul li:last-child {
 
}
.memsuboption ul li a,.memsuboption ul li span{
  padding:20px;
  border-radius: 4px;;
  display: inline-block;
  color:inherit
}
.memsuboption ul li a:hover,.memsuboption ul li span:hover{
  background: rgba(255,255,255,0.75);
 
}
body.dark .memsuboption ul li a{
  color:#efefef
}
body.dark .memsuboption ul li a:hover,body.dark .memsuboption ul li span:hover{
  background: #13255f;
}
.commtext {
margin: 20px 0 
}
.pricinginfo{
  background:#ebf7ff;
  padding:30px;
  border-radius:20px;
  margin:40px 0
}
body.dark .pricinginfo{
  background:#062259 
}
@media only screen and (max-width: 991px) {
  .pricinginfo{
  padding:20px;
}
}
.pricinginfo .replace-check:not(body.dark   .pricinginfo .replace-check) {
  background: rgba(255,255,255,0.75);

}
/* pop sign up */
#popsignup{
background: #fff;
box-shadow: 3px 6px 10px #666;
width: 370px;
bottom: 50px ;
right: 20px;
padding: 10px 20px 20px 20px;
position:fixed;
z-index:68;
display: none;
}
@media only screen and (max-width: 991px) {
}
#popsignup .closeppp{
float: right;
}
#popsignup .closeppp a,#popsignup .closeppp a:hover{
color:#888888;
text-decoration: none 
}
#popsignup .title{
margin: 10px 20px 9px 0;
font-size: 1.1em;
}
#popsignup p{
margin-bottom: 15px 
}

/* listings tpl*/
.listbox {
}
.listbox a{
text-decoration: none;
color: inherit;
}
/* listingsbasics all */
.listbox {
background: #ffffff;
/*box-shadow: 0 0 8px rgba(239,242,246,0.5);
;
*/
}
 .adminwarn{
display: block;
 
background: rgba(79,214,176, 0.2);
padding: 4px 8px;
border-radius: 4px;
font-weight: 600;
font-size: 0.925rem;
}
 .adminwarn::before{
content: '\f071';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 8px;
color:#ff2632
}
.listbox .imgbox {
position: relative 
}
.listbox .imgbox img {
width: 100%!important 
}
.listbox .imgbox .favorite {
position: absolute;
right: 4px;
top: 4px;
color: #fff;
font-size: 20px;
cursor: pointer;
z-index: 10;
/*background:rgba(144,188,24,0.75);
*/
text-align: center;
border-radius: 50%;
line-height: 35px;
width: 35px;
height: 35px;
text-shadow: 0 0 4px #000;
}
@media only screen and (max-width: 991px) {
.listbox .imgbox .favorite {
right: 4px;
top: 4px;
font-size: 18px;
line-height: 28px;
width: 28px;
height: 28px;
}
}
.listbox .detailbox .cat{
color:#232ed1;
border-bottom: 1px solid #f1f1f1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.85em;
box-sizing: border-box;
}
.listbox .detailbox .cat::before{
content: '\f07b';
font-family: 'Font Awesome\ 5 Free';
font-weight: 400;
margin-right: 8px;
}
.listbox .detailbox .title{
color: #0c114b;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
}
body.dark .listbox .detailbox .title{
color:#dadada
}
.listbox.topper .detailbox .title::before {
content: "\f005";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
width: 25px;
font-weight: 400!important;
color: #4fd6b0;
}
.spotlight .listbox.topper .detailbox .title::before {
content: none;
width: 0;
}
.listbox .detailbox .ddescr{
box-sizing: border-box;
}
.listbox .detailbox .options{
box-sizing: border-box;
}
.listbox .detailbox .options .detcity{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.listbox .detailbox .options .detprice{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color:#232ed1;
font-family: 'Outfit', Arial, Helvetica, sans-serif;
display: block;
font-weight: 700;
}
/* listings grid */
.listbox.grid{
width: calc(25% - 20px);
box-sizing: border-box;
padding: 15px;
margin: 0 10px 20px 10px;
float: left;
overflow: hidden 
}
@media only screen and (max-width: 991px) {
.listbox.grid{
width: calc(50% - 10px);
padding: 10px;
margin: 0 5px 10px 5px;
}
}
.frontpage .listbox.grid{
width: calc(25% - 15px);
}
.frontpage .listbox.grid:nth-of-type(1){
margin: 0 10px 20px 0;
}
.frontpage .listbox.grid:nth-of-type(4){
margin: 0 0 20px 10px;
}
@media only screen and (max-width: 991px) {
.frontpage .listbox.grid{
width: calc(50% - 7px);
}
.frontpage .listbox.grid:nth-of-type(1),.frontpage .listbox.grid:nth-of-type(3){
margin: 0 5px 10px 2px;
}
.frontpage .listbox.grid:nth-of-type(2),.frontpage .listbox.grid:nth-of-type(4){
margin: 0 2px 10px 5px;
}
}
.listbox.grid .imgbox {
margin-bottom: 10px 
}
.listbox.grid .detailbox {
}
.listbox.grid .detailbox .cat{
height: 30px;
line-height: 30px;
}
.listbox.grid .detailbox .title{
margin-top: 10px;
font-size: 1.1em;
}
.listbox.grid .detailbox .ddescr{
display: none;
}
.listbox.grid .detailbox .options{
margin-top: 15px;
}
.listbox.grid .detailbox .options .detcity{
font-size: 0.9em;
height: 35px;
}
.listbox.grid .detailbox .options .detcity::before {
content: '\f3c5';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
opacity: 0.85;
margin-right: 5px 
}
.listbox.grid .detailbox .options .detprice{
font-size: 0.9em;
border-top: 1px solid #f1f1f1;
padding-top: 15px;
}
.listbox.favs .detailbox .title, .listbox.offer .detailbox .title{
margin-top: 30px;
}
.listbox.favs .detailbox .title::before {
content: "\f004";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
width: 25px;
font-weight: 900!important;
color: #0c114b
}
body.dark .listbox.favs .detailbox .title::before {
color:#dadada
}
.listbox.favs .detailbox .options .detcity{
text-align: right 
}
.listbox.offer .detailbox .title::before {
content: "\f0e3";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
width: 25px;
font-weight: 900!important;
color: #0c114b
}
body.dark .listbox.offer .detailbox .title::before {
color:#dadada
}
.listbox.offer .detailbox .options .detcity{
height: 50px;
}
.listbox.offer .detailbox .options .detcity{
}
/* listings list */
.listbox.list{
width: 100%;
margin-bottom: 30px;
height: 209px;
overflow: hidden;
}
.listbox.list .imgbox {
width: 280px;
float: left;
}
.listbox.list .detailbox {
width: calc(100% - 280px);
float: left;
padding: 15px 25px 10px 25px;
box-sizing: border-box;
}
.listbox.list .detailbox .cat{
height: 24px;
line-height: 24px;
}
.listbox.list .detailbox .title{
height: 40px;
margin-top: 5px;
line-height: 40px;
font-size: 1.1em;
}
.listbox.list .detailbox .ddescr{
line-height: 20px;
height: 60px;
text-overflow: ellipsis;
overflow: hidden 
}
.listbox.list .detailbox .options{
height: 40px;
margin-top: 25px;
line-height: 40px;
border-top: 1px solid #f1f1f1;
}
.listbox.list .detailbox .options .detcity{
width: calc(100% - 250px);
float: left;
}
.listbox.list .detailbox .options .detcity::before{
content: '\f3c5';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
opacity: .85;
margin-right: 5px 
}
.listbox.member .detailbox .options .detcity::before{
content: '';
margin-right: 0 
}
.listbox.list .detailbox .options .detcity a{
margin-right: 15px 
}
.listbox.list .detailbox .options .detprice{
width: 250px;
float: left;
text-align: right;
}
@media only screen and (max-width: 1260px) {
.listbox.list{
height: 219px;
}
.listbox.list .imgbox {
width: 140px;
overflow: hidden;
}
.listbox.list .imgbox img{
max-width: 292px!important;
height: 219px;
margin: 0 -89px 0 -89px;
width: 292px!important;
}
.listbox.list .detailbox {
width: calc(100% - 140px);
padding: 15px 15px 15px 15px;
}
.listbox.list .detailbox .ddescr{
line-height: 20px;
height: 40px;
text-overflow: ellipsis;
overflow: hidden 
}
.listbox.list .detailbox .options{
height: auto;
margin-top: 15px;
border-top: none 
}
.listbox.list .detailbox .options .detcity{
width: 100%;
float: none;
}
.listbox.list .detailbox .options .detprice{
width: 100%;
border-top: 1px solid #f1f1f1;
float: none;
text-align: right;
}
}
.listbox.sponzr .detailbox .title{
height: 50px;
margin: 10px 0 5px 0;
line-height: 25px;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.listbox.sponzr .detailbox .title::before {
content: "\f641";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
width: 25px;
font-weight: 900!important;
color: #232ed1
}
.listbox.sponzr .detailbox .ddescr{
height: 60px;
}
/* class detail page zindex */
.detailleft {
width: calc(100% - 400px);
float: left;

box-sizing: border-box;
border-radius: 0px;

;
}
.detailright {
width: 360px;
margin-left: 40px;
float: left 
}
@media only screen and (max-width: 991px) {
.detailleft {
width: 100%;
float: none ;
margin-bottom:30px 
}
.detailright {
width: 100%;
margin-left: 0;
float: none 
}
}
#modboxresults{
display:none;
color:#fff;
background: #4fd6b0;
padding:15px;
margin-bottom: 20px;
}
/* addetails */
.itemdetail{
}
.itemdetail .shbanvr{
margin-bottom:30px;
}
.newdet{
}
@media only screen and (min-width: 992px) {
.newdet{
width:100%;
display:flex;
justify-content:space-between;
}
.newdet .newdetleft{
width: calc(100% - 410px);
flex-grow:0;
flex-shrink:0;
}
.newdet .newdetright{
width: 370px;
flex-grow:0;
flex-shrink:0;
}
}
@media only screen and (min-width: 1280px) {
.newdet .newdetleft{
width: calc(100% - 510px);
}
.newdet .newdetright{
width: 470px;
}
}
@media only screen and (max-width: 991px) {
  .nwtflx{
display:flex;
flex-direction:column;
padding-bottom:40px
}

.nwtflx .newimgbox{
order:2
}

.nwtflx .bbshead{
order:1
}
.newdet{
  display: flex;
  flex-direction: column;

}
.newdet .newdetleft{
margin-bottom:40px;
}
.newdet .newdetright{
}
.newdet .mbr1{
 
margin-bottom: 0;

}
.newdet .mbr2{
 
}
}
 
 
.newdet .newdetright .title{
display: block;
font-size: 20px;
 
color: #0c114b;
font-size: 1.1rem 
}
body.dark .newdet .newdetright .title{
color:#dadada
}





.newimgbox{
   
  
    padding:0 0;
    position: relative;
    
}
@media only screen and (min-width: 1380px) {
.newimgbox{
margin-bottom: 20px;
}
.newimgbox.xbgimg::before{
position: absolute;
display: block;
content: ' ';  
background:rgba(23,31,140,0.04); 
width: 1900px;
max-width: 100%;
height: 380px;
bottom: 10px;
z-index: -1;
margin-left: -20px;
border-radius: 40px 0 20px 0;  
left: 50%;
transform: translateX(-50%);
}
.newimgbox.xbgimg::after{
position: absolute;
display: block;
content: ' '; 
background:rgba(223,240,255,0.45);
width: 1900px;
max-width: 100%;
height: 380px;
bottom: -20px;
z-index: -1;
border-radius: 40px 0 20px 0;

left: 50%;
transform: translateX(-50%);
}
body.dark .newimgbox.xbgimg::before{
background:rgba(23,31,140,0.25);
}
body.dark .newimgbox.xbgimg::after{
background:rgba(23,31,140,0.25);
}


}

@media only screen and (min-width: 992px) {
    .imgtopflex{
    display:flex;

}
.imgtopflex .imgtopimg{
    width: 40%;
    display: flex;
    align-content: center;
    align-items: flex-start;
    padding: 0;
   
 
}
 
.imgtopflex .imgtopimg figure{
  height: 100%;
 
}
.imgtopflex .imgtopimg figure a,.imgtopflex .imgtopimg figure a img{
  margin: 0 0 0 0;
 
  padding: 0 0 0 0;
  
}
.imgtopflex .imgtopimg img{
  border-radius: 20px ;
 height: 100%!important;
 width: auto!important;
 object-fit: cover;
 
 
}
.imgtopflex .imgtopright{
    width: 60%;

}
}

@media only screen and (max-width: 991px) {
  .imgtopflex .imgtopimg img{
  border-radius: 8px ; 
}
  .imgtopflex .thumbs img{
  border-radius: 4px ; 
}
}

.imgtopright{
    display:flex;
    flex-wrap:wrap
}
@media only screen and (min-width:1280px) {
  .imgtopright{
    
     display: flex;
    justify-content:space-between;
   align-content:space-between
    
  }
.imgtopright .infoblob{
    width: 50%;
    padding: 0 20px;
    box-sizing:border-box;
    flex-grow: 0;
    flex-shrink: 0;
   
}
.imgtopright .infoblob.intro{
   margin-bottom: 20px;

}
.imgtopright .infoblob.imgcont{
    width: 100%;
    
  padding-bottom:0;
      flex-grow: 0;
    flex-shrink: 0;
 
     
}
}
@media only screen and (max-width:1279px) {
    .imgtopright .infoblob{
    width: 100%;
    padding: 0 20px;
    box-sizing:border-box;
    }
    .imgtopright .infoblob.imgcont{
   
    overflow: hidden;
    margin: 0;
   
   padding-bottom:0;
 


    }
    @media only screen and (min-width:992px) {
    .imgtopright .infoblob.bidinfo{
      margin-left: 20px;
      
      
    }
 
  }
}

 

@media only screen and (min-width:992px) {
.imgtopright .infoblob.intro,.imgtopright .infoblob.bidinfo{
  margin-bottom: 10px;

}
.imgtopright .infoblob.intro{
 
}
.imgtopright .infoblob.bidinfo{
         
 
}
 
@media only screen and (min-width:1800px) {
  .imgtopright .infoblob.bidinfo{
    padding-right: 100px;
         
 
}
}

.imgtopright .infoblob.shipping{
     
}
.imgtopright .infoblob.payinfo{
      
}
.imgtopright .infoblob.imgcont{
        
   padding: 0 0 0 20px;
}
}
@media only screen and (max-width:991px) {
  .imgtopright .infoblob.intro,.imgtopright .infoblob.bidinfo{
 padding: 20px;
 

}
  .imgtopright .infoblob{
     
    padding: 15px 5px;
    
    }
.imgtopright .infoblob.intro{
 order:2;
}
.imgtopright .infoblob.bidinfo{
     order:3;
}
.imgtopright .infoblob.shipping{
     order:4;
}
.imgtopright .infoblob.payinfo{
     order:5;
}
.imgtopright .infoblob.imgcont{
       order:1;
       padding: 0;
  
}
}


.imgtopright .infoblob.bidinfo{
 
      
     box-sizing: border-box;
 
}
 
@media only screen and (max-width:1379px) {
  .imgtopright {
     background: #fff; 
      
 
 
}
body.dark .imgtopright {
     background: #041536; 
 
}

}

.itemdetail .thumbs{
 
 width: 100%;
padding:0;
 
overflow:hidden;
 
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-content:space-between;
 position: relative;
 
 

}
@media only screen and (min-width: 1380px) {
  .itemdetail .thumbs{
 
     
    border-radius: 0 0 20px 0;
     
    }
 
}
.itemdetail .thumbs .ttlimgcnt{
  position: absolute;
  right:10px;
  bottom:10px;
  background:rgba(13,19,23,0.85);
  color:#fff;
  font-size:0.925rem;
  font-weight: 700;
  padding: 2px 5px;
  opacity: .75;
  border-radius: 4px;

}
@media only screen and (min-width: 1380px) {
.itemdetail .thumbs a{
width: calc(25% - 10px);
margin: 0;
padding: 0;
display: block;
 padding:5px 0
}
.itemdetail .thumbs a img{
  border-radius: 8px;
 
}
}
 

@media only screen and (max-width: 1379px) {
  .itemdetail .thumbs{
    margin-top: 20px;
 
    
  }
  .itemdetail .thumbs a{
    width:calc(20% - 8px)!important;
    margin: 0;
padding: 0;
display: block;
margin-bottom: 4px;
 
    }
      .itemdetail .thumbs a img{
        border-radius: 8px;
      }
    .itemdetail .thumbs a:nth-child(n+6) {
      display: none;
    }

}

 

 


 
.itemdetail .thumbs a:hover{
opacity: .6;
}
 
.itemdetail .thumbs a img{
border: 0;
padding: 0;
margin: 0;
display: block;
width: 100%;
height: 100%;
 
box-sizing:border-box;
object-fit:cover;


}
body.dark .itemdetail .thumbs a img{
border-color:#041536;

}



.itemdetail .trusted {
 
padding: 15px 24px;
border-radius:20px;

  background: #effbfa;
  background: rgba(3,184,178,0.1);;
   font-size:0.925rem;
}
body.dark .itemdetail .trusted {
    
  color: #dadada;
}
.itemdetail .trusted .strong{
  margin-bottom:13px
}
.itemdetail .trusted p{
  padding: 0 0 0 0!important;
 margin: 0 0 0 0!important;
 
  
}
.itemdetail .trusted p::before{
  width: 67px;
  content: "\f3ed";
  font-family: 'Font Awesome\ 6 Free';
  font-weight: 900;
  margin-right: 6px;
  font-size: 50px;
  display: inline-block;
  text-align: center;
  color: #4fd6b0;
  float: left;
}
.itemdetail .trusted p i{
  float: left;
  width: 67px;
  margin: 0 0 0 0;
  color:#4fd6b0 
}
.itemdetail .trusted .explain{
  text-align: right;
  margin: 25px 0 0 0;
}
.itemdetail .trusted .explain .bonoppay{
  width: 67px;
  height: auto;
}
.itemdetail .trusted .explain a{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.itemdetail .trusted .explain span i{
  margin-left: 5px;
}
.usermaps .popmapitm{
  margin:20px 0;
  width: 100%;
  height: 350px;
  border-radius:20px;
  overflow: hidden;;
}
.usermaps p{
  font-size:0.925rem;
  margin-bottom:6px!important
}
.marker-pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #232ed1;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
}
  .marker-pin::after {
    content: '';
    width: 24px;
    height: 24px;
    margin: 3px 0 0 3px;
    background: #eff2f6;
    position: absolute;
    border-radius: 50%;
 }

 
.custom-div-icon i {
   position: absolute;
   width: 22px;
 
   left: 0;
   right: 0;
 
   text-align: center;
   color:#0c114b;

   margin: 12px auto;
   font-size: 18px;
}
.newdet .clienttext .openinghours {
  background:#eff2f6;
  box-sizing:border-box;
  padding:10px 20px;
  border-radius:20px; 
 
}
body.dark
.newdet .clienttext .openinghours {
    background:#1e3b99;
}
.newdet .clienttext .openinghours h3{
  margin-bottom:20px;
}
.newdet .clienttext .openinghours ul{
list-style: none!important;
margin-bottom:0!important;
padding-bottom:0!important;



}
.newdet .clienttext .openinghours ul li{
display:flex;
justify-content: space-between;
font-size:0.925rem
}
.newdet .clienttext .openinghours ul li a{
color:inherit
}
.newdet .clienttext .joblisrow{
text-align:center;
margin-bottom: 40px;

}
.bbsheadbfos{
  z-index: -1;
  position: relative;
  width: 100%;
 
 
}




.mainheadr{
 
  padding-top: 20px;
margin-bottom:30px ;
 
}
.mainheadr .mainhd{
 
}


.mainheadr h1{
 
 
font-size: 2.2em;
margin-bottom: 3px ;
 
}
body.dark .mainheadr h1{
 
}
.mainheadr .toppert{
color:#232ed1;
 
font-weight: 700;
margin-bottom: 20px;
}
body.dark .mainheadr .toppert{
color:#dadada;
}
.mainheadr .toppert::before{
content: '\f005';
font-family: 'Font Awesome\ 5 Free';
font-weight: 400;
margin-right: 6px;

}
.dtesla{
 
}
 
.dtesla .posted{
 
font-size:0.825rem 
}

.dtesla .viewed{
font-size:0.825rem 
}

@media only screen and (min-width: 1200px) {
.mnboxle{
display:flex;
margin-bottom:30px;

}
.mnboxle .mbimglf{
width: calc(100% - 360px);
margin-right:20px;

}
.mnboxle .itemdesc{
width: 340px;

}
}
@media only screen and (max-width: 1199px) {
.mnboxle{
margin-bottom:30px;
}
}
.itemdetail .ownrbx{
font-size: 1.0em;

display: flex;
font-weight: 600;
 
}
.itemdetail .ownrbx .xownoption{
background:#eff2f6;
padding:6px 15px;
border-radius:50px;
margin-bottom:30px ;
font-size: 0.925rem;
}
body.dark .itemdetail .ownrbx .xownoption{
background:#062259;
}
.itemdetail .ownrbx .xownoption a{
margin:0 15px;
}
.itemdetail .ownrbx i{
  margin-right: 4px;
}
.itemdetail .ownrbx i:hover{
opacity:0.6 
}
@media only screen and (max-width: 650px) {
  .itemdetail .ownrbx span{
   display: none;
  }
} 
 

.itemdetail .recaps ul{
list-style: none!important;
margin-bottom: 20px;
}
.itemdetail .recaps ul li{
padding: 12px 4px 12px 0;
 
box-sizing: border-box;
overflow: hidden;
font-size: 0.9725rem;
}
@media only screen and (min-width: 360px) {
.itemdetail .recaps ul{
 display:flex;
 flex-wrap:wrap;
 justify-content: space-between;
 
}
.itemdetail .recaps ul li{
  width: calc(50% - 15px);
 
}

}
@media only screen and (max-width: 1280px) {
  .itemdetail .recaps ul li.fullli{
    width: 100%;
    }
}
.itemdetail .recaps ul label{
display: block;
color: #062259;
opacity: 0.6;
font-size: 0.825rem;
font-weight: 300;
margin-bottom: 5px;
box-sizing: border-box;
}
body.dark .itemdetail .recaps ul label{
color: #ebebea;
}
.itemdetail .recaps ul label i{
float: none 
}
@media only screen and (max-width: 991px) {
.itemdetail .recaps ul li{
padding: 8px 8px 8px 8px;
}
}


.itemdetail .recaps ul li i{
color:#232ed1;
margin-right: 5px;
}
 
.itemdetail .recaps ul li .pricejs{
font-weight: 700;
font-size:1.3rem;
color:#232ed1 
}
.itemdetail .title,.similar .title{
font-size: 1.2em;
color: #0c114b;
margin-bottom: 20px;
}
body.dark .itemdetail .title,body.dark .similar .title{
color:#dadada
}
.itemdetail .clienttext {
height: auto;
margin-bottom: 30px;
line-height: 26px;
}
.itemdetail .clienttext ul, .itemdetail .clienttext ol {
list-style: disc;
list-style-position: inside;
margin: 0 0 20px 0!important;
}

.itemdetail .clienttext ul, .itemdetail .clienttext ol, .itemdetail .clienttext p {
margin-bottom: 20px 
}
.itemdetail .clienttext ul p, .itemdetail .clienttext ol p{
display: inline;
margin-bottom: 0
}
.itemdetail .clienttext ul ul, .itemdetail .clienttext ol ol,.itemdetail .clienttext ul ol, .itemdetail .clienttext ol ul{
margin: 0 0 0 30px!important;
list-style: circle;
}
 .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 30px ;
clear: both;
}
 .video-container iframe,  .video-container object, .video-container embed {
position: absolute;
border: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.itemdetail .clienttext.maxheight {
height: 230px 
}
.itemdetail .clientag{
margin-bottom: 80px;

}
.itemdetail .clientag span {
cursor: pointer;
display: inline-block;
float: left;
 
color:#232ed1;
 
 
font-size: 0.8em;
margin: 10px 4px;
}
.itemdetail .clientag span a{
  color: inherit;
}
.itemdetail .usermaps{
margin: 0 0 50px 0;
}
.itemdetail .usermaps #map {
width: 100%;
height: 350px;
border-radius:12px;
overflow: hidden;;
}
.itemdetail .usermaps #map iframe {
width: 100%;
height: 100%;
border: 0 ;
border-radius:12px;
}

.similaritem{
margin-bottom:20px;
display:flex;
border-radius: 0px;
box-sizing: border-box;
}
.similaritem figure{
width:85px;
height:85px;
margin-right:10px;
flex-grow:0;
flex-shrink:0;
}
.similaritem figure img{
width:100%;
height:100%;
object-fit:cover ;
border-radius:8px 
}
.similaritem .ribsim{
    width: calc(100% - 95px);;

}
.similaritem h5{
 
color: #0c114b;
margin-bottom: 8px 
}
body.dark .similaritem h5{
color:#dadada
}
.similaritem h5 a{
  color:inherit;
}
.similaritem .price{
font-weight: 700;
font-size: 0.875rem;
text-align: right;
}
/*owner 2.0 and feed box */

.itemdetail .ownerbox {
margin-bottom: 30px;
background: #eff2f6;
padding: 12px;
}
body.dark .itemdetail .ownerbox {
background: #062259;
}
.itemdetail .newdetleft .ownerbox,.itemdetail .newdetleft  .userwllpro{
margin:30px 0;
padding: 10px;;

}
.itemdetail .offpendingbox {
margin-bottom: 50px;
}
.itemdfbx{
}
@media only screen and (max-width: 991px) {
.itemdfbx{
}
}
.nnusrownr{
display:flex;
justify-content:space-between;
align-items: center;
}
.nnusrownr .photo{
width:80px;
flex-shrink:0;
flex-grow:0;
margin-right:15px;
}
.nnusrownr .photo img{
width:80px;
height:80px;
border-radius:100px;
}
.nnusrownr .uodetls{
width:calc(100% - 95px) 
}
.nnusrownr .uodetls .usrfbck{
margin-bottom:4px 
}
.nnusrownr .itmownr{
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-weight: 700;
margin-bottom: 2px;
color: #0c114b;
font-size: 1.1rem 
}
body.dark .nnusrownr .itmownr{
color:#dadada
}
.nnusrownr .itmownr .walllink, .userbxsimp .nnusrownr .wallink a{
font-weight: 400!important;
font-size: 0.925rem!important;
color: inherit!important;
}
.userbxsimp .nnusrownr .wallink{
margin-bottom: 6px;
}
.nnusrownr .fefllw{
font-weight: 400!important;
font-size: 0.925rem!important;
color: inherit!important;
margin-bottom:10px
}
.nnusrownr .fefllw .fllwbut{
background:#fff;
display:inline-block;
padding: 2px 8px;
cursor: pointer;
border-radius:25px;
margin-left:20px;
font-weight: 600!important;
font-size: 0.875rem!important;
}
body.dark .nnusrownr .fefllw .fllwbut{
  background:#062259;
  color:#a3a3a3

}
.nnusrownr .ursloc{
font-size:0.8275rem;
opacity: 0.6;
}
.rightsearch .nnusrownr .ursloc{
margin-top: 5px;
}
.icpompart{
float:right;
background:#4fd6b0;
font-weight:600;
font-size:0.8725rem;
color:#fff;
padding:1px 10px 1px 10px;
margin-right:-12px;
}
.itemdetail  .pickuploc{
  padding: 20px 0;
  font-size:0.8725rem;
  font-weight:600;
  margin-bottom: 50px;
text-align: right;

 
 
 
}
@media only screen and (max-width: 991px) {
  .itemdetail  .pickuploc{
    text-align: center;
 
    padding: 10px 0;
  }
}
.itemdetail  .pickuploc i{
  width:20px
  }
.itemdetail  .pickuploc span{
  color:#232ed1

}
.ownerbox .usrphn{
margin-top:20px;
display:flex;
justify-content:flex-start;
font-size:0.985rem 
}
.ownerbox .usrphn .button{
margin-right:12px 
}
.ownerbox button.whatsapp{
}
.itemdetail .ownerbox ul, .itemdetail .offpendingbox ul {
list-style: none;
margin: 20px 0 
}
.itemdetail .contact .inputfield, .itemdetail .offpendingbox .inputfield {
width: 100%;
margin-bottom: 12px!important 
}
.itemdetail .contact .nomargin, .itemdetail .offpendingbox .nomargin {
margin-bottom: 3px 
}
.itemdetail .ownerbox .tellink {
color: #232ed1;
}
.itemdetail .contact {
margin: 30px 0 60px 0;
}
.itemdetail .offpendingbox .makeoffr {
}
.itemdetail .offpendingbox .bidoverviewbox {
list-style: none!important;
padding: .5em 0;
text-align: right;
white-space: nowrap ;
font-size:0.925rem 
}
.itemdetail .offpendingbox .bidoverviewbox li {
margin-bottom: 5px ;
display:flex;
justify-content:space-between;
}
.itemdetail .offpendingbox .bidoverviewbox .pricejs{
font-weight:700 
}
.itemdetail .offpendingbox .bidoverviewbox label {
width: 35.5%;
padding: 0 1% 0 0;
text-align: left;
}
.itemdetail .offpendingbox .bidoverviewbox .usofname {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis 
}

 .itmopxx{
display:flex;
justify-content:flex-end;
align-items: center;
 

}
 
/*floatbutton*/
.floatbutton{
display:none;
position:fixed;
bottom: 30px;
left: 50px;
z-index: 26 
}
.floatbutton .button{
box-shadow: 2px 2px 4px rgba(239,242,246,0.75);
}
@media only screen and (max-width: 991px) {
.floatbutton{
bottom: 20px;
left: 20px;
}
}
/* breadcrumb */
.topbread{
font-size:0.825rem!important;
line-height: 24px;
margin-bottom: 30px;
font-weight: 300;
display:flex;
align-items:center;
overflow-x: auto;
list-style: none;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
white-space:nowrap 
}
@media only screen and (max-width: 991px) {
.topbread{
padding: 0 8px 0 8px;
margin-bottom: 20px;
}
.rightsearch .topbread{
padding-left: 5px;
}
}
.rightsearch .topbread{
margin-bottom: 20px;
}
.rightsearch .shbanvr{
margin-bottom: 30px;
width: 100%;
}
.topbread a{
font-size:0.825rem!important;
display:flex;
align-items:center;
white-space:nowrap;
flex-wrap:nowrap 
}
.topbread a.hidden{
display:none;
}
.topbread a:hover{
color:#232ed1;
}
.topbread .backtosearch{
margin-right: 20px;
}
.topbread .backtosearch::before {
content: "\f0d9";
font-family: 'Font Awesome\ 5 Free';
margin-right: 5px;
font-weight: 900!important;
}
.topbread .bthome{
margin-right: 20px;
font-weight:600 
}
.topbread .brnxt{
margin-right: 20px;
}
.topbread .brnxt::after {
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
margin-left: 5px;
font-weight: 900!important;
}
.topbread .resfound{
margin-left:15px;
}
.topbread .resfound::before {
content: "\f002";
font-family: 'Font Awesome\ 5 Free';
margin-right: 5px;
font-weight: 900!important;
}
/* moderator menu */
.adminmanage, .usermanage,.nonapproved {
background: #fff;
box-shadow: 0 0 12px #d7dee5;
padding: 20px 30px;
margin-bottom: 30px;
border-radius: 0px;
}
body.dark .adminmanage,body.dark .usermanage, body.dark .nonapproved {
background: #062259;
box-shadow: none

}
.nonapproved p{
margin-bottom:8px 
}
.adminmanage i, .usermanage i {
color: #0c114b;
width: 25px 
}
body.dark .adminmanage i,body.dark .usermanage i {
color:#dadada
}
.adminmanage .adminoption, .usermanage .useroption {
/*display: none;
/*/
list-style: none;
margin-top: 10px 
}
.adminmanage ul li, .usermanage ul li {
width: 33%;
box-sizing: border-box;
float: left;
padding-right: 20px;
font-size:0.875rem;
}
@media only screen and (max-width: 991px) {
.adminmanage ul li, .usermanage ul li {
width:50%;
}
}
.adminmanage ul li i, .usermanage ul li i{
color:#232ed1
}
.adminmanage ul li a,.adminmanage ul li span, .usermanage ul li a {
display: block;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 4px 4px 4px 10px;
width:calc(100%-8px);
}

.adminmanage ul li div.inline{
display: inline;
}
 
.adminmanage ul li a:hover, .usermanage ul li a:hover {
background:#eee 
}
body.dark  .adminmanage ul li a:hover,body.dark .usermanage ul li a:hover {
background:#041536 
}
/* notfound */
.notfound .icon{
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-size: 8em;
display: block;
font-weight: 700;
color: #232ed1;
margin-bottom: 30px;
}
.notfound .inner{
font-size: 2em;
margin-bottom: 200px;
}
/* bottom message counter */
#newmessages {
  display: none;
  cursor: pointer;
  
  
  
  position: fixed;
  bottom: 30px;
  right: 50px;
  
  z-index: 2 
  }
  body.dark  #newmessages {
  
  
  
  }
  #newmessages .inmsic{
  font-size: 26px;
  margin-bottom: 5px;
  color: #232ed1;
  border:3px solid #232ed1;
  
  position: relative;
  width: 50px;
  line-height:46px;
  text-align:center;
  height:50px;
  border-radius:100%;
  box-sizing:border-box;
  background:rgba(255,255,255,0.5);
  
  }
  body.dark #newmessages .inmsic{
  
  background:rgba(4,21,54,0.1);
  
  }
  #newmessages #newmescounth1{
  position:absolute;
  right: -12px;
  top:-12px;
  font-family: 'Outfit', Arial, Helvetica, sans-serif;
  font-weight: 700;
  height: 24px;
  width: 24px;
  border-radius:100%;
  text-align:center;
  
  font-size:0.875rem;
  display:block;
  line-height:24px;
 
  z-index: 12;
  background:#4fd6b0;
  color:#fff;
  
  }
  
  
  #newmessages .micons {
  
  }
  
  @media only screen and (max-width: 991px) {
  #newmessages {
  border-radius: 25px;
  width: 50px;
  padding: 10px;
  bottom: 20px;
  right: 20px 
  }
  #newmessages .inmsic{
  font-size: 25px;
  margin-bottom: 0 
  }
  
  }
#cookiething {
display: none;
background:rgba(4,21,54,0.3);
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index: 5456333;
backdrop-filter: blur(3px);
}
#cookiething .showthis{

background: #ebf7ff;
height: auto;
     
position: absolute;
z-index: 99999999;     
border-radius: 20px;
padding: 40px 50px 40px 50px;
box-sizing: border-box;
}
body.dark #cookiething .showthis{
  background: #1e3b99;
}
@media only screen and (max-width: 1284px) {
#cookiething .showthis{
bottom: 40px;
left: 0;
width: 100%;
padding: 30px 20px 20px 20px;
border-radius: 0!important;
}
}
@media only screen and (min-width: 1285px) {
#cookiething .showthis{
width: 550px;
box-sizing: border-box;
right: 40px;
bottom: 40px;
max-width: 100%;

}
}
#cookiething h3 {
margin-bottom: 10px;
}
#cookiething h3::before{
content:'\f564';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 6px;
}
#cookiething p {
 
padding-bottom: 15px;
 
 text-align:left
}
#cookiething a {
text-decoration: underline 
}
#cookiething p .button {
margin: 0 10px 0 10px 
}
#prevnext {
margin: 180px 0;
text-align: center;
font-size: 0.925rem;
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-weight: 700 
}
#prevnext a, #prevnext span {
 
display: inline-block;
margin: 0 4px 8px;
line-height: 40px;
width: 40px;
height: 40px;
padding: 0 0!important;
text-decoration: none ;
color: inherit;
}
body.dark #prevnext a,body.dark #prevnext span {

 
}
#prevnext a:hover {
opacity: .5!important;
}
#prevnext span,body.dark #prevnext span {
border:2px solid #4fd6b0;
 border-radius: 8px;
}
.sortbox {
margin-bottom: 20px;
line-height: 30px;
}
@media only screen and (max-width: 991px) {
.sortbox {
padding: 0 5px;
}
}
.sortbox i {
}
.sortbox a ,.sortbox span{
font-size: 22px;
margin-right: 10px;

cursor: pointer;
}
.sortbox a.filterb {
font-size: 0.925rem;
margin-left: 12px;
 
padding: 0 12px;

}
.sortbox form {
display: inline 
}
.sortbox select {
float: right;
padding-right: 30px 
}
/*search template */
.leftsearch{
width: 280px;
float: left;

 
box-sizing: border-box;
border-radius: 0px;
 
}
body.dark  .leftsearch{
 
}

.rightsearch{
width: calc(100% - 320px);
float: left;
margin:0 0 40px 40px;
}
@media only screen and (max-width: 991px) {
.leftsearch{
width: 100%;
float: none;
padding:10px;
box-sizing: border-box;
display: none;
position: absolute;
z-index: 4546;
 background: #fff;;
}
body.dark .leftsearch{
 
   background: #062259;;
  }
.leftsearch .closeform{
float: right;
}
.rightsearch{
width: 100%;
float: none;
margin:0 0 30px 0 
}
}
@media only screen and (min-width: 992px) {
.leftsearch .title.maincatlist i.onlymobile.closeform{
display:none 
}
}
.leftsearch .form-control{
margin-bottom: 5px;
}
.leftsearch .replace-check{
font-size: 0.875rem;
margin-bottom: 5px;
}
/* chat box */
.notificationbox {


padding: 10px;

-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out ;
 
margin-bottom: 10px;
}
.notificationbox .topnftf{
display: flex;
}
.notificationbox:hover{
background:#eff2f6

}
body.dark .notificationbox:hover{
  background:#112752

}
.notificationbox.unread {
 
background: rgba(79,214,176,.10)
}
.notificationbox .notiffrom {
width: 100px;

text-align: center;
flex-grow: 0;
flex-shrink: 0;

}

.notificationbox .notiffrom img {
width: 70px ;
height: 70px;
object-fit: cover;
border-radius:100px
}
.notificationbox .notifmessage {

padding-left: 20px;
box-sizing: border-box;
width: -moz-calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px) 
}

@media only screen and (max-width: 991px) {
  .notificationbox .notiffrom {
    width: 40px;
    
 
    
    }
    
    .notificationbox .notiffrom img {
    width: 30px ;
    height: 30px;
 
    }
    .notificationbox .notifmessage {
    
    padding-left: 10px;
    box-sizing: border-box;
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px) 
    }

}
.notificationbox .notifoption {
padding-top: 10px;
font-size: .85rem;
text-align: right ;

}
.notificationbox .notifoption a {
margin-left: 20px 
}
.notificationbox .notifoption i{
 
 
}
.notificationbox .notifoption .isunread{
 color: #ff2632;
 margin-right: 10px;
}
.notificationbox .notifmessage {
  font-size: 0.925rem;
  
}
.notificationbox .notifmessage img{
  margin: 10px 0;
  border-radius:10px
}
.notificationbox .notifmessage p{
  margin-bottom: 8px;
}
.chatoption {
padding: 15px 0;
text-align: center 
}
.chatoption a {
display: inline-block;
margin: 0 10px 
}
.blockeduseroverview .blockeduser {
background: #232ed1;
height: 50px;
overflow: hidden;
margin: 5px 
}
.blockeduseroverview .removeban {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 30px;
float: left;
text-align: center 
}
.blockeduseroverview .overview {
float: left;
width: -moz-calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px) 
}
.blockeduseroverview .overview .username {
display: block;
padding-top: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis 
}
.blockeduseroverview .overview .city {
display: block;
font-size: .8em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis 
}
 
@media only screen and (min-width: 992px) {
.chatflex{
display:flex;

}
.chatflex .chatlist{
width: 450px;

padding-right:20px;
box-sizing:border-box;
max-height:90vh;

overflow-y:auto
}
.chatflex .chattree{
width: calc(100% - 450px);

}
}
 
@media only screen and (max-width: 991px) {
.hideonchat{
display:none!important 
}
#fromuser{
display:none 
}
#tomuser{
width:100% 
}
 
}

.mssoverview{
  margin-top:10px;
  height:calc(100vh - 420px);
  overflow-y:auto;
 
 
overflow-x:hidden;
box-sizing:border-box;
 
}




.msslist{
display:flex;
justify-content:space-between;
padding: 8px 8px 8px 4px;
border-bottom:1px solid #eff2f6;
cursor:pointer;
border-left:4px solid rgba(255,255,255,0)
}
body.dark .msslist{

border-bottom:1px solid #293854;

}
.msslist:hover{
background: #fff
}
body.dark .msslist:hover{
background: #1e3b99
}
.msslist.active{
border-left:4px solid #232ed1
}

.msslist figure{
width: 60px;;
flex-shrink:0;
flex-grow:0;
position:relative;
 
}
.msslist figure img{
width: 45px!important;
height:45px!important;
object-fit:cover;
margin:8px 0 0 13px;
border-radius:100%;
 
}
.msslist figure img.proitm{
  position: absolute;
  width: 25px!important;
height:25px!important;
  z-index: 1;
 left:2px;
 top:-2px;
 margin: 0 0 0 0
}
.msslist .apddetals{
width: calc(100% - 75px);
flex-shrink:0;
flex-grow:0;
display:flex;
flex-direction:column;

}
.msslist .apddetals .applname{
font-weight:700;
font-size:1.0rem

}
.msslist .apddetals .applname a{
  color:inherit
}
.msslist .apddetals .socitag{
opacity: 0.6;
font-size:0.925rem
}
.msslist .apddetals .Location{
font-size:0.925rem;
font-size:0.875rem;
}
.msslist .apddetals .aplfotr{
font-size:0.875rem;
display:flex;
justify-content:flex-end;
padding-top: 3px;
}
 
.messageb {
clear: both;
padding: 6px 10px;
max-width: 65%;
margin-bottom: 13px;
font-size: .95rem;
display: block ;
border:1px solid #ccc;
}
.messageb .usercontnt {
margin-bottom: 5px 
}
.messageb .dateet {
font-size: .725em ;
opacity:0.6 
}
.messageb.sendbyelse {
float: left;
border-color: #eff2f6;
border-radius: 8px 8px 8px 0 
}
body.dark  .messageb.sendbyelse {
  border-color: #1e3b99
}
.messageb.sendbyme {
float: right;
border-color: #eff2f6;
background: #eff2f6;
 
border-radius: 8px 8px 0 8px
}
body.dark .messageb.sendbyme {
 
  border-color: #1e3b99;
  background: #1e3b99;
   
 
  }
.messageb.sendbyme i{
 
}
.messageb.sendbyme .dateet {
text-align: right 
}
.messageb img {
max-height: 160px;
max-width: 160px;
}
.messageb a.extlink{
  color:#4fd6b0;
  font-weight: 700;
}

.messageb.fromadmin {
  background: #eff2f6;
  border-color:#eff2f6;
  box-sizing: border-box;
  border-radius: 25px 25px 25px 25px;
  padding: 25px 25px 6px 25px!important;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 650px;
  max-width: 90%;
  text-align: center;
  font-weight: 600;
}
body.dark .messageb.fromadmin {
  background: #062259;
  border-color:#062259;
}

.messageb.fromadmin .usercontnt::before{
  content: '\f4fb';
  font-family: 'Font Awesome\ 6 Free';
  font-weight: 900;
  margin-bottom: 6px;
  color:#4fd6b0;
  display: inline;
  display: block;
  font-size: 30px;
  text-align: center;
}
.messageb.fromadmin .dateet{
  text-align: center;
}
.messageb.fromadmin a{
  display: block;
  width: 100%;
  margin: 15px 0 15px 0;
}

.dmwrap{

}
.messmny{
width: 30px;
flex-grow:0;
flex-shrink:0;

}
.dmheadr .utdetai{
display:flex;
justify-content:space-between;

margin-right:10px;
box-sizing:border-box
}
.dmheadr .utdetai .title{
font-size:1.1rem;
}
.dmheadr .utdetai .usubtitle{
font-size:0.825rem;
opacity: .6;
}
.dmheadr{
display:flex;
justify-content:space-between;
}
@media only screen and (min-width: 1380px) {

.dmheadr .utdetai{
width: calc(50% - 25px);
flex-grow:0;
flex-shrink:0;
}
.dmheadr .utdetai figure{
flex-grow:0;
flex-shrink:0;
width: 70px;
;
}
.dmheadr .utdetai .mdisk{
width: calc(100% - 70px);

}
.dmheadr .utdetai figure img{
border-radius:60px;
width: 60px;
height:60px;
}
}

@media only screen and (max-width: 1379px) {
.dmheadr .utdetai figure img{
border-radius:60px;
width: 40px;
height:40px;
}
.dmheadr .userdetails{
width: calc(100% - 130px);
}
.dmheadr .userdetails figure{
flex-grow:0;
flex-shrink:0;
width: 50px;

}

.dmheadr .userdetails .mdisk{
width: calc(100% - 50px);

}
.dmheadr .itemdetails{
width: 50px;
flex-grow:0;
flex-shrink:0;
}
.dmheadr .itemdetails .mdisk{
display:none!important

}
}
.dmheadr .utdetai figure img{
  object-fit: cover;
}
.dmheadr .utdetai .mdisk .title, .dmheadr .utdetai .mdisk .usubtitle{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
box-sizing: border-box;

}
.dmwrap{
  

}
.dmwrap .dmmessbox{

  height:calc(100vh - 420px);
  overflow-x:hidden;
  box-sizing:border-box;
  overflow-y:auto;
  padding: 0 10px;
  position: relative;

  width: 100%; /* Ensures full width */
  max-width: 100%;
   
  
  }
  @media only screen and (max-width: 991px) {
    .dmwrap .dmmessbox{

      height:calc(100vh - 340px);
      
      }

  }
  .dmwrap .safewarn {
   background: #fff;
    box-sizing: border-box;
    padding: 8px 25px !important;
    border-radius: 50px;
    text-align: center;
    font-size: 0.825rem; 
    position: relative;
    z-index: 2;
    color:#0c114b;
  }
  body.dark .dmwrap .safewarn {
    background: #041536;
    color:#0c114b;
  }
  
  .dmwrap .safewarn::after{
    position: absolute;
    border-radius: 50px;
    top: 0;
    left: 0;
     color:#0c114b;
    background: rgba(255,203,38,1);
    content : '   ';
    width: 100%;
    height:100%;;
    display: block;
    z-index: -1;

  }
  .dmwrap .safewarn::before{
    content: '\f071';
    font-family: 'Font Awesome\ 6 Free';
    font-weight: 900;
    margin-right: 6px;
    color:#0c114b;
    display: inline;
    }

  @media only screen and (min-width: 992px) {
    .dmwrap .safewarn {    
      width: 70%;      
      top: 40px;
      position: sticky;
      left: 15%;   
    }
  }
  @media only screen and (max-width: 991px) {
    .dmwrap .safewarn {
      background: rgba(79,214,176,0.85);
      width: 90%;      
      top: 40px;
      position: sticky;
      left: 5%;   
    }
    .dmwrap .safewarn::before{
       color:#fff;
       }
 }
.formbo{

padding: 10px 0;
}
.formbo .dmmform{
display:flex;
justify-content:space-between;
align-items: flex-start;
border:1px solid #eff2f6;
padding: 10px 10px 10px 20px;
box-sizing:border-box;
border-radius:20px;
}
body.dark .formbo .dmmform{
border-color:#293854
}
.formbo .dmmform .dmmbotxt{
border:none;
resize: vertical;
scrollbar-width: thin;
font-size: 0.975rem;
font-family: "Outfit", Arial, Helvetica, sans-serif;
font-weight: 600;
width: calc(100% - 60px);
height: 60px;
background:transparent

}
.formbo .dmmform .dmformbutton{
background:#4fd6b0;
width: 50px;
height:50px;
border:none;
line-height:50px;
padding: 0;
text-align:center;
border-radius:200px;
margin: 0 0 0 10px;;
color:#fff;
cursor: pointer;
}


#messagetop {
padding: 5px 0;
}
#messagetop .column50 {
height: 80px;
}
#messagetop .rsback {
float: left;
font-size: 50px;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
color: #232ed1
}
#messagetop a {
color: inherit 
}
#messagetop .rsback a {
display: block 
}
#messagetop .userpic {
float: left;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center 
}
#messagetop .userpic img {
border-radius: 50px;
width: 70px 
}
#messagetop .username {
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: -moz-calc(100% - 160px);
width: -webkit-calc(100% - 160px);
width: calc(100% - 160px) 
}
#messagetop .imag {
height: 70px;
width: 70px;
float: left;
text-align: center;
overflow: hidden;
border-radius: 50%;
background-position: center center;
background-size: cover;
cursor: pointer 
}
#messagetop .adescript {
height: 80px;
overflow: hidden;
width: -moz-calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px) 
}
@media only screen and (max-width: 991px) {
#messagetop .column50 {
height: 50px;
overflow: hidden;
}
#messagetop .imag {
height: 45px;
width: 45px;
float: left;
text-align: center;
overflow: hidden;
border: 3px solid #f0f0ef;
}
#messagetop .adescript {
height: 50px;
}
#messagetop .adescript .price{
display:none 
}
}
#messagetop .meadtitle {
padding: 12px 0 0 10px;
display: block;
font-size: 1.2em;
font-weight: 700!important;
margin-bottom: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #232ed1
}
#messagetop .meadtitle a {
color: inherit 
}
#messagetop .price {
display: block;
padding-left: 10px;
font-weight: 400 
}
.blockeduser {
width: -moz-calc(50% - 40px);
width: -webkit-calc(50% - 40px);
width: calc(50% - 40px);
margin: 0 20px 20px 0;
background: #ffffff;
box-shadow: 2px 2px 4px #cccccc;
padding: 10px;
float: left;
height: 60px;
overflow: hidden 
}
.blockeduser .imgs {
width: 130px;
margin-right: 15px;
float: left;
line-height: 60px 
}
.blockeduser .imgs i {
font-size: 20px;
width: 60px;
margin-right: 10px;
float: left 
}
.blockeduser .imgs img {
height: 60px;
width: 60px;
border-radius: 50%;
float: left 
}
.blockeduser .usernames {
width: -moz-calc(100% - 145px);
width: -webkit-calc(100% - 145px);
width: calc(100% - 145px);
float: left 
}
.blockeduser .usernames span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis 
}
.blockeduser .usernames .name {
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-weight: 400;
margin-bottom: 5px 
}
.messagebox {
  width: 100%;
  box-sizing: border-box;
background: #ffffff;
border-radius: 0px;
 
 
padding: 10px;
cursor: pointer ;
border-bottom:1px solid #eff2f6;
margin-bottom: 50px;
}
body.dark .messagebox {
background: #062259;
border-bottom:1px solid #293854;
 
}
.messagebox:hover{
  background: #eff2f6
}
body.dark .messagebox:hover{
  background: #1e3b99
}
.messagebox.unread {
}
.messagebox .messimgs {
width: 50px;
float: left ;
position: relative;
}
.messagebox .messimgs .userpic, .messagebox .messimgs .itempic {
width: 40px;
height: 40px;
}
.messagebox .messimgs .userpic{
 
}
.messagebox .messimgs .userpic img {
border-radius: 50px ;
position: absolute;
z-index: 300;

width: 40px;
height: 40px;
}
.messagebox .messimgs .itempic {
background-position: center center;
background-size: cover!important;
border-radius: 50px ;
position: absolute;
z-index: 333;
margin: -20px 0 0 10px;
}
.messagebox .messshort {
width: -moz-calc(100% - 190px);
width: -webkit-calc(100% - 190px);
width: calc(100% - 190px);
float: left 
}
.messagebox .messshort .title {
 
 
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 3px 
}
.messagebox .messshort .price {
color: #4fd6b0;
margin-right: 15px 
}
.messagebox .messshort .messagefrom {
font-size: 13px;
margin-bottom: 6px 
}
.messagebox .messagedate {
font-size: 0.875rem;
text-align: right;
}
@media only screen and (max-width: 991px) {
.messagebox .messimgs {
width: 110px;
float: left 
}
.messagebox .messimgs .userpic {
display: none 
}
.messagebox .messshort {
width: -moz-calc(100% - 120px);
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px);
float: left 
}
.messageb img {
max-height: 110px;
max-width: 110px;
}
 
.blockeduser {
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
margin: 0 0 20px;
float: none 
}
}
/* tags */



#tagContainer {

}
#tagContainer > span {

display: inline-block;
float: left;
color: #ffffff;
background: #4fd6b0;
border-radius: 4px;
padding: 0 5px 0 5px;
line-height: 24px!important;
font-size: 0.8em;
margin: 10px 4px;
}

#tagContainer > span > button{
border:none;
background:none;
 
font-weight:700;
margin-left:4px;
cursor: pointer;
}
#tagContainer > span > button:hover{
opacity:0.6
}

/* footer */
#footer{
margin-top: 100px;
}
@media only screen and (min-width: 992px) {
#footer .flexftr{
display: flex;
}
#footer .flexftr .fullcatboxftt{
width: calc(100% - 300px);
}
#footer .flexftr .mainfootrmn{
width: 300px;
}
}
@media only screen and (max-width: 991px) {
#footer .flexftr .mainfootrmn{
margin-top:40px;
}
}
#footer .btcntft .mainfootrmn{
box-sizing: border-box;
padding: 20px;
background: #eff2f6 
}
body.dark #footer .btcntft .mainfootrmn{
background: #062259 
}
#footer .btcntft .mainfootrmn.tempftfooter,body.dark #footer .btcntft .mainfootrmn.tempftfooter{
  background: none;
  padding: 0;
}
#footer .btcntft .title{
font-size: 1.2rem;
margin-bottom: 12px 
}
#footer .btcntft .mainfootrmn ul{
margin-bottom: 30px;
list-style: none;
font-size:0.9725rem 
}
#footer .btcntft .mainfootrmn ul li{
margin-bottom: 8px 
}
#footer .btcntft .mainfootrmn ul:last-of-type{
margin-bottom: 0;
}
#footer .socialic{
font-size: 1.6rem;
margin-top: 80px;
text-align: center
}
#footer .socialic a{
color:inherit;
margin:10px 
}
#footer .copyright{
padding: 70px 0 20px 0;
line-height: 30px;
font-size: 0.925rem;
font-weight: 400;
}
#footer .copyright .sociall{
font-size:2.2rem;
color: #232ed1;
margin-bottom: 200px;
}

@media only screen and (max-width: 991px) {
#footer .copyright{
text-align:center 
}
#footer .copyright .sociall{
margin:50px 0 
}
}
@media only screen and (min-width: 992px) {
#footer .copyright{
display:flex;
justify-content:space-between;
}
#footer .copyright .sociall{
margin-left:30px 
}
}
#footer .copyright .sociall img{
/*height: 70px;*/
}
#footer .copyright span{
font-weight: 600;
}
/* pre launch */
  @media only screen and (min-width: 992px) {
.tempftfooter ul{
  width: 25%;
  float:
  left;
}
  }
/* Blog */
.blogwelcome{
 background:#dff0ff;
  padding: 20px;
  margin-bottom: 40px
}

body.dark .blogwelcome{
  background:#174555
}
.blogwelcome .content h1{
font-size: 1.4rem!important
}
.blogarea{
  margin-bottom: 120px;
}
.blogarea img{
  border-radius:20px
}
.blogarea .content .blogh1 h1,.blogarea .content .blogh1 .h1 {
  font-size:2.2rem;
 
}
@media only screen and (max-width: 991px) {
  .blogarea .content .blogh1 h1,.blogarea .content .blogh1 .h1 {
  font-size:1.8rem;
 
}
}
.blogright h4,.blogright h5,.welcome .blogright h4,.welcome .blogright h5{
  line-height: normal!important;
}
.blogh1 .pubdate{
   font-size: 0.75rem;
   color:#ababab;
   margin-bottom: 20px;
}
.blogimg{
   margin-bottom: 40px;
}
.blogimg .imgdesc{
  font-size: 0.925rem;
  opacity: .6;;
  padding: 10px 20px;

}
.newsclshre{
	text-align:center;
 }
  .newsclshre a{
		font-size:2rem;
		display:inline-block;
		margin: 15px;
	}
.blogarea .newsmain{
  margin-bottom:100px
 
}
.blogarea .newsmain p:nth-child(1){
 
}
/* blog comments */
/*comment posts*/
.blogcomment {
   border: 1px solid #e8eaf3;
   padding: 12px;
   margin-bottom: 20px;
}
.blogcomment .avatar {
   width: 120px;
   float: left;
   margin-right: 15px;
   text-align: center;
}
.blogcomment .avatar img {
   border-radius: 50%;
   margin: 0 0 10px 0;
}
.blogcomment .avatar .title {
   font-size: 1rem;
   padding: 0;
   margin: 0 0 10px 0;
}
.blogcomment .avatar .title a {
   color: #0c114b;
}
body.dark .blogcomment .avatar .title a {
   color: #ebebea;
}
.blogcomment .avatar .feedback span {
   display: block;
}
.blogcomment .avatar .feedback a {
   font-size: 0.725rem;
   display: block;
}
.blogcomment .avatar .mmbrsnc {
   font-size: 0.725rem;
}
.blogcomment .cmmtxt {
   width: calc(100% - 135px);
   float: left;
}
.blogcomment .cmmtxt .date {
   font-size: 0.725rem;
   margin-bottom: 10px;
}
.blogcomment .cmmtxt .date .userreviewwidget {
   font-size: 1.2rem;
   padding: 10px 0 10px 0;
}
.blogcomment .cmmtxt .delcommnt {
   margin-right: 10px;
}
.blogcomment .cmmtxt .comment {
}
.newsitemtop{
   margin-bottom: 50px;
}
.newsitemtop img{
   margin-bottom: 20px;
}
.newsitemtop h2,.newsitemtop h2 a{
   color: #0c114b 
}
body.dark .newsitemtop h2,body.dark .newsitemtop h2 a{
   color: #ebebea;
}
.newsitemtop .pubdate{
  opacity: .6;
  font-size: 0.925rem;
}
.newsitem {
   margin-bottom: 40px;
}
.newsitem img{
   margin-bottom: 20px;
}

@media only screen and (min-width: 1280px) {
  .blogsect{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
  }
  .blogsect .newsitemtop{
      width: 100%;
      flex-shrink: 0
  }
  .blogsect .newsitem {
      width: 49%;
      
 }

}
.newsitem h5,.newsitem h5 a{
   color: #0c114b ;
   font-size:1.4rem
}
body.dark .newsitem h5,body.dark .newsitem h5 a{
   color: #ebebea;
}

.blogarea .newsitem p{
 
  
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }


.rightblogitem{
}
.rightblogitem h4,.rightblogitem h4 a{
   color: #0c114b;
   font-size: 1rem;
}
body.dark .rightblogitem h4,body.dark .rightblogitem h4 a{
   color: #ebebea;
}
.rightblogitem p{
   font-size: 0.725rem;
}
/* forum mod */
.topbread .breadtit {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.topiclist {
background: #ffffff;
box-shadow: 2px 2px 4px #cccccc;
margin-bottom: 15px;
}
.topiclist.top {
background: #f8f8f8;
}
.topiclist .topictitle {
width: -moz-calc(100% - 342px)!important;
width: -webkit-calc(100% - 342px)!important;
width: calc(100% - 342px)!important;
float: left;
padding: 12px 12px 10px 12px;
}
@media only screen and (max-width: 991px) {
.topiclist .topictitle {
width: -moz-calc(100% - 24px)!important;
width: -webkit-calc(100% - 24px)!important;
width: calc(100% - 24px)!important;
float: none;
padding: 12px 12px 10px 12px;
}
}
.topiclist .topictitle .prtitle {
font-size: 18px;
margin-bottom: 5px;
display: block 
}
.topiclist .topictitle .prby {
font-size: 12px;
display: block 
}
.topiclist .topicposts {
width: 90px;
float: left;
padding: 12px 12px 10px 12px;
}
.topiclist .topicdate {
width: 180px;
float: left;
padding: 12px 12px 10px 12px;
}

.reviewtext .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 20px 0 20px 0 
}
.reviewtext .video-container iframe {
position: absolute;
border: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.reviewtext .forumimg {
display: block;
margin: 10px 0 10px 0 
}
.reviewtext .editedby {
font-size: 12px;
margin: 12px 0 0 0;
padding: 8px;
background: #eeeeee 
}
.reviewtext.userbreak {
line-height: 25px 
}
.pagebetas {
text-align: center;
margin-bottom: 30px;
}
#reply {
height:20px;
}
.showquote {
padding: 20px;
margin: 20px;
width: 70%;
background: #ffffff;
box-shadow: 2px 2px 4px #cccccc;
line-height: 30px 
}
.showquote.inbox {
background: #f8f8f8;
}
.showquote i {
font-size: 11px;
color: #232ed1;
margin: 0 10px 0 10px 
}
.quotebox {
padding-top: 90px!important;
}
.forumcontent {
margin-top: 20px 
}
.forumadminmenu {
margin-bottom: 20px;
}
textarea#topictext, .topictext {
width: 80%;
height: 220px;
}
.ownerfeedback {
margin-bottom: 30px;
background: #ffffff;
padding: 20px;
box-sizing: border-box;
border-radius: 0px;
box-shadow: 0 0 12px #d7dee5;
;
}
.ownerfeedback .userpic {
width: 150px;
margin-right: 40px;
float: left 
}
.ownerfeedback .userpic img {
border-radius: 50%;
width: 150px 
}
.ownerfeedback .useroptlist {
float: left;
width: -moz-calc(100% - 190px);
width: -webkit-calc(100% - 190px);
width: calc(100% - 190px);
padding-top: 15px 
}
.ownerfeedback .useroptlist ul {
list-style: none 
}
.ownerfeedback .useroptlist ul li {
margin-bottom: 4px 
}
.ownerfeedback .useroptlist ul li.uslocs{
font-size: 0.8725rem;
margin-bottom: 30px;
}
.ownerfeedback .useroptlist ul li i {
margin-right: 5px;
}
.ownerfeedback .useroptlist ul li i.blue {
opacity: 1!important;
filter: alpha(opacity=100)!important 
}
.ownerfeedback .useroptlist ul li .fa-plus-circle {
margin-left: 10px 
}
.review {
margin-bottom: 30px;
background: #ffffff;
padding: 20px;
box-sizing: border-box;
border-radius: 0px;
box-shadow: 0 0 12px #d7dee5;
;
}
.review .topreview {
height: 70px;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1 
}
.review .topreview .revimg {
width: 70px;
margin-right: 20px;
float: left 
}
.review .topreview .revimg img {
width: 70px;
border-radius: 50% 
}
.review .topreview .postedby {
float: left;
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
width: calc(100% - 90px) 
}
.review .topreview .postedby span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis 
}
.review .topreview .postedby .revtitle {
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-weight: 700;
color: #0c114b;
font-size: 1.5rem;
margin-bottom: 5px 
}
body.dark .review .topreview .postedby .revtitle {
color:#dadada
}
.review .reviewtext {
padding-bottom: 20px;
border-bottom: 1px solid #f1f1f1 
}
.review .reviewtext .quote {
margin-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
display: block;
padding-bottom: 20px 
}
.review .reviewtext .quote i {
color: #232ed1;
font-size: 11px 
}
.review .reviewtext .quote .fa-quote-left {
margin-right: 10px 
}
.review .reviewtext .quote .fa-quote-right {
margin-left: 10px 
}
.review .revposted {
font-size: 13px;
padding-top: 18px;
}
.review .revposted a {
display: inline-block;
margin: 0 10px 0 10px 
}
.review .revposted i {
margin-right: 5px 
}
@media only screen and (max-width: 991px) {
.review .revposted a {
display: block;
margin: 10px 
}
.ownerfeedback .userpic {
width: 100%;
margin-right: 0;
float: none 
}
.ownerfeedback .userpic img {
width: 50px 
}
.ownerfeedback .useroptlist {
float: none;
width: 100%;
padding-top: 15px 
}
}
/* user search pages 
company*/

.usershop{
  position: relative;
}
.usershop .ispro{

  background:#4fd6b0;
font-weight:600;
font-size:0.8725rem;
color:#fff;
padding:1px 10px 1px 10px;
 position:absolute;
 top: 20px;
 right:20px;
 z-index: 1;;
}
.usershop .shopbg{
  background:#eff2f6;
  min-height:80px;
 
  border-radius:20px;

}
body.dark .usershop .shopbg{
  background:#062259
}
.usershop .shopbg figure{
  height:350px;
 
}
.usershop .shopbg figure img{
  width: 100%;
  height:350px;
  object-fit:cover;
  border-radius:20px;
}
@media only screen and (max-width: 1179px) {
  .usershop .shopbg figure{
  height:250px;
 
}
.usershop .shopbg figure img{
 
  height:250px;
 
}
}
.usershop .shopdetails{
 margin-bottom:20px
}
@media only screen and (min-width: 1180px) {
  .usershop .shopdetails{
display:flex;
padding-left:300px;
justify-content:space-between
}
.usershop .shopdetails .shdetleft, .usershop .shopdetails .shdetright{
  width: 49%;
  padding-top:20px

}
}
.usershop .shopdetails .shdetleft figure{
  position: relative;
}

@media only screen and (max-width: 1179px) {
  .usershop .shopdetails{
    padding:0 5px;
    box-sizing:border-box
  }
  .usershop .shopdetails .shdetleft{
 margin-bottom:10px
}
.usershop .shopdetails .shdetright{
  padding-left:110px;
  box-sizing:border-box;
}
}
.usershop .shopdetails .shdetleft{
  display:flex;

  justify-content:space-between

}
.usershop .shopdetails .shdetleft figure{
  width: 140px;
}
.usershop .shopdetails .shdetleft figure img{
  width: 140px;
  height:140px;
  object-fit:cover;
  border-radius:300px;
  position:absolute;
margin-top:-50px;
border:3px solid #fff;
box-sizing:border-box;
}
body.dark .usershop .shopdetails .shdetleft figure img{
border-color: #1e3b99;
}
.usershop .shopdetails .shdetleft .userbio{
  width: calc(100% - 150px);
}
@media only screen and (max-width: 1179px) {
  .usershop .shopdetails .shdetleft figure{
  width: 100px;
 
}
.usershop .shopdetails .shdetleft figure img{
  width: 100px;
  height:100px;
  object-fit:cover;
  border-radius:300px;
  position:absolute;
margin-top:-30px
}
.usershop .shopdetails .shdetleft .userbio{
  width: calc(100% - 110px);
}
}
.usershop .shopdetails .shdetleft .userbio h1{
  font-size:1.6rem;
  line-height:normal;
  margin-bottom:-1px
}
.usershop .shopdetails .shdetleft .userbio .userprlnk{
  opacity: 0.6;
font-size:0.925rem;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
display:block;
}
.usershop .shopdetails .shdetleft .userbio .biotxt{
  font-size:0.925rem;
  padding-top:5px
}
@media only screen and (min-width: 1179px) {
.usershop .shopdetails .shdetright .ratefkox{
  display:flex

}
}
.usershop .shopdetails .shdetright .fllwbut{
 
background:#eff2f6;
display:inline-block;
padding: 2px 8px;
cursor: pointer;
border-radius:25px;
margin:0 20px 0 40px;

font-weight: 600!important;
font-size: 0.875rem!important;
}
body.dark .usershop .shopdetails .shdetright .fllwbut{
background:#062259;
color:#a3a3a3

}
@media only screen and (max-width: 1179px) {
  .usershop .shopdetails .shdetright .fllwbut{
    margin:20px 20px 0 0px;
 }
}
.usershop .shopdetails .shdetright .snipdet{
 
  opacity: 0.6;
  font-size:0.925rem;
  padding-top:20px

}
@media only screen and (min-width: 1179px) {
  .usershop .shopdetails .shdetright .snipdet{
    display:flex;
    justify-content:space-between;

}
.usershop .shopdetails .shdetright .snipdet .userslocs.caj{
   text-align:right

}
}



/* individual */
.userbxsimp{
 

box-sizing: border-box;
 
 
margin-bottom:30px 
}
body.dark .userbxsimp{
 

 
}
@media only screen and (max-width: 991px) {
  .userbxsimp{
    padding: 0 10px;
  }
}
.userbxsimp .photo{
  position: relative;
}
.userbxsimp .fllwbut{
  background: rgba(79,214,176,0.85);
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-block;
  position: relative;
  bottom: 20px;
  line-height: 40px;
  font-size: 1.3rem;
  z-index: 2;
  border-radius: 200px;

}
body.dark .userbxsimp .fllwbut{
  background:#062259;
  color:#a3a3a3
}
 
.noticebox{
background: #fff;
padding: 25px;
margin: 30px 0 30px 0;
border-radius: 0px;
box-shadow: 0 0 12px #d7dee5;
}
body.dark .noticebox{
background: #062259;

box-shadow: none
}
.favorite.fas{
color:#ff2632!important 
}
/* paypop */
@media only screen and (min-width: 992px) {
.fillpb{
 
}
}
.paypop{
width: 600px;
}
.paypop .pdesc{

background:#ffffff;
padding: 20px;
box-sizing: border-box;
border-radius: 20px;
box-shadow: 0 0 40px #eff2f6;

}
body.dark .paypop .pdesc{
background: #062259; 
box-shadow: none
}
.paypop .pdesc .icon{
text-align:center;
font-size:3.5em;
margin-bottom:20px;
color:#eff2f6;
} 
body.dark .paypop .pdesc .icon{
 
color:rgba(255,255,255,0.5);
} 
.paypop .pdesc h2{
margin-bottom:20px;
}
.paypop .pdesc p{
margin-bottom:15px;
}
.paypop .pdesc .itemdesc{
color:#002357;
font-weight:600;
}
body.dark .paypop .pdesc .itemdesc{
color:#dadada
}
.paypop .pdesc .pricejs{
color:#3861fb;
font-weight:600;
font-size:1.4em 
}
.paypop .pbutts p{
margin-bottom:20px 
}
.paypop .pbutts{
padding:15px 
}
.paypop .pbutts .button{
width:100%!important;
display:block!important;
text-align:center;
margin-bottom:20px;
}
/* subsription boxes */
.compsubs{
width:20%;
min-width:100px;
float:left;
margin:0 20px 20px 0;
background: #ffffff;
text-align:center;
box-sizing: border-box;
padding:15px 
}
.compsubs a{
display:block 
}
.compsubs span{
display:block 
}
.compsubs .months{
font-size:3em;
margin-bottom:4px;
font-weight: 700;
font-family: 'Outfit', Arial, Helvetica, sans-serif;
color:#232ed1;
}
.compsubs .monthdesc{
margin-bottom:10px;
font-weight:600;
color: #0c114b;
}
body.dark .compsubs .monthdesc{
color:#dadada
}
.compsubs .subdesc{
font-size:.85em;
color:#888888;
}
/* Stripe */
.StripeElement {
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
border: 1px solid #f1f1f1;
border-radius: 4px;
background-color: white;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 20px;
color: #565656;
}
.StripeElement--focus {
background-color: #FFFFFF;
border: 1px solid #AAAAAA;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
color: #333333;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
#card-errors {
display:none;
margin-bottom: 20px;
font-size: 0.9rem;
background:#4fd6b0;
color:#fff;
padding:20px;
margin:15px 0 15px 0 
}
#topupb .nobutton {
display: none!important;
text-align: center;
}
#topupb #mainresult h3{
margin-top: 20px 
}
#topupb .priceor{
text-align: center;
font-size: 1.5rem;
font-weight: 400;
}
/* new listing */
/* grid items*/
.searchitems{
display: flex;
flex-wrap: wrap;

}
.item_grid_std{
background: #fff;
border-radius: 0px;
overflow:hidden;
width:24%;
margin: 0 1% 15px 0;
flex-grow:0;
flex-shrink:0;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
body.dark  .item_grid_std{
background: #041536;
}
.item_grid_view, .item_grid_view_fptop {
display:flex;
justify-content:space-between;
flex-wrap:wrap 
}
.item_grid_view .item_grid_std{
width:19%;
}
@media only screen and (max-width: 991px) {
.item_grid_view .item_grid_std{
width:49%;
margin-bottom:20px 
}
.item_grid_view .item_grid_std:last-child {
width:100%;
}
}
.item_grid_view_fptop .item_grid_std{
width:24%;
}
@media only screen and (max-width: 991px) {
.item_grid_view_fptop .item_grid_std{
width:49%;
margin-bottom:20px 
}
}
.item_grid_std:hover{
box-shadow: 0 0 8px rgba(239,242,246,0.5);
;
}
.item_grid_std figure{
position:relative;
width:100%;
}
.item_grid_std figure i{
position:absolute;
top:10px;
right:10px;
font-size:1.2rem;
color:#fff;
text-shadow: 0 0 4px #000;
}
.item_grid_std figure img{
width:100%;
object-fit:cover;
}
.item_grid_std .itm_desc{
padding:10px;
}
.item_grid_std .itm_bids{
font-size:0.825rem;
margin-bottom:20px;
}
.item_grid_std .itm_loc{
font-size:0.825rem;
text-align: left;
}
.item_grid_std .itm_loc::before {
content: '\f3c5';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
opacity: 0.65;
margin-right: 3px 
}
.item_grid_std h5{
font-size:1rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #0c114b;
margin-bottom: 10px;
}
body.dark .item_grid_std h5{
color:#dadada
}
@media only screen and (max-width: 991px) {
.item_grid_std h5{
font-size:0.8725rem;
}
}
.item_grid_std h5 a{
color: #0c114b;
}
body.dark .item_grid_std h5 a{
color:#dadada
}
.item_grid_std.topper h5 a:not(.item_grid_view_fptop .item_grid_std.topper h5 a)::before {
content: "\f005";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
width: 25px;
font-weight: 400!important;
color:#4fd6b0
}
.item_grid_std .price{
padding:5px 0;
font-size:1.2rem;
font-weight:600;
color:#232ed1;
}
@media only screen and (max-width: 991px) {
.item_grid_std .price{
font-size:0.925rem;
}
}
.item_list_std{
display:flex;
margin-bottom:20px;
align-items: stretch;
justify-content:space-between;
background: #ffffff;
padding:15px;
box-sizing:border-box;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
width: 100%;
flex-shrink: 0;
border-radius: 12px!important;
box-shadow:2px 3px 6px #ccc;
}
body.dark  .item_list_std{
background: #041536;
box-shadow:none;
}
.item_list_std:hover{
box-shadow: 2px 3px 6px #d3d5d8;
}
body.dark .item_list_std:hover,body.dark .item_list_std.grid:hover,.item_list_std.grid:hover,.item_list_std.grid{
box-shadow:none;
}
.item_list_std.grid{
display: block;
margin: 0 0 20px 0;
width: 25%;
padding: 10px!important;;
box-sizing:border-box;
padding:0;
 
overflow:hidden;
 
 
  border-radius: 0!important;
}
.item_list_std.grid:hover,body.dark .item_list_std.grid:hover{
box-shadow:none;
}

.frontpageltst .item_list_std.grid{
width: calc(20% - 20px);;
}
@media only screen and (max-width: 1280px) {
.item_list_std.grid{
width: 33.333%
}
.frontpageltst .item_list_std.grid{
width: 33.333%
}
.frontpageltst.lastfv .item_list_std.grid:nth-child(5) {
flex-grow:2 
}
}
@media only screen and (max-width: 991px) {
.item_list_std.grid{
width: 50%;
padding: 10px 5px !important;;
margin: 0 0 0 0;
}
.frontpageltst .item_list_std.grid{
width: 50%;
}
}
.item_list_std figure{
width: 20%;
flex-grow:0;
flex-shrink:0;
position:relative;
}
.item_list_std.grid figure{
width: 100%;
margin:0 0 0 0;
}
 
.item_list_std figure img{
width:100%;
height:100%;
margin:0;
object-fit:cover ;
border-radius:8px;
}
.item_list_std.grid figure img{
 
border-radius:8px;
}
.item_list_std figure i{
position:absolute;
top:10px;
right:10px;
font-size:1.2rem;
color:#fff;
text-shadow: 0 0 4px #000;
}
.item_list_std .item_list_right{
width: 80%;
padding:0 20px;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
align-content:space-between ;

}

.item_list_std.grid .item_list_right{
width: 100%;
padding:5px 0 0 0;
 
display: block;
}
.item_list_std .item_list_right .flextop,.item_list_std .item_list_right .price,.item_list_right .item_own_options{
width:100%;
}
.item_list_std .item_top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom: 12px;
width: 100%;
font-size: 0.875rem;
white-space: nowrap;
overflow: hidden;
}
.item_list_std.grid .item_top{
  /*
display: block;
font-size: 0.775rem;
margin-bottom: 0px;

justify-content: flex-start;*/
display: none;
}
.item_list_std.grid .item_top .item_loc{
opacity:0.6;

}
.item_list_std .item_cat{
margin-bottom:8px;

}
.item_list_std.grid .item_cat{
margin-bottom:14px;
}
.item_list_std .item_cat span,.similaritem .item_cat span{
background:#eff2f6;
border-radius:200px;
padding:4px 12px;
font-size:0.725rem;
font-weight:600 ;
white-space: nowrap;
text-overflow: ellipsis;
box-sizing: border-box;
max-width: 100%;
display: inline-block;
overflow: hidden;
margin-right: 3px;
}
body.dark .item_list_std .item_cat span,body.dark .similaritem .item_cat span{
background:rgba(255,255,255,0.20);
color:rgba(255,255,255,0.6)
}
@media only screen and (max-width: 991px) {
.item_list_std .item_cat span,.similaritem .item_cat span{
font-size:0.725rem;
}
}

.item_list_std .item_cat span a,.similaritem .item_cat span a{
color:inherit
}
.item_list_std .item_loc{
 
font-size:0.725rem;
font-weight:600 ;
}
.item_list_std.grid .item_loc{
text-align: right;

}

.item_list_std .item_loc::before {
content: '\f3c5';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
opacity: 0.65;
margin-right: 3px 
}
.item_list_std h5{
font-size:1.2rem;
margin:10px 0 16px 0;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 600!important;
 
}
.item_list_std.grid h5{
font-size:1.0rem;
margin:0 0 6px 0;
}
.item_list_std h5 a{
color: #0c114b;
}
body.dark .item_list_std h5 a{
color:#dadada
}
.item_list_std.topper h5 a::before {
content: "\f005";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
width: 25px;
font-weight: 400!important;
color:#4fd6b0
}

.searchitems .item_list_std.topper,.myitems  .item_list_std.topper{
  background:rgba(79,214,176, 0.1);

  box-sizing: border-box;
}
body.dark .searchitems .item_list_std.topper,body.dark .myitems .item_list_std.topper{
  
  background:rgba(79,214,176, 0.1);

}
.searchitems  .item_list_std.grid.topper{
  border:2px solid #fff;
}
body.dark .searchitems .item_list_std.grid.topper{
  
  border:2px solid #041536;
 
}
.item_list_std .item_owner_price{
 
font-weight:600;
 
}
.item_list_std .item_owner_price::before {
  content: '\f017';
  font-family: 'Font Awesome\ 6 Free';
  font-weight: 500;
  opacity: 0.60;
  margin-right: 3px ;
  font-size:0.675rem
   
  }
@media only screen and (max-width: 991px) {
.item_list_std .itemdesc{
 
}
}
.item_list_std .itemdesc{
font-size:0.9725rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.item_list_std.grid .itemdesc{
font-size: 0.875rem;
opacity: .6;
margin-bottom: 10px;
}
.item_list_std .price{
padding:5px 0;
font-size:1.2rem;
font-weight:600;
color:#232ed1;
}
.item_list_std.deactivated,body.dark .item_list_std.deactivated{
 background: none!important;
 box-shadow: none;
  }
 
   .item_list_std.deactivated img{
    filter: grayscale(100%) opacity(30%);;
   }



   
.item_list_std .item_own_options{
 
 
}
.item_list_std .item_own_options a{
 
}
.item_own_options .button:not(.ownopul li .button){
  margin-right:20px!important;
 
 
} 
/* new auction list 2.3 */
.item_list_std .norerves{
}
.item_list_std .priceinfo,.item_list_std .norerves{
  display:flex;
  
 
  position:absolute;
  bottom:10px;
  left:8px;
  color:#fff;
 color:#0c114b;
 
  font-size:0.9275rem;
 
  background:rgba(255,203,38,0.95);
  font-weight:500;
  padding: 3px 6px;
  border-radius:4px;
  align-items:center;
  max-width: calc(100% - 20px);
  box-sizing: border-box;
 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items:center;
  gap: 10px;  
}
@media only screen and (max-width: 575px) {
  .item_list_std .priceinfo,.item_list_std .norerves{
    font-size:0.875rem;
   
  }
}
.item_list_std .norerves{
  bottom:40px;
  background:rgba(255,255,255,0.85);

}
.item_list_std .priceinfo .flxce{
 


 

}

.item_list_std .priceinfo .pricefl{
  
  flex: 0 1 auto;
 

}
 

  .item_list_std .priceinfo .bidc{
    opacity: .6;
    font-weight:400;
    padding-right:3px;
    font-size:0.775rem;
 

}

.item_list_std .priceinfo .auctend{
  flex: 1 1 auto;
 
  white-space: nowrap;
  overflow: hidden;
  text-overflow:  '.';
  min-width: 0;
  
}
.item_list_std .priceinfo .auctend::before {
content: '\f017';
font-family: 'Font Awesome\ 6 Free';
font-weight: 500;
opacity: 0.60;
margin-right: 3px ;
font-size:0.675rem
 
}
.item_list_std.grid .itemoption{
    width: 100%;
  display: flex;
}
.item_list_std .itemoption{
 

  padding-top: 6px;;
  font-weight: 600;
  justify-content: space-between;
  font-size: 0.775rem;;
 
color:#0c114b
}
 

body.dark .item_list_std .itemoption{
 
color:#dadada
}
.item_list_std .itemoption i{
  opacity: .6;
}
.item_list_std .itemoption span:not(.item_list_std.grid .itemoption span){
  margin-right: 20px;
}

/* standard dropdown sub */
.item_list_std .ownopul{
 
  margin:0 0 0 40px;
 
}

.ownopul{
  position:relative;
 
  display:inline-block;
}
.ownopul li{
  list-style:none;
} 

.ownopul .pulaact{

height: 40px;
line-height:40px;
width: 40px;
border-radius:100%;
text-align:center;
display: inline-block;
transition: background 0.3s;
}
.ownopul .pulaact:hover{
background: #eff2f6
}
body.dark .ownopul .pulaact:hover{
background: #1e3b99
}
.ownopul .omwsubsul{
display: none;
  position:absolute;
  background:#fff;
   margin:0;
   box-shadow:0 0 3px rgba(239,242,246,0.85);
   padding:8px 5px;
   min-width:140px;
   z-index: 3;
}

body.dark .ownopul .omwsubsul{

background:#051c49;
box-shadow: 0 0 12px rgba(79,214,176,0.15);
}
@media only screen and (min-width: 992px) {
  .dmheadr .ownopul .omwsubsul{
   
    left: auto;
    right: 0; 
  }
    }
@media only screen and (max-width: 991px) {

.ownopul{
  position: static;
}
.ownopul .omwsubsul{
position: fixed;
width: 100%;
box-sizing: border-box;
bottom:0;
width: 100%;
display: none;
left: 0;
z-index: 4546;
border-radius: 20px 20px 0 0;


}

.ownopul .omwsubsul::before{
content: ' ';
display: block;
width: 50px;;
height: 3px;;
background: #eff2f6; 
border-radius: 20px;
position:absolute;
left:0;
right:0;
margin-top: 8px;
margin-left:auto;
margin-right:auto;
z-index: 45464;
}
body.dark .ownopul .omwsubsul::before{
background: rgba(255,255,255,0.25);
}
}
.ownopul .omwsubsul li{
  white-space:nowrap;
  display:block;
  font-size:0.925rem;
  margin-bottom:12px;
}
.ownopul .omwsubsul li:last-child {
margin-bottom:0;
}
.ownopul .omwsubsul a,.ownopul .omwsubsul span{
font-weight:600;
padding: 4px 8px;
box-shadow:border-box;
display:block;
color:#0c114b;
transition:color 0ms ;
}
body.dark .ownopul .omwsubsul a,body.dark .ownopul .omwsubsul span{
color:#dadada;
 
}

.ownopul .omwsubsul i{
min-width: 17px;
margin-right:4px;
color: #232ed1;

}
.ownopul .omwsubsul a:hover{
  background:#232ed1;
  opacity: 1;
  border-radius:4px;
  color:#fff;
  
}
body.dark .ownopul .omwsubsul a:hover{
  background:#1e3b99;

  
  
}

.ownopul .omwsubsul a:hover i{
color:#fff!important;
}

.addckbx .inbox{
background:#fff;
/* box-shadow: 0 0 12px #d7dee5;*/
box-sizing:border-box;
padding:30px;
border-radius: 20px;
}
body.dark  .addckbx .inbox{
background:#062259;

}
.demobnnr{
background:#f9fbfe;
min-height:140px;
text-align: center;
padding: 20px;
box-sizing: border-box;
font-size: 0.725rem;
}
.userreviewwidget{
display: block;
width: 100%;
}
.userreviewwidget i {
color: #ffcb26!important;
}
.userreviewwidget .votes{
margin-left: 10px;
font-size: 0.825rem!important;
}
.cpmresults{
display:flex;
justify-content:space-between;
flex-wrap:wrap ;
width:100% 
}
.companydir {
width: 32%;
flex-grow:0;
flex-shrink:0;
cursor: pointer;
background: #ffffff;
padding: 18px 12px 12px 12px;
box-sizing: border-box;
border-radius: 0px;
box-shadow: 0 0 12px #d7dee5;
margin-bottom:20px;
}
body.dark .companydir {
background: #062259;
box-shadow: none;
}
.companydir .complogobox {
width: 120px;
margin-right: 20px;
float: left;
z-index: 26 
}
.companydir .companydesc {
width: -moz-calc(100% - 140px);
width: -webkit-calc(100% - 140px);
width: calc(100% - 140px);
float: left 
}
.companydir .companydesc span {
display: block!important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis 
}
.companydir .companydesc .title {
 
margin-bottom: 5px;
color: #0c114b;
font-size: 1.1rem 
}
body.dark .companydir .companydesc .title {
color:#dadada
}
.companydir .companydesc .title a{
color:inherit 
}
.companydir .companydesc .city{
font-size:0.8725rem;
margin-bottom:10px;
opacity:.6 
}
@media only screen and (max-width: 991px) {
.companydir {
margin: 0 0 30px;
width: 100%;
float: none 
}
.companydir .complogobox {
width: 70px 
}
.companydir .companydesc {
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
width: calc(100% - 90px) 
}
}
.contactboxfrm{
background: #ffffff;
padding: 30px;
box-sizing: border-box;
border-radius: 20px;
 
}
body.dark .contactboxfrm{
background: #062259;
box-shadow: none
}
@media only screen and (min-width: 992px) {
.cntflex{
display:flex;
justify-content:space-between;
}
.cntflex .child{
width:49%;
flex-grow:0;
flex-shrink:0 
}
}
/*new fp catlist */
.fullctlist{
margin-top:60px 
}
.fpcatview{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
font-size:0.875rem;
}
.fpcatview ul{
list-style:none;
width: 20%;

border-radius: 0px!important ;
padding:12px;
box-sizing:border-box;
line-height:30px 
}
@media only screen and (max-width: 991px) {
.fpcatview ul{
width: 32%;
}
}
@media only screen and (max-width: 700px) {
.fpcatview ul{
width: 49%;
}
}
.fpcatview ul h5{
font-size:1.1rem 
}
.fpcatview ul .vwmore{
font-weight:600 
}
.fpcatview ul .vwmore::after{
content: "\f105";
font-family: 'Font Awesome\ 6 Free';
display: inline-block;
margin-left: 5px;
font-weight: 900!important;
}
.fpcatview ul a:hover{
opacity: 0.6 
}
.fullcatlist{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
list-style:none 
}
.fullcatlist li{
width: 24%;
margin-bottom:20px;
}
@media only screen and (max-width: 1360px) {
.fullcatlist li{
width: 32%;
}
}
@media only screen and (max-width: 700px) {
.fullcatlist li{
width: 49%;
}
}
.fullcatlist li a{
display:block;
font-size:0.925rem;
text-align:center;
background: #ffffff;
padding: 10px;

}
body.dark .fullcatlist li a{
background: #041536;

}
.fullcatlist li a:hover{
color: #ffffff;
background: #232ed1;
}
/* ad comments */ 

/* new comment */
#postformbox{
width:100%;
}

#prviewimg{
width: 100%;
height:450px;
overflow:hidden;
object-fit:cover;
text-align:center;
display:none;
}
#prviewimg img{
height:100%!important;
width: auto;
object-fit:cover;
border-radius:12px;
}
.newdetleft #prviewimg {
  text-align: left;
}
.newdetleft #prviewimg img{
  height:auto!important;
  width: auto;
  max-width: 600px;
  object-fit:cover;
  border-radius:12px;
  }

.cncl{
    margin-left: 20px;
    cursor: pointer;
}
.xcmnimgbox{
position: relative;
height: auto;
margin-bottom:20px;
}
.xcmnimgbox .imgdlete{
  position:absolute;
  bottom:10px;
  left:10px;
  font-weight:700;
  font-size:0.8725rem;
  border-radius:4px;
  padding: 2px 4px;
  cursor: pointer;
  background:rgba(255,255,255,0.75)
}

#postformbox .shofile{
margin-right:20px;

}

/* new feed */

.wallproftop{
display: flex;
justify-content: space-between;
align-items:flex-start
}
.wallproftop figure{
width: 120px;

}
.wallproftop figure img{

border-radius: 20px
}
.wallproftop .prfrigh{
width: calc(100% - 130px);

}
@media only screen and (max-width: 991px) {
.wallproftop figure{
width: 100px;

}
.wallproftop .prfrigh{
width: calc(100% - 110px);

}

}
.userinfo .buttonbfl{
text-align: right;
margin-bottom: 20px

}
.userinfo h1.hftspecial{
margin-bottom: 0;
padding: 0;
font-size: 1.3rem;
max-width: 100%;
white-space: normal!important;
overflow-wrap: anywhere;
}
.userinfo .showusername{
opacity: 0.6;
font-size: 0.925rem;
margin: -5px 0 15px 0;
}
.userinfo .profitxt{
margin-bottom: 20px!important;
}
@media only screen and (max-width: 991px) {
.userinfo .profitxt{

}
}
.userinfo .profdata{
font-size: 0.925rem;
white-space: nowrap;
display: flex;
justify-content: space-between

}
@media only screen and (max-width: 991px) {
.userinfo .profdata{
padding-right: 5px

}
}

.nwfdpost{
display: flex;
justify-content: flex-start
}
@media only screen and (max-width: 1380px) {
.nwfdpost .fdpostleft{
width: 50px;
flex-grow: 0;
flex-shrink: 0;
}
.nwfdpost .fdpostright{
width: calc(100% - 50px);
flex-grow: 0;
flex-shrink: 0;
}
}
@media only screen and (min-width: 1381px) {
.nwfdpost .fdpostleft{
width: 250px;
flex-grow: 0;
flex-shrink: 0;
}
.nwfdpost .fdpostright{
width: calc(100% - 250px);
flex-grow: 0;
flex-shrink: 0;
}
}
.nwfdpost .fdpostright{
display: flex;
justify-content: center
}
.nwfdpost .postmiddle{

width: 680px;
max-width: 98%
}
.nwfdpost .startdm{
cursor: pointer;
margin-right: 14px

}
.nwfdpost .userinfo{
margin-bottom: 30px;
}
.nwfdpost .wallproftop{
margin-bottom: 15px
}
.nwfdpost .feedimgbox{
margin-bottom: 30px;

}
.nwfdpost .feedimgbox figure{
text-align: center

}
.nwfdpost .feedimgbox figure img{
max-width: 100%;
}
.nwfdpost .fullpst{
margin-bottom: 30px
}

.nwfdpost .postdetails{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.nwfdpost .postdetails .smalldets{
font-size: 0.775rem
}
.nwfdpost .postdetails .posted{
margin-right: 10px;
}
.nwfdpost .postdetails .likesh{
font-size: 1.5rem
}
.nwfdpost .postdetails .likepost{
margin-right: 14px
}
.nwfdpost  #socialoptions {
font-size: 1.3rem;
padding: 5px 15px;
background: #eff2f6;
border-radius: 6px;

}
body.dark .nwfdpost  #socialoptions {

background: rgba(255,255,255,0.1);

}

.fdpostleft ul{
list-style: none
}
@media only screen and (max-width: 1380px) {
.fdpostleft ul{
text-align: center
}

.fdpostleft ul li a{
color:#0c114b;
display: block;
width: 40px;
height: 40px;

line-height: 40px;

}
body.dark .fdpostleft ul li a{
color:#dadada;
}
.fdpostleft ul li a span{
display: none
}
.fdpostleft ul li a.ffbutton,body.dark .fdpostleft ul li a.ffbutton{
color:#232ed1;
margin-top: 30px
}
}
@media only screen and (min-width: 1381px) {
.fdpostleft ul{
margin-top: 90px
}
.fdpostleft ul li{
margin-bottom: 20px
}
.fdpostleft ul li a{
color:#0c114b;

font-size: 0.975rem

}

body.dark .fdpostleft ul li a{
color:#dadada;
}

body.dark .fdpostleft ul li a{
color:#dadada;
}
.fdpostleft ul li a i{
width: 24px
}
.fdpostleft ul li a.ffbutton,body.dark .fdpostleft ul li a.ffbutton{
color:#232ed1;
margin-top: 30px
}
.fdpostleft ul li a.ffbutton,body.dark .fdpostleft ul li a.ffbutton{
color:#232ed1;
margin-top: 30px
}
.fdpostleft ul li a.ffbutton ,body.dark .fdpostleft ul li a.ffbutton {
border:none;
background: #232ed1;
color: #fff;
display: inline-block;
padding: 10px 20px;
border-radius: 4px;;
font-weight: 700;
text-align: center;
white-space: normal;
font-size: 0.925rem;
margin-left: 10px

}
}
/*map search map */
.mapvover{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.25);
display:flex;
justify-content:center;
align-items:center;
z-index: 5475465;
visibility:hidden
}
.mapvover .mappinn{
background:#fff;
padding: 20px;
width:750px;
max-width:100%;
box-sizing:border-box;

}
body.dark .mapvover .mappinn{
background:#1a1a1a;
background: #062259;
}
@media only screen and (max-width: 991px) {
.mapvover .mappinn{

padding: 20px 3px;


}
}
.mapvover .mappinn h3{
margin-bottom:10px
}
.mapvover .mappinn .cnclb{
margin-right:10px

}
.climpovlr{
width:100%;
height:360px;
margin-bottom:30px;
position:relative;
}
.climpovlr .usersetloc{
position:absolute;
right:20px;
top:20px;
background:rgba(255,255,255,0.6);
z-index: 4545445;
border-radius:50px;
padding: 10px;

line-height:30px;
text-align:center;
height:30px;
width:30px;
font-size:1.3rem;
 
}

.climpovlr .usersetloc i{
cursor: pointer;
color: #062259
}
.climpovlr .searchmap, .climpovlr .searchmap iframe{
width:100%;
height:100%;
}
.maxdisct{
font-size:0.8725rem;
padding: 10px 0;
display:none
}
.maxdisct i{
color:#4fd6b0;
}
#loginpop {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: rgba(14, 26, 50, 0.8);
  z-index: 99943999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
 
#lgnpbox::before {
  content: ' ';
  display: block;
  width: 50px;
  height: 3px;
  background: #eff2f6;
  border-radius: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
}
body.dark #lgnpbox::before{
background: rgba(255,255,255,0.25);
}
#lgnpbox {


-webkit-box-sizing: border-box;
box-sizing: border-box;

background: #fff;

}
body.dark #lgnpbox {

background: #041536;
}
@media only screen and (min-width: 992px) {
#lgnpbox {

width: 670px;
max-width: 100%;
margin-top:40px;
margin: 0 auto;
border-radius: 20px;
margin-top: 20px;
}
#lgnpbox #lgpinser{
  overflow-x: hidden!important;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0px 40px 30px 40px;
}
}
@media only screen and (max-width: 991px) {
#lgnpbox {
position: absolute;
width: 100%;
bottom: 0;

border-radius: 20px 20px 0 0;
}
#lgnpbox #lgpinser{

max-height: 60vh;
overflow-y: auto;
padding: 12px 12px  20px 12px;
}
}




#lgnpbox .wrapper,#lgnpbox .loginwrapper{
width: 100%;
}
@media only screen and (max-width: 991px) {
#lgnpbox {
padding-top: 10px;
}
}
#lgnpbox #lgpinser .poboxitm{
  padding: 30px;

}
#lgnpbox #lgpinser .poboxitm figure {
  margin-bottom:30px;
  width: 100%;
}
#lgnpbox #lgpinser .poboxitm figure img{
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  border-radius:20px

}
#loginpop .lgnclose{



text-align: center;

cursor: pointer;
text-align: right;
color:#0c114b;
font-size: 0.925rem;

margin-bottom: 0;

padding: 15px 20px 0 0;
box-sizing: border-box;


}
body.dark #loginpop .lgnclose{
color:#efefef;
}
@media only screen and (max-width: 991px) {
  #loginpop .lgnclose{

    padding: 2px 20px 0 0;
    
    
    }
}
#loginpop .lgnclose:hover{
color:#232ed1!important;
}
/*
#loginpop .bodyb{
padding: 20px;;
}
*/

.clientmap{
width: 100%;
height:300px;
background:#eee;
border-radius: 12px;
z-index: 1
}
 .leaflet-container {
  z-index: 1 !important;
}
/* new feed owner and ad owner details */
.userwllpro{
 
 
margin-bottom:30px;

}
body.dark .userwllpro{
border-color:#2F3549;

}
.userwllpro .usrbnimg{
height:200px;
/*max-width: 630px */
width: 100%;
background-color:#eff2f6;

background-size:cover;
background-position:center center;
position: relative;
border-radius:12px 12px 12px 0
}
body.dark .userwllpro .usrbnimg{
background-color:#062259;
}
.userwllpro .usrbnimg .cpindl{

background:#4fd6b0;
font-weight:600;
font-size:0.8725rem;
color:#fff;
padding:1px 5px ;
display:inline-block;
z-index: 3;
bottom:10px;
right:10px;
position:absolute;
}
.userwllpro .usrbnimg .uplod, .userwllpro .usrtopdet .usravatar figure .uplod{
width: 30px;
height:30px;
text-align:center;
line-height:30px;
border-radius:50px;
position:absolute;
top:10px;
right:10px;
z-index: 45465;
cursor: pointer;
background: rgba(255,255,255,0.8);
display:none;
color:#0c114b!important
}
.userwllpro .usrbnimg.isowner:hover .uplod, .userwllpro .usrtopdet .usravatar.isowner:hover figure .uplod{
display: block;
}
.userwllpro .usrtopdet{
display:flex;
 margin-bottom: 10px;;

}
.userwllpro .usrtopdet .usravatar{
flex-grow:0;
flex-shrink:0;
width: 150px;
position: relative;

}
.userwllpro .usrtopdet .usravatar figure{
width: 120px;
height: 120px;
overflow: hidden;
position: relative;

margin:-70px 0 0 10px;
position: relative;
}
.userwllpro .usrtopdet .usravatar figure .uplod{
top:10px;
right:10px;
}
.userwllpro .usrtopdet .usravatar figure img{
width: 100%;
border-radius:200px;
border:3px solid #fff;
box-sizing:border-box;
}
body.dark .userwllpro .usrtopdet .usravatar figure img{
border-color:#1E3B99
}
.userwllpro .usrtopdet .usrnamdetail{
flex-grow:0;
flex-shrink:0;
width: calc(100% - 150px);
box-sizing:border-box;
}
.userwllpro .usrtopdet .usrnamdetail h1, .userwllpro .usrtopdet .usrnamdetail .ownname{
font-size:1.3rem!important;
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-weight: 700;
line-height:normal;
white-space:nowrap;

text-overflow:ellipsis;
overflow:hidden;
margin:5px 0 0 0;
}
.userwllpro .usrtopdet .usrnamdetail h1 a, .userwllpro .usrtopdet .usrnamdetail .ownname a{
color:inherit
}
.userwllpro .usrtopdet .usrnamdetail .shrtname{
opacity: 0.6;
font-size:0.925rem;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
display:block;
}
.userwllpro .usrtopdet .usrnamdetail .userbio{
  font-size:0.925rem;
  min-height: 20px;
 
}
.userwllpro .usrtopdet .usrnamdetail .userbio .editbio{

}
.userbio:hover .editbio.isowner{
  display:inline-block!important;
  margin-left: 10px;;

}
.userwllpro .usrfbck{
display:flex;
align-items:center;
}
.userwllpro .usrfbck .userreviewwidget{
width: auto;

}
.userwllpro .usrfbck a{
color:inherit;
}
.userwllpro .usrfbck .fllwbut{
background:#eff2f6;
display:inline;
padding: 2px 8px;
cursor: pointer;
border-radius:25px;
margin-left:40px;

font-weight: 600!important;
font-size: 0.875rem!important;
}
body.dark .userwllpro .usrfbck .fllwbut{
  background:#062259;
  color:#a4a8b1

}
.userwllpro .usrfbck #senoid.fllwbut.hidden{
  display: none;
}
.userwllpro .usrdetailss{
padding-top:10px;
font-size:0.925rem;
display:flex;
justify-content:space-between;
opacity: 0.75;
}
.userwllpro .usrdetailss i{
  width:20px
}
.userwllpro .fllwrs{
padding-top:15px;
font-size:0.825rem;

}
.userwllpro .fllwrs span{
font-weight:700
}
.userwllpro .usrphn{
margin-top:20px;
display:flex;
justify-content:flex-start;
font-size:0.985rem 
}
.userwllpro .usrphn .button{
margin-right:12px 
}
.userwllpro button.whatsapp{
}

/*favorite page */
.myfavuser{
 
    margin-bottom:30px;
     
    background: #fff;
    padding:10px;
    width: 200px;
    text-align:center;
     
    }
    body.dark  .myfavuser{
    background: #041536;
    }
    .myfavuser:hover figure img{
    box-shadow: 0 0 12px rgba(239,242,246,0.85);
    }
    body.dark .myfavuser:hover figure img{
    box-shadow: 0 0 12px rgba(79,214,176,0.15);
    }
    .myfavuser figure{
    position: relative;
    }
    .myfavuser figure img{
      border-radius:12px
    
    }
    .myfavuser figure i{
      position:absolute;
      top:5px;
      right:5px;
      z-index: 5;
      cursor: pointer;
      padding: 10px;;
     
    }
    .myfavuser h5{
      white-space:nowrap;
      text-overflow:ellipsis;
      overflow:hidden;
      
    }
    .myfavuser .shrt{
      font-size:0.925rem;
      opacity: 0.6;
    }
    .myfavuser a{
      color:inherit
    }

    .currentphoto,.currentbcnner{
      position: relative;
    }
  .currentphoto,.currentbcnner{
      font-size:0.9rem;
  }
  .currentphoto img{
      width: 200px;
      height:200px;;
      border-radius:12px;
      
  }
  .currentbcnner img{
      width: 630px;
      height:200px;
      border-radius:12px;
      
  }
  .currentphoto .delthis,.currentbcnner .delthis{
    position:absolute;
    top:10px;
    left:10px;
    background: rgba(255,255,255,0.75);
    opacity: 0.1;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius:4px;
    color:#0c114b
  
  }
  .currentphoto:hover .delthis,.currentbcnner:hover .delthis{
    opacity: 1;
  }

  #suggestions {
    position: absolute;
    background: #fff;
     
	border-top:none;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    display: none;
	 margin-top:-9px;
	 box-shadow: 0 5px 5px #d7dee5
}
body.dark #suggestions {
	background: #062259;
	box-shadow: 0 5px 5px #062259
}
#suggestions .dropdown-item {
    padding: 8px;
    cursor: pointer;
	font-weight:700
}
#suggestions .dropdown-item:hover {
    background: rgba(79,214,176,0.2);
}

.form-control.socialls{
  margin-bottom:20px
}
.businesshours{
  margin-bottom: 40px;
  box-sizing:border-box;
  width:100%;
 
}
.businesshours .timeoption{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
   
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  box-sizing:border-box;
  margin-bottom:10px
}
.businesshours .timeoption > div,.businesshours .timeoption > span{
  -ms-flex-negative:0;
 /* flex-shrink:0 -*/
}
.businesshours .timeoption .dayofweek{
  width: 120px;
}
.businesshours .toggle-onoff{
  cursor: pointer;
  width: 120px;
}
.businesshours .toggle-onoff input{
  cursor: pointer;
}
.businesshours .toggle-onoff i{
  cursor: pointer;
}
.businesshours .toggle-onoff i.fa-toggle-on {
  color: #3ed0ce;
}
.businesshours .toggle-onoff i.fa-toggle-off {
  color: #ccc;
}
.businesshours .settimedate{
  width: 300px;
}
.businesshours .settimedate .form-control{
  width:100px;
  display: inline;
}


/* tables */
.tablewrapper {
  overflow-x: auto!important;
}
.tablewrapper td, .tablewrapper th {
  white-space: nowrap 
}
.table, .bltable,.payabletable {
  width: 100%;
  padding: 0;
  margin: 0 0 25px 0;
  border-spacing: 0 
}
.table thead {
}
.table thead th, .p_table table thead th {

  text-align: left;
  padding: 10px;
  text-transform: uppercase;
  font-size: 1.25rem;
 
  font-weight: 700!important;
}
.table.bordertop {
  border-top: 1px solid #ededed;
}
.table tr:nth-child(even), .p_table table tr:nth-child(even) {
  background: rgba(3,192,168, 0.05);
}
.table.nobg tr:nth-child(even), .p_table_nobg table tr:nth-child(even) {
  background: none;
  border-bottom: 1px solid #4fd6b0!important;
}
.table.nobg tbody tr td, .p_table_nobg table tbody tr td {
  border-bottom: 1px solid #ededed!important;
}
.table.clbg tr:nth-child(even) {
  background: none;
  
}
.table tr.subtotal td{
  border-bottom: 3px solid #000  
}
body.dark .table tr.subtotal td{
  border-bottom: 3px solid #dadada  
}

.table tr, .p_table table tr, .bltable tr,.payabletable tr {
  padding: 0;
  margin: 0;
  border: 0;
}
.table tr td, .table tr th, .p_table table tr td, .p_table table tr th, .bltable tr td, .bltable tr th,.payabletable tr td {
  padding: 10px;
  margin: 0;
  border: 0;
}
.table.trover tbody tr{
  cursor: pointer;
}
.table.trover tbody tr:hover{
  background: rgba(3,192,168, 0.1) 
}

/* buy fixed auction top bix*/
  /* Buy now, fixed price auction */
  .buyoption{
    padding: 10px 0;
    box-sizing: border-box;
    
    width: 100%;
 
 
   }
 
   @media only screen and (min-width: 1380px) {
    .buyoption{
     
    padding-left: 10px;
    
   
     }
   }
   .buyfloat.float .buyoption {
     padding-left:30px;
     padding-right:30px;
     box-shadow: 0 0 30px rgba(0,0,0,0.25);
     border-radius:20px;
     margin-bottom: 0;
     background: #fff;
   }
      body.dark    .buyfloat.float .buyoption {
    background:#041536
   }

      .buyoption .pricestat{
 
   
   margin-bottom:6px;
   
   }
   .buyoption .pricestat.topendtime{
 
    padding-right: 30px;
  }
   
   @media only screen and (min-width:381px) {
    .buyfloat.float .buyoption{
      display:flex;
      justify-content:space-between;
      align-items:center
    }
    .buyfloat.float .buyoption .topendtime{
     padding-right: 0;
      width: 220px;
    }
    .buyfloat.float .buyoption .itmprice{
      margin-bottom:0
    }

    
    }
 

   
   .buyoption .itmprice{
   font-family: 'Outfit', Arial, Helvetica, sans-serif;
   font-weight: 700;
   font-size:1.8rem;
   position: relative;
   margin-bottom: 30px;
   color:#171f8c
   
   }
   body.dark    .buyoption .itmprice{
 
    color:#dadada
    
    }
   @media only screen and (max-width: 500px) {
       .buyoption .itmprice{
           font-size:1.4rem;
   }
   .buyfloat.float .buyoption .itmprice{
    font-size:1.1rem;
  }
   }
   @media only screen and (max-width:380px) {
    .buyfloat.float .buyoption .itmprice{
      font-size:1rem;
 
    }

  }
.buyoption .pricestat,
.buyoption .itmprice{
  text-align: right;
}
.buyfloat.float .buyoption .pricestat,
.buyfloat.float .buyoption .itmprice{
  text-align: left;
}
 .buyfloat.float .buyoption .pricestat{
 font-size: 0.875rem;
 }
  .pricestat .volume{
float:right;
opacity:.45;
cursor:pointer;
 
font-size:0.825rem
  }
.mainhd .noreserve{
   background:#4fd6b0;
   color:#fff;
 
   font-weight:700;
   display:inline-block;
   padding: 2px 6px;
   border-radius:4px;
   font-size:.8225rem;
   margin-bottom: 10px;
  
   }

   .buyoption .itmprice .noreserve{
   background:#4fd6b0;
   color:#fff;
 
   font-weight:700;
   display:inline-block;
   padding: 2px 6px;
   border-radius:4px;
   font-size:.8225rem;
   position: absolute;
   white-space:nowrap;
   top:-5px;
 display: none;
   
   z-index: 1;
   }
     .buyfloat.float   .buyoption .itmprice .noreserve{
      left:auto;
       display: inline-block;
      }
   @media only screen and (max-width: 1080px) {
   .buyoption .itmprice{
   
   margin-bottom:20px;
    
   }
   }
   .buyoption.auction .itmprice{
   margin-bottom:0px
   }
   
   @media only screen and (max-width: 1080px) {
   .buyoption .buvyti{
   text-align:center;
   }
   .buyoption .buvyti .button {
   width: 100%!important;
   margin: 0 0 20px 0!important
   }
   .buyoption .buvyti .button:last-of-type {
   margin: 0 0 0 0!important
   }
   }
   @media only screen and (min-width: 1081px) {
   .buyoption .buvyti{
    
    text-align: right;
    min-width: 250px;
   }
   .buyoption .buvyti .button:first-of-type {
   
   margin: 0 10px 0 0
   }
   }
   @media only screen and (min-width: 1081px) {
    .buyoption .topgbinod{
      display:flex;
      justify-content:flex-end;
      align-items:center;
    }
   }

   
   .buyfloat-wrapper {
     /* This maintains the original space */
     height: auto;
     width: 100%;
 
   }
   
   .buyfloat {
     /* Initial non-fixed state */
     position: relative;
     width: 100%;
     transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); /* Smooth curve */
   }
   
   .buyfloat.float {
     position: fixed;
     bottom: 6px;
     left: 0;
     width: 100%;
     z-index: 1000; /* Ensure it stays above other content */
     margin-bottom: 0;
     z-index: 1;
     opacity: 0;
     transform: translateY(20px);
   }

   .buyfloat.float .wrapperflt {
    /*set @ wrapper */ 
    }
    
   .buyfloat.float.visible {
     opacity: 1;
     transform: translateY(0);
   }
   
   
   
   /* Add this to create a placeholder when fixed */
   .buyfloat.float ~ .buyfloat-placeholder {
     display: block;
    
     visibility: hidden;
     
   }
      .buyfloat.float {
  
      }
   .pooffrbnow{

   }
   .pooffrbnow h3{
     margin-bottom:10px
 }
   .pooffrbnow figure{
     margin-bottom:20px
     
   }
   .pooffrbnow figure img{
     border-radius:20px
   }
   .pooffrbnow table{
     width: 100%;
   padding: 0;
   margin: 0 0 25px 0;
   border-spacing: 0;
   border:0;
   font-size:0.925rem
   }
   .pooffrbnow table tr td:nth-child(2) {
   text-align:right
 }
 .pooffrbnow table tr td.myiffr{
   font-size:2rem;
   font-weight:700
 }
 .pooffrbnow .buyinfo{
     font-size:0.925rem;
     list-style:none;
     opacity: 0.6;
   }
   .pooffrbnow .buyinfo li{
     margin-bottom:10px
   }
   .pooffrbnow .buyinfo li i{
     width: 25px;
   }
   .pooffrbnow .buyinfo{
   }


 

.itemdetail .likebox{
 
white-space: nowrap;
display: flex;
align-items: center;
align-content:center;
justify-content:space-between;
margin-bottom: 30px;

}
.itemdetail .likepost{
margin-left:20px;
font-size: 1.6em;
}
.itemdetail .favorite{
margin-left:20px;
font-size: 1.6em;
}
 
.itemdetail .likebox .xcnt{
font-size:0.725rem;
 
 

 
margin: 0 0 0 10px;
/* visibility: hidden;*/

}
@media only screen and (max-width: 991px) {


.itemdetail .likebox{
margin:0 0 10px 0;
 
box-sizing: border-box;
order: 1;
 
width: 100%;
 
}
}

.itemdetail .likepost i.fa-solid,
.itemdetail i.pdelay.fa-solid{
  color: #171f8c!important
}

body.dark .itemdetail .likepost i.fa-solid,
body.dark .itemdetail i.pdelay.fa-solid{
  color: #dadada!important
}

.itemdetail .tagline{
 
border-radius:20px;
padding: 20px;

 
/*background:#ffcb26;
background: #ffcb26;*/
background: none;;
display:inline-block;
width: auto;
 
 
}
body.dark .itemdetail .tagline{
 /*
background:#071a42;*/
background: none;;
}
.itemdetail .auctionover{
 
padding: 15px;

 
background:#eff2f6;
display:inline-block;
width: auto;
}
body.dark .itemdetail .auctionover{
background:#1e3b99;
}
@media only screen and (min-width: 1380px) {
.itemdetail .tagline{
 
  }
}
@media only screen and (max-width: 991px) {
  .itemdetail .tagline{
 
  }
}
.itemdetail .tagline .title{
  margin-bottom:5px;
  font-size:1rem

}
.itemdetail .tagline p{
  font-size: 0.925rem;
  margin-bottom: 0;
}

.itemdetail .shipping{
 
  align-items: stretch ;
  margin-bottom: 40px;

}
@media only screen and (max-width: 991px) {
  .itemdetail .shipping{

 

  }
}
.itemdetail .shipping .child{
 
box-sizing:border-box;
padding: 15px 24px;
/*border-radius:10px;*/
 
background: #dff0ff;
 
color:#171f8c;
 
 font-size:0.925rem;
cursor: pointer;
display:flex;
align-content:center;
flex-wrap:wrap
}

body.dark .itemdetail .shipping .child{
  color:#dadada;
background:  rgba(223,238,255,0.05);
}
.itemdetail .shipping .child i{
margin-right:3px;
color:#4fd6b0
}

.pricinfo{
    background:#ffcb26;
    border-radius:20px;
    padding:10px 20px;
    box-sizing:border-box

  }
  body.dark .pricinfo{
    background:#062259;
  }
    .itemdetail .pricinfo .pricestat{
    color: #171f8c;
  }
  body.dark .itemdetail .pricinfo .pricestat{
    color: #dadada;
  }
  @media only screen and (min-width: 992px) {
    
  }
 
  .mainaubowrp{
    
 
 
    box-sizing: border-box;
    margin:150px 0 0 0!important;
    z-index: 2;
  }

  /*
.mainaubowrp::before{
  position: absolute;
  display: block;
  content: ' ';
 
background: #ebf7ff;
background: linear-gradient(180deg, rgba(235, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  width: 100%;
  height: 540px;
 left: 0;
 margin-top: -30px;
  z-index: -1;
}
body.dark .mainaubowrp::before{
background: #174555;
background: linear-gradient(180deg, rgba(23, 69, 85, 1) 0%, rgba(4, 21, 54, 1) 100%);
}
*/
  .auctionbox{
    
    
  
    color:#171f8c!important
    
  }
  body.dark   .auctionbox{
 
 
    color:#dadada!important
    
  }

  .itemdetail .pricestat{
   font-size:.9225rem;
   font-family: 'Outfit', Arial, Helvetica, sans-serif;
   font-weight: 600;
   color:#6f717d
  }
 
.bidbox{
  padding:10px 0;
  box-sizing:border-box;
 
}
  .bidvirw .pricestat{

    margin-bottom:6px;
 
    
  }

 
  .bidvirw .itmprice{
    font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size:1.8rem;
 color: #171f8c

  }
body.dark .bidvirw .itmprice{
 color: #dadada
}

  .bidvirw .bidbox .itmprice{
 
 margin-bottom:6px;
 
  }
  @media only screen and (max-width: 1480px) {
    .bidvirw .itmprice{ 
font-size:1.4rem;
  }
  }
  @media only screen and (max-width: 991px) {
    .bidvirw .itmprice{ 
font-size:1.4rem;
  }
   .bidvirw .bidbox{
    padding:10px 20px;
   }
  }
  .bidvirw .bidbox .rrentime{
 
    margin-bottom:10px;
    text-align:right;
    font-size:0.8725rem
  }
  .bidvirw .noreserve{
    background:#4fd6b0;
    color:#fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.35);
    font-weight:700;
    display:inline-block;
    padding: 2px 6px;
    border-radius:4px;
    font-size:.8725rem;
 
    white-space:nowrap;
    margin:0 0
 
  }
  .bidvirw .reserviceinfo{
  font-size:0.925rem;
 
  padding: 2px 6px;
  font-weight:700;
  opacity: .6;
}
.bidvirw .reserviceinfo.reached{

}
.bidvirw .reserviceinfo a{
  color:inherit
}
  .bidvirw .buyinfo{
    font-size:0.925rem;
    list-style:none!important;
 
    padding:30px 20px 0 20px;
     
 
  }
  .bidvirw .buyinfo li{
    margin-bottom:10px;
    opacity: .6;
  }
  .bidvirw .buyinfo li i{
    width: 25px;

  }
  .bidvirw .buyinfo{
  }
  @media only screen and (max-width: 1080px) {
.bidvirw .buvyti{
text-align:center;
}
.bidvirw .buvyti .button {
width: 100%!important;
margin: 0 0 20px 0!important
}
.bidvirw .buvyti .button:last-of-type {
  margin: 0 0 0 0!important
}
}
@media only screen and (min-width: 1081px) {
.bidvirw .buvyti{
 
}
.bidvirw .buvyti .button:first-of-type {

margin: 0 10px 0 0
}
}

.bidvirw .countdownBar{
 height: 5px;
        background: #ff2632;
        
background: linear-gradient(90deg,rgba(255, 67, 38, 1) 0%, rgba(255, 203, 38, 1) 45%, rgba(79, 214, 176, 1) 100%);
        width: 100%;
         
        margin:6px 0 20px 0;
        visibility:hidden;
        position: relative;

        

        
       
}
.bidvirw .countdownBar span{
  position: absolute;
  top: 0;
  right: 0;
 
   background: #fff;
  display: block;
  height: 5px;
  width: 60%;
   transition: width linear;
}

body.dark .bidvirw .countdownBar span{
  background: #041536;
}
.itemdetail .bidwarn{
  font-size:0.925rem;
  text-align:center;
  padding: 0 10px;
  box-sizing:border-box;
  margin-top:10px;
 
  background: #ff2632;
  background: rgba(255,91,76,0.2);
   
  
  min-height:40px;
  line-height:40px;
  visibility:hidden;
  font-weight:600;
  border-radius: 4px!important;
}
.itemdetail .bidwarn.success,.itemdetail .bidwarn.isowhigh{
  background: rgba(79,214,176,0.2);
}
 
.itemdetail .bidinfo .bidwarn{
  margin-top: 0;
    border-radius: 20px!important;

}


.bidoverview{
     list-style: none !important;
     margin:0;
     padding:0;
}
 .bidoverview li{
     margin-bottom: 8px!important;
     padding:0;
}
.bidwrapper.bidoverview li{
    
     padding:0 10px 0 0;
}
 .bidoverview .btop{
     display: flex;
     justify-content: space-between;
     align-items: center 
}
 .bidoverview .btop div{
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis 
}
 .bidoverview .btop .bname{
     padding-right: 4px;
     box-sizing: border-box 
}
 .bidoverview .btop .bname img{
     margin-right: 5px;
     width: 15px 
}
 .bidoverview .btop .boff{
     flex-shrink: 0;
     font-weight: 500;
}
 .bidoverview .btop .boff i{
     margin-right: 8px;
     color:#cecece;
     font-size: 0.925rem;
}
 .bidoverview .bdate{
     font-size: 0.625rem;
     opacity: 0.7 
}

.bidwrapper{
        max-height:400px;
        overflow-y:auto
       }
     
        .status {
            padding: 10px;
            margin-bottom: 15px;
            border-radius: 20px;
            text-align: center;
            background-color: #eff2f6;
        }
        body.dark .status {
            
            background-color: #062259;
        
        }



/* bank detail */
.cursaldo{
  background:#ffcb26;
  padding:20px;
  border-radius:20px;
  margin-bottom:40px
}
body.dark .cursaldo{
  background: #1e3b99;
}
.cursaldo .hdblint{
font-size:0.925rem
}
.cursaldo .hdscamnt{
font-size:2.425rem;
font-weight:700
}
/* user dash quick access */
.mytopul ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  gap: 10px;
}
 
@media (min-width: 1280px) {
  .mytopul ul:not(.maxw .mytopul ul) {
    width: 50%;
  }
} 
.mytopul li {
  flex: 1 1 calc(50% - 10px); /* 25% width with gap accounted for */
  min-width: 0; /* prevents flex items from overflowing */
}

.mytopul a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  background: #eff2f6;
   background: #fff;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  height: 100%;
  box-sizing: border-box;
  text-align:center;
  font-size:0.925rem;
  box-shadow:2px 3px 6px #ccc;
  
}
body.dark .mytopul a {
  background: #1e3b99;;
    box-shadow:none
}
.mytopul a i{
    font-size:2rem;
    display:block;
    width: 2.3rem;
    color: #232ed1
}
body.dark .mytopul a i{ 
    color: #dadada
}
.mytopul a:hover {
 
 background: rgba(255,255,255,0.75);
}
body.dark .mytopul a:hover {
  background: #13255f;
}

/* Mobile styles */
@media (max-width: 991px) {
  .mytopul ul {
    gap: 10px;
  }
  
  .mytopul li {
    flex: 1 1 calc(50% - 10px); /* 50% width with gap accounted for */
  }
}

.whyusblox{
  margin-top: 60px;
}
.whyus{
  display:flex;
  justify-content:flex-start;
  margin-bottom:20px;
  align-content:stretch
}
.whyus .whyico{
  background:rgba(79,214,176,0.15);
  width: 70px;
  font-size:3rem;
  text-align:center;
  margin-right:20px;
  padding: 10px;
  border-radius:4px;
  color:#4fd6b0
 
}
body.dark .whyus .whyico{
  background:rgba(79,214,176,0.15);
 
}
.whyus .whytxt {
  display: flex;
  flex-wrap:wrap;
  align-items: center; /* align left */
  align-content:center;
 
 
  
}

.whyus .whytxt strong {
  
}
span.userbadge{
  display: inline-block;
  margin-left: 5px;
}
span.userbadge svg{
  margin-right: 4px;
 
 
  vertical-align: text-top;;
  cursor: help;
}
 
  .wlcminvt{
    
    display:flex;
    align-items:center;
    padding: 20px;
    margin-bottom:30px;
  
    font-weight:400!important;
  
 

}
.wlcminvt strong{
 
    color:#171f8c
} 
body.dark .wlcminvt strong{
 
    color:#dadada
}
.wlcminvt figure{
    width: 50px;
    height:50px;
    flex-grow:0;
    flex-shrink:0;
    margin-right:15px
}
.wlcminvt figure img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    border-radius:100px
}
/*leaderboard*/

.leaderuser{
    background:#eff2f6;
    margin-bottom:20px;

    display:flex;
     padding: 10px;;
     justify-content:space-between;
     border-radius:10px;
}
body.dark .leaderuser{
    background:rgba(79,214,176,0.15);
}
.leaderuser .primfl{
     display:flex;
box-sizing:border-box;
width: calc(100% - 140px);
}
.leaderuser .lubox{ 
    
    display:flex;
    align-items:center;
    flex-grow:0;
    flex-shrink:0;
    box-sizing:border-box;
   
}
.leaderuser .rank{
     font-size:1.2rem;
     width: 40px;;
     justify-content:center;
     
}
.leaderuser .avatar{
    
     width: 50px;;
     
}
.leaderuser .avatar figure{
    width: 40px;
    height:40px;;
}
.leaderuser .avatar img{
    width: 100%;
    height:100%;
    object-fit:cover;
    border-radius:100px
}
.leaderuser .udetails{
    width: calc(100% - 90px);
flex-wrap:wrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
 overflow:hidden;

}
.leaderuser .udetails div{
    display: block;
    
    
    overflow:hidden;

}
.leaderuser .udetails .unanmex{
   
      white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
 
    min-width:0%;
    max-width:100%

}
.leaderuser .udetails a{
    font-weight: 700;
    color:inherit
   
}
.leaderuser .follwbx{
    width: 140px;
    
   justify-content:flex-end
}
/*leave fb */
.leavefb{
padding-top:100px
}
.setfb {
cursor: pointer;

font-weight: 400;
font-size: 30px;

}
.setfb.active {
font-weight: 600 
}

    @media only screen and (min-width: 992px) {
        .popreviw{
            max-height:90vh;
            overflow-y:auto
        }
    }
    .popreviw h3{
        margin-bottom:20px
    }
.popreviw .reviewb{
        padding:10px;
        border-radius:10px;
        margin-bottom:10px;
        background:#eff2f6;
    }
     body.dark .popreviw  .reviewb{
        background:#062259;
     }
.popreviw .reviewb .scorest{
        margin-bottom:20px;
      }
.popreviw .reviewb .descriptio{
        font-size:0.975rem;
        margin-bottom:8px;
      }
.popreviw .reviewb .rvdata{
        font-size:0.925rem;
        display:flex;
        justify-content:space-between;
      }


        .sllsimmbox {
  background-color: #eff2f6;
 
  border-radius: 12px;
  overflow: hidden;
 
  margin: 125px 0;
  min-height:400px;
  background-position:center center;
  background-size:cover;
  color:#fff;

 
}
body.dark .dsadsa{
  
    background-color: #1e3b99;
 
}

.slprbinn {
   min-height:400px;
  width: 100%;
  height:  100%;
 background:rgba(4,21,54,0.25);

  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  
  backdrop-filter: brightness(60%) grayscale(100%) blur(1px);
  padding: 30px ;
  box-sizing:border-box;

text-align:center;
 
}

.sllsimmbox h3 {
 font-size:1.6rem;
 margin-bottom:20px;
}

.sllsimmbox p {
  
  margin-bottom: 30px;
  font-size: 1.1rem;
}

 
.promobutton {
  background: none;
  border:2px solid #fff;
  color:#fff;

  color: white;
 
  padding: 10px 20px;
  border-radius: 4px;
  font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-size: 1.0rem!important;
font-weight:700; 
  cursor: pointer;
  transition: background-color 0.3s;
}

.promobutton:hover {
  background-color: rgba(255,255,255,0.25);
}


.sllsimmbox h3 span{
  color: #4fd6b0;
  font-weight: 700;
}



  .cardinfo{
    min-height:110px;
  }
.cardload{

}
.cardload .fa-solid{
  opacity: .25;
  margin:12px 0 0 15px

}
.striperror{
color: #ff2632;
font-weight:700;
font-size:0.9725rem;
text-align:center;
}
.stripeicon{

}
.stripeicon img{
  width: 90px;

}

.existingc{
  font-size:0.927rem;
  border-radius:8px;
  padding: 8px 10px 0 10px;
}
.existingc.expired{
background: rgba(255,38,50,0.15);
}
.existingc.validcard{
  background: rgba(79,214,176,0.2);
}
.exptd{
  font-size:0.705rem;
  opacity: .6;
  display: block;
}
/*new login*/

 .loginwrap{
height:100%;
min-height:100vh;
background: #fff;
padding-bottom: 40px;
}
body.dark .loginwrap .childform a{
  color:#efefef;
}
.loginwrap .flexbox{
 
height:100%;
min-height:100vh;
}
body.dark  .loginwrap, body.dark .loginwrap .flexbox{

background: #041536;
} 

@media only screen and (min-width: 992px) {

  .flexbox .childform{
  width: calc(100% - 500px);
  flex-grow:0;
  flex-shrink:0;
  }
.flexbox .logincontent{
  width: 500px;
  flex-grow:0;
  flex-shrink:0;

}

}

.loginwrap .logintext{
  background:#dff0ff;
  padding:50px 30px;
  border-radius:40px 0 0 40px;
  margin-top:40px;

}
body.dark .loginwrap .logintext{
  background:#174555;
}

.flexbox .childform{
  display:flex;
  justify-content:center;
  margin-top:100px;
}
.loginwrap .loginform{
  width: 500px;
  max-width:94%;
  box-sizing: border-box;

}
.loginwrap .getpassforgotform{
  float:right
}
.loginwrap .loginlogo{
  text-align:center;
  margin-bottom:50px
}
.loginwrap .remember{
  padding-left:10px
}

.loginbutton .button{
  margin-bottom:30px
}