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

@import url(fontawesome.all.min.css);
* {
margin: 0;
padding: 0
}
html {
height: 100%;
width: 100%;
}
body {
background: #F0EFED;
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-size: 100%;
font-size: 16px;
font-weight: 400;
color: #00041f}
*,*:focus,*:hover{
    outline:none;
}
/* v14 2021 quask.nl Marbella*/
.cursor{
	cursor:pointer
}
.spinner-wrapper{
display:none;
position:fixed;
z-index:999999;
top:0;
right:0;
bottom:0;
left:0;
background:#F0EFED;
width: 100vw; 
height: 100vh
}
.spinner{
position:absolute;
top:50%;
left:50%;
width:3.75rem;
height:1.25rem;
margin:-.625rem 0 0 -1.875rem;
text-align:center
}
.spinner>div{
display:inline-block;
width:1rem;
height:1rem;
border-radius:100%;
background-color:#006ea8;
-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s;
animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;
animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}


/* mains */
@media only screen and (min-width: 991px) {

.onlymobile{
display: none;
}
}
@media only screen and (max-width: 991px) {
.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: 'Quicksand', 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
}
ul{ list-style-position: inside;}
.space{
margin-top: 30px;
}
.center{
text-align: center;
}
.right{
text-align: right;
}
img{
max-width: 100%;
border: 0;
}
.blue{
color:#006ea8!important
}
.clear{
clear: both;
font-size: 0
}
.title{
display: block;
font-weight: 600;
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
color: #00041f;
}
.hidden {display: none;}
.warn {
background: rgba(57,157,63, 0.2);;
 

padding: 20px;
margin: 20px 0
}
.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: 1400px;
max-width: 98%;

margin: 0 auto
}
@media only screen and (max-width: 991px) {
.frontpage .wrapper,.searchresults .wrapper{
max-width: 100%;
}
}
.column33{
width: 33%;
box-sizing: border-box;
float: left;
}
.column50{
width: 50%;
box-sizing: border-box;
float: left;
}
.column40{
width: 40%;
box-sizing: border-box;
float: left;
}
.column60{
width: 60%;
box-sizing: border-box;
float: left;
}
@media only screen and (max-width: 991px) {

.column33,.column40, .column50,.column60{
width: 100%;
float: none;
}
}
.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;
}
.formrow.short {
margin-bottom: 15px;
}
.formrow .subformlabel {
margin: 35px 0 15px 0
}
.formrow .subformlabel span {
opacity: 0.6;
}
.formrow .proflabel {
display: block;

margin: 0 0 10px 2px;
/*text-transform:uppercase;*/
font-size: 0.85rem;

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

.form-control {
background-color: #ffffff;
border: 1px solid #E3E3E3;
border-radius: 4px;
font-size: .875rem;
color: #00041f;
padding: 8px 12px;
height: 40px;
-webkit-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
width: 100%;
font-family: "Muli", Arial, Helvetica, sans-serif;
}
.form-control.multi{
height: auto;
}
.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 #AAAAAA;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
color: #00041f;
}
.form-control.textarea {
height: 140px;
 
}
.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%23006ea8%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;
}
.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: #006ea8} /* checked icon */
input[type=radio] + label:before {
content: "\f111";
width: 20px;
color:#ccc
} /* unchecked icon */
input[type=radio]:checked + label:before {
content: "\f192";
color:#006ea8}
.replace-check {
margin-right: 10px;
}
.replace-check a {
color: #006ea8;
text-decoration: none;
}
.replace-check a:hover {
color: #006ea8;
text-decoration: underline;
}
.loginlinkadd{display:block; color: #00041f!important;margin-top:15px;font-size:0.85em;opacity:0.75}
.loginlinkadd::before{
content:'\f0da';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 6px;
 
}
.button {
border: 1px solid #006ea8!important;
background: #006ea8;
box-sizing: border-box;
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-size: 0.825rem!important;
color: #ffffff!important;
text-decoration: none!important;
font-weight: 600;
border-radius: 25px!important;
cursor: pointer;
line-height: 32px!important;
height: 34px;
padding: 0 22px 0 22px!important;
text-shadow: none!important;
 
box-shadow: none;
display: inline-block;

-webkit-appearance: none;
width: auto!important
}
 
.button.smaller {
line-height: 28px!important;
height: 28px!important;
font-size: 12px!important;
padding: 0 20px 0 20px!important;
}
.button.full {
width: 100%!important;
text-align: center;
border-radius:2px!important
}
.button.green {
    border: 1px solid #399d3f!important;
background: #399d3f;
}

.button.line {
background: none!important;
color: #006ea8!important;
border: 1px solid #006ea8!important;
}
.button.facebook {
background: #415dae!important;
color: #fff!important;
border: 1px solid #415dae!important;
}
.button.facebook i {
font-weight: 400!important;
}
 

.button.oauth {
background: #4285f4!important;
color: #fff!important;
border: 1px solid #4285f4!important;
margin: 0 0 0 0!important;
}
.button.oauth i {
font-weight: 400!important;
}
 
.button:hover {
opacity:0.6
}
 

.button i{
margin-right:4px
}
/* header and top menu */
body.hfixed{
padding-top: 92px
}
#header{
box-shadow: 0 2px 4px rgba(204,204,204, 0.9);
width: 100%;
background: #ffffff;
}
#header a{
text-decoration: none
}
body.hfixed #header{
position: fixed;
z-index: 56;
top: 0;
left: 0
}
#header .tophead{
 
color: #006ea8;
height: 32px;
box-sizing: border-box;
line-height: 32px;
 
z-index: 5;

}

body.hfixed #header .tophead{
display: none;
}
 
#header .tophead ul{
list-style: none
}
#header .tophead ul.tusermenu{
width: 100%;

text-align: right;
padding:0!important;
 


}
#header .tophead ul.tusermenu li{
display: inline-block;
color: #006ea8;

font-size:0.775rem;
font-weight:600
 
}
@media only screen and (max-width: 991px) {
    #header .tophead ul.tusermenu li{
 
font-size:0.925rem;
 
 
}
}
#header .tophead ul.tusermenu li a{
    color: #006ea8;
margin: 0 10px 0 10px;
display:inline-block
}
#header .tophead ul.tusermenu li a:hover{
opacity:0.6
}
#header .tophead ul.tusermenu li a i{
margin-right: 6px;
}
#header .tophead ul.tusermenu li a.placed{
background: #399d3f;
padding:0 8px 0 8px;
line-height:26px;
height:26px;
font-weight:400;
border-radius: 4px;
color: #ffffff;

}
#header .tophead ul.tusermenu li a.placed i{
margin-top:7px;
float:left
}
@media only screen and (max-width: 991px) {

		#header .tophead ul.tusermenu li a.placed{
		background: none;
		padding:0 0 0 0;		
		line-height:32px;
		height:32px; 
		color:#00041f;

		}
		#header .tophead ul.tusermenu li a.placed i{		 
		margin-top:0;
 
		float:none
		}

}
#header .tophead ul.tusermenu li i{

}
#header .tophead ul.tusermenu li .messcounter {

background: #de2046;
font-size: 8px;
color: #ffffff;
padding: 0 3px 0 3px;
line-height: 10px;
position: absolute;
margin: 2px 0 0 -10px;
border-radius: 2px
}	


/* begin lang chooser */

#header .tophead ul.tusermenu #langchooser{
width:auto;
position:relative;
 padding:0 0 0 0;
 
float:right

}
#header .tophead ul.tusermenu #langchooser a{
margin: 0 0 0 0;
padding: 0 10px 0 10px
}
#header .tophead ul.tusermenu #langchooser #curlang{
 
height:32px
}
#header .tophead ul.tusermenu #langchooser #curlang::before{
font-family: 'Font Awesome\ 5 Free'; 
content: '\f024';
font-weight:400;
color: #fff;
margin-right:5px

}
#header .tophead ul.tusermenu #langchooser #curlang.active{
background:#ffffff;
color: #006ea8;
}
@media only screen and (min-width: 991px) {
#header .tophead ul.tusermenu #langchooser #curlang:hover{
background:#ffffff;
color: #006ea8;
}
}
#header .tophead ul.tusermenu #langchooser #curlang.active::before{
 
color: #006ea8;
 

}
#header .tophead ul.tusermenu #langchooser #otherlang{
display:none;
position:absolute;
z-index: 18;
top:32px;
right:0;
padding:0 0 0 0;
width:auto;
background:#FFFBE3;
box-shadow: 1px 2px 3px rgba(204,204,204, 0.9);
 border-top:none;
min-width:120px;
}
#header .tophead ul.tusermenu #langchooser #otherlang li{
display:block;
text-align:left;
}
#header .tophead ul.tusermenu #langchooser #otherlang li a{
color: #006ea8;
 }
@media only screen and (max-width: 991px) {
#header .tophead ul.tusermenu #langchooser #otherlang li a{
 padding:4px 10px 4px 10px;
}
}
#header .tophead ul.tusermenu #langchooser #otherlang li a:hover{
opacity:0.65
}
#header .tophead ul.tusermenu #langchooser #otherlang li a::before{
font-family: 'Font Awesome\ 5 Free'; 
content: '\f0da';
font-weight:900;
color: #006ea8;
margin-right:5px

}

/* end lang chooser */

#header .headsearch{
 
width: 100%;
height: 60px;
overflow: hidden;

 }
#header .headsearch .logo{
float: left;
width: 350px;
-webkit-transition: margin-top .15s ease-in-out;
-moz-transition: margin-top .15s ease-in-out;
-o-transition: margin-top .15s ease-in-out;
transition: margin-top .15s ease-in-out;

margin-top:-10px;
}
@media only screen and (min-width: 992px) {
    #header .headsearch .logo{
 
 
margin-top:-16px;


}
}
body.hfixed #header .headsearch .logo{
    margin-top:0px
}
#header .headsearch .logo .logoimg{
padding: 10px 20px 10px 0

}
#header .headsearch .logo .logotxt::before{
content: "\f0a1";
font-family: 'Font Awesome\ 5 Free';

margin-right: 6px;
font-weight: 900!important;
color: #006ea8}
#header .headsearch .logo .logotxt{
font-size: 28px;
font-weight: 600;
line-height: 60px;
font-family: 'Quicksand', sans-serif, arial;
overflow: hidden;
letter-spacing: -1px;
color: #00041f}
@media only screen and (max-width: 991px) {
    #header .headsearch .logo .logotxt{
font-size: 22px;
    }
}

#header .headsearch .logo .logob{

}
@media only screen and (max-width: 991px) {
body.hfixed #header .headsearch .logo .logob{
display: none; 
}
}
#header .headsearch .logo .logohome{
display: none;
font-size: 2.2em;
line-height: 60px;
color:#006ea8; 
 
}
@media only screen and (max-width: 991px) {
body.hfixed #header .headsearch .logo .logohome{
display: block; 
}
}

#header .headsearch .topform{
width: calc(100% - 350px);
float: left;

}
#header .headsearch .catform{
width: 67%; 
float: left;
padding: 10px 10px 0 10px;
box-sizing: border-box
}
#header .headsearch .tform{
width: 33%;

float: left;
padding: 10px 10px 0 10px;
box-sizing: border-box
}
#header .headsearch .tform .topsinput{
float: left;
padding-right: 40px

}
#header .headsearch .tform .topsearch{

border: 0;
float: left;
background: none;
display: block;
margin:1px 0 1px -36px ;
cursor: pointer;
font-size: 1.5em;
line-height: 38px;
height: 38px;
width: 35px;


color:#00041f}
#header .headsearch .tform .topsearch:hover{
opacity: .65;
}
#header .headsearch .tform .showextrasrch{
display: none;
padding-left: 4px;
font-size: 0.8em
}
 
#header .headsearch .tform .showextrasrch.showit{
display: block;
}
 
@media only screen and (max-width: 1200px) {
.hidm{
display: none;
}
}
@media only screen and (max-width: 991px) {
 
#header .nmform{
display: none;
}
#header .headsearch .topform{
display: none;;
width: calc(100% - 80px);


}
body.hfixed #header .headsearch .logo {

width: 60px;
}
body.hfixed #header .headsearch .topform{
display: block;
}
body.hfixed #header .headsearch .tform{
width: 100%;
}
 

}

.mainpage{
margin-top: 50px;
min-height: calc(100vh - 515px);
}
@media only screen and (max-width: 991px) {
.mainpage{
margin-top: 20px;
}
}
/* main & standard content pages */
@media only screen and (min-width: 992px) {
.mediaupload{
    display:flex;
    justify-content:space-between;
    align-items: flex-start
}
.mediaupload .mediainfo{
    width:350px;
    flex-grow:0;
    flex-shrink:0;
}
.mediaupload .phupload{
    width:calc(100% - 380px)
}

}
.previewimg {
width: 150px;
float: left;
margin: 10px 15px 10px 0;
text-align: center;
background: #ffffff;
padding: 5px;
border: 1px solid #f1f1f1}
.previewimg.first {
background: #eeeeee
}
.previewimg figure{
text-align:center;
background:#fff;
overflow:hidden;
width:100%;
height:113px;
margin-bottom: 10px;
}
.previewimg img {

 
}
.previewimg i {
margin: 0 10px
}

.content{

}
.content a {
color: #006ea8}
.content a:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content .title, .listbox .title,.listbox .detailbox .options .detprice {
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 600
}
.content h1 {
margin-bottom: .5em;
color: #00041f;
font-size: 2em
}
.content h2 {
margin-bottom: .5em;
color: #00041f;
font-size: 1.8em
}
.content h3 {
margin-bottom: .5em;
color: #00041f;
font-size: 1.6em
}
.content h4 {
margin-bottom: .3em;
color: #00041f;
font-size: 1.4em
}
.content p, .contentpage ul, .contentpage ol, .contentpage table {
margin-bottom: 20px
}
.content p {
line-height: 26px
}

.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: #006ea8}
.contentpage ul li a{
color:#00041f;

display: block;
}
.contentpage ul li a:hover {
color: #006ea8}


.content .optionlist {
list-style: none;
width: 25%;
float: left;
margin-top: 15px;
font-size: 13px;
 
}
.content .optionlist li {
margin: 0 10px 4px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width: 991px) {
.content .optionlist {
 margin-top: 25px;
width: 50%;
float: left;
 
 
}
}
/* frontpage cats */

.frontpage .fromlist{
color:#00041f;
font-size: 1.1em;
margin: 30px 0 20px 0;
}
.frontpage .fromlist::before{
content: "\f35a";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
width: 25px;
font-weight: 400!important;
color: #006ea8
}

@media only screen and (min-width: 991px) {
.frontpage .spotlight .fromlist{
margin: 0 0 20px 0;
}

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

margin: 30px 0 20px 10px;
}

}
.fpleft {
float: left;
width: 280px;
box-sizing: border-box;
}
.fpright {
float: left;
width: calc(100% - 280px);
position: relative;
box-sizing: border-box;

}
.fpright .fpinner{
padding-left: 20px;;

}
@media only screen and (max-width: 991px) {
.fpleft {
float: none;
width: 100%;
}
.fpright {
float: none;
width: 100%;
position: relative;

padding-left: 0
}
.fpright .fpinner{
padding-left: 0;

}

}
.fpleft .catbox, .fpright .catbox {
background: #FFFBE3;
box-sizing: border-box;
box-shadow: 0 0 8px rgba(204,204,204,0.5);;
}
 
.catbox .title {
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-size: 1.1em;
display: block;
font-weight: 600;
color: #00041f;
padding: 20px 0 0 20px; 
}
@media only screen and (max-width: 991px) {
.catbox .title {
padding: 20px 0 0 10px; 
}
}
 
.catbox .title .submore {
color: #006ea8;
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: #006ea8}

.catbox a {
text-decoration: none;
color: inherit
}
.catbox a:hover {
color: #006ea8;
}
.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: #006ea8}
.catbox ul li a {
display: block;

padding: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.catbox ul li a:hover {
color: #006ea8}

.fpright .catbox {
display: none;
position: absolute;
width: 100%;
z-index: 32;
background:#FFFBE3}
 
@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:#FFFBE3;
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;
	}
}

@media only screen and (max-width: 991px) {
	.fpright .catbox ul{
	  -webkit-column-count: 2;  
	  -moz-column-count: 2;   
	  column-count: 2;
	}


	.fpright .catbox ul li {
	display: block;
	padding:right:15px;
	}
}
.fpright .catbox ul li.break {
clear: both;
display: block
}
.fpright .fprclcat {
padding: 20px 20px 0 0;
text-align: right;
font-size: 1.25em;
float: right
}
@media only screen and (max-width: 991px) {
.fpleft .catbxxox, .fpright .catbox {
 box-shadow: 0 3px 3px #cccccc;
 
}
.fpright .fprclcat {
display:none!important;
float: none
}
 .fpright .catbox .title {
display:none!important;
 }
}
/* frontpage content */
.fpright .spotlight .title::before{
 
}
.fpcontent{
margin-top: 30px;
background:#FFFFFF}
.fpcontent .fpleft{
padding: 30px 20px 20px 20px
}
.fpcontent .fpleft .title {
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-size: 1.1em;
display: block;
font-weight: 600;
color: #00041f;
border-bottom: 1px solid #f1f1f1;
padding-bottom: 20px
}
.fpcontent .fpleft .title::before{
 
}
.fpcontent .fpleft ul{
list-style: none;
margin-bottom: 20px;
}
.fpcontent .fpleft ul li{
}
.fpcontent .fpleft ul li a{
padding: 5px;
display: block;
border-bottom: 1px solid #f1f1f1;
}
.fpcontent .fpleft ul li a:hover {
color: #006ea8}
.fpcontent .fpleft ul li a::before {
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 10px;
color: #006ea8}

.fpcontent .fpleft ul li.newlist{
margin-top: 30px;
text-align: center;




}
.fpcontent .fpleft ul li.newlist a{
display: inline-block;
}
.fpcontent .fpleft ul li.newlist a::before {
content: none;
margin-right: 0;
}
.fpcontent .fpleft ul li.newlist a{
border-bottom: 0
}

.fpcontent .fpright{
padding: 30px 20px 20px 20px;
}
@media only screen and (max-width: 991px) {
.fpcontent .fpleft,.fpcontent .fpright{
padding: 25px 10px 10px 10px;
}
.fpcontent .fpright{
padding-top: 10px;
}
}
.fpcontent .fpcnmenu{
}
.fpcontent .fptext{
display: none
}
.fpcontent .fptext:first-child{
display: block
}
.fpspn{
margin-top:30px;
}
.fpspn .sponzr{
width: calc(50% - 10px)!important;
float: left;
margin: 0 0 0 0!important;
box-sizing: border-box;

}
.fpspn .sponzr:nth-child(1){
margin-right: 10px!important;
}
.fpspn .sponzr:nth-child(2){
margin-left: 10px!important;
}
@media only screen and (max-width: 991px) {

.fpspn .sponzr{
width: 100%!important;
float: none;


}
.fpspn .sponzr:nth-child(1),.fpspn .sponzr:nth-child(2){
margin: 0 0 20px 0!important;
}

}

.sidemenu ul {
list-style: none;
}
.sidemenu ul li {
padding: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;

}
.sidemenu ul li a::before{
content: "\f0da";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 10px;
color: #006ea8}
.sidemenu ul li a {
display: block;
color: inherit;
}
.sidemenu ul li a:hover {
color: #006ea8}
/* standard information content page */

.cntleft{
width: 250px;
float: left;
}
.cntright{
width: calc(100% - 280px);
float: left;
margin:0 0  30px 30px
}
@media only screen and (max-width: 991px) {

.cntleft{
width: 100%;
float: none;
}
.cntright{
width: 100%;
float: none;
margin:30px 0  30px 0
}

}

/* 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:#FFFFFF;
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
}
.flowbuttons ul li a{
color:#00041f;
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;
}
 

.memberright{
 
}
@media only screen and (max-width: 991px) {
.memberright{
 
}
}
.memberright .memsuboption{
margin-bottom: 20px;

}
.memberright .memsuboption a{
margin-right: 20px;
}
.memberright .memsuboption a i{
margin-right: 5px;
}
.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
	}
/* loginpop */
#loginpop {
display: none;
position: fixed;
top: 140px;
width: 680px;
max-width: 100%;
left: 50%;
margin-left: -340px;
background: #F0EFED;
z-index: 750;
box-sizing: border-box;
padding: 4px 15px 15px 15px;
box-shadow: 0 0 8px #cccccc;
}
#loginpop .lgnclose {
text-align: right;
font-size: 22px;
cursor: pointer;
color: #00041f;
}
@media only screen and (max-width: 991px) {
#loginpop {
top: 0;
width: 98%;
margin-left: 0;
left: 1%;
}
}


/* listings tpl*/
.listbox {}


.listbox a{
text-decoration: none;
color: inherit;
}
/* listingsbasics all */
.listbox {
background: #ffffff;
/*box-shadow: 0 0 8px rgba(204,204,204,0.5);;*/
}
.listbox .adminwarn{
display: block;
color:#fff;
background: #399d3f;
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(57,157,63,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:#006ea8;
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:#00041f;
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: #006ea8}
.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:#006ea8;
font-family: 'Quicksand', 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: #00041f}
.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: #00041f}
.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: #006ea8}
.listbox.sponzr .detailbox .ddescr{

height: 60px;
 
}

/* class detail page zindex */
.detailleft {

width: calc(100% - 400px);
float: left;


}
.detailright {
width: 360px;

margin-left: 40px;
float: left
}
@media only screen and (max-width: 991px) {
.detailleft {
width: 100%;
float: none
}
.detailright {
width: 100%;
margin-left: 0;
float: none
}
}

#modboxresults{
display:none;
color:#fff;
background: #399d3f;
padding:15px;
margin-bottom: 20px;
}
.nonapproved{
display: block;
color:#fff;
background: #399d3f;
padding:15px;
margin-bottom: 20px;
}
.nonapproved::before{
content: '\f071';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 8px;

}
.nonapproved p{
margin-bottom:8px
}
 

 

 /* addetails */
 .newdet{
        
    }
    @media only screen and (min-width: 992px) {
        .newdet{
            width:100%;
        display:flex;
        justify-content:space-between;
    }
    .newdet .newdetleft{
width: calc(100% - 410px);
flex-grow:0;
flex-shrink:0;
    }
    .newdet .newdetright{
width: 370px;
flex-grow:0;
flex-shrink:0;
 
}
    }
    @media only screen and (max-width: 991px) {
        .newdet{
        
    }
    .newdet .newdetleft{
        margin-bottom:40px;

    }
    .newdet .newdetright{

}
    }



    .newdet .newdetleft h1{
        font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 600;
color:#00041f;
font-size: 1.4em;
margin-bottom: 25px
    }
    .newdet .newdetleft .toppert{
color:#006ea8;
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 600;
margin-bottom: 20px;
}
.newdet .newdetleft .toppert::before{
content: '\f005';
font-family: 'Font Awesome\ 5 Free';
font-weight: 400;
margin-right: 6px;
}
.newdet .intrbx{
    width:100%;
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:40px
}
.newdet .intrbx .dtesla{
    display:flex;
    align-items:center
}
.newdet .intrbx .dtesla .price{
    font-weight: 700;
font-size: 1.2em;
margin: 0 20px 0  0
}
.newdet .intrbx .dtesla .posted{
    margin: 0 20px 0  0  ;
    font-size:0.825rem
}
.newdet .intrbx .dtesla .posted::before{
content: '\f017';
font-family: 'Font Awesome\ 5 Free';
font-weight: 400;
margin-right: 6px;

}
.newdet .intrbx .dtesla .viewed{
    font-size:0.825rem
}
.newdet .intrbx .dtesla .viewed::before{
content: '\f06e';
font-family: 'Font Awesome\ 5 Free';
font-weight: 400;
margin-right: 6px;
}
.newdet .intrbx .favorite{
 
font-size: 1.6em;
 
}
.newdet .intrbx .favorite.fas{
    color:#006ea8!important
}

.newdet .newimgbox{
    width:100%;
	margin-bottom:40px;
}
.newdet .newimgbox .leftphotos{
    margin-bottom:20px;
    text-align:center

}
.newdet .newimgbox .rightphotos{ 
	text-align:center;

}
.newdet .newimgbox .rightphotos a{
    height:70px;
    width:70px;
    display:inline-block;
    margin:5px
}
@media only screen and (max-width: 991px) {
    .newdet .newimgbox .rightphotos a{
    height:50px;
    width:50px;
 
    margin:3px
}
}
.newdet .newimgbox .rightphotos a img{
    object-fit:cover;
    height:100%;
    width:100%;
}


.newdet .recaps{
    background: #FFFFFF;
    margin-bottom:40px;
    padding:20px;
}
.newdet .recaps ul{
    
    list-style:none;

}
.newdet .recaps ul li{
    display:flex;
        justify-content:space-between
}
.newdet .recaps ul label{
    font-weight:600
}
@media only screen and (min-width: 992px) {
    .newdet .recaps ul{
    column-count:2;
    column-gap:40px;

}
}
@media only screen and (max-width: 991px) {
    .newdet .recaps ul li{
        margin-bottom:10px;

    }
}

.newdet .title,.similar .title{
font-size: 1.2em;
color: #00041f;
margin-bottom: 20px;
}
.newdet .clienttext {
height: auto;
overflow: hidden;

margin-bottom: 30px;
line-height: 26px;
padding:20px;
 
}
@media only screen and (max-width: 991px) {
.newdet .clienttext {

padding: 10px;
}
}
.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 .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 #006ea8;
color:#006ea8;
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:30px 0;
}
.newdet .usermaps #map {
width: 100%;
height: 350px;
 }
 .newdet .usermaps #map iframe {
width: 100%;
height: 100%;
border: 0
}


.similaritem{
    margin-bottom:20px;
    display:flex;
    box-shadow: 0 0 8px rgba(204,204,204,0.5);;
    padding:10px;
    background:#fff
}
.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: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 600;
color:#00041f;
 
margin-bottom: 8px
}


.newdet .ownerbox, .newdet .offpendingbox  {
background: #FFFFFF;

margin-bottom: 30px
}
.newdet .ownerbox .sdxtitle, .newdet .offpendingbox .sdxtitle {
display: block;
font-size: 20px;
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 600;
padding: 15px;
color: #00041f;
}
.newdet .ownerbox .sdxtitle i, .newdet .offpendingbox .sdxtitle i  {
color: #006ea8;
width: 27px;
float:right

}
.newdet .ownerbox ul, .newdet .offpendingbox ul {
list-style: none;
margin: 20px 0
}
.newdet .ownerbox .contact .inputfield, .newdet .offpendingbox .inputfield {
width: 100%;
margin-bottom: 12px!important
}
.newdet .ownerbox .contact .nomargin, .newdet .offpendingbox .nomargin {
margin-bottom: 3px
}
.newdet .ownerbox .details {
padding: 15px;
border-bottom: 1px solid #f1f1f1}
.newdet .ownerbox .details .photo {
width: 100px;
float: left
}
.newdet .ownerbox .details .photo img {
width: 90px;
height: 90px;
border-radius: 50px
}
.newdet .ownerbox .details .userdetails {
width: -moz-calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
float: left
}
.newdet .ownerbox .details .userdetails ul {
list-style: none;
line-height: 26px;
margin: 0
}
.newdet .ownerbox .details .userdetails ul li {
margin-bottom: 4px
}
.newdet .ownerbox .details .userdetails ul i {
width: 23px;
}
.newdet .ownerbox .details .userdetails .fa-whatsapp {
margin-left: 10px;
color: #189d0e
}
.newdet .ownerbox .tellink {
color: #006ea8}
.newdet .ownerbox .contact {
border-bottom: 1px solid #f1f1f1;
padding: 15px
}


.newdet .offpendingbox .makeoffr {
padding: 15px
}
.newdet .offpendingbox .bidoverviewbox {
list-style: none!important;
padding: .5em 0;
text-align: right;
white-space: nowrap
}
.newdet .offpendingbox .bidoverviewbox li {
margin-bottom: 5px
}
.newdet .offpendingbox .bidoverviewbox label {
width: 35.5%;
padding: 0 1% 0 0;
text-align: left;
float: left
}
.newdet .offpendingbox .bidoverviewbox .usofname {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

#socialoptions {
margin-top: 30px;
/*background: #FFFFFF;*/
padding: 20px 20px 15px;
font-size: 25px;
line-height: 25px;

color: #006ea8}

#socialoptions a {
margin-right: 20px;

}
#socialoptions a:last-child {

 
}
#socialoptions .notify{
color:#00041f;
margin-right: 0;
}
#socialoptions .socialbg {
width: 28px;
float: left;
height: 39px;
overflow: hidden;
margin: 0;
padding: 0;
border: 1px solid #cccccc;
border-right: 0;
display: inline-block;
font-size: 16px;
text-align: center;
line-height: 41px;
background: #ffffff
}
#socialoptions .notify{
float: right
}
/*floatbutton*/
.floatbutton{
display:none;
position:fixed;
bottom: 30px;
left: 50px;

z-index: 26
}
.floatbutton .button{
box-shadow: 2px 2px 4px rgba(204,204,204,0.75);
}
@media only screen and (max-width: 991px) {
.floatbutton{ 
bottom: 20px;
left: 20px; 
}
}



/* breadcrumb */
.topbread{
font-size:0.825rem;

line-height: 24px;
margin-bottom: 30px;
font-weight: 300;

display:flex;
align-items:center
}
@media only screen and (max-width: 991px) {
.topbread{
padding: 0 8px 0 8px;
margin-bottom: 20px;
}
}
.topbread a{display:flex;
align-items:center}
.topbread a:hover{
color:#006ea8;}
.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;
}
@media only screen and (max-width: 991px) {
.topbread .brnxt{
display: none
}
}
.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 {
background: #FFFFFF;
box-shadow: 2px 2px 4px #cccccc;

padding: 15px;
margin-bottom: 30px;

}
.adminmanage i, .usermanage i {
color:#00041f;
width: 20px
}
.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;

}
@media only screen and (max-width: 991px) {
.adminmanage ul li, .usermanage ul li {
width:50%;
}
}
.adminmanage ul li i, .usermanage ul li i{
color:#006ea8}
.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: 'Quicksand', Arial, Helvetica, sans-serif;
font-size: 8em;
display: block;
font-weight: 600;

color: #006ea8;
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(204,204,204,0.75);
z-index: 27
}
#newmessages .title {
font-size: 30px;
margin-bottom: 5px;
color: #006ea8}
#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;
text-align: center;
padding: 40px 0 40px 0;
background: #006ea8;
bottom: 0;
left: 0;
color: #ffffff;
height: auto;
line-height: 20px;
position: fixed;
width: 100%;
z-index: 99999999
}
#cookiething h3 {
margin-bottom: 10px;
}
#cookiething h3::before{
content:'\f564';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
margin-right: 6px;
 
}
#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
}
/* search pages and results */
@media only screen and (max-width: 991px) {
.showcatlist{
margin: 20px 0 20px 0;
}
.maincatlist{
display: none;
}
}
#prevnext {
margin: 2em 0;
text-align: center;
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 400
}
#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;
 ss
}
#prevnext span {
background: #399d3f;
color: #ffffff
}
.sortbox {
margin-bottom: 20px;
padding: 10px;
line-height: 30px
}
.sortbox i {
 
}
.sortbox a {
font-size: 22px;
margin-right: 10px;
float: left
}
.sortbox form {
display: inline
}
.sortbox select {
float: right;
padding-right: 30px
}
/*search template */
.leftsearch{
width: 250px;
float: left;
}
.rightsearch{
width: calc(100% - 280px);
float: left;
margin:0 0  30px 30px
}


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

.leftsearch{
width: 100%;
float: none;
padding:10px;
box-sizing: border-box;
}
.rightsearch{
width: 100%;
float: none;
margin:0 0  30px 0
}

}
.leftsearch .form-control{
margin-bottom: 5px;
}
/* chat box */

.notificationbox {
margin-bottom: 15px;
background: #ffffff;
padding: 10px;
box-shadow: 2px 2px 4px #cccccc;
-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.unread {
background: #FFFBE3}
.notificationbox .notiffrom {
width: 100px;
float: left;
text-align: center;
font-size: 50px;
opacity: .3!important;
filter: alpha(opacity=30)!important
}
.notificationbox.unread .notiffrom {
color: #006ea8;
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: #006ea8;
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
}

#messagewrapper {
background: #ffffff;
box-shadow: 2px 2px 4px #cccccc;
}
#messagelist {
background: #f6f6f6;
height: calc(100vh - 420px);
box-sizing: border-box;
padding: 15px;
overflow: auto;
overflow-x: hidden
}
@media only screen and (max-width: 991px) {
.hideonchat{
display:none!important
}
#fromuser{
display:none
}
#tomuser{
width:100%
}
#messagelist {

height: calc(100vh - 305px);

}
}

.messageb {
clear: both;
padding: 6px 10px;
max-width: 65%;
margin-bottom: 13px;
box-shadow: 2px 2px 4px #cccccc;
font-size: .95em;
display: block
}
.messageb .usercontnt {
margin-bottom: 5px
}
.messageb .dateet {
font-size: .8em
}
.messageb.sendbyelse {
float: left;
background: #ffffff;
border-radius: 8px 8px 8px 0
}
.messageb.sendbyme {
float: right;
background: rgba(133, 199, 9, 0.25);
border-radius: 8px 8px 0 8px
}
.messageb.sendbyme .dateet {
text-align: right
}
.messageb img {
max-height: 160px;
max-width: 160px;
}
#messagewrapper .respondbox {
padding: 10px
}
#newpostmessage {
border-top: 1px solid #006ea8}
#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:10px!important
}
#newpostmessage .button i {
margin: 0
}
@media only screen and (max-width: 991px) {
#newpostmessage .button {
width: 80px!important;
border-radius:5px!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 {
background: #eeeeee;
color: gray;
border-bottom: 1px solid #006ea8}
#messagetop .column50 {
height: 80px
}
#messagetop .rsback {
float: left;
font-size: 50px;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
color: #006ea8}
#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;
border: 5px solid #f0f0ef;
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: 5px solid #f0f0ef;
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: #006ea8}
#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: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 400;
margin-bottom: 5px
}
.messagebox {
background: #ffffff;
box-shadow: 2px 2px 4px #cccccc;
margin-bottom: 20px;
padding: 20px;
cursor: pointer
}
.messagebox.unread {
background: #eeeeee
}
.messagebox .messimgs {
width: 190px;
float: left
}
.messagebox .messimgs .userpic, .messagebox .messimgs .itempic {
width: 80px;
height: 80px;
float: left;
margin-right: 15px
}
.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: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 600;
color: #006ea8;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 3px
}
.messagebox .messshort .price {
color: #399d3f;
margin-right: 15px
}
.messagebox .messshort .messagefrom {
font-size: 13px;
margin-bottom: 6px
}
.messagebox .messagedate {
height: 20px;
font-size: 11px;
text-align: right;
margin-top: -20px
}

@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 */
#addnewtags #tags {}
#addnewtags > span {
cursor: pointer;
display: inline-block;
float: left;
color: #ffffff;
background: #399d3f;
border-radius: 4px;
padding: 0 5px 0 5px;
line-height: 24px!important;
font-size: 0.8em;
margin: 10px 4px;
}
#addnewtags > span:hover {
opacity: 0.7;
}
#addnewtags > span:after {
content: "\f057";
font-family: 'Font Awesome\ 5 Free';
font-weight: 700;
padding: 2px 5px;
margin-left: 3px;
font-size: 11px;
color: #ffffff;
}
#addnewtags > .lnkspan:after {
content: "";
margin-left: 0!important;
padding: 0!important;
}
#addnewtags > .lnkspan a {
color: #ffffff;
text-decoration: none
}
#addnewtags .taginput {
margin-top: 30px;
}

/* footer */
#footer{
background: #00041f;
color:#fff;
padding-top: 50px;
margin-top: 50px;
}
#footer .ftcol{
width: calc(25% - 20px);
margin: 0 20px 15px 0;
float: left
}
@media only screen and (max-width: 991px) {
#footer .ftcol{
width: 100%;
margin: 0 0 30px 0;

float: none
}
}
#footer .ftcol .title{
font-size: 1.1em;
color:#fff;
margin-bottom: 20px
}
 
#footer .ftcol .slogan{
line-height: 26px;
}
#footer .ftcol ul{
list-style: none;
}
#footer .ftcol ul li{
}
#footer .ftcol ul li a{
display: block;
 line-height:30px
 
}
#footer .ftcol .icon i{
width: 20px;font-size: 0.85em;
color:#006ea8}
#footer .copyright{
border-top: 1px solid #006ea8;
margin-top: 50px;
padding: 20px 0 20px 0;
}
/* 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 .blogitembox {
margin-bottom: 30px;
background: #ffffff;
box-shadow: 2px 2px 4px #cccccc;
}
.blogpage .blogitembox .blogshort {
padding: 20px
}
.blogpage .blogitembox h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.blogpage .blogitembox p {
margin-bottom: 10px
}
.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: #FFFFFF;
}
.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: #FFFFFF;
}
.showquote i {
font-size: 11px;
color: #006ea8;
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 {
background: #FFFFFF;
padding: 20px;

margin-bottom: 30px
}
.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 i {
width: 23px;

color:#006ea8}
.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 {
background: #ffffff;
padding: 20px;
box-shadow: 2px 2px 4px #cccccc;
margin-bottom: 30px
}
.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: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 600;
color: #006ea8;
font-size: 22px;
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: #006ea8;
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 */
.usersearchbox {
margin-bottom: 30px
}
.usersearchbox .userinfo {

width: calc(100% - 430px)!important;
float: left;
background: #FFFFFF;
padding: 20px;

}
.usersearchbox .userinfo h1 {
margin-bottom: 20px;
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 25px;
color: #00041f}
.usersearchbox .userinfo .userimg {
width: 150px;
margin-right: 20px;
float: left
}
.usersearchbox .userinfo .userimg img {
border-radius: 50%;
width: 150px
}
.usersearchbox .userinfo .userdesc {

width: calc(100% - 170px)!important;
float: left
}
.usersearchbox .userinfo .userdesc ul {
list-style: none
}
.usersearchbox .userinfo .userdesc ul li {
margin-bottom: 6px;
float: left;
width: 49%;
margin-right: 1%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.usersearchbox .userinfo #mainuserdesc {
overflow: hidden
}
.usersearchbox .userinfo #mainuserdesc.maxheight {
height: 230px
}
.usersearchbox .readmore {
height: 20px;
width: 100%;
padding-top: 50px;
text-align: center;
position: relative;
margin: -70px 0 10px;
z-index: 18;

}
.usersearchbox .userinfo .userdesc ul li i {
width: 26px;
color:#006ea8}
.usersearchbox .usermap {
width: 360px;
margin-left: 30px;
float: left
}
.usersearchbox .usermap .gmapsiframe {
width: 360px;
height: 300px;
border: 0
}
.usersearchbox .usermap .gmapsiframe iframe {
width: 100%;
height: 100%;
border: 0
}
@media only screen and (max-width: 991px) {
.usersearchbox .userinfo {
width: auto!important;
float: none
}
.usersearchbox .usermap {
width: auto;
margin-left: 0;
float: none
}
.usersearchbox .usermap .gmapsiframe {
width: 100%;
height: 300px;
border: 0
}
}
@media only screen and (max-width: 691px) {
.usersearchbox .userinfo .userimg {
width: 100%;
margin-right: 0;
float: none
}
.usersearchbox .userinfo .userimg img {
border-radius: 50%;
width: 50%;
margin: 0 25% 20px 25%;
}
.usersearchbox .userinfo .userdesc {
width: 100%!important;
margin: 0;
float: none
}
.usersearchbox .userinfo .userdesc ul li {
margin: 0 0 6px 0;
float: none;
width: 100%!important;
margin-right: 0
}
}

.noticebox{
background: #FFFFFF;
padding: 25px;
margin: 30px 0 30px 0;
}
.favorite.fas{
color:#fff!important
}
/* paypop */
.paypop{

}
.paypop .pdesc{
background:#FFFFFF;
padding:15px

}
.paypop .pdesc .icon{
text-align:center;
font-size:3.5em;
margin-bottom:20px;
color:#006ea8;
}
.paypop .pdesc h2{
margin-bottom:20px;

}
.paypop .pdesc p{
margin-bottom:15px;
}
.paypop .pdesc .itemdesc{
color:#00041f;
font-weight:600;
}
.paypop .pdesc .pricejs{
color:#006ea8;
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;
background:#FFFBE3;
text-align:center;
box-sizing: border-box;
padding:15px
}
.compsubs a{
display:block
}
.compsubs span{
display:block
}
.compsubs .months{
font-size:3em;
margin-bottom:4px;
font-weight: 600;
font-family: 'Quicksand', Arial, Helvetica, sans-serif;
color:#006ea8;
}
.compsubs .monthdesc{

margin-bottom:10px;
font-weight:600;
color:#00041f;
}
.compsubs .subdesc{
font-size:.85em;
color:#00041f;

}

/* 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:#399d3f;
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*/
    .item_grid_std{
        width:24%;
 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:space-between;
        flex-wrap:wrap
    }
.item_grid_view .item_grid_std{
width:19%;
}
@media only screen and (max-width: 991px) {
.item_grid_view .item_grid_std{
width:49%;
margin-bottom:20px
}
.item_grid_view .item_grid_std:last-child {
    width:100%;
}

}


.item_grid_view_fptop .item_grid_std{
width:24%;
}
@media only screen and (max-width: 991px) {
.item_grid_view_fptop .item_grid_std{
width:49%;
margin-bottom:20px
}
}

.searchitems .item_grid_std{
width:23%;
margin:0 2% 40px 0;

float:left
}
@media only screen and (max-width: 991px) {
    .searchitems .item_grid_std{
width:49%;
margin:0 1% 40px 0;
}
}

    .item_grid_std:hover{
      box-shadow: 0 0 8px rgba(204,204,204,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.725rem;
      margin-bottom:4px;
     }
     .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;
      height:70px;

     

      color:#00041f;
 
     }
     @media only screen and (max-width: 991px) {
        .item_grid_std h5{
      font-size:0.8725rem;
      height:55px;
        }
     }
     .item_grid_std h5 a{
        display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  color:#00041f;
     }
     .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: #006ea8}
     .item_grid_std .price{
      font-size:1.1rem;
           border-top:1px solid #f1f1f1;
      text-align:right;
      color:#006ea8;
     }
     @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:#fff;
padding:10px;
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
}
.item_list_std:hover{
box-shadow: 0 0 8px rgba(204,204,204,0.5);;
}
.item_list_std figure{
width: 20%;
 
flex-grow:0;
flex-shrink:0;
position:relative;
 
}
.item_list_std figure img{
width:100%;
height:100%;
object-fit:cover
}
.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 .item_list_right .flextop,.item_list_std .item_list_right .price,.item_list_right .item_own_options{
width:100%;

}
.item_list_std .item_top{

font-size:0.825rem;
padding: 5px 0;
}
@media only screen and (min-width: 992px) {
.item_list_std .item_top{
display:flex;
justify-content:space-between;
align-items:center;
padding: 5px 0;
}
}

.item_list_std .item_loc{


}
.item_list_std .item_loc::before {
content: '\f3c5';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
opacity: 0.65;
margin-right: 3px
}
.item_list_std h5{
font-size:1.2rem;
margin-bottom:12px 
}
.item_list_std h5 a{
color:#00041f;
}
     .item_list_std.topper h5 a::before {
content: "\f005";
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
width: 25px;
font-weight: 400!important;
color: #006ea8}
.item_list_std .item_owner_price{
    font-size:1.2rem;
font-weight:600;
color:#006ea8;
}
.item_list_std .price{
padding:5px 0;
font-size:1.2rem;
font-weight:600;
text-align:right;
color:#006ea8;
}
.item_list_std .item_own_options{
    padding:5px 0;
}
.item_list_std .item_own_options a{
    margin-right:20px
}