@charset "UTF-8";
/* 
CSS styles, Classified script Pro by Evesi.com 
copyright 2012 - 2024 new version v24 
*/
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@500;600;700&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300&display=swap');


* {
margin: 0;
padding: 0 
}
html {
height: 100%;
width: 100%;
background: #fff;
}
body {
background:#f5f8fd ;
overflow-x: hidden;
max-width:100%;
}
body.toppad {
padding-top: 167px 
}
body, input, select, textarea, .standardinput, .styleselect {
font-family: 'Source Sans Pro', sans-serif, arial;
font-optical-sizing: auto;
font-size: 100%;
font-size: 18px;
font-weight: 400;
color: #4f4f4f;
}
*,*:focus,*:hover{
outline:none;
}
/* v24 2024 evesi.com Marbella*/
.fa-thumbtack{
rotate: 330deg;
}
.relative{
position:relative;
}
.cursor, .clickpage{
cursor:pointer 
}

hr {
border: none;
margin: 40px 0 40px 0;
border-top: 1px solid #00b6d1;
}
/* mains */
.flexboxall{
display: flex;
justify-content: space-between;
align-items: center 
}
.flexboxall.flstart{
justify-content: flex-start
}
@media only screen and (min-width: 992px) {
.flexbox{
display: flex;
justify-content: space-between;
align-items: stretch 
}
.flexbox .child{
width: 49%;
}
.flexbox .child33{
width: 32%;
}
.flexbox.fxstart{
  align-items:flex-start
}
.onlymobile{
display: none!important;
}
}
@media only screen and (max-width: 991px) {
.flexbox .child,.flexbox .child33{
width: 100%;
margin-bottom: 20px;
}
.nomobile{
display: none!important;
}
}
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;
}
.embedbox {
height: 1px!important;
max-height: 1px!important;
border: 0;
overflow: hidden;
width: 100%;
background: #1a1c1d;
display: none;
}
strong,.strong{
font-weight: 600;
font-family: 'Cabin', 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;
}
.space{
margin-top: 30px!important 
}
.lowspace{
margin-top: 10px!important 
}

.center{
text-align: center!important 
}
.left{
text-align: left!important 
}
.right{
text-align: right!important 
}
img{
max-width: 100%;
border: 0;
}
.blue{
color:#253974!important 
}
.clear{
clear: both;
font-size: 0 
}
.title{
display: block;
font-weight: 600;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
color: #001553;
}
.hidden {
display: none;
}
.warn {
background: #eeeeee;

border-left:5px solid #00b6d1;

font-weight:600;
padding: 20px;
margin: 20px 0 
}
.validatewebsite {
position: absolute;
left: -9999px;
top: -9999px;
opacity: 0;
}
.txtgreen {
color: #00b6d1;
}
.warn a{
color: inherit;
text-decoration: underline;
}
.warn p, .warn ul {
margin-bottom: 0!important 
}
.warn .button {
margin: 15px 15px 0 0!important 
}
/* main wrapper */
.wrapper {
width: 1600px;
max-width: calc(100% - 10px);
margin: 0 auto;
}
.wrapperxl {
width: 1800px;
max-width: calc(100% - 10px);
margin: 0 auto;
}
.wrappersmall {
width: 1200px;
max-width: calc(100% - 10px);
margin: 0 auto;
}
.wrapperxtsmall {
width: 800px;
max-width: calc(100% - 10px);
margin: 0 auto;
}
@media only screen and (max-width: 991px) {
.frontpage .wrapper,.searchresults .wrapper{
max-width: 100%;
}
}
.maxdasbw{
max-width:850px
}
.column33{
width: 33.3333%;
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;
}
@media only screen and (max-width: 991px) {
.column33,.column40, .column50,.column60{
width: 100%;
float: none;
margin-top:20px
}
}
.pright{
padding-right: 30px;
}
.mright{
margin-right: 10px;
}
@media only screen and (max-width: 991px) {
.column50.pright{
padding-right: 0;
}
.column50.mright{
margin-right: 0;
}
}
/* form und buttons */
.formrow {
margin-bottom: 25px;
}
.error-row {
background-color: rgba(0,182,209,0.05) !important;
border: 2px solid #00b6d1 !important;
border-radius: 10px!important;
padding: 10px !important;
box-sizing:border-box;
margin-bottom: 15px !important;
transition: all 0.3s ease;
}
.formrowwebsite{
position:absolute;
top:-9000px;
left:-9000px;
height:0.1px;
width:0.1px;
overflow:hidden;
}
.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.85rem;
font-weight: 600;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
color:#253974;
}
.formrow .txtexplain {

display: block;
margin: 0 0 10px 5px;

font-size: 0.875rem;

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

.form-slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius:50px;
background: #00b6d1;
cursor: pointer;
}
.form-control {
background-color: #ffffff;
border: 1px solid #f1f1f1;
border-radius: 4px;
font-size: 0.875rem;
color: #888888;
padding: 14px 18px;
-webkit-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
width: 100%;
font-family: "Muli", Arial, Helvetica, sans-serif;
font-weight: 600;
}
.form-control.smaller{
font-size: 0.775rem;
padding: 10px 12px;
}
.form-control.multi{
height: auto;
}
.formrow.flexform  .form-control {
width:49%
}
.password {
padding-right: 50px;
float: left;
}
.fpassshow {
width: 30px;
float: left;
line-height: 42px;
height: 42px;
text-align: center;
margin-left: -40px;
font-size: 1.2rem;
cursor: pointer;
color: #ccc;
}
.fainput {
display: block;
padding: 8px 12px;
font-family: "Muli", 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 #253974;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
color: #001553;
}
.form-control.textarea {
height: 140px;
font-weight: 500;
resize: vertical;
}
.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%23253974%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: 500;
}
.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\ 5 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";
font-size: 1rem;
color: #ccc;
width: 20px 
}
/* unchecked icon */
input[type=checkbox]:checked + label:before {
content: "\f14a";
font-weight: 900;
color: #253974}
/* checked icon */
input[type=radio] + label:before {
content: "\f111";
width: 20px;
color:#ccc 
}
/* unchecked icon */
input[type=radio]:checked + label:before {
content: "\f192";
color:#253974}
.replace-check {
cursor: pointer;
display: inline-block;
margin-right: 10px;
font-size: 0.9725rem;
background: rgba(255,255,255,0.5);
font-weight: 600;
border-radius: 50px;
padding: 9px 15px;
}
.replace-check.nobg{
background: none;
padding: 0 0;
}
.replace-check a {
color: #253974;
text-decoration: none;
}
.replace-check a:hover {
color: #253974;
text-decoration: underline;
}
.toclfav{
cursor: pointer;
}
.button {
border:1px solid #253974!important;
background: #253974;
box-sizing: border-box!important;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-size: 1.05rem!important;
color: #ffffff!important;
text-decoration: none!important;
font-weight: 600;
border-radius: 5px!important;
cursor: pointer;
 
padding: 8px 22px!important;
text-shadow: none!important;
box-shadow: none;
display: inline-block;
-webkit-appearance: none;
width: auto!important ;
white-space: nowrap;
display: inline-flex;
justify-content:center;
align-items:center;
}
.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 {
 
font-size: 0.925rem!important; 
padding: 2ox 18px!important;
}



@media only screen and (max-width: 991px) {
.button {
 
font-size: 0.925rem!important; 
 
padding: 4px 15px!important;
 
}
.button.smaller {
 
font-size: 0.725rem!important; 
padding: 4px 12px!important;
}
}



.button.full {
width: 100%!important;
text-align: center;

}
.button.green {
background: #00b6d1!important;
border-color:#00b6d1!important;
}
.button.line {
background: none!important;
color: #253974!important;
border-color: #253974!important;
 
}
.button.white {
background: #fff!important;
border-color: #fff!important;
color: #4f4f4f!important;


}

.button.facebook {
background: #fff!important;
color: #4f4f4f!important;
border-color:  #f1f1f1!important;
 

}
.button.facebook i {
font-weight: 400!important;
color:#0866ff;
}
.button.oauth {
background: #fff!important;
color: #4f4f4f!important;
border-color: #f1f1f1!important;
 

}
.button.oauth i {
font-weight: 400!important;
color:#d44837;
}
.button.whatsappown {
background: #25D366!important;
border-color: #25D366!important;
color: #fff!important;
 
 
 
 
}
@media only screen and (max-width: 991px) {
  .button.whatsappown {
 
}
}
 
.button.whatsappown i{
margin:0 0 0 0;
}
.button:hover {
opacity:0.6 
}
.button i{
margin-right:4px 
}
/* header and top menu new header */

@media only screen and (max-width: 991px) {
body{
padding-top: 60px 
}

}
@media only screen and (min-width: 992px) {
body{
padding-top: 70px 
}
}

body.shortheader{
padding-top: 0 
}
@media only screen and (max-width: 991px) {

.tophead{
background: #fff;
box-sizing: border-box;
height: 60px;
width: 100%;

position: relative;


position: fixed;
top: 0;
z-index: 5652;
box-shadow: 0 0 10px #e3e3e3;
}
.tophead .tophsearch{
cursor:pointer;
color:#253974;;
background:#eeeeee;;
padding: 2px 6px 2px 80px;
border-radius:20px
}
@media only screen and (max-width: 510px) {
.tophead .tophsearch{
padding: 2px 6px 2px 40px;
}
}

.tophead .subdownmenu{
display:none;
position: absolute;
background:#ffffff;
z-index: 54665;
width: 100%;
top:4px;
left: 0;
padding: 10px;
box-sizing:border-box;
text-align:left;
box-shadow: 5px 5px 5px #e3e3e3}
.tophead .subdownmenu .button{
width:100%!important;
text-align:center!important;
margin: 40px 0 20px 0!important;
}

}
.tophead .mnuactv{
display:inline
}
@media only screen and (min-width: 992px) {

.tophead{
background: #fff;
box-sizing: border-box;
height: 70px;
width: 100%;


position: fixed;
top: 0;
z-index: 5652;
box-shadow: 0 0 10px #e3e3e3;
}

.tophead .tophsearch{
cursor: pointer;
background:#eeeeee;
text-align:right;
border-radius:50px;
width: 220px;
padding: 7px 10px;
color:#253974;
font-size:1.2rem;
position: relative;
}
@media only screen and (max-width:1280px) {
.tophead .tophsearch{
width: 90px;
}
}
.tophead .mnuactv{
position:relative
}
.tophead .subdownmenu,.tophead .topusermn .menymcm{
border-top:4px solid #00b6d1;
display:none;
position:absolute;
background:#ffffff;
z-index: 54665;
width: 450px;
padding: 10px;;
box-sizing:border-box;
box-shadow: 0 0 12px rgba(227,227,227,0.85);
top:0;
text-align:left;
left:0;

}
.tophead .topusermn{
white-space:nowrap;
}
.tophead .logoff i{
color:#253974;
display:inline
}
.tophead .topusermn .menymcm{
left:auto;
right:0;
top:-9px;


}
.tophead .topusermn a.hvyico{
margin: 0 12px;

border-radius:50px;


line-height:36px;
text-align:center;
disply:flex;
align-items:center;

}
.tophead .topusermn a.hvyico i{
height:36px;
width:36px;
display:inline-block;
font-size:1.2rem;
border-radius:50px;


line-height:36px;
color: #00b6d1;
}
.tophead .topusermn a.hvyico i:hover{
box-shadow: 0 0 10px #e3e3e3;
}
.tophead .topusermn a.hvyico .xlpls{
font-size:0.825rem;
font-weight: 600;
color:#253974;;
}
.tophead .topbutton{
color:#ffffff;
background:#253974;
box-sizing: border-box;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-size: 1.05rem!important;
text-decoration: none!important;
font-weight: 600;
border-radius: 5px!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 

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

}
}
@media only screen and (max-width: 991px) {
.tophead .topbutton{
color:#253974;
background:#eeeeee;
box-sizing: border-box;

border-radius: 200px!important;

line-height: 34px!important;
height: 34px;
padding: 0 0!important;
text-shadow: none!important;
box-shadow: none;
display: inline-block;
-webkit-appearance: none;
width: 34px!important ;
text-align: center;

}
.tophead .menymcm{
display:none;
position: absolute;
background:#ffffff;
z-index: 54665;
width: 100%;
top:4px;
left: 0;
padding: 10px;
box-sizing:border-box;
box-shadow: 5px 5px 5px #e3e3e3}
.tophead .hvyimob{
margin: 0 10px;
}
}
.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{
display: block;
padding:10px 8px;
font-weight:600;
font-size:0.9725rem;
margin-bottom:10px;
border-radius: 5px!important;
}
.tophead .menymcm a i{

color:#253974;
width:28px;
display:inline-block
}
.tophead .menymcm a:hover{
background:#eeeeee;


}
.tophead .menymcm a:hover i{


}
.tophead .mobilerondbutton{

color:#ffffff;
background:#253974;
box-sizing: border-box;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-size: 1.05rem!important;
text-decoration: none!important;
font-weight: 600;
border-radius: 5px!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{
font-size: 1.4rem;


overflow: hidden;
letter-spacing: -1px;
color: #001553;
white-space: nowrap;

font-weight: 600;
font-family: 'Cabin', Arial, Helvetica, sans-serif;

}
.tophead .hlogo .logotxt::before,.loginlogo .logotxt::before{
content: "\f21c";
font-family: 'Font Awesome\ 5 Free';
padding-right: 6px;
font-weight: 900!important;
color: #00b6d1;

display: inline-block;
}

.tophead .hlogo .logoimg{

height:60px;
display:flex;
align-items:center;
overflow:hidden;
}
.tophead .hlogo .logoimg img{
max-height:60px!important;
width:auto!important;
}
@media only screen and (max-width: 991px) {
.tophead .hlogo .logoimg{

height:50px;
max-width:180px

}
}
.tophead .formrow{
margin-bottom: 10px;
}
.tophead .subdownmenu .bmsel{
margin-bottom: 0;
}
.tophead .subdownmenu .bmsel select{
margin-bottom:10px 
}
.tophead .closetmn{
font-weight: 600;
cursor:pointer;
margin-bottom:20px;
color:#253974;
font-size:1.2rem;


}
.tophead .closetmn::after {
content: "";
clear: both;
display: table;
}

.tophead .closetmn i{
float:right
}
.tophead .hascontr{
position: relative;
}
.tophead .messcounter{
position: absolute;
background:#253974;
color:#ffffff;

display: none;

font-size: 0.725rem;
font-weight: 600;

line-height: 16px;
text-align: center;
width: 16px;
border-radius: 100px;
height: 16px;

top: -5px;
left:18px;
z-index:303
}
@media only screen and (max-width: 991px) {
.tophead .messcounter{
background:#00b6d1;
top: 10px;
right:auto;
left:8px
}
.tophead .fklogibb .messcounter{
top: -5px;
right:-5px;
}
}
.tophead .messcounter.visible{
display: block;
}
/* end header */
.mainpage{
padding-top: 50px;
min-height: calc(100vh - 180px);
}
@media only screen and (max-width: 991px) {
.tophead .hlogo .logotxt,.loginlogo .logotxt{

font-size: 18px;
}
.mainpage{
padding-top: 60px;
}
}
@media only screen and (max-width: 599px) {
.tophead .hlogo .logotxt,.loginlogo .logotxt{

font-size: 15px;
}
.tophead .hlogo .logotxt::before{
font-size: 18px;
}

}
body.shortheader .tophead{
display:none
}
body.shortheader .mainpage, body.nomainpage .mainpage{
padding-top:0;
min-height: 100vh;
}

.classic{
background: #eeeeee;
padding: 10px 0;

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

padding: 10px 0
}
}
body.shortheader .classic{
display:none
}

@media only screen and (min-width: 992px) {
.classic .form-control{
margin-bottom: 0!important
}
.mpsearch{
width: 100%;
align-content:stretch;
display: flex;
justify-content: space-between
}
.mpsearch .hsreach{
flex-grow: 2;
}

.mpsearch .mobfrm{
display: flex;
width: 60%;
flex-shrink: 0
}
.mpsearch .button.setloc{
border-radius:  0 0 0 0!important;
}
.mpsearch #s_keyword{

border-radius:  5px 0 0 5px !important
}

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

.mpsearch{

display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.mpsearch .hsreach{
flex-grow: 2;
}
.mpsearch #s_keyword{
order: 1;
wxidth: calc(100% - 47px);
border-radius:  5px 0 0 5px !important;

}
.mpsearch .button{
order: 2;
flex-shrink: 2;
width: 47px;
box-sizing: border-box
}


.mpsearch .mobfrm{
display: flex;
flex-wrap: wrap;
order: 3;
width: 100%;
flex-shrink: 0
}
.mpsearch .mobfrm.hidden{
display: none
}
.mpsearch .button span{
display: none
}
.mpsearch .button.setloc{
width:100%!important;
}
}
.mpsearch .form-control{
border-radius: 0;
box-sizing: border-box;
margin-bottom: 5px
}
.mpsearch .form-control.mobhlf{
width: 50%;
box-sizing: border-box
}
.mpsearch .button{
height: 47px;
line-height: 47px;
margin: 0;

border-radius: 0 5px 5px 0!important
}
/* main und standard content pages */

#preview {

margin-top: 20px;
}
.preview-image {
width: 200px;
height: 140px;
object-fit: cover;
float:left;
margin: 0 20px 20px 0;
background:#eee;
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{

position:absolute;
bottom:0;
width: 100%;
display:flex;
justify-content: space-between;
padding: 5px;
box-sizing:border-box;
color:#fff;
text-shadow:0 0 4px rgba(0,0,0,0.75);
font-size:0.97rem

}
.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.9;
}
}
.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:#253974;
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: #253974}
.content a:hover {
opacity: 0.8;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .title,.listbox .detailbox .options .detprice {
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
}
.content h1 {
margin-bottom: .5em;
color: #001553;
font-size: 2em 
}
.content h2 {
margin-bottom: .5em;
color: #001553;
font-size: 1.8em 
}
.content h3 {
margin-bottom: .5em;
color: #001553;
font-size: 1.6em 
}
.content h4 {
margin-bottom: .3em;
color: #001553;
font-size: 1.4em 
}
.content h5 {
margin-bottom: .3em;
color: #001553;
font-size: 1em 
}
.content p, .content ul, .contentpage ul,.content ol, .contentpage ol, .contentpage table {
margin-bottom: 20px 
}
.content p {
line-height: 26px 
}
.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
}
@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: #253974}
.contentpage ul li a{
color:#888888;
display: block;
}
.contentpage ul li a:hover {
color: #253974}
ul.optionlist {
list-style: none!important;;

font-size: 0.9275rem;
column-count: 3
}
ul.optionlist li {
margin: 0 10px 4px 0;
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{
margin-bottom: 40px;
}
.frontpage .fromlist{
color:#001553;
font-size: 1.1rem;
margin: 0 0 20px 0;
}
.frontpage .fromlist::after{
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
margin-left: 5px;
font-weight: 900!important;
color: #00b6d1 
}
@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: #fff;
padding: 18px 12px 12px 12px;
box-sizing: border-box;
border-radius: 10px;

box-shadow: 0 0 12px #e3e3e3;

}
.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;
}
}
/* special icons for cats 
.frontpage .fpcatleft #fpc_3::before{
content: "\f5e4";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
margin-right: 3px;
font-weight: 900!important;

}
*/
@media only screen and (min-width: 1280px) {
.latestycon{
display:flex;
justify-content:space-between;
}
.latestycon .fplatest{
width:calc(100% - 460px);
flex-grow:0;
flex-shrink:0;
margin:0;
padding:0 
}
.latestycon .fpnewcnt{
width:420px;
box-sizing:border-box;
flex-grow:0;
flex-shrink:0;
margin:0;
display:flex;
flex-wrap:wrap;
align-content: space-between 
}
.fpnewcnt div{
width:100%;
flex-grow:0;
flex-shrink:0;
}
}
.frontpage .fpcatleft .ccatleft ul li a,.fpnewcnt ul li a {
display: block;
font-size: 0.9725rem;
padding: 9px 18px 9px 12px;
color: inherit;
text-decoration: none;
background: #fff;

border-radius: 2px;

position:relative;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;

-webkit-transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-o-transition: background .1s ease-in-out;
transition: background .1s ease-in-out 
}
.fpnewcnt ul li a {
background: none;
}
.frontpage .fpcatleft .ccatleft ul li a::after,.fpnewcnt ul li a::after{
content: "\f054";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-left: 6px;
color: #fff;
position:absolute;
right:12px 
}
.fpnewcnt ul li a::after{
color: inherit;
}
.frontpage .fpcatleft .ccatleft ul li a.veall::after {
color: #00b6d1;
}
.frontpage .fpcatleft .ccatleft ul li a:hover::after,.fpnewcnt ul li a:hover::after {
color: #00b6d1;
}
.frontpage .fpcatleft .ccatleft ul li a:hover{
text-decoration: none;
color: #253974;
background: #eeeeee;
}
.fpnewcnt ul li a:hover {
opacity: 0.6;
}
.fpnewcnt .hndlknk{

background: #ffffff;
border-radius: 10px;
padding:20px;
box-sizing:border-box;
margin: 30px 5px 5px 5px;
width:calc(100% - 10px)
}
@media only screen and (max-width: 991px) {
.fpnewcnt h1,.fpnewcnt h2,.fpnewcnt h3{
font-size:1.6rem!important;
}
}
.fpnewcnt .hndlknk h5{
margin:0 0 12px 0;
padding:0;
}
.fpnewcnt .hndlknk ul li a{
padding: 6px 18px 6px 0;
} 
.fpnewcnt .hndlknk ul   {
margin: 0 0 0 0!important;

}
.frontpage .nacplaceas{
background:#00b6d1;
color:#fff;
font-weight: 600;
text-align:center;
padding:15px 2px;
margin-top:30px;
}
.frontpage .nacplaceas a{
color:inherit;
display:block 
}
.frontpage .fpcatleft .title {
margin-bottom: 20px 
}
.fpnewcnt{
box-sizing:border-box;
background:#eeeeee;

border-radius: 10px;

}
.fpnewcnt .ptext{
padding:25px;
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 ul{
list-style:none 
}
.catbox .title {
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-size: 1.1em;
display: block;
font-weight: 600;
color: #001553;
padding: 20px 0 0 20px;
}
@media only screen and (max-width: 991px) {
.catbox .title {
padding: 20px 0 0 10px;
}
}
.catbox .title .submore {
color: #253974;
font-family: 'Source Sans Pro', 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: #253974;
}
.catbox a {
text-decoration: none;
color: inherit 
}
.catbox a:hover {
color: #253974;
}
.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: #253974}
.catbox ul li a {
display: block;
padding: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.catbox ul li a:hover {
color: #253974}
.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 {
  margin-bottom:40px
}
.sidemenu ul {
margin:0;
list-style: none;
background: #ffffff;
padding:10px;
border-radius: 10px;
}
.sidemenu ul li {
padding: 5px;
/*
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
*/
box-sizing: border-box;
font-weight:600;
font-size: 0.925rem;
}
.sidemenu ul li a::before{
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 10px;
color: #253974}
.sidemenu ul li a {
display: block;
color: inherit;
}
.sidemenu ul li a:hover {
color: #253974}
/* standard information content page */

@media only screen and (max-width: 991px) {
.newcontent{
display:flex;
flex-direction:column
}
.newcontent .cntleft{
order:2;
width: 100%:;
}
.newcontent .cntright{
order:1;
width: 100%:;
margin-bottom:20px
}
}

@media only screen and (min-width: 992px) {
.newcontent{
display:flex;
justify-content:space-between;
}
.newcontent .cntleft{
width: 250px;
}
.newcontent .cntright{
width: calc(100% - 280px);
}
}

.cntright.stdcbright,.blogleft.stdcbright{


background:#ffffff;
padding: 40px 30px 40px 30px;
box-sizing: border-box;
border-radius: 10px;

}
/* member menu */
.membermenu {
margin-bottom: 30px 
}
.flowbuttons{
}
.flowbuttons ul{
list-style:none;
display:flex;
align-items:center;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
.flowbuttons ul::-webkit-scrollbar {
display: none!important;
}
.flowbuttons ul li{
background: #eeeeee;;
border-radius:50px;
margin-right:10px;
padding: 3px 15px;
height:36px;
box-sizing:border-box;
line-height:30px;
font-size:0.925rem;
flex-shrink:0 ;

-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3 ease-in-out;
-o-transition: opacity .83s ease-in-out;
transition: opacity .3s ease-in-out 
}
.flowbuttons ul li:hover{
opacity:.6 
}
.flowbuttons ul li a{
color:#001553;
font-weight:600;
white-space:nowrap 
}
.flowbuttons .memberview{
padding-left:2px;
}
.flowbuttons .memberview a{
display:flex;
align-items:center 
}
.flowbuttons .memberview img{
height:30px;
border-radius:50px;
}
.flowbuttons ul li img, .flowbuttons ul li i{
margin-right: 4px;
color:#00b6d1;
}
.memberright{
}
@media only screen and (max-width: 991px) {
.memberright{
}
}
.memberright .memsuboption{
margin-bottom: 20px;
}
.memberright .memsuboption a{
margin-right: 20px;
font-size:0.925rem;
font-weight:600
}

.memberright .memsuboption a::after{
content: '\f105';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-left: 4px;
}
.commtext {
margin: 20px 0 
}
/* 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(227,227,227,0.5);
;
*/
}
.listbox .adminwarn{
display: block;
color:#fff;
background: #00b6d1;
padding: 4px;
}
.listbox .adminwarn::before{
content: '\f071';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 8px;
}
.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:#253974;
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:#001553;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
}
.listbox.topper .detailbox .title::before {
content: "\f005";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
width: 25px;
font-weight: 400!important;
color: #253974;
}
.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:#253974;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
display: block;
font-weight: 600;
}
/* 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: #001553}
.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: #001553}
.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: 0.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: #253974}
.listbox.sponzr .detailbox .ddescr{
height: 60px;
}
/* class detail page zindex */
.detailleft {
width: calc(100% - 400px);
float: left;
background:#eeeeee;
padding: 40px;
box-sizing: border-box;
border-radius: 10px;

}
.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: #00b6d1;
padding:15px;
margin-bottom: 20px;
}

/* addetails */
.itemdetail{

}
.itemdetail .shbanvr{
margin-bottom:30px;
}
.newdettop{
margin-bottom:100px
}
@media only screen and (min-width: 1280px) {
.newdettop{
width:100%;
display:flex;
justify-content:space-between;
align-items:stretch
}
.newdettop .itmeimgbox{
width: 700px;
flex-grow:0;
flex-shrink:0;
text-align:center;

}
.newdettop .itmedetailbox{

width: calc(100% - 740px);
flex-grow:0;
flex-shrink:0;

display:flex;
flex-wrap:wrap;
align-content:space-between;


 
}
.newdettop .itmedetailbox .itmedetop,.newdettop .itmedetailbox .itmedebotm{
width: 100%;
flex-shrink:0
}
.newdettop .itmedetailbox .itmedebotm, .newdettop .itmedetop{

 

}

 
}

@media only screen and (max-width: 1279px) {
  .newdettop .itmeimgbox{
margin-bottom:10px;
}
.newdettop .itmedetailbox{
margin-bottom:40px;

 

display:flex;
flex-wrap:wrap;
 


}
.newdettop .itmedetop{
  width:100%;
  order: 20;
}
.newdettop .itmedebotm{
  order: 40;
  width:100%;
   
}
.newdettop .newimthumbs{
 order: 10;
  width:100%;
  margin-bottom:10px;
 
}
}
.newdettop .itmedetailbox .itmedebotm{
position:relative

}
 
.newdettop .itmedetailbox .itmedebotm .contact{
display:none;
position:absolute;
z-index:2;
width:100%;
background:#ffffff;
padding:0 20px 20px 20px;
box-sizing:border-box;
box-shadow: 0 10px 20px #e3e3e3;
margin-top:-10px
}
.newdettop .itmedetailbox .itmedebotm .contact.show{
display:block;
}
.newdettop .newimthumbs {
    width: 100%;
    overflow: hidden;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.newdettop .newimthumbs::-webkit-scrollbar {
    display: none;
}

.newdettop .newimthumbs.active {
    cursor: grabbing;
    scroll-behavior: auto; /* Schakel smooth scroll uit tijdens slepen */
}
 
.newdettop .newimthumbs figure{
    height:100px;
    flex-shrink:0;
    flex-grow:0;
    margin-right:10px;
    user-select: none;
    -webkit-user-drag: none;
}
@media only screen and (max-width: 991px) {
.newdettop .newimthumbs figure{
    height:70px;
}
}
.newdettop .newimthumbs figure img{
    height:100%;
    cursor:pointer;
}
   @media only screen and (max-width: 991px) {
 
.imttophead{
display:flex;
 flex-wrap:wrap;
justify-content: flex-start;
 
}
}
  @media only screen and (min-width: 992px) {
.imttophead{
display:flex;
justify-content:space-between;
align-items: flex-start;
 
}
  }
 

.imttophead i{
margin-left:20px;
font-size: 1.2em;
cursor: pointer;

}
.imttophead .favorite.fas{
color:#253974!important 
}
.imttophead h1{
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
color:#001553;
font-size: 1.8em;
margin-bottom: 3px ;
max-width:680px;

}
.imttophead .ssocial{
position: relative;
display: inline-block; 
white-space:nowrap;
color: #00b6d1;
}

  @media only screen and (max-width: 991px) {
    .imttophead h1{
font-size: 1.4em;
width:100%;
flex-shrink:0;
margin-bottom: 12px ;
order: 22
}
.imttophead .ssocial{
 order: 1;
 margin-bottom:10px;
 width:100%;
flex-shrink:0;
text-align:right;
 

}
}
  @media only screen and (min-width: 992px) {
    .imttophead .ssocial{
padding-top:12px

}
}

.ssocial ul{
position: absolute;
 
background: #fff;
margin: 0;
padding: 10px;
list-style: none;

box-shadow: 0 0 12px rgba(227,227,227,0.5);
z-index: 10;  
display: none;  
font-size: 1.4rem;



}
  @media only screen and (min-width: 992px) {
    .ssocial ul{
 
top: 100%;  
left: 0;
 



}
}
  @media only screen and (max-width: 991px) {
        .ssocial ul{
 
top: 100%;  
right: 30px;
 



}
}
.ssocial ul li{
padding: 0;
margin: 0 0 10px 0;
}
.ssocial ul li i{
margin:0;
color: #253974;
}
.ssocial ul li.notify i{
color:#00b6d1;
margin-top:30px

}

.itmedetop .toppert{
color:#00b6d1;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
margin-bottom: 20px;

}
.itmedetop .toppert::before{
content: '\f005';
font-family: 'Font Awesome\ 5 Free';
font-weight: 400;
margin-right: 6px;
}
.dtesla{
display:flex;
align-items:center ;
white-space:nowrap;
margin-bottom:30px;
flex-wrap:wrap
}
.dtesla .price{
font-weight: 600;
font-size: 1.1em;
margin: 0 20px 0 0 ;
color:#253974;
max-width:100%;
text-overflow: ellipsis;
overflow:hidden;
}
.dtesla .posted{
margin: 0 20px 0 0 ;
font-size:0.825rem 
}
.dtesla .posted::before{
content: '\f017';
font-family: 'Font Awesome\ 5 Free';
font-weight: 400;
margin-right: 6px;
}
.dtesla .viewed{
font-size:0.825rem 
}
.dtesla .viewed::before{
content: '\f06e';
font-family: 'Font Awesome\ 6 Free';
font-weight: 400;
margin-right: 6px;
}


.newdet{
}
@media only screen and (min-width: 992px) {
.newdet{
width:100%;
display:flex;
justify-content:space-between;
}
.newdet .newdetleft{
width: calc(100% - 470px);
flex-grow:0;
flex-shrink:0;

}
.newdet .newdetright{
width: 420px;
flex-grow:0;
flex-shrink:0;
}
}
@media only screen and (min-width: 1280px) {
.newdet .newdetleft{
width: calc(100% - 620px);
}
.newdet .newdetright{
width: 550px;
 
}
}
@media only screen and (max-width: 991px) {
.newdet{
}
.newdet .newdetleft{
margin-bottom:40px;
}
.newdet .newdetright{
}
}
.newdet .newdetright .title{
display: block;
font-size: 20px;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
color: #001553;
font-size: 1.1rem 
}








.itemdetail .ownrbx{

font-size: 1.0em;

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

display:flex;
justify-content:center;

}


.itemdetail .ownrbx .xownoption{

background:#eeeeee;

padding:6px 15px;
border-radius:50px;
margin: 0 0 100px 0
}
.itemdetail .ownrbx .xownoption a{
margin:0 15px;


}

.itemdetail .ownrbx i:hover{
opacity:0.6
}

 
 
.newdettop figure{
cursor: zoom-in;
position:relative;
box-sizing: border-box;
margin:0 0 0 0;
display:flex;
justify-content:center;
}
.newdettop figure img{
border-radius: 10px;
max-height:580px;
 width:100%;
object-fit:cover
}
 
 .newdettop .piccont{
    position:absolute;
    top:20px;
    right:20px;
    background:rgba(255,255,255,0.45);
    color:#fff;
    text-shadow:0 0 4px #666;
    border-radius:4px;
    padding: 2px 4px;
    font-size:0.925rem;
    font-weight:600;
    cursor: not-allowed;
  pointer-events: none;
  } 
 
 
.newdet .recaps{ 

margin-bottom:40px;

}

.newdet .recaps ul{
list-style:none;



}
.newdet .recaps ul li{
display:flex;
justify-content:space-between;
font-size: 0.925rem;
margin: 0 0 15px 0!important; 

}
@media only screen and (min-width: 1280px) {
.newdet .recaps ul {
display: flex;
flex-wrap: wrap;
gap: 15px 40px;
}

.newdet .recaps ul li {
flex: 0 0 calc(50% - 20px);  
}
}
.newdet .recaps ul li.right{
justify-content:flex-end;
}
.newdet .recaps ul label{
font-weight:600;
color:#001553 
}

.newdet .recaps ul li .pricejs{
font-weight: 600;
font-size:1.2rem;
color:#00b6d1 
}
.newdet .title,.similar .title{
font-size: 1.2em;
color: #001553;
margin-bottom: 20px;
}
.newdet .clienttext {
height: auto;
overflow: hidden;
margin-bottom: 30px;
line-height: 26px;


}

.newdet .clienttext ul, .newdet .clienttext ol {
list-style: disc;
list-style-position: inside;
margin: 0 0 20px 0!important;
}
.newdet .clienttext ul, .newdet .clienttext ol, .newdet .clienttext p {
margin-bottom: 20px 
}
.newdet .clienttext ul p, .newdet .clienttext ol p{
display: inline;
margin-bottom: 0
}
.newdet .clienttext .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 30px 
}
.newdet .clienttext .video-container iframe, .newdet .clienttext .video-container object, .newdet .clienttext .video-container embed {
position: absolute;
border: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.newdet .clienttext.maxheight {
height: 230px 
}
.newdet .clientag{
}
.newdet .clientag span {
cursor: pointer;
display: inline-block;
float: left;
border: 1px solid #253974;
color:#253974;
border-radius: 4px;
padding: 0 6px 0 6px;
line-height: 24px!important;
height: 24px!important;
font-size: 0.8em;
margin: 10px 4px;
}
.newdet .usermaps{
margin: 0 0 50px 0;
}
.newdet .usermaps #map {
width: 100%;
height: 350px;
border-radius: 10px;
position:relative;
z-index:1
}
.newdet .usermaps #map iframe {
  position:relative;
width: 100%;
height: 100%;
border: 0 ;
border-radius: 10px;
z-index: -1
}
.similaritem{
margin-bottom:20px;
display:flex;
box-shadow: 0 0 8px rgba(227,227,227,0.5);

padding:12px;
box-shadow: 0 0 12px #e3e3e3;

background: #fff;

border-radius: 10px;
box-sizing: border-box;
}
.similaritem figure{
width:85px;
height:85px;
margin-right:10px;
flex-grow:0;
flex-shrink:0;
}
.similaritem figure img{
width:100%;
height:100%;
object-fit:cover 
}
.similaritem h5{
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
color:#001553;
margin-bottom: 8px 
}

.newdet .offpendingbox {
margin-bottom: 50px;
}
.itemdfbx{


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

padding:15px
}
}
.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: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
margin-bottom: 2px;
color: #001553;
font-size: 1.1rem 
}
.nnusrownr .ursloc{
font-size:0.8275rem;
opacity: 0.6;
}
.rightsearch .nnusrownr .ursloc{
margin-top: 5px;
}

.cttform{

}
.ownerbox{

box-sizing: border-box;
margin: 0 0 0 0;
position:relative;

padding:20px;

background: rgba(238,238,238,0.5);
border-radius:10px 0 10px 10px;

max-width:680px;

}
.icpompart{
position:absolute;
right:0;
top:0;
background:#00b6d1;
font-weight:600;
font-size:0.8725rem;
color:#fff;
padding:3px 10px 3px 10px;


}

.ownerbox .usrphn{
margin-top:20px;
display:flex;
justify-content:flex-start;
font-size:0.985rem ;
flex-wrap: wrap
}
.ownerbox .usrphn .button{
margin:5px 12px 5px 0
}
.ownerbox button.whatsapp{


}
.ownerbox ul, .newdet .offpendingbox ul {
list-style: none;
margin: 20px 0 
}

.newdet  .contact .inputfield, .newdet .offpendingbox .inputfield {
width: 100%;
margin-bottom: 12px!important 
}
.newdet .contact .nomargin, .newdet .offpendingbox .nomargin {
margin-bottom: 3px 
}
.ownerbox .tellink {
color: #253974;
}


.newdet .offpendingbox .makeoffr {
}
.newdet .offpendingbox .bidoverviewbox {
list-style: none!important;
padding: .5em 0;
text-align: right;
white-space: nowrap ;
font-size:0.925rem
}
.newdet .offpendingbox .bidoverviewbox li {
margin-bottom: 5px ;
display:flex;
justify-content:space-between;
}
.newdet .offpendingbox .bidoverviewbox .pricejs{
font-weight:700

}
.newdet .offpendingbox .bidoverviewbox label {
width: 35.5%;
padding: 0 1% 0 0;
text-align: left;

}
.newdet .offpendingbox .bidoverviewbox .usofname {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis 
}


/*floatbutton*/
.floatbutton{
display:none;
position:fixed;
bottom: 30px;
left: 50px;
z-index: 26 
}
.floatbutton .button{
box-shadow: 2px 2px 4px rgba(227,227,227,0.75);
}
@media only screen and (max-width: 991px) {
.floatbutton{
bottom: 20px;
left: 20px;
}
}
/* breadcrumb */
.topbread{
font-size:0.825rem!important;
line-height: 24px;
margin-bottom: 30px;
font-weight: 300;
display:flex;
align-items:center;

overflow-x: auto;
list-style: none;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
white-space:nowrap
}
@media only screen and (max-width: 991px) {
.topbread{
padding: 0 8px 0 8px;
margin-bottom: 20px;
}
.rightsearch .topbread{
padding-left: 5px;
}
}
.rightsearch .topbread{
margin-bottom: 20px;
}
.rightsearch .shbanvr{
margin-bottom: 30px;
}
.topbread a{
font-size:0.825rem!important;
display:flex;
align-items:center;
white-space:nowrap;
flex-wrap:nowrap
}
.topbread a.hidden{
display:none;
}
.topbread a:hover{
color:#253974;
}
.topbread .backtosearch{
margin-right: 20px;
}
.topbread .backtosearch::before {
content: "\f0d9";
font-family: 'Font Awesome\ 5 Free';
margin-right: 5px;
font-weight: 900!important;
}
.topbread .bthome{
margin-right: 20px;
font-weight:600 
}
.topbread .brnxt{
margin-right: 20px;
}

.topbread .brnxt::after {
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
margin-left: 5px;
font-weight: 900!important;
}
.topbread .resfound{
margin-left:15px;
}
.topbread .resfound::before {
content: "\f002";
font-family: 'Font Awesome\ 5 Free';
margin-right: 5px;
font-weight: 900!important;
}
/* moderator menu */



.adminmanage, .usermanage,.nonapproved {
background: #fff;
box-shadow: 0 0 12px #e3e3e3;

padding: 20px 30px;
margin-bottom: 30px;
border-radius: 10px;
}
.nonapproved p{
margin-bottom:8px 
}
.adminmanage i, .usermanage i {
color:#001553;
width: 25px 
}
.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:#253974}
.adminmanage ul li a, .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 a:hover, .usermanage ul li a:hover {
background:#eee 
}
/* notfound */
.notfound .icon{
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-size: 8em;
display: block;
font-weight: 600;
color: #253974;
margin-bottom: 30px;
}
.notfound .inner{
font-size: 2em;
margin-bottom: 200px;
}
/* bottom message counter */
#newmessages {
display: none;
cursor: pointer;
border-radius: 15px;
background: rgba(248, 248, 248, 0.8);
width: 100px;
padding: 15px;
text-align: center;
position: fixed;
bottom: 30px;
right: 50px;
box-shadow: 2px 2px 4px rgba(227,227,227,0.75);
z-index: 27 
}
#newmessages .title {
font-size: 30px;
margin-bottom: 5px;
color: #253974}
#newmessages p {
font-size: 11px 
}
@media only screen and (max-width: 991px) {
#newmessages {
border-radius: 25px;
width: 50px;
padding: 10px;
bottom: 20px;
right: 20px 
}
#newmessages .title {
font-size: 25px;
margin-bottom: 0 
}
#newmessages p, #newmessages #newmescounth1 {
display: none 
}
}
#cookiething {
display: none;
background:rgba(4,21,54,0.85);
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index: 5456333;
backdrop-filter: blur(8px);
}
#cookiething .showthis{

background: #253974;
height: auto;
color:#fff;     
position: absolute;
z-index: 99999999;     
border-radius: 10px;
padding: 40px 50px 40px 50px;
box-sizing: border-box;
}
@media only screen and (max-width: 1284px) {
#cookiething .showthis{
bottom: 40px;
left: 0;
width: 100%;
padding: 30px 20px 20px 20px;
border-radius: 0!important;
}
}
@media only screen and (min-width: 1285px) {
#cookiething .showthis{
width: 450px;
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 .adult h3::before{
content:'\f505';
}
#cookiething p {
margin: 0 auto;
padding-bottom: 15px;
font-size: 14px;
max-width: 80%;
width: 500px 
}
#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: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 700 
}
#prevnext a, #prevnext span {
background: #ffffff;
display: inline-block;
margin: 0 4px 8px;
line-height: 34px;
padding: 0 12px!important;
text-decoration: none 
}
#prevnext a:hover {
opacity: .5!important;
}
#prevnext span {
background: #00b6d1;
color: #ffffff 
}
.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;
float: left;
cursor: pointer;
}
.sortbox a.filterb {
font-size: 0.925rem;
margin-left: 12px;
background: #fff;
padding: 2px 12px;
border-radius: 50px;
}
.sortbox form {
display: inline 
}
.sortbox select {
float: right;
padding-right: 30px 
}
/*search template */
.leftsearch{
width: 280px;
float: left;
background:#ffffff;
padding: 18px 12px 12px 12px;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 0 12px #e3e3e3;

}
.rightsearch{
width: calc(100% - 320px);
float: left;
margin:0 0 40px 40px;
}
@media only screen and (max-width: 991px) {
.leftsearch{
width: 100%;
float: none;
padding:10px;
box-sizing: border-box;
display: none;
position: absolute;
z-index: 4546;
box-shadow:0 10px 10px #666;
}
.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 {
margin-bottom: 15px;
background: #ffffff;
padding: 10px;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out 
}
.notificationbox:hover{
box-shadow: 0 0 8px rgba(227,227,227,0.5);
;
}
.notificationbox.unread {
background: #ffffff
}
.notificationbox .notiffrom {
width: 100px;
float: left;
text-align: center;
font-size: 50px;
opacity: .3!important;
filter: alpha(opacity=30)!important 
}
.notificationbox.unread .notiffrom {
color: #253974;
opacity: .8!important;
filter: alpha(opacity=80)!important 
}
.notificationbox .notiffrom img {
width: 100px 
}
.notificationbox .notifmessage {
float: left;
padding-left: 20px;
width: -moz-calc(100% - 120px);
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px) 
}
.notificationbox .notifoption {
padding-top: 20px;
font-size: .85em;
text-align: right 
}
.notificationbox .notifoption a {
margin-left: 20px 
}
.chatoption {
padding: 15px 0;
text-align: center 
}
.chatoption a {
display: inline-block;
margin: 0 10px 
}
.blockeduseroverview .blockeduser {
background: #253974;
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);

}
}
#messagewrapper {
background: #ffffff;
box-shadow: 0 3px 5px #e3e3e3;
overflow:hidden;
border-radius: 10px
}
#messagelist {
background: #f6f6f6;
background:rgba(37,57,116,0.07);
height: calc(100vh - 500px);
box-sizing: border-box;
padding: 15px;
overflow: auto;
overflow-x: hidden ;
overflow-y: auto;
}
@media only screen and (max-width: 991px) {
.hideonchat{
display:none!important 
}
#fromuser{
display:none 
}
#tomuser{
width:100% 
}
#messagelist {
height: calc(100vh - 405px);
}
}
.messageb {
clear: both;
padding: 6px 10px;
max-width: 65%;
margin-bottom: 13px;

font-size: .95rem;
display: block 
}
.messageb .usercontnt {
margin-bottom: 5px 
}
.messageb .dateet {
font-size: .725em ;
opacity:0.6
}
.messageb.sendbyelse {
float: left;
background: #ffffff;
border-radius: 10px 10px 10px 0 
}
.messageb.sendbyme {
float: right;
background: #253974;
color:#ffffff;
border-radius: 10px 10px 0 10px 
}
.messageb.sendbyme i{
color:#ffffff!important;
}
.messageb.sendbyme .dateet {
text-align: right 
}
.messageb img {
max-height: 160px;
max-width: 160px;
}
#messagewrapper .respondbox {
padding: 10px 
}
#newpostmessage {

}
#newpostmessage #newmessage {
height: 60px;
float: left;
padding: 5px!important;
line-height: normal!important;
width: -moz-calc(100% - 166px);
width: -webkit-calc(100% - 166px);
width: calc(100% - 166px);
margin: 0!important 
}
#newpostmessage .textarea{
height:90px!important 
}
#newpostmessage .button {
width: 72px!important;
text-align: center;
height: 72px!important;
font-size: 25px!important;
float: left;
margin: 0 0 0 5px!important;
padding: 0!important;
border-radius: 5px!important 
}
#newpostmessage .button i {
margin: 0 
}
@media only screen and (max-width: 991px) {
#newpostmessage .button {
width: 80px!important;

height: 34px!important;
font-size: 18px!important;
float: left;
margin: 0 0 10px 5px!important;
}
}
#newpostmessage #pickfiles.button {
background: #ffffff!important;
}
#newpostmessage #pickfiles.button i {
color: #686868!important;
}
#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: #253974}
#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: #253974}
#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: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 400;
margin-bottom: 5px 
}
.messagebox {
background: #ffffff;
border-radius: 10px;
box-shadow: 0 0 12px #e3e3e3;
margin-bottom: 20px;
padding: 10px;
cursor: pointer 
}
.messagebox.unread {
}
.messagebox .messimgs {
width: 50px;
float: left 
}
.messagebox .messimgs .userpic, .messagebox .messimgs .itempic {
width: 40px;
height: 40px;


}
.messagebox .messimgs .userpic{
margin-bottom: 5px 
}
.messagebox .messimgs .userpic img {
border-radius: 50px 
}
.messagebox .messimgs .itempic {
background-position: center center;
background-size: cover!important;
border-radius: 50px 
}
.messagebox .messshort {
width: -moz-calc(100% - 190px);
width: -webkit-calc(100% - 190px);
width: calc(100% - 190px);
float: left 
}
.messagebox .messshort .title {
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
color: #253974;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 3px 
}
.messagebox .messshort .price {
color: #00b6d1;
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;
}
#newpostmessage #newmessage {
width: -moz-calc(100% - 94px);
width: -webkit-calc(100% - 94px);
width: calc(100% - 94px);
}
#newpostmessage .button {
width: 36px;
height: 36px;
font-size: 15px;
}
.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: #00b6d1;
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;
color:#253974;
font-weight: 600;
margin-left:4px;
cursor: pointer;
}
#tagContainer > span > button:hover{
opacity:0.6
}
/* footer */
#footer{
padding-top: 50px;
margin-top: 50px;
}
#footer .flex{
column-count: 4;
column-gap: 40px;
}
#footer .flex .ftcol{
break-inside: avoid-column;
}
#footer .ftcol{
}
@media only screen and (max-width: 991px) {
#footer .flex{
column-count: 2;
column-gap: 20px;
}
}
#footer .ftcol .title{
font-size: 1.3em;
font-weight: 500;
margin-bottom: 20px ;
color: #00b6d1;
}
#footer .ftcol ul{
list-style: none;
}
#footer .ftcol ul li{
margin-bottom: 20px;
}
#footer .ftcol ul li a{
font-size: 0.925rem;
display: block;
}
#footer .copyright{
border-top: 1px solid #00b6d1;
margin-top: 50px;
padding: 20px 0 20px 0;
line-height: 30px;
font-size: 0.925rem;
font-weight: 400;

}
#footer .copyright .sociall{
font-size:2.2rem;
color: #253974;

}
#footer .copyright .sociall a{
color:inherit;
margin:5px
}
@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 span{
font-weight: 600;
}
/* Blog */

.blogpage .blogleft {
width: -moz-calc(100% - 390px);
width: -webkit-calc(100% - 390px);
width: calc(100% - 390px);
float: left 
}
.blogpage .pubdate {
font-size: 12px;
display: block;
margin-bottom: 15px;
}
.blogpage .blogleft img{
  border-radius: 10px;
}
/*bogiten*/
.blogpage .blogright {
width: 360px;
margin-left: 30px;
float: left;
padding-top: 50px 
}
.blogpage .blogright .title {
margin-bottom: 15px 
}
@media only screen and (max-width: 991px) {
.blogpage .blogleft {
width: 100%;
float: none 
}
.blogpage .blogright {
width: 100%;
margin-left: 0;
float: none;
padding-top: 25px 
}
}
/* 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: #253974;
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: 10px;
box-shadow: 0 0 12px #e3e3e3;
;
}
.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: 10px;
box-shadow: 0 0 12px #e3e3e3;
;
}
.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: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
color: #001553;
font-size: 1.2rem;
margin-bottom: 5px 
}
.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: #253974;
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 */
.frontpage .blogpage{
  background: #eeeeee;;
  margin:50px 0;
  padding:30px 0 10px 0
}
@media only screen and (min-width: 992px) {
.blogpage .blogflex{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
 
}
.blogpage .blogitembox {
width:calc(50% - 10px);
}
.frontpage .blogpage .blogitembox {
width:calc(25% - 20px);
}
}
.blogflex{
}
.mainblogimg{
margin-bottom:30px;
}
.blogtime{
font-size:0.7725rem;
margin-bottom:30px;
opacity: .6
}
.blogpage .blogitembox {
margin-bottom: 30px;
overflow:hidden;
background:#ffffff;

box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 0 12px #e3e3e3;

}
.blogitembox figure{
width:100%;
height:250px;
overflow:hidden;
 transition: transform 0.3s ease;
}
.blogitembox:hover figure{
transform: scale(1.05);
}
.blogitembox figure img{
width:100%;
height:250px;
object-fit:cover ;
border-radius: 10px 10px 0 0;
}

.blogpage .blogitembox .blogshort {
 padding:20px
}
.blogpage .blogitembox h3 {
 
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
margin-bottom: 5px;
color: #001553;
font-size: 1.2rem 
}
.blogpage .blogitembox h3 a{
color:inherit;
}
.blogpage .blogitembox p {
margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden; 
  font-size:0.9725rem
}
.userresults{
margin-bottom:40px;
}
@media only screen and (min-width: 992px) {
.userresults{
display:flex;
justify-content:space-between;
}
.userresults .userinfbx{
width:calc(100% - 490px);
flex-shrink:0;
flex-grow:0;
box-sizing: border-box;
}
.userresults .usermaploc{
width:450px;
flex-shrink:0;
flex-grow:0;
box-sizing: border-box;
}
}
@media only screen and (max-width: 991px) {
.userresults .userinfbx{
margin-bottom:40px 
}
}
.userresults .userinfbx{
background:#ffffff;
padding: 18px 12px 12px 12px;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 0 12px #e3e3e3;
;
}
.userresults .usermaploc{
}
.userresults .usermaploc iframe , .userresults .usermaploc .gmapsiframe {
width: 100%;
height: 330px;
border: 0 
}
@media only screen and (min-width: 1380px) {
.userresults .userinfbx{
display:flex;
justify-content:space-between;
}
.userresults .userprof{
flex-shrink:0;
flex-grow:0;
width:300px;
}
.userresults .usertxtd{
flex-shrink:0;
flex-grow:0;
width:calc(100% - 340px);
}
}
@media only screen and (max-width: 1379px) {
.userresults .userprof{
margin-bottom:40px 
}
}
.userresults .useravt{
text-align:center;
margin-bottom:15px;
}
.userresults .useravt img{
border-radius:100px;
height:125px;
width:125px 
}
.userresults .usernamls{
text-align:center;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
color: #001553;
font-size: 1.1rem;
margin-bottom:8px;
}
.userresults .userfeedbckl{
text-align:center;
margin-bottom:4px;
}
.userresults .userslocs{
font-size:0.8725rem;
text-align:center;
margin-bottom:40px 
}
.userresults .userdetul{
font-size:0.925rem;
list-style:none 
}
.userresults .usertxtd #mainuserdesc {
overflow: hidden 
}
.userresults .usertxtd #mainuserdesc.maxheight {
height: 250px 
}
.userresults .icpompart{
float:right;
background:#00b6d1;
font-weight:600;
font-size:0.8725rem;
color:#fff;
padding:1px 5px 
}
.userresults .usertxtd .readmore {
height: 40px;
width: 100%;
padding-top: 50px;
text-align: center;
position: relative;
margin: -70px 0 0 0;
z-index: 18;
background: linear-gradient(0deg, rgba(255,255,255,1) 38%, rgba(255,255,255,0) 100%);
}
.userbxsimp{
background:#ffffff;
padding: 18px 12px 12px 12px;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 0 12px #e3e3e3;
margin-bottom:30px 
}
.noticebox{
background: #fff;
padding: 25px;
margin: 30px 0 30px 0;
border-radius: 10px;
box-shadow: 0 0 12px #e3e3e3;
}
.favorite.fas{
color:#00b6d1!important 
}
/* paypop */
.paypop{
width: 600px;
}
.paypop .pdesc{

background:#ffffff;
padding: 18px 12px 12px 12px;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 0 12px #e3e3e3;

}

.paypop .pdesc .icon{
text-align:center;
font-size:3.5em;
margin-bottom:20px;
color:#253974;
}
.paypop .pdesc h2{
margin-bottom:20px;
}
.paypop .pdesc p{
margin-bottom:15px;
}
.paypop .pdesc .itemdesc{
color:#001553;
font-weight:600;
}
.paypop .pdesc .pricejs{
color:#253974;
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-weight:100px;
float:left;
margin:0 20px 20px 0;
 
text-align:center;
box-sizing: border-box;
padding:15px ;
border-radius: 10px;
box-shadow: 0 0 8px rgba(227,227,227,0.5);
 
}
.compsubs a{
display:block 
}
.compsubs span{
display:block 
}
.compsubs .months{
font-size:3em;
margin-bottom:4px;
font-weight: 600;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
color:#00b6d1;
}
.compsubs .monthdesc{
margin-bottom:10px;
font-weight:600;
color:#001553;
}
.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:#00b6d1;
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;
justify-content: flex-start;
gap:20px
}
@media only screen and (max-width: 991px) {
  .searchitems{
 
gap:10px
}
}
.item_grid_std{
background: #fff;
border-radius: 10px;
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;
}
.item_grid_view, .item_grid_view_fptop {
display:flex;
justify-content:flex-start;
flex-wrap:wrap ;
gap:20px
}
@media only screen and (max-width: 991px) {
  .item_grid_view, .item_grid_view_fptop {
gap:10px
}
}
.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%;
}
.item_grid_view_fptop.newcat .item_list_std {
width: calc(20% - 16px);
 
}
@media only screen and (max-width: 991px) {
.item_grid_view_fptop .item_grid_std,.item_grid_view_fptop.newcat .item_list_std{
width:49%;
margin-bottom:20px 
}
}
.item_grid_std:hover{
box-shadow: 0 0 8px rgba(227,227,227,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:#001553;
margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
.item_grid_std h5{
font-size:0.8725rem;
}
}
.item_grid_std h5 a{
color:#001553;
}
.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: #253974;
}
.item_grid_std .price{
padding:5px 0;
font-size:1.2rem;
font-weight:600;
color:#253974;
}
@media only screen and (max-width: 991px) {
.item_grid_std .price{
font-size:0.925rem;
}
}
.item_list_std{
display:flex;
margin-bottom:30px;
align-items: stretch;
justify-content:space-between;
background:#ffffff;
padding:10px;
box-shadow: 0 0 12px rgba(227,227,227,0.5);
  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;
position:relative
}
.item_list_std:hover{
box-shadow: 0 0 12px rgba(227,227,227,1);

}
.item_list_std.grid{
  box-sizing:border-box;
display: block;
width: calc(25% - 15px);
padding:0;

overflow:hidden;
position:relative;
box-shadow:none;
background:none
 

}
.frontpageltst  .item_list_std.grid{
width: calc(20% - 16px);
}
@media only screen and (max-width: 1280px) {
.item_list_std.grid{
width: calc(33.33333% - 13px);
}
.frontpageltst  .item_list_std.grid{
width: calc(33.33333% - 13px);
}
.frontpageltst.lastfv  .item_list_std.grid:nth-child(5) {

flex-grow:2
}


}

@media only screen and (max-width: 991px) {
.item_list_std.grid{
width: calc(50% - 5px);
}
.frontpageltst  .item_list_std.grid{
width: calc(50% - 5px);

}
}
.item_list_std figure{
width: 20%;
flex-grow:0;
flex-shrink:0;
position:relative;
height:200px;
border-radius:10px;
overflow:hidden;
}
.item_list_std.grid figure{
width: 100%;
margin:0; 



}
.item_list_std figure img{
width:100%;
height:100%;
margin:0;
object-fit:cover ;

}
.item_list_std.grid figure img{
cursor: zoom-in;
transition: transform 0.3s ease;
 
}
.item_list_std.grid:hover figure img{
transform: scale(1.05);
}
.item_list_std i.netolg{
position:absolute;
top:13px;
left:13px;
font-size:1.1rem; 
z-index:4;
background:rgba(255,255,255,.75);
width:30px;
height:30px;
 
display:flex;
justify-content:center;
align-items:center;
border-radius:200px
}
.item_list_std.grid i.netolg{
font-size:1.0rem; 
top:8px;
right:8px;
left:auto

}
.item_list_std figure i{
position:absolute;
top:10px;
right:10px;
font-size:1.2rem;
color:#fff;
text-shadow: 0 0 4px #000;
}
.item_list_std .item_list_right{
width: 80%;
padding:0 20px;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
align-content:space-between 
}
.item_list_std.grid .item_list_right{
width: 100%;
padding:  5px;
 
 
display: block;
 

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

}
.item_list_std.grid .item_cat{
display: none;
}
.item_list_std .item_cat span{
margin-right:10px;
 
}
.item_list_std.grid .item_cat span{
 
 
}
.item_list_std .item_loc{
display:inline-block;
padding:2px 8px;
border-radius:50px;
background: #e3e3e3;
font-size:0.7725rem
}
.item_list_std.grid .item_loc{
 
position:absolute;
top:10px;
left:8px

}
/*
.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-weight:600;
font-size:1.35rem;
margin:6px 0 2px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.item_list_std.grid h5{
font-size:1rem;
margin:3px 0;
overflow: hidden;
}
.item_list_std h5 a{
color:#001553;
}
.searchitems .item_list_std.topper{
background: rgba(0,182,209,0.05);
}
.item_list_std.topper h5 a::before {
content: "\f005";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
margin-right:4px;
font-weight: 400!important;
color: #00b6d1}
.item_list_std .item_owner_price{
font-size:1.2rem;
font-weight:600;
color:#253974;
}
@media only screen and (max-width: 991px) {
.item_list_std .itemdesc{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;


}
}
.item_list_std .itemdesc{
font-size:0.9725rem
}
.item_list_std.grid .itemdesc{
/*  font-size: 0.825rem;

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
*/
display:none;
}
.item_list_std .price{
padding:5px 0;
font-size:1.25rem;
font-weight: 600;
text-align:right;
color:#00b6d1;
}
.item_list_std.grid .price{
padding:2px 0 0 0;
font-size:0.925rem;
font-weight: 600;
text-align:left;
}
@media only screen and (max-width: 991px) {
.item_list_std.grid .price{
 
 
}
}
.item_list_std .item_own_options{
padding:5px 0;
}
.item_list_std .item_own_options a{
margin-right:20px ;

}
/*new login box */
.logininer{
text-align: center;
padding: 0 80px;
}
.loginform, .logintext{
width:500px;
max-width:80%;
margin:0 auto 
}
.loginwrap{

height:100%;
min-height:100vh;
background:#fff;


}
.loginwrap .flexbox{
background: #fff;
height:100%;
min-height:100vh;
}
.loginul{
font-weight: 600;
font-size:0.925rem;
list-style:none;
margin-top:50px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;

}
.loginul.fcent{
justify-content:center;
}
.loginul li a{
color:inherit;
}
.sociallogin{
border-top:1px solid #E3E3E3;
margin-top:40px;
padding-top:40px;
}
.sociallogin .button{ margin-bottom:20px;}
@media only screen and (max-width: 991px) {
.loginwrap{
padding: 60px 0;
}
.loginwrap .child{
margin-bottom: 0;
}
}
@media only screen and (min-width: 992px) {
.loginwrap{
}
.loginwrap .flexbox{
height:100%;
align-content:stretch;
}
.flexbox .child{
display:flex;
align-content:center;
flex-wrap:wrap;
align-items:center 
}
}
.childform{
background:#fff;
}
.logincontent{
background:rgba(37,57,116,0.1);
}
@media only screen and (max-width: 991px) {
.childform{
padding: 0 0;
}
.logincontent{
padding: 50px 0;
}
}
.loginlogo{
text-align: center;
margin-bottom: 70px;
}
.loginlogo img{
width: 200px;
height: auto;
}
.addckbx .inbox{
background:#fff;
box-shadow: 0 0 12px #e3e3e3;

box-sizing:border-box;
padding:30px;
}
.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: #fdc926!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: 10px;
box-shadow: 0 0 12px #e3e3e3;

margin-bottom:20px;
}
.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 {
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;
margin-bottom: 5px;
color: #001553;
font-size: 1.1rem 
}
.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) 
}
}


@media only screen and (max-width: 991px) {
.newcontact{
display:flex;
flex-direction:column
}
.newcontact .contactleft{
order:2;
width: 100%:;
}
.newcontact .contactright{
order:1;
width: 100%:;
margin-bottom:20px
}
}

@media only screen and (min-width: 992px) {
.newcontact{
display:flex;
justify-content:space-between;
}
.newcontact .contactleft{
width: 40%;
}
.newcontact .contactright{
width: calc(60% - 40px);
}
}

.contactboxfrm{
background:#ffffff;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 0 12px #e3e3e3;
}
@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;
margin-top:30px;
}
.fpcatview ul{
list-style:none;
width: 19%;
background: #ffffff;
border-radius: 5px!important ;
margin-bottom:20px;
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 .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;;
}
.fullcatlist li a:hover{
color: #ffffff;
background: #253974;
}


/*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:#03b8b3;
}



/*new dropdown 2025 */
.suggestions-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 4px 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
z-index: 1000;
display: none;
max-height: 200px;
overflow-y: auto;
}

.suggestion-item {
padding: 10px 15px;
cursor: pointer;
border-bottom: 1px solid #f0f0f0;
}

.suggestion-item:hover {
background-color: #f5f5f5;
}

.suggestion-item:last-child {
border-bottom: none;
}


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

.compprofbnnr{
background:#f1f1f1;
height: 250px;;
position: relative;
margin-bottom:60px
}
.compprofbnnr .imagfuser{
height:100%;
display:flex;
width: 100%;
overflow:hidden;
position:absolute;
top:0;
z-index: 1;
}
.compprofbnnr .imagfuser a{
height:100%;
flex-shrink:0
}
.compprofbnnr .imagfuser img{
height:100%;
cursor: zoom-in;

}
.compprofbnnr .userifno{
height:100%;
width: 100%;
overflow:hidden;
position:absolute;
top:0;
z-index: 2;
color:#fff;
box-sizing:border-box;
text-shadow: 2px 2px 15px #000;
padding:0 0 15px 0;
pointer-events: none;

}
.compprofbnnr .usflxinfo{
height:100%;
display:flex;
align-items:flex-end;


}
.compprofbnnr .userbuttons{
position: relative;
z-index: 6;
pointer-events: auto;


}

@media only screen and (max-width: 991px) {
.compprofbnnr .usflxinfo{
flex-wrap:wrap
}
.compprofbnnr .usermainlft{
width: 100%;
flex-shrink:0

}
.compprofbnnr .userbuttons{
width: 100%;
flex-shrink:0;
text-align:right
}

}
@media only screen and (min-width: 992px) {
.compprofbnnr .usflxinfo{
justify-content:space-between;

}
.compprofbnnr .usermainlft{


}
.compprofbnnr .userbuttons{

}

}

.compprofbnnr .usermainlft{
display:flex;
align-items:center;

}
.compprofbnnr .usermainlft figure{
width: 125px;
height: 125px;

object-fit:cover;


}
.compprofbnnr .usermainlft figure img{
width: 100%;
height: 100%;
box-shadow: 0 0 10px 0 #000;
border-radius:200px;

}
.compprofbnnr .detinfomtop{
padding-left:20px
}
.compprofbnnr .detinfomtop .usr_name{
font-size:1.8rem;
font-weight:700
}
.compprofbnnr .mbrsnc{
font-weight:600
}

.grbgg{
padding: 12px;
background:#f1f1f1;
border-radius:10px;
margin-bottom:20px
}
.grbgg.cmpdirect{
padding: 0;
display:flex;
justify-content:space-between;
}

.grbgg.cmpdirect .cmmap{
width: 70%;
height: 350px;
border-radius: 10px 0 0 10px;
}

.grbgg.cmpdirect .addressfk{
padding: 12px;
box-sizing:border-box;
flex-grow:2;
font-size:0.925rem
}
.grbgg.cmpdirect .addressfk ul{
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0
}

.comsociv{


}
.comsociv .ophours{

}
.comsociv .cmsocialkn{

}
.comsociv .cmsocialkn ul{
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;

}
.comsociv .cmsocialkn ul li{
margin: 8px 0 8px 0;
font-size:0.925rem
}
.comsociv .cmsocialkn ul li i{
width: 20px;
}

@media only screen and (min-width: 992px) {
.comsociv{
display:flex;
justify-content:space-between;
}
.comsociv .ophours{
flex-grow:2;
margin-right:12px

}
.comsociv .cmsocialkn{
width: 180px;

}
}

ul.hours{
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;

}
ul.hours li{
display:flex;
justify-content:space-between;
width: 100%;

}
.title.newmg{
margin:50px 0 30px 0

}
.cmthumbs{
display:flex;
flex-wrap:wrap;
}
.cmthumbs img{
height:100px;
cursor: zoom-in;
margin:5px 5px 0 0
}
@media only screen and (max-width: 991px) {
.tablewrapper {
overflow-x: auto!important;
}
.tablewrapper td, .tablewrapper th {
/*white-space: nowrap*/
}
.tablewrapper td.nowrap, .tablewrapper th.nowrap {
white-space: nowrap 
}
}
/* new comp dir*/
.newcomlist{
width:calc(25% - 20px);
margin-bottom: 20px;

position:relative
}
@media only screen and (max-width: 991px) {
.newcomlist{
width:calc(50% - 5px);
}
}
@media only screen and (max-width: 480px) {
.newcomlist{
width:100%;
}
}
.newcomlist figure{
width:100%;
height:250px;
cursor: zoom-in;
transition: transform 0.3s ease;

}
.newcomlist figure:hover{
transform: scale(1.01);
}
.newcomlist figure img{
object-fit:cover;
border-radius:10px 10px 0 0;
width:100%!important;
height:100%;
}
.newcomlist .compinfo{
background:#ffffff;
width:100%!important;
position:relative;
margin-top:-12px;
border-radius:10px 10px 0 0;
padding:12px;
box-sizing:border-box

}
.newcomlist .city{
font-size:0.925rem;
margin-bottom:5px;
opacity:.6
}

/* new comp dir */
.cmback{
margin-bottom:40px;
}
.comphero{
background-image: url(../images/web_images/hero_1.jpg);
background-size: cover;

border-radius:12px;
margin-bottom:40px;
box-sizing:border-box;
}
.comphero .cmhinn{
background: rgba(0,0,0,0.35);
border-radius:12px;
height:100%;
width: 100%;
padding: 80px;
box-sizing:border-box;
}
@media only screen and (max-width: 991px) {
.comphero .cmhinn{

padding: 20px;

}
}

.comphero .wlcmm{
color:#fff;
text-shadow:2px 2px 5px #000
}
.comphero .wlcmm h1{
color:#fff;
}

@media only screen and (max-width: 991px) {
.newcform .citm{
margin-bottom:5px
}
.newcform .form-control{
margin-bottom:5px
}
.newcform .locatoption{
font-weight:500;
font-size:0.8725rem;         
color:#fff;
padding: 12px 0;
text-align:right
}
.newcform .locatoption a{
color:#fff;
}
}
@media only screen and (min-width: 992px) {
.comphero .wlcmm p{
max-width:600px
}
.newcform{
display:flex;
justify-content:space-between;
gap: 0;
padding: 15px 15px 0 15px;
background: rgba(255,255,255,0.35);
border-radius:12px;
box-sizing:border-box;
}
.newcform .form-control{
border-radius:0 0 0 0;
border:none;
width: 100%!important;
box-sizing:border-box;
margin-bottom:0!important
}


.newcform .citm{
width: 25%;

}
.newcform .citm:not(.buttonb) {
flex: 1; 
}
.newcform .citm.busmb{
flex: 0 0 100px;
width: 100px;
}
.newcform .citm.flgr{

}
.newcform .locatoption{
font-weight:500;
font-size:0.7725rem;         
color:#fff;
padding: 2px 0;
}
.newcform .locatoption a{
color:#fff;
}
.newcform .subbl{
width:100%;
position:absolute;
z-index: 3;
background: rgba(255,255,255,0.35);
padding:0 5px 5px 5px;
box-sizing:border-box;
border-radius: 0 0 12px 12px

}
.newcform .subbl .form-control{
margin:5px 0;
padding: 14px 13px;
}
}
.newcform .flexxb{

display:flex;
}
.newcform .flbuton{
background: #00b6d1;;
cursor:pointer;
border:none!important;
color:#ffff;
}

.clearhistory{
font-size: 0.8725rem;
text-align:right;
margin: -18px 0 20px 0;
cursor:pointer;
}

/* new extra field set*/

.fieldextra{
  margin:50px 0
}
  @media only screen and (min-width: 992px) {
.fieldextra{
  display:flex;
  flex-wrap:wrap;
gap: 15px ;
}

.fieldextra .formrow{
  flex-grow:0;
  flex-shrink:0;
  width: calc(50% - 15px);
  box-sizing:border-box;
}


  @media only screen and (min-width: 1480px) {
.fieldextra{
 
gap: 40px ;
}

.fieldextra .formrow{
 
  width: calc(33.3333% - 40px);
 
}



  }

  }

.choosecat .form-control{
  margin-top:15px!important;
}
/*new frontpage cat subs*/
.newtopcatinfo{
  max-width:620px;

  background: #eeeeee;
border-radius: 10px; 
padding:15px 25px;
  margin-bottom:50px; 
box-sizing:border-box;
}
.newtopcatinfo .flexcat{
  margin-top:15px;
  display:flex;
  width:100%;
  justify-content:space-between;
  font-size:0.925rem;
  font-weight:500

}

/* detail listing v2 */
.newvlisting{

}

.newvlisting .dtesla{
  margin-bottom:0
}
    @media only screen and (max-width: 991px) {
        .newvlisting .imttophead.tophdl{

        }
         .newvlisting .imttophead.tophdl .tpbwrp,.newvlisting .imttophead.tophdl .dtesla{
        width: 100%;
        flex-shrink:0;
        flex-grow:0;
}
.newvlisting .imttophead.tophdl .dtesla{
    margin:15px 0
}
}
.newvlisting .toppert{
color:#00b6d1;
font-family: 'Cabin', Arial, Helvetica, sans-serif;
font-weight: 600;


}
.newvlisting .toppert::before{
content: '\f005';
font-family: 'Font Awesome\ 6 Free';
font-weight: 400;
margin-right: 6px;
}

.itemimg{
margin-top:20px
}
@media only screen and (min-width: 992px) {
    .itemimg{
display:flex;
justify-content:space-between;
gap:8px;
border-radius: 10px;
overflow:hidden;
margin-bottom:30px;
height:500px
}
.itemimg .newlayimg,
.itemimg .newlaythmb{
    width: 50%;
    flex-shrink:0;
    flex-grow:0;
    
}
.itemimg .newlaythmb{
   display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  max-width: 100%;
}
 

.itemimg figure.newlayimg img{
        width: 100%;
    height:100%;
    object-fit: cover

}

.newlaythmb figure{
  
    display: block;
}
.newlaythmb figure:nth-child(-n+6) {
    display: block; /* of inline-block, flex, etc. - afhankelijk van je layout */
}

.newlaythmb figure:nth-child(n+7) {
    display: none;
}
.newlaythmb figure img{
    width: 100%;
    height:100%;
    object-fit: cover
}

}

@media only screen and (max-width: 991px) {
    .itemimg{
margin-bottom:40px
    }
    .itemimg img{
        border-radius:10px
        
    }
.itemimg .newlayimg{
    margin-bottom:10px;
    border-radius:10px;
    
}
.itemimg .newlaythmb{
    width: 100%;
    overflow: hidden;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height:80px
    
}
.itemimg .newlaythmb::-webkit-scrollbar {
    display: none;
}
.itemimg .newlaythmb figure{
    height:80px;
    width: 80px;
    display: inline;
    flex-shrink:0;
    flex-grow:0;
    margin-right:5px
}
.itemimg .newlaythmb figure img{
   height:80px;
    width: 80px;
    object-fit:cover
}
}


.itemimg figure.newlayimg{
    position:relative;
    z-index: 2;

}
 .itemimg .piccont{
    position:absolute;
    top:20px;
    right:20px;
    background:rgba(255,255,255,0.45);
    color:#fff;
    text-shadow:0 0 4px #666;
    border-radius:4px;
    padding: 2px 4px;
    font-size:0.925rem;
    font-weight:600;
    cursor: not-allowed;
  pointer-events: none;
  z-index: 4;
  } 
.itemimg figure img{
cursor: zoom-in;
}


 .newvlisting .ownerbox{
 
        position: relative;
        max-width:100%;
        width:100%;
        z-index: 4;
        margin: 0 0 40px 0
    }
.newvlisting .contact{
display:none;
position:absolute;
z-index:64342333;
width:100%;
background:#ffffff;
 
padding:0 20px 20px 20px;
box-sizing:border-box;
box-shadow: 0 10px 20px #e3e3e3;
 left:0;
}
.newvlisting .contact.show{
display:block;
}

/*lang menu */
	.langchooser{
 
font-size:.9725rem
	}
	@media only screen and (max-width: 991px) {
			.langchooser{
text-align:center;
	}
}
	.langchooser a{
margin:10px;
display:inline-flex;
align-items:center;
	}

	.langchooser a:last-child {
margin-right:0
}
	.langchooser img{
		 height:14px;
		margin-right:5px}


    	.headerlangchoose{
		position: relative;
		cursor: pointer;
	}
	.headerlangchoose span img{ 
		height:12px 
	}
	.headerlangchoose ul{
		list-style: none;
		background:#fff;
		border-radius: 10px;
		box-shadow:0 0 10px #e3e3e3;
		
		font-size:.925rem;
		position:absolute;
		z-index: 4;
		box-sizing:border-box;
		display:none;
		top: 100%;
    	right: 0;
		min-width: 120px;

	}
	.headerlangchoose:hover ul,
  .headerlangchoose ul:hover {
		display:block
}
	.headerlangchoose ul li{
		margin-bottom:2;
		padding: 10px;
		white-space:nowrap;
		align-items:center;
	}
	.headerlangchoose ul li img{
		height:12px;
		margin-right:4px;
}