@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, #boardingabs{
 
background: #f2f5fa ;

}
body.dark.bggrey, body.dark #boardingabs{
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:#404252;
color: #202020;
}
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: #e8352b!important 
}
.red{
color: #ccc!important 
}
.redtxt{
color: #e8352b!important 
}
.greentxt{
color: #0dc143!important 
}
.svgicon {
width: 1em;
height: 1em;
vertical-align: -0.125em;
}

.cursor,.contentpop{
cursor:pointer 
}
.noclick {

pointer-events: none;
}

hr {
border: none;
margin: 40px 0 40px 0;
border-top: 1px solid #d8dadc;
}
body.dark hr {
 
border-top: 1px solid rgba(255,255,255,0.2);
}
.strikethrough{
background:rgba(31,198,174,0.25);
text-decoration-line: line-through;
text-decoration-thickness: 3px;
}
.autosave{
background:#ffcd15;
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: -2;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/*
background: -o-linear-gradient(261deg, rgba(56,94,249,0.35) 0%, rgba(31,198,174,0.35) 100% )!important;
background: linear-gradient(-171deg, rgba(56,94,249,0.35) 0%, rgba(31,198,174,0.35) 100% )!important;
*/
background: -o-linear-gradient(261deg, rgba(62,208,206,0.35) 0%, rgba(26,122,227,0.35) 100% )!important;
background: linear-gradient(-171deg, rgba(62,208,206,0.35) 0%, rgba(26,122,227,0.35) 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(31,198,174,0.45) 0%, rgba(239,242,246,0.45) 100% )!important;
}
.frontpage .grboxshade:before {

scale: 95%;
}
.grboxshade::after {
content: " ";
z-index: -2;
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 ;
flex-wrap: wrap;

}
.flexbox.flexstart{
align-items:flex-start;
justify-content: flex-start;
}
.flexbox.alcenter{
justify-content: space-between;
align-items:center
}
.flexbox.flexstart .formrow{
margin-right: 10px;
}
.flexbox .child{
width: 49%;
flex-shrink:0;
flex-grow: 0;
}
.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:#385ef9
}
.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:#385ef9!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: #fff;
 
border:2px solid #385ef9;


font-weight:600;
padding: 10px 20px;
margin: 20px 0 ;
box-shadow:1px 1px 1px 1px #dfe2e6;
box-sizing: border-box;
border-radius: 8px;
 
}
body.dark .warn {


background: rgba(255,205,21,.15);
background: #041536;
box-shadow: none



}

.warn.bgreen{
background: rgba(31,198,174,0.9);
background: #f1f7ff;;
}
body.dark .warn.bgreen{
background: rgba(31,198,174,0.2);
}
.warn.bggrey{
background: #f1f7ff;;
}
body.dark .warn.bggrey{
background: #1e3b99
}

body.bggrey .memright .warn:not(body.bggrey .memright.nobg .warn){
background: #f1f7ff;;
}
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;
box-shadow: none;
padding: 10px;
border: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
}
.warn.newwelcome p{
  opacity: .6;

}
.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: #dff7f2;

}
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: #385ef9;
color: #202020;
}
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:#ffcd15;

padding:20px;
border-radius:20px
}
body.dark .tooltip{

background: rgba(31,198,174,0.2);

}
.form-slider {
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #f1f7ff; 
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: #1fc6ae;
border-radius:50px;
cursor: pointer;
}

.form-slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius:50px;
background: #1fc6ae;
cursor: pointer;
}
.form-control {
background-color: #f1f7ff;

border:1px solid rgba(0,0,0,0);

border-radius: 2px;
font-size: 0.975rem;
color: #202020;
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 #385ef9;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
color: #202020;
}
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%23385ef9%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: #385ef9
}
/* checked icon */
input[type=radio] + label:before {
content: "\f111";
width: 20px;
color:#ccc 
}
/* unchecked icon */
input[type=radio]:checked + label:before {
content: "\f192";
color:#385ef9
}
.replace-check {

cursor: pointer;
display: inline-block;
margin-right: 10px;
font-size: 0.9225rem;
background: #f1f7ff;
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: #385ef9;
text-decoration: none;
}
.replace-check a:hover {
color: #385ef9;
text-decoration: underline;
}
.button {
border:none!important;
background: #385ef9;
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: #e8352b!important;
}
.button.blank.green,.button.blank.green i{
color: #1fc6ae!important;
}
.button.blank.blue,.button.blank.blue i{
color: #385ef9!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: #1fc6ae;

/*color:#202020!important*/
}
.button.line {
background: none!important;
color: #202020!important;
border: 2px solid #f1f7ff!important;
line-height: 28px!important;
}

body.dark .button.line {
border: 2px solid #293854!important;
color:#dadada!important
}
.button.darkline {
background: none!important;
color: #202020!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: #202020!important;
border: 2px solid #f1f7ff!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: #202020!important;
border: 2px solid #f1f7ff!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.whatsappxl {
background: #25D366!important;
color: #fff!important;
}
.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 #1fc6ae;
border-image-source: linear-gradient(to right, #1fc6ae, #385ef9);
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;
margin-left:40px
}
.tophead .subdownmenu{
display:none;
position: absolute;

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

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

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

}
.tophead .topusermn{
  margin-left: 40px;
   white-space: nowrap;
}
.tophead .subdownmenu,.tophead .topusermn .menymcm{

box-shadow: 0 0 150px rgba(0,0,0,1);
background: #fff;
border-radius:0 ;
box-sizing: border-box;
z-index: 5525;
}
body.dark .tophead .subdownmenu, body.dark .tophead .topusermn .menymcm{
background: #051c49;

}
.tophead .menypadd{
padding: 5px;
box-sizing: border-box;
}
.tophead .subdownmenu .bmsel select,      
.tophead .subdownmenu .formrow{
margin-bottom: 10px!important;
}
}
.tophead .mnuactv{
display:inline 
}
.tophead .mnlfsra{
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;


}
@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 #1fc6ae;
border-image-source: linear-gradient(to right, #1fc6ae, #385ef9);
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;
}

body.itemdetail .tophead{
 
}


.tophead .setloc {
margin: 12px 0 0 18px;
font-size: 0.925rem;
font-weight: 700;
color: #202020!important;

}


body.dark .tophead .setloc {
color:#dadada!important
}
.tophead .setloc i{
margin-right: 3px;
}


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

@media only screen and (max-width:1280px) {
.tophead .tophsearch{
width: 90px;
}
}
.tophead .mnuactv{
position:relative 
}
.tophead .topusermn{
  margin-left: 40px;
}
.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;
box-shadow: 0 0 30px rgba(0,0,0,.15);
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 140px rgba(0,0,0,.85);
}
.tophead .subdownmenu .menypadd,.tophead .topusermn .menymcm .menypadd{
padding: 20px;
position: relative;
}

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

}
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 #1fc6ae;
}
.tophead .topbutton{


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

cursor: pointer;



color:#202020;

}
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: #f1f7ff;
}
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:#385ef9
}
.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: #e8352b;
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:#f1f7ff;
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:1px;
left: 0;

box-sizing:border-box;
box-shadow: 5px 5px 5px #d7dee5 
}
body.dark  .tophead .menymcm{
background: #041536;
box-shadow: 5px 5px 5px rgba(31,198,174,0.15);
}
.tophead .hvyimob{
margin: 0 10px;
}
.tophead .setloc{
  padding-left: 15px;
}
.tophead .setloc i{
margin-right: 5px;
}
}
 
.tophead .tophsearch .form-control{
background: #f1f7ff;
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:#385ef9;
width:28px;
display:inline-block ;

}
body.dark .tophead .menymcm a.futim i,body.dark .tophead .menymcm .sphf i{
color:#d0cdd0;
}
.tophead .menymcm a.futim.logoff i{
color:#e8352b
}

.tophead .menymcm a.futim:hover, .tophead .menymcm  .sphf:hover{
background:#385ef9;
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:#385ef9;
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: 500;
font-family: 'Outfit', sans-serif, arial;

letter-spacing: -1px;





color: #202020;
color:#385ef9;
color:#929496;
 
white-space: nowrap ;
}
body.dark .tophead .hlogo .logotxt,body.dark .loginlogo .logotxt,body.dark .logobox .logotxt{
color: #dadada;
color:#385ef9;
}
.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: #385ef9;
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:#202020;
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: #f1f7ff;
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: #f1f7ff;
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;
color:#202020;
}
body.dark .tophead .userubpop .subtinm{

color:inherit;
}
.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:#e8352b; /*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:#e8352b;
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);
}
body.bggrey .mainpage{
padding-top: 14px;

}
body.xlpad .mainpage{
padding-top: 100px;
min-height: calc(100vh - 230px);

}
@media only screen and (max-width: 991px) {
.tophead .hlogo .logotxt,.loginlogo .logotxt{
font-size: 16px;
}
.mainpage{
padding-top: 60px;
}
body.xlpad .mainpage{
padding-top: 110px;
}
}

@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: #1fc6ae;
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(31,198,174,0.15);
box-shadow: 0 15px 15px rgba(31,198,174,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: #1fc6ae 
}
#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;
 
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;
 
}
.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:#202020;
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, #1fc6ae, #385ef9);
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: #385ef9
}
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: 500!important;
color: #202020;
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,.title strong{
font-weight: 500!important;
color:#385ef9;

}
.content h1 {

margin-bottom: .5em;


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

}
.content h2 {
margin-bottom: .5em;

font-size: 1.8rem 
}
.content h3 {
margin-bottom: .5em;

font-size: 1.6rem 
}
.content h4 {
margin-bottom: .3em;

font-size: 1.4rem 
}
.content h5 {
margin-bottom: .3em;

font-size: 1rem 
}
body.dark .content h1,body.dark .content h2,body.dark .content h3,body.dark .content h4,body.dark .content h5,
body.dark h1,body.dark  h2,body.dark  h3,body.dark  h4,body.dark  h5,body.dark .content h1,body.dark  .content h2,body.dark  .content h3,body.dark  .content h4,body.dark  .content h5,body.dark  .title,body.dark .listbox .detailbox .options .detprice {
color:#efefef
}

/*
.yllbg h1, .yllbg h2,.yllbg h3,.yllbg h4, .yllbg h5, .yllbg .title     {
  color:#173b81!important;;
}
  */
body.dark .yllbg h1,body.dark  .yllbg h2,body.dark .yllbg h3,body.dark .yllbg h4,body.dark  .yllbg h5,body.dark  .yllbg .title     {
color:#efefef!important;;
}

.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: #385ef9
}
.contentpage ul li a{
color:#888888;
display: block;
}
.contentpage ul li a:hover {
color: #385ef9
}
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: 150px;
}
.frontpage .shbanvr{
margin: 40px 0 
}
.frontpage .fromlist{
color: #202020;
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: #1fc6ae 
}
@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: #385ef9;
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;
 
}
 
}
.frontpage .fpcatleft .ccatleft 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 
}
 
.frontpage .fpcatleft .ccatleft ul li a::after{
content: "\f054";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-left: 6px;
color: #fff;
position:absolute;
right:12px 
}
 
.frontpage .fpcatleft .ccatleft ul li a.veall::after {
color: #1fc6ae;
}
.frontpage .fpcatleft .ccatleft ul li a:hover::after {
color: #1fc6ae;
}
.frontpage .fpcatleft .ccatleft ul li a:hover{
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.10);
;
}
 
 
@media only screen and (max-width: 991px) {
.fpnewcnt h1,.fpnewcnt h2,.fpnewcnt h3{
font-size:1.6rem!important;
}
}
 
.frontpage .nacplaceas{
background:#385ef9;
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;
 

box-sizing: border-box;
 
 
}
 
@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 {
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;
}
 
.frontpage .fpcatleft .ccatleft ul li a::after{
content: "\f054";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-left: 6px;
color: #fff;
position:absolute;
right:12px 
}
 
.frontpage .fpcatleft .ccatleft ul li a.veall::after {
color: #1fc6ae;
}
.frontpage .fpcatleft .ccatleft ul li a:hover::after {
color: #1fc6ae;
}
.frontpage .fpcatleft .ccatleft ul li a:hover{
text-decoration: none;
color: #385ef9;
background: #eee;
}
 
.frontpage .nacplaceas{
background:#385ef9;
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 */
margin:60px 0 160px 0;
}

.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: #f1f7ff;
}
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: 450px; /* Taller minimum height for desktop */

}
.fptslide{

height: 450px;
display:flex;
border-radius: 40px 0 20px 0;
 

}
.newfptop.fppro,.newfptop.fppro .fptslide{
height: 600px;
}

.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: 0 40px;
 

}
.fptslide .ctnm{
width: 100%;
max-width: 600px;

}

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

}

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



.fptslide .slideprice,.fptslide .norerves{
position:absolute;
top:30px;
right:30px;
background: #1fc6ae;
font-size:.925rem;
font-weight:600;
padding: 3px 6px;

color:#fff;
}
.fptslide .norerves{
top:65px;
right:30px;
background: none;
border:1px solid rgba(255,255,255,0.85);
color:#fff;
font-weight: 700;
font-size:0.775rem;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px)
}
.fptslide h1,.fptslide h2,.fptslide h3,.fptslide h4{
font-size:2.0rem;




}

}


@media only screen and (max-width: 991px) {
.newfptop {
  margin:0px 0 140px 0;
}
.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:0 0 0 0
}


.fptslide .slideprice,.fptslide .norerves{
position:absolute;
bottom:20px;
left:20px;
background: #1fc6ae;
font-size:0.925rem;
font-weight:600;
padding: 3px 6px;

color:#fff;

}
.fptslide .norerves{
bottom:55px;
left:20px;
background: none;
border:1px solid rgba(255,255,255,0.85);
color:#fff;
font-weight: 700;
font-size:0.775rem;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px)
}
}

.fptslide .slideprice .bidc{
opacity: .75;
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: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom:15px;
color:#202020;
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:#202020

}
@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: space-between;
flex-wrap: wrap;
margin-top:50px 
}
.catvilist .catniuw{
width: calc(50% - 20px); 
 
 
 
box-sizing: border-box;
background: #f1f7ff;
padding: 12px;
margin-bottom: 40px; 
}
.catvilist .catniuw:hover{
background: #ecf2fa
}
body.dark .catvilist .catniuw{



background: #062259;
}
body.dark .catvilist .catniuw:hover{

background: #1e3b99
}
.catvilist .catniuw a{
display: flex;
align-items: flex-start;
width: 100%;
height: 100%;
}
.catvilist .catniuw figure{
height: 100px;
width: 100px;
margin:5px 15px 0 0;
}
.catvilist .catniuw figure img{
border-radius: 8px;
height: 100% ;
 width: 100% ;
 object-fit:cover;
box-sizing: border-box;

}
body.dark .catvilist .catniuw figure img{

border-color: #041536;


}

.catvilist .catniuw p{
 
font-size: 1.05rem;
display:inline;
margin: 0;
width: calc(100% - 95px);
text-overflow:ellipsis ;
box-sizing:border-box;
padding-right:10px;
 font-size:0.925rem;
 padding-top: 7px;
 
}
.catvilist .catniuw p strong{
display:block;
 
 
display: -webkit-box;
 
overflow: hidden;
 margin-bottom: 10px;
 
 color:#192a6e;

}
body.dark .catvilist .catniuw p strong{
  color: inherit;
}

@media only screen and (max-width:991px) {
.catvilist .catniuw{
width: 100%;
 
 
}
 
}

.temppage{
  background: #f1f7ff;
  padding: 150px 0;
}
body.dark .temppage{
  background: #112156; 
}

.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;


 
 background: #f1f7ff;;


}


.fpfeatured.firsbx.fpscroll{
  background: #385ef9;
background: #3254de;
color:#fff;
 border-bottom: 20px solid #f1f7ff;
 
}
body.dark .fpfeatured.firsbx.fpscroll{
background: #062259;
border-color:#132b6f;
 
}
.fpfeatured.fplatestsc{
display: flex;
flex-wrap: wrap;
}
.fpfeatured .infoblob{
/*
background:#f2f4f8;
background:#f1f7ff;
padding: 30px;
*/
 
width: 400px;
max-width: 90vw;
margin-right: 30px;
flex-grow: 0;
flex-shrink: 0;
box-sizing: border-box;

display: flex;
align-items: center;
padding-left: 20px;

}
/*
body.dark  .fpfeatured .infoblob{
background: rgba(239,242,246,.25);
}*/
@media only screen and (max-width:991px) {
  .fpfeatured .infoblob{
    padding-left: 10px;
  }
}
.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{
color:inherit
}
 

.fpfeatured.firsbx.fpscroll .infoblob h1,.fpfeatured.firsbx.fpscroll .infoblob h2,.fpfeatured.firsbx.fpscroll .infoblob h3,
.fpfeatured.firsbx.fpscroll .infoblob h4,.fpfeatured.firsbx .infoblob h5{
 
color:#fff
}


.fpfeatured .infoblob p{
font-size: 0.9725rem ;
margin-bottom: 0;
}
.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 .infoblob{

margin: 0 30px 60px 0;

}
.fpfeatured.fplatestsc .item_list_std.grid{
padding: 0 0 0 0!important;
margin: 0 20px 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 ;
padding: 0 5px;
box-sizing: border-box;
}
.fpfeatured.fplatestsc .item_list_std.grid {
width: 49%;
margin: 0 0 20px 0 
}
@media only screen and (max-width:530px) {
  .fpfeatured.fplatestsc .item_list_std.grid {
width: 100%;
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(31,198,174,0.15);

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

}


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

}
.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{
 

}
.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:#1fc6ae!important
}
body.dark .singform form .button{
background: #1fc6ae!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);

}
.boardinginfo{

background: #ffcd15;
padding: 40px;
border-radius:30px ;
 

}
body.dark .boardinginfo{
background: #062259;

}



.frontpageinfo h1, .frontpageinfo h2, .frontpageinfo h3, .frontpageinfo h4, .frontpageinfo h5,
.boardinginfo h1, .boardinginfo h2, .boardinginfo h3, .boardinginfo h4, .boardinginfo h5{
 
}
@media only screen and (max-width: 991px) {
.frontpageinfo, .boardinginfo{
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% ;
padding-top: 35px;
}
}


.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{
 
opacity: 0.6;
}
.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:#202020;
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) ;
font-size: 0.9725rem;
}
body.dark  .frontpageinfo .linkfino ul li a {
color: #fff;;
 
}
.frontpageinfo .linkfino ul li a:hover{
background: #f1f7ff 
}
body.dark  .frontpageinfo .linkfino ul li a:hover {
 
background: rgba(255,255,255,0.2) 
}
.frontpageinfo .linkfino ul li a.getlisted,body.dark .frontpageinfo .linkfino ul li a.getlisted{
background:rgba(31,198,174,1) ;
color:#fff;
}
.frontpageinfo .linkfino ul li a.getlisted:hover{
background:rgba(31,198,174,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: #202020;
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: #202020;
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: #385ef9;
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: #385ef9;
}
.catbox a {
text-decoration: none;
color: inherit 
}
.catbox a:hover {
color: #385ef9;
}
.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: #385ef9
}
.catbox ul li a {
display: block;
padding: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.catbox ul li a:hover {
color: #385ef9
}
.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: #385ef9
}
.sidemenu ul li a {
display: block;
color: inherit;
}
.sidemenu ul li a:hover {
color: #385ef9
}
/* 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: #202020;
 color:#192a6e;
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,205,21,1); 
}
*/
.flowbuttons ul li::before{
content: ' ';
display: block;
position: absolute;
bottom:0;
background: #1fc6ae;
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 #1fc6ae; */

}
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);       


}

      .flowbuttons #showsubmm{
            width: 30px;
            height: 30px;
            border: 1px solid #dadada;
            display: flex;
            justify-content:center;
            align-items: center;
            border-radius:100px;
            margin:5px 20px 0 0;
            flex-shrink: 0;
            flex-grow: 0;
            padding: 0;
        }
        .flowbuttons #showsubmm i{
          margin: 0 0 0 0;
        }
        body.dark  .flowbuttons #showsubmm{
 
            border: 1px solid #dadada;
        }
        .flowbuttons ul #showsubmm::before{
 
background:none;
        }

}
@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: #1fc6ae;
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;
 
}

        .topbox .memsuboption{
            position:absolute;
            background:#fff;
            width: 100%;
            z-index: 6;;
            padding: 20px 10px;
            box-shadow:0 20px 20px rgba(0,0,0,0.5);
            top:0;
            left:0;
            display:none;
            box-sizing: border-box;
        }
        body.dark  .topbox .memsuboption{
        
            background:#051c49;
        }
         .topbox .memsuboptiondowhos {
font-size: 0.9725rem;
font-weight:600;
margin-bottom: 20px;
}
        .topbox .closetmn{
font-weight: 700;
cursor:pointer;

color:#202020;
font-size:1rem;

padding:10px 20px;
text-align:right;
}
body.dark .topbox .closetmn{
color: #dadada;
}
.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: 800px;
}
}
.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;
}

 .topbox .memsuboptiondowhos {
font-size: 0.9725rem;
font-weight:600;
margin-bottom: 20px;
}

.memsuboption a i:not(.memsuboption a.button i),.memsuboptiondowhos a i:not(.memsuboptiondowhos a.button i){
width: 22px;
color: #202020;
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:#f1f7ff;
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(31,198,174, 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:#e8352b
}
.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:#385ef9;
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: #202020;
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: #1fc6ae;
}
.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:#385ef9;
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: #202020
}
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: #202020
}
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: #385ef9
}
.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: #1fc6ae;
padding:15px;
margin-bottom: 20px;
}
/* addetails */
.itemdetail{
}
.itemdetail .shbanvr{
margin-bottom:30px;
}
.itemdetail .usrdcr{
font-weight: 300;
margin-bottom:100px;
}
.itemdetail .usrdcr strong{
font-weight: 500;

}
@media only screen and (min-width: 1380px) {
  .itemdetail .usrdcr{
padding:0  40px 0 120px;

}
}

.itemdetail .showorig{
margin-top:80px;
display:inline-flex;
align-items:center;
cursor:pointer;
width: auto;
padding-left:10px

}
.itemdetail .showorig i{
display: block;
margin-right:14px;

font-size:1.8rem;
color:#385ef9;
}
.itemdetail .showorig span{
font-size:0.8rem;
line-height:normal
}
.itemdetail .showorig strong{
display: block;
font-size:1rem;
color:#385ef9;
}
.newdet{
}
@media only screen and (min-width: 992px) {
.newdet{
width:100%;
display:flex;
justify-content:space-between;
}
.newdet .newdetleft{
width: calc(100% - 450px);
flex-grow:0;
flex-shrink:0;
}
.newdet .newdetright{
width: 400px;
flex-grow:0;
flex-shrink:0;
}
}
@media only screen and (min-width: 1280px) {
.newdet .newdetleft{
width: calc(100% - 540px);
}
.newdet .newdetright{
width: 500px;
}
}
.nwtflx{
 
margin-bottom:60px
}
@media only screen and (max-width: 991px) {
.nwtflx{
display:flex;
flex-direction:column;
 
}
/*
.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: #202020;
font-size: 1.1rem 
}
body.dark .newdet .newdetright .title{
color:#dadada
}



.userwllpro .title.soldby{
padding-left:10px;


}
@media only screen and (min-width: 992px) {
.userwllpro .title.soldby{
padding-top:30px;


}
}

.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(31,198,174,0.08); 
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.55);
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(25,62,136,0.25);
}
body.dark .newimgbox.xbgimg::after{
background:rgba(25,62,136,0.25);
}
*/

}

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

}
.imgtopflex .imgtopimg{
width: 45%;
display: flex;
align-content: center;
align-items: flex-start;
padding: 0;
 
}

.imgtopflex .imgtopimg figure{
height: 100%;
position: relative;

}
.imgtopflex .imgtopimg figure a,.imgtopflex .imgtopimg figure a img{
margin: 0 0 0 0;

padding: 0 0 0 0;

}
.imgtopflex .imgtopimg img{

width: 100%!important;
height: 100%!important;
object-fit: cover;
border-radius:20px 0 20px 0
 
}
.imgtopflex .imgtopright{
width: 55%;

}
}

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

}
.imgtopflex .imgtopimg img{
 
}
 
}

.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 .mainheadr{
width: 100%;
padding: 0 0 0 20px;
box-sizing:border-box;
flex-grow: 0;
flex-shrink: 0;



}

.imgtopright .infoblob{
width: 50%;
padding: 0 0 0 20px;
box-sizing:border-box;
flex-grow: 0;
flex-shrink: 0;



}
@media only screen and (min-width:1380px) {
  .imgtopright .infoblob.mainheadr{
 

}
.imgtopright .infoblob.bidinfo{
padding:  0 0;

}
}

.imgtopright .infoblob.intro{


}
.imgtopright .infoblob.imgcont{
width: 100%;

padding-bottom:0;
flex-grow: 0;
flex-shrink: 0;


}
}
@media only screen and (max-width:1279px) {
  .imgtopright .mainheadr,
.imgtopright .infoblob{
width: 100%;
padding: 0 0 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 {
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 0;


}
.imgtopright .mainheadr,
.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;

}

 

.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 .imgtopright{
    padding-top: 30px;
box-sizing: border-box;
  }
.itemdetail .thumbs{

box-sizing: border-box;
padding-bottom: 30px;


}
.itemdetail .thumbs a{
width: calc(25% - 5px);
margin: 0;
padding: 0;
display: block;
padding:5px 0 0 0;

}
.itemdetail .thumbs a img{


}

}

 
.itemdetail .ttlimgcnt{
position: absolute;
left:12px;
bottom:12px;
 
color:#fff;
font-size:0.8275rem;
font-weight: 700;
padding: 2px 5px;
 
border:1px solid rgba(255,255,255,0.85);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px)


}
@media only screen and (min-width: 1380px) {
  .itemdetail .ttlimgcnt{
 
}

.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 .ttlimgcnt i{
margin-right:.4em

}
@media only screen and (max-width: 991px) {
.itemdetail .ttlimgcnt{
font-size: 0.725rem;
 


}
}



@media only screen and (max-width: 1379px) {
  
.itemdetail .thumbs{
 
display: none;
}
 

 
 

}

/*
.newsocialopt .social{
border:1px solid #f1f7ff;
 
line-height:normal;
margin-left:20px;

  display:flex;
align-items:center;
justify-content:center;
padding: 2px 14px
}
body.dark .newsocialopt .social{
 
border-color:#6a7487
*/




.itemdetail .trustwrap{ 
  padding: 10px;
  box-sizing: border-box;
  background: #f6f6f6;
  background: #f1f7ff;
  position: relative;
  margin-left: 105px;
}
body.dark .itemdetail .trustwrap{
 background:  #1a2b4a
}
@media only screen and (max-width: 991px) {
  .itemdetail .trustwrap{ 
  margin-left: 0;

}
}
@media only screen and (min-width: 992px) {
.itemdetail .trustwrap::after{
    content: '  ';
    width: 100vw;
background: #f1f7ff;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
   }
 body.dark .itemdetail .trustwrap::after{
background: #1a2b4a
 }
 }

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

 box-sizing: border-box;
 
font-size:0.925rem;
border-bottom:2px solid #fff;
}

body.dark .itemdetail .trusted {
 border-bottom:1px solid rgba(255,255,255,0.1);
color: #dadada;
}
.itemdetail .trusted:last-of-type,body.dark .itemdetail .trusted:last-of-type{
  border-bottom:none;
 
}
.itemdetail .trusted .strong{
margin-bottom:13px;
 color:#192a6e;
 
}
body.dark .itemdetail .trusted .strong{
  color: inherit;
}
.itemdetail .trusted p{
padding: 0 0 0 0!important;
margin: 0 0 0 0!important;

font-weight: 500;
}
.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: #1fc6ae;
float: left;
}
.itemdetail #shipquote p::before{

content: "\f472";
}
.itemdetail #finquote p::before{

content: "\f153";
}
.itemdetail .trusted p i{
float: left;
width: 67px;
margin: 0 0 0 0;
color:#1fc6ae 
}
 
 

.itemdetail .shipping {
 
 

}
body.dark .itemdetail .shipping {
 
}

  .offby{
    margin-bottom:50px
 
  }
    .offby .offdetails{
      display:flex;
      justify-content:space-between
    }
    .offby .offdetails .oavatar{
      width: 85px;
      padding-top: 20px;
    }
    .offby .offdetails .oavatar figure{
    }
    .offby .offdetails .oavatar figure img{
      border-radius:200px
    }
    .offby .offdetails .odetusr{
      width: calc(100% - 105px);
      display:flex;
      flex-wrap:wrap;
      align-items:flex-start;
      align-content:space-between;
       
    }
    .offby .offdetails .odetusr .owncompu{
      height: 22px;
      width: 100%;
      

    }
    .offby .offdetails .odetusr .lwprt{
width: 100%;
    }
.offby .offdetails .odetusr .cpindl{
float:right;
background:#1fc6ae;
font-weight:600;
font-size:0.8725rem;
color:#fff;
padding:1px 5px ;
display:inline-block;
}
.offby .offdetails .odetusr .owntitl{
  font-weight:600;
  font-size:0.925rem;
  opacity: .6;

}
.offby .offdetails .odetusr .ownrname{
  font-size:1.3rem!important;
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-weight: 600;
line-height:normal;
white-space:nowrap;

 
overflow:hidden;
margin:0 0 0 0;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.offby .offdetails .odetusr .userbadge{
  font-size: 1.1rem;
}

.offby .offdetails .odetusr .ownrnameshrt{
display:flex;
justify-content: space-between;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
align-content:center;
flex-wrap:wrap
}
.offby .offdetails .odetusr .ownrnameshrt a{
opacity: 0.6;
font-size:0.925rem;
}

.offby .offdetails .odetusr .ownrnameshrt .fllwbut{
background:#f1f7ff;
display:inline;
padding: 2px 8px;
cursor: pointer;
border-radius:25px;

margin-left:20px;
font-weight: 700!important;
font-size: 0.825rem!important;
}
body.dark .offby .offdetails .odetusr .ownrnameshrt .fllwbut{
background:#062259;
color:#a4a8b1

}
.offby .offdetails .odetusr .userbio{
font-size:0.925rem;
 padding-top:5px

}
.offby .offdetails .odetusr .usrfbckbx .usrfbck{
 
  margin-top:10px
}
.offby .offdetails .odetusr .offloc{
  margin-top:20px;
  font-size:0.925rem;
}
.offby .offdetails .odetusr .offloc div{
  margin-bottom:10px
}
.offby .offdetails .odetusr .offloc div .showlocation{
color:#385ef9;
font-weight: 600;
}


.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: #385ef9;
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: #f1f7ff;
position: absolute;
border-radius: 50%;
}


.custom-div-icon i {
position: absolute;
width: 22px;

left: 0;
right: 0;

text-align: center;
color:#202020;

margin: 12px auto;
font-size: 18px;
}
.newdet .clienttext .openinghours {
background:#f1f7ff;
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{

}
.mainheadr .mainhd{

}


.mainheadr h1{



font-size: 2rem;

}
body.dark .mainheadr h1{
color:inherit
}
@media only screen and (max-width: 991px) {
.mainheadr h1{

font-size: 1.75rem;



}
}

.mainhd .noreserve{
border: 1px solid #1fc6ae;
color:#1fc6ae;

font-weight: 700;
display:inline-block;
padding: 2px 6px;
 
font-size:.8225rem;
margin: 10px 0;

}
.mainheadr .toppert{
color:#385ef9;

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;

}
.topbhd{

margin-bottom:30px
}
@media only screen and (min-width: 992px) {
.topbhd{
align-items:center;

}
}
.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:#f1f7ff;
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.newopt{

margin-bottom: 60px!important;

}

.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:#385ef9;
margin-right: 5px;
}


.itemdetail .recaps ul li .pricejs{
font-weight: 700;
font-size:1.3rem;
color:#385ef9 
}

.recaps .cartoption{
display:flex;
align-items:center;
}
.itemdetail .recaps .cartoption figure{
width: 60px;;
flex-shrink:0;
flex-grow:0;
}
.itemdetail .recaps .cartoption svg{
font-size:2rem;
fill:#b9bbbe;




}
@media only screen and (max-width: 991px) {
.itemdetail .recaps .cartoption figure{
width: 30px;;

}
.itemdetail .recaps .cartoption svg{
font-size:1.4rem;




}
}
.itemdetail .recaps .cartoption div{
line-height:normal;
font-weight:500;
width: calc(100% - 60px);
flex-shrink:0;
flex-grow:0;

}
@media only screen and (max-width: 991px) {
.itemdetail .recaps .cartoption div{
width: calc(100% - 30px);
}
}
.itemdetail .recaps .cartoption label{
display: block;

opacity: 0.6;
font-size: 0.825rem;
font-weight: 300;
margin:0 0 0 0;
padding: 0!important;
box-sizing: border-box;
}
.itemdetail .similar{

margin: 150px 0;
}
.itemdetail .title,.similar .title{
font-size: 1.2em;
color: #202020;
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;
}
.itemdetail .clienttext .title{
color:#202020
}
body.dark .itemdetail .clienttext .title{
color: inherit
}
.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:#385ef9;


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:20px;
flex-grow:0;
flex-shrink:0;
}
.similaritem figure img{
width:100%;
height:100%;
object-fit:cover ;
border-radius:8px 
}
.similaritem .ribsim{
width: calc(100% - 105px);;

}
.similaritem h5{

color: #202020;
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;
}
.similaritem .price .bidc{
opacity: .78;
font-weight:400;
padding-right:3px;
font-size:0.775rem;


}

/*owner 2.0 and feed box */

.itemdetail .ownerbox {
margin-bottom: 30px;
background: #f1f7ff;
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: #202020;
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:#1fc6ae;
font-weight:600;
font-size:0.8725rem;
color:#fff;
padding:1px 10px 1px 10px;
margin-right:-12px;
}
.itemdetail  .pickuploc{



text-align: right;




}
@media only screen and (max-width: 700px) {
.itemdetail  .pickuploc{
text-align: center;

padding: 10px 0;
margin-bottom:20px;
}
.itemdetail  .pickuploc span{
margin-top: 12px;
}
}
.itemdetail  .pickuploc i{
width:20px
}
.itemdetail  .pickuploc span{
color:#385ef9;
font-weight: 600;

}
.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: #385ef9;
}
.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;


}
 @media only screen and (max-width: 991px) {
  .itmopxx{
    margin-top:80px
  }
 }
/*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;


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-top:10px;

}
.rightsearch .topbread{
padding-left: 5px;
margin-bottom: 20px;

}
}
@media only screen and (min-width: 992px) {
.rightsearch .topbread{
margin: 20px 0;
}
}
.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{
 
}
.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,.topbread .bthome::after  {
content: "\f105";
font-family: 'Font Awesome\ 5 Free';
margin-left: 20px;
font-size: 0.825rem;
font-weight: 900!important;
}
.topbread .brnxt:last-child:after{
content: " ";

}
.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: #ffebfd;
padding: 20px ;
margin-bottom: 30px;
border-radius: 0px;
}
body.dark .adminmanage,body.dark .usermanage, body.dark .nonapproved {
  background: #000;
}
.nonapproved p{
margin-bottom:8px 
}
.adminmanage i, .usermanage i {
color: #202020;
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:#385ef9
}
.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:#d9fdff 
}
body.dark  .adminmanage ul li a:hover,body.dark .usermanage ul li a:hover {
background:#385ef9 
}
/* notfound */
.notfound .icon{
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-size: 8em;
display: block;
font-weight: 700;
color: #385ef9;
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: #385ef9;
border:3px solid #385ef9;

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:#1fc6ae;
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: #fff;
height: auto;

position: absolute;
z-index: 99999999;     
 
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;
 
}
}
@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 #1fc6ae;
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 */
@media only screen and (min-width: 992px) {
.leftsearch{
width: 280px;
float: left;


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

}
body.dark  .leftsearch{

}

.rightsearch{
width: calc(100% - 320px);
max-width: 800px;
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;;
top: 5px;
right:0;
box-shadow: 0 0 150px rgba(0,0,0,1);
}
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:#f1f7ff

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

}
.notificationbox.unread {

background: rgba(31,198,174,.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: #e8352b;
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: #385ef9;
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 #f1f7ff;
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 #385ef9
}

.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: #f1f7ff;
border-radius: 8px 8px 8px 0 
}
body.dark  .messageb.sendbyelse {
border-color: #1e3b99
}
.messageb.sendbyme {
float: right;
border-color: #f1f7ff;
background: #f1f7ff;

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:#1fc6ae;
font-weight: 700;
}

.messageb.fromadmin {
background: #f1f7ff;
border-color:#f1f7ff;
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:#1fc6ae;
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:#202020;
}
body.dark .dmwrap .safewarn {
background: #041536;
color:#202020;
}

.dmwrap .safewarn::after{
position: absolute;
border-radius: 50px;
top: 0;
left: 0;
color:#202020;
background: rgba(255,205,21,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:#202020;
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(31,198,174,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 #f1f7ff;
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:#1fc6ae;
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: #385ef9
}
#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: #385ef9
}
#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 #f1f7ff;
margin-bottom: 50px;
}
body.dark .messagebox {
background: #062259;
border-bottom:1px solid #293854;

}
.messagebox:hover{
background: #f1f7ff
}
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: #1fc6ae;
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: #1fc6ae;
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;
}
 
 .footermenu{

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

  .footermenu .catmenu{
   
            display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-start;
margin-bottom:40px;

    
 
}
  .footermenu .catmenu ul{
    width: 49%;
    flex-grow:0;
    flex-shrink:0;

}
    .footermenu .servicemenu{
    
      padding: 20px;
     

 
}
}

@media only screen and (min-width: 992px) {
  .footermenu{
display:flex;
justify-content:space-between;
}
  .footermenu .catmenu{
    width: calc(100% - 290px);
            display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-start;
padding-top: 20px;
    
 
}
  .footermenu .catmenu ul{
    width: 49%;
    flex-grow:0;
    flex-shrink:0;

}
  .footermenu .servicemenu{
    width: 290px;
      padding: 20px;

 
}


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

    .footermenu .catmenu{
    width: calc(100% - 580px);
    padding-top: 40px;
 
}
  .footermenu .catmenu ul{
    width: 49%;
  }
  .footermenu .servicemenu{
    width: 580px;
        display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-start;
  padding: 40px;
 
}
  .footermenu .servicemenu .fchild{
    width: 49%;
    flex-grow:0;
    flex-shrink:0;

}

}

}



.footermenu .catmenu ul{
       list-style: none;;
       font-size:0.9725rem 
 
 
}
.footermenu .catmenu ul li a{
  opacity: .6;
}
.footermenu .catmenu ul li a:hover{
  opacity: 1;
}
.footermenu .catmenu{
     
 
}

.footermenu .servicemenu{
  background: #3254de;
  box-sizing: border-box;
color:#fff ;
position: relative;
}
body.dark .footermenu .servicemenu{
  background: #062259
 
}
@media only screen and (min-width: 992px) {
.footermenu .servicemenu::after{
    content: '  ';
    width: 100vw;
background: #3254de;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
   }
 body.dark .footermenu .servicemenu::after{
background: #062259

 }
 }

.footermenu .servicemenu ul{
  list-style: none;
  font-size:0.9725rem ;
  margin-bottom: 20px

}
.footermenu .servicemenu ul li{
margin-bottom: 8px 
}
.footermenu .servicemenu ul li a:hover{
  text-decoration:underline;
}

.footermenu h5,.footermenu .title{
font-size: 1.2rem;
margin-bottom: 12px ;
color: inherit;
}
#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: #385ef9;
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:#f1f7ff;
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: #202020;
}
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: #202020 
}
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: #202020 ;
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: #202020;
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: #385ef9;
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: #202020;
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: #385ef9;
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:#1fc6ae;
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:#f1f7ff;
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: 991px) {
.usershop .shopbg,
.usershop .shopbg figure img{

border-radius:0;
}
}
@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:#f1f7ff;
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(255,255,255,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;
color:#385ef9

}
body.dark .userbxsimp .fllwbut{
background:#062259;
color:#fff
}

.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:#e8352b!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 #f1f7ff;

}
body.dark .paypop .pdesc{
background: #062259; 
box-shadow: none
}
.paypop .pdesc .icon{
text-align:center;
font-size:3.5em;
margin-bottom:20px;
color:#f1f7ff;
} 
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:#385ef9;
}
.compsubs .monthdesc{
margin-bottom:10px;
font-weight:600;
color: #202020;
}
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:#1fc6ae;
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;
 
}
body.dark .searchitems{
 
}

.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:flex-start;
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: #202020;
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: #202020;
}
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:#1fc6ae
}
.item_grid_std .price{
padding:5px 0;
font-size:1.2rem;
font-weight:600;
color:#385ef9;
}
@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: 8px!important; 
}
body.dark  .item_list_std{
background: #041536;
 
}

.item_list_std:hover{
 
}
body.dark .item_list_std:hover,body.dark .item_list_std.grid:hover,.item_list_std.grid:hover,.item_list_std.grid{
 
}
.item_list_std.grid{
display: block;
margin: 0 0 20px 0;
width: 33.333%;
width: 50%;
padding: 10px!important;;
box-sizing:border-box;
padding:0;

overflow:hidden;


border-radius: 0!important;
}
.searchitems .item_list_std.grid{
  margin-bottom: 0;
  padding-bottom: 30px!important;;
}
.memright .item_list_std.grid{
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .memright .item_list_std.grid{
  width: 50%;
}
@media only screen and (max-width: 530px) {
  .memright .item_list_std.grid{
  width: 100%;
}
}
}
.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%;
}
@media only screen and (max-width:530px) {
.item_list_std.grid{
width: 100%;
padding: 10px 5px !important;;
margin: 0 0 0 0;
}
.frontpageltst .item_list_std.grid{
width: 100%;
}
}
}
@media only screen and (min-width: 992px) {
  .latestycon .item_list_std.grid{
width: 33.333%;
}
}
.item_list_std figure:not(.item_list_std.grid figure){
width: 20%;
flex-grow:0;
flex-shrink:0;
position:relative;
min-width: 120px;
}
.item_list_std.grid figure{
width: 100%;
margin:0 0 0 0;
position:relative;
}
.item_list_std.fpfull {
padding: 0 0 0 0!important;
margin-right: 20px!important;
width: 250px!important;
height: 250px;
background: none;
}
.item_list_std.fpfull figure{ 
height: 100%;
}
.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.fpfull figure img{ 
border-radius: 6px;
}
.item_list_std.fpfull:hover { 
box-shadow:0 0 20px rgba(0,0,0,.15)
}
.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:not(.item_list_std.grid .item_list_right){
width: 80%;
padding:0 0 0 20px;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
align-content:space-between ;
 max-width: calc(100% - 120px); 
 

}

.item_list_std.grid .item_list_right{
width: 100%;
padding:5px 0 0 0;
box-sizing:border-box;
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_loc{
text-align: right;
font-size: 0.875rem;
margin-bottom:5px

}
.item_list_std.grid .item_loc{
display:none;

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

}
.item_list_std.grid .item_cat{
margin-bottom:14px;
}
.item_list_std .itemoption span,.similaritem .itemoption span
.item_list_std .item_cat span,.similaritem .item_cat span{
background:#f1f7ff;
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;
color: #192a6e
}
body.dark .item_list_std .itemoption span,body.dark .similaritem .itemoption span,
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)
}
.item_list_std.topper .itemoption span,.similaritem.topper .itemoption span,
.item_list_std.topper .item_cat span,.similaritem.topper .item_cat span{
background:#fff;
}
body.dark .item_list_std.topper .itemoption span,body.dark .similaritem.topper .itemoption span
body.dark .item_list_std.topper .item_cat span,body.dark .similaritem.topper .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 .itemoption span,.similaritem .itemoption span,
.item_list_std .item_cat span,.similaritem .item_cat span{
font-size:0.725rem;
}
}
.item_list_std .itemoption span a,.similaritem .itemoption span a,
.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: #202020;
}
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:#1fc6ae
}

.searchitems .item_list_std.topper,.myitems  .item_list_std.topper{
background:rgba(31,198,174, 0.075);

box-sizing: border-box;
}
body.dark .searchitems .item_list_std.topper,body.dark .myitems .item_list_std.topper{

background:rgba(31,198,174, 0.15);

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


.myitems{

max-width: 800px;

}
}
 
.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;
font-weight: 300;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 14px;

}
.item_list_std.grid .itemdesc{
font-size: 0.875rem;
opacity: .6;
margin-bottom: 10px;
}
@media only screen and (min-width: 1450px) {
.item_list_std .itemdesc:not(.item_list_std.grid .itemdesc){
max-width: 70%;
}
}
.item_list_std .price{
padding:5px 0;
font-size:1.2rem;
font-weight:600;
color:#385ef9;
}
.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 .callaction{
margin-right:20px!important;
 font-weight: 600;
 font-size: 0.925rem;
color:#385ef9

} 
.item_own_options .callaction.isspot{
  color:#1fc6ae
}
/* 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:#202020;


font-size:0.8275rem;


background: #385ef9;
background: #fff;

font-weight:500;
padding: 3px 6px;
border-radius:0px;
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.805rem;

}
}
.item_list_std .norerves{
bottom:40px;
background: none;
border:1px solid #fff;
color:#fff;
font-weight: 700;
font-size:0.775rem;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px)

}
.item_list_std .priceinfo .flxce{





}

.item_list_std .priceinfo .pricefl{

flex: 0 1 auto;


}


.item_list_std .priceinfo .bidc{
opacity: .78;
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: .75;
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:#202020
}


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 0;

}

.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: #f1f7ff
}
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(31,198,174,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: #f1f7ff; 
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:#202020;
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: #385ef9;

}
.ownopul .omwsubsul a:hover{
background:#385ef9;
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: #ffcd15!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: #202020;
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;
 position: relative;

}
body.dark .contactboxfrm{
background: #062259;
box-shadow: none
}
@media only screen and (min-width: 992px) {
.contactboxfrm::after{
    content: '  ';
    width: 100vw;
background: #ffffff;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
   }
 body.dark .contactboxfrm::after{
background: #062259

 }
 }
@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: #385ef9;
}
/* 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: #f1f7ff;
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:#202020;
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:#385ef9;
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:#202020;

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:#385ef9;
margin-top: 30px
}
.fdpostleft ul li a.ffbutton,body.dark .fdpostleft ul li a.ffbutton{
color:#385ef9;
margin-top: 30px
}
.fdpostleft ul li a.ffbutton ,body.dark .fdpostleft ul li a.ffbutton {
border:none;
background: #385ef9;
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:#1fc6ae;
}
#loginpop {
display: none;
position: fixed;
top: 0;
width: 100%;
height: 100%;
left: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 99943999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#lgnpbox::before {
content: ' ';
display: block;
width: 50px;
height: 3px;
background: #f1f7ff;
 
position: absolute;
left: 0;
right: 0;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
z-index: 69;
}
body.dark #lgnpbox::before{
background: rgba(255,255,255,0.25);
}
#lgnpbox {
 
-webkit-box-sizing: border-box;
box-sizing: border-box;

background: #fff;
position: relative;
overflow: hidden;
/*border-radius:8px**/
}
body.dark #lgnpbox {

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

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

border-radius: 20px 20px 0 0;
}
#lgnpbox #innrimg img{
  border-radius: 20px 20px 0 0;
  max-height: 200px;
 
}
#lgnpbox #lgpinser{

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




#lgnpbox .wrapper,#lgnpbox .loginwrapper{
width: 100%;
}
@media only screen and (max-width: 991px) {
#lgnpbox {
 
}
}
#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{


position: absolute;
top: 10px;
right: 10px;

cursor: pointer;
 
color:#202020;
font-size: 0.925rem;

margin-bottom: 0;

 
box-sizing: border-box;
z-index: 66;
background: rgba(255,255,255,0.45);;
width: 36px;
height: 36px;
display:flex;
justify-content: center;
align-items: center;
line-height: normal;
border-radius: 100px;;
border: 2px solid #385ef9

}
body.dark #loginpop .lgnclose{
color:#efefef;
background: rgba(4,21,54,0.7);;
}
@media only screen and (max-width: 991px) {
#loginpop .lgnclose{

 


}
}
#loginpop .lgnclose:hover{
color:#385ef9!important;
}
 

  .lngstbx{
    border:1px solid #ccc;
    padding: 5px;
    text-align:center;
    margin: 30px 0;
    font-weight:600;
    cursor: pointer;
  }
  .ftlangchoose{

  }
  .ftlangchoose ul{
    padding: 20px 0;
    list-style: none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .ftlangchoose ul li{
    width: 49%;
    padding: 0;
    box-sizing:border-box;
    padding: 10px 0;
  }
/*
#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:#f1f7ff;

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

}
.itemdetail .userwllpro .usrbnimg{
border-radius: 0 0 0 0;
height:80px;
background: #f1f7ff;
}
body.dark .itemdetail .userwllpro .usrbnimg{
 
background:  rgba(223,238,255,0.05);
}
.itemdetail .userwllpro .usrbnimg{



}
/*
.itemdetail .userwllpro .usrbnimg::after{
content: ' ';
width: 100%;
height: 100%;
-webkit-backdrop-filter: grayscale(100%);;
backdrop-filter: grayscale(100%);;
position: absolute;
top: 0;
left: 0;
}
*/
.userwllpro .usrbnimg .cpindl{

background:#1fc6ae;
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:#202020!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:flex;
justify-content: space-between;


}
.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 .fllwbut{
background:#f1f7ff;
display:inline;
padding: 2px 8px;
cursor: pointer;
border-radius:25px;

margin-left:20px;
font-weight: 700!important;
font-size: 0.825rem!important;
}
body.dark .userwllpro .fllwbut{
background:#062259;
color:#a4a8b1

}
.userwllpro .usrtopdet .usrnamdetail .shrtname .fllwbut{
margin-left: 0;

}
.userwllpro #senoid.fllwbut.hidden{
display: none;
}
.userwllpro .usrdetailss{
font-size:0.925rem;
display:flex;
justify-content:space-between;
opacity: 0.75;
padding: 10px 10px 0 10px
}

@media only screen and (max-width: 700px) {
.userwllpro .usrdetailss{
display:block;
}
.userwllpro .usrdetailss span{
display:block;
}

}
.itemdetail .userwllpro .usrdetailss{

opacity: 1;
}
.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(31,198,174,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:#202020

}
.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(31,198,174,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 #1fc6ae!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);

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: 600;
font-size:1.8rem;
position: relative;
margin-bottom: 30px;
color:#202020

}
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
}


.buyoption .itmprice .noreserve{
background:#1fc6ae;
color:#fff;

font-weight: 700;
display:inline-block;
padding: 2px 6px;
 
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{
}


/* new likes social */
.newsocialopt{
display:flex;
align-items:center;
justify-content:flex-end;

}
.newsocialopt .social{
border:1px solid #f1f7ff;
 
line-height:normal;
margin-left:20px;

  display:flex;
align-items:center;
justify-content:center;
padding: 2px 14px
}
body.dark .newsocialopt .social{
 
border-color:#6a7487
}
.newsocialopt .likepost,.newsocialopt .likepost i{
font-size:1.2rem;
margin-right:4px;
width: auto;
color: #202020;
opacity: .75;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out 
}
.newsocialopt .likepost:hover,.newsocialopt .likepost:hover i{
 
opacity: 1;
}
.newsocialopt .nnbsh .fa-solid,.newsocialopt .nnbsh .fas{
color:#385ef9;
opacity: 1!important;
}
 
body.dark .newsocialopt .nnbsh,body.dark .newsocialopt .nnbsh i,body.dark .newsocialopt .likepost,body.dark .newsocialopt .likepost i{
color:#b9bbbe
}
.newsocialopt .xcnt{
font-size:0.75rem;
opacity: .4;
font-weight: 700;
}



.itemdetail .auctionover{

padding: 15px;


border:2px solid #1fc6ae;
font-weight: 600;
display:inline-block;
width: auto;
margin: 20px;
font-size:0.925rem
}
body.dark .itemdetail .auctionover{
background:#1e3b99;
}
 

.itemdetail .tagline{
 
padding: 20px 20px 20px 8px; 
 
background: #f1f7ff;
 
display:inline-block;
width: auto;
 font-size:0.925rem;
  position: relative;
  border-right: 3px solid #385ef9;
  box-sizing: border-box;
 
}
body.dark .itemdetail .tagline{
background: #1a2b4a
}
 

@media only screen and (min-width: 992px) {
   .tagline::after{
    content: '  ';
    width: 100vw;
background: #f1f7ff;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    z-index: -1;
   }
 body.dark .tagline::after{
background: #1a2b4a
 }
  }
  @media only screen and (max-width: 991px) {
    .itemdetail .tagline{
padding: 20px 20px 20px 80px; 
}}
 
.itemdetail .tagline .strong{
margin-bottom:10px;
 color:#192a6e;

}
body.dark .itemdetail .tagline .strong{
  color: inherit;

}
.itemdetail .tagline p{
 
margin-bottom: 0;
}


.pricinfo{
background:#dff7f2;
 
padding:10px 20px;
box-sizing:border-box;
position: relative;
border-right: 3px solid #1fc6ae;
}
body.dark .pricinfo{
background:#062259;
}
@media only screen and (min-width: 992px) {
.pricinfo::after{
    content: '  ';
    width: 100vw;
background: #dff7f2;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    z-index: -1;
   }
 body.dark .pricinfo::after{
background: #062259
 }
 }


.itemdetail .pricinfo .pricestat{
color: #202020;
}
body.dark .itemdetail .pricinfo .pricestat{
color: #dadada;
}


.mainaubowrp{



box-sizing: border-box;
margin:150px 0 0 0!important;
z-index: 2;
}
.title.auctiontitle{
display:flex;
align-items:center
}
.title.auctiontitle figure{
width: 75px;
height: 60px;;
overflow: hidden;
display: block;
flex-grow:0;
flex-shrink:0
}
.title.auctiontitle figure img{
width: 60px;
height: 60px;;
object-fit:cover;
border-radius:200px
}

/*
.mainaubowrp::before{
position: absolute;
display: block;
content: ' ';

background: #f1f7ff;
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:#202020!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: 600;
font-size:1.8rem;
color: #202020

}
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.825rem;
font-weight:500
}
.bidvirw .noreserve{
background:#1fc6ae;
color:#fff;

font-weight: 700;
display:inline-block;
padding: 2px 6px;
 
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: #e8352b;

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: #e8352b;
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(31,198,174,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: #f1f7ff;
}
body.dark .status {
    
    background-color: #062259;

}



/* bank detail */
.cursaldo{
background:#ffcd15;
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 */
.invbox{
background:#ffcd15;
padding: 10px;;
max-width: 800px;
box-sizing:border-box;
display:flex;
align-items:center;
border-radius: 8px;
margin-bottom:20px;
box-shadow:1px 1px 1px 1px #dfe2e6;
justify-content: space-between;
font-size: .975rem;
font-weight: 600;

}
body.dark .invbox{
background: rgba(31,198,174, 0.25);
box-shadow:none
}
.invbox .loginlogo .logotxt::before{
margin-bottom:0  
}
.invbox .loginlogo .logotxt{
margin: 0 10px 0 0

}
.invbox i{
 color: #385ef9
}
.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) {
max-width: 800px;
}
} 
.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: flex-start;
gap: 10px;
padding: 16px;
background: #f1f7ff;
background: #fff;
border-radius: 8px;
text-decoration: none;
color: inherit;
height: 100%;
box-sizing: border-box;

font-size:1.35rem;
box-shadow:1px 1px 1px 1px #dfe2e6;
font-weight: 500;
flex-direction: column;

}
body.dark .mytopul a {
background: #1e3b99;;
box-shadow:none
}
.mytopul a i{
font-size:2.2rem;
display:block;
width: 2.3rem;
 
display: block;;
margin-bottom: 8px;
 color:#c3c3c3
}
body.dark .mytopul a i{ 
color: #7a89b9
}
.mytopul a i.addlist{
   color:#385ef9
}
.mytopul a:hover {

background: rgba(255,255,255,0.75);
}
body.dark .mytopul a:hover {
background: #13255f;
}
.mytopul a span{
display: block;
font-size:0.925rem;
opacity: .6;
font-weight: 400;
}
/* 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(31,198,174,0.15);
width: 90px;
font-size:3rem;
text-align:center;
margin-right:20px;
padding: 10px 0;
border-radius:4px;
color:#1fc6ae;
flex-grow: 0;
flex-shrink: 0;

}
body.dark .whyus .whyico{
background:rgba(31,198,174,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:#385ef9
} 
body.dark .wlcminvt strong{

color:#dadada
}
.wlcminvt figure{
width: 90px;
height:90px;
flex-grow:0;
flex-shrink:0;
margin-right:15px;
overflow: hidden;
}
.wlcminvt figure img{
width: 90px;
height:90px;
object-fit:cover;
border-radius:100px
}
/*leaderboard*/

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

display:flex;
padding: 10px;;
justify-content:space-between;
border-radius:10px;
}
body.dark .leaderuser{
background:rgba(31,198,174,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:#f1f7ff;
}
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 {

overflow: hidden;

margin: 125px 0 0 105px;
min-height:400px;
background-position:center center;
background-size:cover;



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

.sllsimmbox {
  margin: 125px 0 0 0;
}

}

.bgwpd{
  min-height:400px;
width: 100%;
height:  100%;
backdrop-filter: brightness(98%) grayscale(100%) blur(3px) ;
background:rgba(56,94,249,.09);
}
.slprbinn {
min-height:400px;
width: 100%;
height:  100%;

background:rgba(255,255,255,.87);
display:flex;
flex-wrap:wrap;
flex-direction:column;
align-items:center;
justify-content:center;

padding: 30px ;
box-sizing:border-box;

text-align:center;

}
body.dark .bgwpd {
background:rgba(4,21,54,.25);
}
body.dark .slprbinn {
 
background:rgba(4,21,54,.7);
}
.sllsimmbox h3 {
font-size:2.6rem;
margin-bottom:20px;
font-weight: 500!important;

 color:#192a6e;
}

.sllsimmbox h3 span{
color: #1fc6ae;
font-weight: 700;
display: block;
}

.sllsimmbox p {
 color:#192a6e;
margin-bottom: 30px;
font-size: 1.4rem;
font-weight: 400;
}

body.dark .sllsimmbox p {
 color:inherit
}
.promobutton {
background: none;
border:2px solid #202020;
color:#202020;



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;
}
body.dark .promobutton {

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




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

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

}
.striperror{
color: #e8352b;
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(232,53,43,0.15);
}
.existingc.validcard{
background: rgba(31,198,174,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% - 650px);
flex-grow:0;
flex-shrink:0;
}
.flexbox .logincontent{
width: 650px;
flex-grow:0;
flex-shrink:0;

}

}

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

}
body.dark .loginwrap .logintext{
background: #062259;
}
.loginwrap .logintextlow{
padding:0 30px;

}
@media only screen and (min-width: 992px) {
.loginwrap .logintextlow{
padding:0 30px 0 80px;

}
}
.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
}


/* tmp bnnrbox footer*/
#xoo9398{
  position:fixed;
  width: 100%;
  padding: 15px 0;
  background:#ffcd15;
  left:0;
  bottom:20px;
  z-index: 55;
  box-sizing:border-box;
  text-align:center;
  font-weight:500;
  color: #202020;

}
.tmpwrnbnr .fa-solid{
  color:#385ef9;
  cursor: pointer;
}