@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=Quicksand:wght@500;600;700&family=Source+Sans+Pro:ital,wght@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:#fdfdff ;
     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: 18px;
     font-weight: 500;
     color: #4f4f4f;
}
 *,*:focus,*:hover{
     outline:none;
}
/* v24 2024 evesi.com Marbella*/
 .fa-thumbtack{
     rotate: 330deg;
}
 .cursor{
     cursor:pointer 
}

hr {
     border: none;
     margin: 40px 0 40px 0;
     border-top: 1px solid #12c8a4;
}
/* mains */
.flexboxall{
         display: flex;
         justify-content: space-between;
         align-items: center 
    }

 @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%;
    }
     .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: 700;
     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 
}
 
 .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:#447fd7!important 
}
 .clear{
     clear: both;
     font-size: 0 
}
 .title{
     display: block;
     font-weight: 700;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     color: #002357;
}
 .hidden {
    display: none;
}
 .warn {
     background: #ffffff;
    
     border-left:5px solid #447fd7;
     box-shadow: 0 0 12px #f0f0f0;
     font-weight:600;
     padding: 20px;
     margin: 20px 0 
}
.validatewebsite {
    position: absolute;
    left: -9999px;
    top: -9999px;
    opacity: 0;
}
.txtgreen {
     color: #12c8a4;
}
 .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: 98%;
     margin: 0 auto;
}
 .wrappersmall {
     width: 1200px;
     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;
}
.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: 700;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     color:#447fd7;
}
 .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: #12c8a4;
      border-radius:50px;
    cursor: pointer;
  }
  
  .form-slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
      border-radius:50px;
    background: #12c8a4;
    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 #447fd7;
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: 0 !important;
     color: #002357;
}
 .form-control.textarea {
     height: 140px;
     font-weight: 500;
}
 .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%23447fd7%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: #447fd7}
/* checked icon */
 input[type=radio] + label:before {
     content: "\f111";
     width: 20px;
     color:#ccc 
}
/* unchecked icon */
 input[type=radio]:checked + label:before {
     content: "\f192";
     color:#447fd7}
 .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: #447fd7;
     text-decoration: none;
}
 .replace-check a:hover {
     color: #447fd7;
     text-decoration: underline;
}
.toclfav{
  cursor: pointer;
}
 .button {
     border:none!important;
     background: #447fd7;
     box-sizing: border-box;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     font-size: 1.05rem!important;
     color: #ffffff!important;
     text-decoration: none!important;
     font-weight: 700;
     border-radius: 5px!important;
     cursor: pointer;
 	line-height:38px;
     height: 40px;
     padding: 0 22px!important;
     text-shadow: none!important;
     box-shadow: none;
     display: inline-block;
     -webkit-appearance: none;
     width: auto!important ;
 white-space: nowrap
}
.button.flex{
    display: flex;
    width: auto!important ;
    justify-content:center;
    align-items:center;
    width: min-content!important;
    white-space: nowrap;
    flex-shrink:0!important;
    flex-grow:0
}
.button img{
    height: 20px;
    margin-right:4px 
}
 .button.square{
     border-radius: 1px!important;
}
.button.round{
     border-radius: 100px!important;
}
 .button.smaller {
     line-height: 28px!important;
     height: 28px!important;
     font-size: 12px!important;
     padding: 0 20px 0 20px!important;
}
 .button.full {
     width: 100%!important;
     text-align: center;
 
}
 .button.green {
     background: #12c8a4;
}
 .button.line {
     background: none!important;
     color: #12c8a4!important;
     border: 2px solid #12c8a4!important;
     line-height: 36px!important;
}
 .button.white {
     background: #fff!important;
     color: #4f4f4f!important;
     
    
}

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

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

     border: 2px solid #f1f1f1!important;
     line-height: 36px!important;
    
}
 .button.oauth i {
     font-weight: 400!important;
     color:#d44837;
}
.button.whatsapp {
     background: #25D366!important;
     color: #fff!important;
     text-align:center!important;
     margin: 0 0 0 0!important;
     width: 40px!important ;
     padding:0 0 0 0!important;
     border-radius:120px!important
}
.button.whatsapp i{
    margin:0 0 0 0;
}
 .button:hover {
     opacity:0.6 
}
 .button i{
     margin-right:4px 
}
/* header and top menu new header */
    body.hfixed.shortheader{
         padding-top: 0 
    }
 @media only screen and (max-width: 991px) {
     body.hfixed{
         padding-top: 60px 
    }
    
}
 @media only screen and (min-width: 992px) {
     body.hfixed{
         padding-top: 70px 
    }
}
@media only screen and (max-width: 991px) {
     body.hfixed{
         padding-top: 60px 
    }
     .tophead{
         background: #fff;
         box-sizing: border-box;
         height: 60px;
         width: 100%;
         border-top:4px solid #12c8a4;
		 position: relative;
        
    }
     body.hfixed .tophead{
         position: fixed;
         top: 0;
         z-index: 5652;
         box-shadow: 0 0 10px #f0f0f0;
    }
	.tophead .tophsearch{
	 cursor:pointer;
	}

	.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 #f0f0f0}
.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) {
     body.hfixed{
         padding-top: 70px 
    }
     .tophead{
         background: #fff;
         box-sizing: border-box;
         height: 70px;
         width: 100%;
         border-top:4px solid #12c8a4;
		
    }
     body.hfixed .tophead{
         position: fixed;
         top: 0;
         z-index: 5652;
          box-shadow: 0 0 10px #f0f0f0;
    }

	.tophead .tophsearch{
		cursor: pointer;
		background:#e5efff;
		text-align:right;
		border-radius:50px;
		width: 220px;
		padding: 7px 10px;
		color:#447fd7;
		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 #12c8a4;
		display:none;
	position:absolute;
	background:#ffffff;
	z-index: 54665;
	width: 450px;
	padding: 10px;;
	box-sizing:border-box;
	box-shadow: 0 0 12px rgba(240,240,240,0.85);
    top:0;
text-align:left;
    left:0;
}
.tophead .topusermn{
	 
}
 .tophead .logoff i{
    color:#447fd7
 }
.tophead .topusermn .menymcm{
left:auto;
right:0;
top:-9px;

 
}
.tophead .topusermn a.hvyico{
	margin: 0 12px;
	 display:inline-block;
	font-size:1.2rem;
	border-radius:50px;
	width: 36px;
	height:36px;
	line-height:36px;
	text-align:center;
    
 
}
.tophead .topusermn a.hvyico:hover{
	box-shadow: 0 0 10px #f0f0f0;
}
.tophead .topbutton{
	color:#ffffff;
	background:#447fd7;
	box-sizing: border-box;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     font-size: 1.05rem!important;
	 text-decoration: none!important;
	 font-weight: 700;
     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 .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 #f0f0f0	}
	.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:#447fd7;
width:28px;
display:inline-block
	}
.tophead .menymcm a:hover{
background:#e5efff;
 

}
	.tophead .mobilerondbutton{

	color:#ffffff;
	background:#447fd7;
	box-sizing: border-box;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     font-size: 1.05rem!important;
	 text-decoration: none!important;
	 font-weight: 700;
     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: 24px;
     
    
     overflow: hidden;
     letter-spacing: -1px;
     color: #101b32;
     white-space: nowrap;

     font-weight: 700;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     
}
 .tophead .hlogo .logotxt::before,.loginlogo .logotxt::before{
     content: "\f54e";
     font-family: 'Font Awesome\ 5 Free';
     padding-right: 6px;
     font-weight: 900!important;
     color: #447fd7;
background: linear-gradient(90deg, rgba(68,127,215, 0.85) 0%, rgba(18,200,164, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
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:700;
	cursor:pointer;
	margin-bottom:20px;
color:#447fd7;
		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:#12c8a4;
	color:#ffffff;

	display: none;
    
     font-size: 0.725rem;
     font-weight: 600;
     
     line-height: 18px;
     text-align: center;
     width: 18px;
     border-radius: 100px;
     height: 18px;
   
    top: -3px;
    right:-3px;
    z-index:303
}
@media only screen and (max-width: 991px) {
    .tophead .messcounter{
  
    top: 10px;
    right:auto;
    left:8px
}
.tophead .fklogibb .messcounter{
    top: -5px;
    right:-5px;
}
}
.tophead .messcounter.visible{
    display: block;
}
/* end header */
 .mainpage{
     padding-top: 50px;
     min-height: calc(100vh - 180px);
}
 @media only screen and (max-width: 991px) {
    .tophead .hlogo .logotxt,.loginlogo .logotxt{
    
        font-size: 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: #e5efff;
			padding: 20px 0;
			box-shadow: 0 4px 4px  rgba(240,240,240,0.6);
		}
		@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{
			
			 display: flex;
			 justify-content: space-between
		 }
		 
		 .mpsearch .mobfrm{
		  display: flex;
			 width: 60%;
			 flex-shrink: 0
	 }
 .mpsearch .button.setloc{
border-radius:  0 0 0 0!important;
}
		 .mpsearch #fptopsr{
		 
		 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 #fptopsr{
		order: 1;
		width: calc(100% - 65px);
		 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:linear-gradient(to right, #12c8a4, #447fd7);
            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: #447fd7}
 .content a:hover {
     opacity: 0.8;
}
 .content h1, .content h2, .content h3, .content h4, .content h5, .title,.listbox .detailbox .options .detprice {
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     font-weight: 700;
}
 .content h1 {
     margin-bottom: .5em;
     color: #002357;
     font-size: 2em 
}
 .content h2 {
     margin-bottom: .5em;
     color: #002357;
     font-size: 1.8em 
}
 .content h3 {
     margin-bottom: .5em;
     color: #002357;
     font-size: 1.6em 
}
 .content h4 {
     margin-bottom: .3em;
     color: #002357;
     font-size: 1.4em 
}
 .content h5 {
     margin-bottom: .3em;
     color: #002357;
     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: #447fd7}
 .contentpage ul li a{
     color:#888888;
     display: block;
}
 .contentpage ul li a:hover {
     color: #447fd7}
		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:#002357;
     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: #12c8a4 
}
 @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 #f0f0f0;
  
    }
    .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: 6px 18px 6px 12px;
         color: inherit;
         text-decoration: none;
         background: #fff;
    
         border-radius: 50px;
         margin-bottom: 10px;
         position:relative;
         overflow:hidden;
         white-space:nowrap;
         text-overflow:ellipsis;

         -webkit-transition: background .1s ease-in-out;
     -moz-transition: background .1s ease-in-out;
     -o-transition: background .1s ease-in-out;
     transition: background .1s ease-in-out 
    }
     .fpnewcnt ul li a {
         background: none;
    }
     .frontpage .fpcatleft .ccatleft ul li a::after,.fpnewcnt ul li a::after{
         content: "\f054";
         font-family: 'Font Awesome\ 5 Free';
         font-weight: 900;
         margin-left: 6px;
         color: #fff;
         position:absolute;
         right:12px 
    }
     .fpnewcnt ul li a::after{
         color: inherit;
    }
     .frontpage .fpcatleft .ccatleft ul li a.veall::after {
         color: #12c8a4;
    }
     .frontpage .fpcatleft .ccatleft ul li a:hover::after,.fpnewcnt ul li a:hover::after {
         color: #12c8a4;
    }
     .frontpage .fpcatleft .ccatleft ul li a:hover{
         text-decoration: none;
         color: #447fd7;
         background: #eee;
    }
     .fpnewcnt ul li a:hover {
         opacity: 0.6;
    }
     .fpnewcnt .hndlknk{
        /* background:rgba(68,127,215,0.1);
        */
         background: rgba(18,200,164, 0.1);
         border-radius: 10px;
         padding:18px;
         box-sizing:border-box;
         margin-top:30px 
    }
    @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:#447fd7;
         color:#fff;
         font-weight:700;
         text-align:center;
         padding:15px 2px;
         margin-top:30px;
    }
     .frontpage .nacplaceas a{
         color:inherit;
         display:block 
    }
     .frontpage .fpcatleft .title {
         margin-bottom: 20px 
    }
 .fpnewcnt{
     box-sizing:border-box;
     background:#ffffff;
     padding:30px;
     border-radius: 10px;
     box-shadow: 0 0 12px #f0f0f0;
    ;
}
 @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: 'Quicksand', Arial, Helvetica, sans-serif;
     font-size: 1.1em;
     display: block;
     font-weight: 700;
     color: #002357;
     padding: 20px 0 0 20px;
}
 @media only screen and (max-width: 991px) {
     .catbox .title {
         padding: 20px 0 0 10px;
    }
}
 .catbox .title .submore {
     color: #447fd7;
     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: #447fd7;
}
 .catbox a {
     text-decoration: none;
     color: inherit 
}
 .catbox a:hover {
     color: #447fd7;
}
 .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: #447fd7}
 .catbox ul li a {
     display: block;
     padding: 5px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .catbox ul li a:hover {
     color: #447fd7}
 .fpright .catbox {
     display: none;
     position: absolute;
     width: 100%;
     z-index: 32;
     background:#ffffff
}
 @media only screen and (max-width: 991px) {
     .fpleft .catbox ul{
         -webkit-column-count: 2;
         -moz-column-count: 2;
         column-count: 2;
    }
     .fpleft .catbox ul li{
         display: block;
         padding:right:15px;
    }
     .fpleft .catbox ul li a{
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         display:block;
         width:calc(100%-8px);
    }
     .fpleft .catbox ul li:nth-child(1n + 7){
         display:none 
    }
     .fpright .catbox {
         background:#ffffff;
         margin-top: -30px;
    }
}
 .fpright .catbox .title {
     margin-bottom:20px 
}
 @media only screen and (min-width: 991px) {
     .fpright .catbox ul{
         -webkit-column-count: 4;
         -moz-column-count: 4;
         column-count: 4;
    }
     .fpright .catbox ul li {
         display: block;
         padding:right:30px;
    }
}
.fpspn .shbanvr{
     margin-top:30px;
}
 
 .sidemenu ul {
    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: #447fd7}
 .sidemenu ul li a {
     display: block;
     color: inherit;
}
 .sidemenu ul li a:hover {
     color: #447fd7}
/* 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:rgba(68,127,215,0.1);
     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:hover{
     background:rgba(68,127,215,0.05);
}
 .flowbuttons ul li a{
     color:#002357;
     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 
}
 
/* listings tpl*/
 .listbox {
}
 .listbox a{
     text-decoration: none;
     color: inherit;
}
/* listingsbasics all */
 .listbox {
     background: #ffffff;
    /*box-shadow: 0 0 8px rgba(240,240,240,0.5);
    ;
    */
}
 .listbox .adminwarn{
     display: block;
     color:#fff;
     background: #12c8a4;
     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:#447fd7;
     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:#002357;
     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: #447fd7;
}
 .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:#447fd7;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     display: block;
     font-weight: 700;
}
/* listings grid */
 .listbox.grid{
     width: calc(25% - 20px);
     box-sizing: border-box;
     padding: 15px;
     margin: 0 10px 20px 10px;
     float: left;
     overflow: hidden 
}
 @media only screen and (max-width: 991px) {
     .listbox.grid{
         width: calc(50% - 10px);
         padding: 10px;
         margin: 0 5px 10px 5px;
    }
}
 .frontpage .listbox.grid{
     width: calc(25% - 15px);
}
 .frontpage .listbox.grid:nth-of-type(1){
     margin: 0 10px 20px 0;
}
 .frontpage .listbox.grid:nth-of-type(4){
     margin: 0 0 20px 10px;
}
 @media only screen and (max-width: 991px) {
     .frontpage .listbox.grid{
         width: calc(50% - 7px);
    }
     .frontpage .listbox.grid:nth-of-type(1),.frontpage .listbox.grid:nth-of-type(3){
         margin: 0 5px 10px 2px;
    }
     .frontpage .listbox.grid:nth-of-type(2),.frontpage .listbox.grid:nth-of-type(4){
         margin: 0 2px 10px 5px;
    }
}
 .listbox.grid .imgbox {
     margin-bottom: 10px 
}
 .listbox.grid .detailbox {
}
 .listbox.grid .detailbox .cat{
     height: 30px;
     line-height: 30px;
}
 .listbox.grid .detailbox .title{
     margin-top: 10px;
     font-size: 1.1em;
}
 .listbox.grid .detailbox .ddescr{
     display: none;
}
 .listbox.grid .detailbox .options{
     margin-top: 15px;
}
 .listbox.grid .detailbox .options .detcity{
     font-size: 0.9em;
     height: 35px;
}
 .listbox.grid .detailbox .options .detcity::before {
     content: '\f3c5';
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900;
     opacity: 0.85;
     margin-right: 5px 
}
 .listbox.grid .detailbox .options .detprice{
     font-size: 0.9em;
     border-top: 1px solid #f1f1f1;
     padding-top: 15px;
}
 .listbox.favs .detailbox .title, .listbox.offer .detailbox .title{
     margin-top: 30px;
}
 .listbox.favs .detailbox .title::before {
     content: "\f004";
     font-family: 'Font Awesome\ 5 Free';
     display: inline-block;
     width: 25px;
     font-weight: 900!important;
     color: #002357}
 .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: #002357}
 .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: #447fd7}
 .listbox.sponzr .detailbox .ddescr{
     height: 60px;
}
/* class detail page zindex */
 .detailleft {
     width: calc(100% - 400px);
     float: left;
     background:#ffffff;
     padding: 40px;
     box-sizing: border-box;
     border-radius: 10px;
     box-shadow: 0 0 12px #f0f0f0;
    ;
}
 .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: #12c8a4;
     padding:15px;
     margin-bottom: 20px;
}

/* addetails */
.itemdetail{

}
.itemdetail .shbanvr{
margin-bottom:30px;
}
 .newdet{
}
 @media only screen and (min-width: 992px) {
     .newdet{
         width:100%;
         display:flex;
         justify-content:space-between;
    }
     .newdet .newdetleft{
         width: calc(100% - 410px);
         flex-grow:0;
         flex-shrink:0;
    }
     .newdet .newdetright{
         width: 370px;
         flex-grow:0;
         flex-shrink:0;
    }
}
 @media only screen and (min-width: 1280px) {
     .newdet .newdetleft{
         width: calc(100% - 510px);
    }
     .newdet .newdetright{
         width: 470px;
    }
}
 @media only screen and (max-width: 991px) {
     .newdet{
    }
     .newdet .newdetleft{
         margin-bottom:40px;
    }
     .newdet .newdetright{
    }
}
 .newdet .newdetright .title{
     display: block;
     font-size: 20px;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     font-weight: 700;
     color: #002357;
     font-size: 1.1rem 
}
 

.mainheadr{
 
 margin-bottom:30px
}
.mainheadr .mainhd{
 display:flex;
 justify-content:space-between;
}
.mainheadr .mainhd .favorite{
 margin-left:20px;
 font-size: 1.6em;
 padding-top:10px
}
.mainheadr .mainhd .favorite.fas{
  color:#447fd7!important 
}
.mainheadr h1{
  font-family: 'Quicksand', Arial, Helvetica, sans-serif;
  font-weight: 700;
  color:#002357;
  font-size: 1.8em;
  margin-bottom: 3px 
}
.mainheadr .toppert{
  color:#12c8a4;
  font-family: 'Quicksand', Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}
.mainheadr .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: 700;
  font-size: 1.2em;
  margin: 0 20px 0 0 ;
  color:#447fd7;
  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;
}

@media only screen and (min-width: 1200px) {
.mnboxle{
display:flex;
margin-bottom:30px;
}
.mnboxle .mbimglf{
width: calc(100% - 360px);
margin-right:20px;
}
.mnboxle .itemdesc{


width: 340px;;

}
.mnboxle.noimg .itemdesc{
background:#fff;

width: 100%;

}
.newdet .recaps ul{
     padding-top:20px;   
}
.newdet .mnboxle.noimg .recaps ul{
     padding-top:0;   
}
}
 @media only screen and (max-width: 1199px) {
.mnboxle{

margin-bottom:30px;
}
 }

.itemdesc .ownrbx{

 font-size: 1.0em;
 
 padding:0 20px;
 box-sizing:border-box;

display:flex;
justify-content:center
}


.itemdesc .ownrbx .xownoption{

 background:#e5efff;

 padding:6px 15px;
 border-radius:50px;
 margin-bottom:10px
}
.itemdesc .ownrbx .xownoption a{
 margin:0 15px;
 
}

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

 .newdet .newimgbox{
     width:100%;
     margin-bottom:20px;
}
 .newdet .newimgbox .leftphotos{
     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{ 
     
    
     
}
 .newdet .mnboxle.noimg .recaps{ 
     
    
 
    }
 .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; 
}
 .newdet .recaps ul li.right{
     justify-content:flex-end;
}
 .newdet .recaps ul label{
     font-weight:600;
     color:#002357 
}
 @media only screen and (min-width: 992px) {
    
     .newdet .noimg .recaps ul{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;

    }
    .newdet .noimg .recaps ul li{
        width:48%
    }
}
 @media only screen and (max-width: 991px) {
     .newdet .recaps ul li{
         margin-bottom:10px;
    }
}
 .newdet .recaps ul li .pricejs{
     font-weight: 700;
     font-size:1.2rem;
     color:#447fd7 
}
 .newdet .title,.similar .title{
     font-size: 1.2em;
     color: #002357;
     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 #447fd7;
     color:#447fd7;
     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;
}
 .newdet .usermaps #map iframe {
     width: 100%;
     height: 100%;
     border: 0 
}
 .similaritem{
     margin-bottom:20px;
     display:flex;
     box-shadow: 0 0 8px rgba(240,240,240,0.5);
    ;
     padding:12px;
     box-shadow: 0 0 12px #f0f0f0;
    ;
     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: 'Quicksand', Arial, Helvetica, sans-serif;
     font-weight: 700;
     color:#002357;
     margin-bottom: 8px 
}
 .newdet .ownerbox {
     background: #fff;
     padding: 18px 12px 12px 12px;
     box-sizing: border-box;
     border-radius: 10px;
     box-shadow: 0 0 12px #f0f0f0;
     margin-bottom: 30px;
}
 .newdet .offpendingbox {
     margin-bottom: 50px;
}
 .itemdfbx{
     background:#ffffff;
     padding: 30px 0 12px 0;
     box-sizing: border-box;
     border-radius: 10px;
     box-shadow: 0 0 12px #f0f0f0;
    padding:30px
}
@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: 'Quicksand', Arial, Helvetica, sans-serif;
     font-weight: 700;
     margin-bottom: 2px;
     color: #002357;
     font-size: 1.1rem 
}
 .nnusrownr .ursloc{
     font-size:0.8275rem;
     opacity: 0.6;
}
 .rightsearch .nnusrownr .ursloc{
     margin-top: 5px;
}
 .icpompart{
     float:right;
     background:#12c8a4;
     font-weight:600;
     font-size:0.8725rem;
     color:#fff;
     padding:1px 10px 1px 10px;
     margin-right:-12px;
 
}
.ownerbox .usrphn{
     margin-top:20px;
     display:flex;
     justify-content:flex-start;
     font-size:0.985rem 
}
.ownerbox .usrphn .button{
    margin-right:12px
}
 .ownerbox button.whatsapp{
    
     
}
 .newdet .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 
}
 .newdet .ownerbox .tellink {
     color: #447fd7;
}
 .newdet  .contact {
     margin: 30px 0 60px 0;
}
 .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 
}
 #socialoptions {
     margin-top: 30px;
     padding: 0 20px;
     font-size: 25px;
     line-height: 25px;
     color: #447fd7}
 #socialoptions a {
     margin-right: 20px;
}
 #socialoptions a:last-child {
}
 #socialoptions .notify{
     color:#002357;
     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(240,240,240,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:#447fd7;
}
 .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 #f0f0f0;
 
     padding: 20px 30px;
     margin-bottom: 30px;
     border-radius: 10px;
}
.nonapproved p{
     margin-bottom:8px 
}
 .adminmanage i, .usermanage i {
     color:#002357;
     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:#447fd7}
 .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: 700;
     color: #447fd7;
     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(240,240,240,0.75);
     z-index: 27 
}
 #newmessages .title {
     font-size: 30px;
     margin-bottom: 5px;
     color: #447fd7}
 #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.3);
     position:fixed;
     height:100%;
     width:100%;
     top:0;
     left:0;
     z-index: 5456333;
     backdrop-filter: blur(3px);
}
 #cookiething .showthis{
 
    background: #447fd7;
     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 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: 'Quicksand', 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: #12c8a4;
     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 #f0f0f0;
 
}
 .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(240,240,240,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: #447fd7;
     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: #447fd7;
     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 #f0f0f0;
     overflow:hidden;
    border-radius: 10px
}
 #messagelist {
     background: #f6f6f6;
     background:rgba(68,127,215,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: #447fd7;
     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: #447fd7}
 #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: #447fd7}
 #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;
     border-radius: 10px;
     box-shadow: 0 0 12px #f0f0f0;
     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: 'Quicksand', Arial, Helvetica, sans-serif;
     font-weight: 700;
     color: #447fd7;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-bottom: 3px 
}
 .messagebox .messshort .price {
     color: #12c8a4;
     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: #12c8a4;
     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:#447fd7;
	font-weight:700;
	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 
}
 #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 #447fd7;
     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: #447fd7;
	
}
#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;
}
/*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: #447fd7;
     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 #f0f0f0;
    ;
}
 .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 #f0f0f0;
    ;
}
 .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: 700;
     color: #002357;
     font-size: 1.5rem;
     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: #447fd7;
     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 */
 @media only screen and (min-width: 992px) {
     .blogpage .blogflex{
         display:flex;
         justify-content: space-between;
         flex-wrap:wrap;
         ;
    }
     .blogpage .blogitembox {
         width:49%;
    }
}
 .blogflex{
}
 .mainblogimg{
     margin-bottom:30px;
}
 .blogtime{
     font-size:0.825rem;
     margin-bottom:30px;
}
 .blogpage .blogitembox {
     margin-bottom: 30px;
     background:#ffffff;
 
     box-sizing: border-box;
     border-radius: 10px;
     box-shadow: 0 0 12px #f0f0f0;
 
}
 .blogitembox figure{
     width:100%;
     height:250px;
     overflow:hidden;
     margin-bottom:10px 
}
 .blogitembox figure img{
     width:100%;
     height:250px;
     object-fit:cover 
}
 .blogpage .blogitembox .blogshort {
     padding: 20px 
}
 .blogpage .blogitembox h3 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     font-weight: 700;
     margin-bottom: .5em;
     color: #002357;
     font-size: 1.4rem 
}
 .blogpage .blogitembox h3 a{
     color:inherit;
}
 .blogpage .blogitembox p {
     margin-bottom: 10px 
}
 .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 #f0f0f0;
    ;
}
 .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: 'Quicksand', Arial, Helvetica, sans-serif;
     font-weight: 700;
     color: #002357;
     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:#12c8a4;
     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 #f0f0f0;
     margin-bottom:30px 
}
 .noticebox{
     background: #fff;
     padding: 25px;
     margin: 30px 0 30px 0;
     border-radius: 10px;
     box-shadow: 0 0 12px #f0f0f0;
}
 .favorite.fas{
     color:#12c8a4!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 #f0f0f0;
   
}
 
 .paypop .pdesc .icon{
     text-align:center;
     font-size:3.5em;
     margin-bottom:20px;
     color:#447fd7;
}
 .paypop .pdesc h2{
     margin-bottom:20px;
}
 .paypop .pdesc p{
     margin-bottom:15px;
}
 .paypop .pdesc .itemdesc{
     color:#002357;
     font-weight:600;
}
 .paypop .pdesc .pricejs{
     color:#447fd7;
     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:#ffffff;
     text-align:center;
     box-sizing: border-box;
     padding:15px 
}
 .compsubs a{
     display:block 
}
 .compsubs span{
     display:block 
}
 .compsubs .months{
     font-size:3em;
     margin-bottom:4px;
     font-weight: 700;
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     color:#447fd7;
}
 .compsubs .monthdesc{
     margin-bottom:10px;
     font-weight:600;
     color:#002357;
}
 .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:#12c8a4;
     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: space-between;
}
 .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:space-between;
     flex-wrap:wrap 
}
 .item_grid_view .item_grid_std{
     width:19%;
}
 @media only screen and (max-width: 991px) {
     .item_grid_view .item_grid_std{
         width:49%;
         margin-bottom:20px 
    }
     .item_grid_view .item_grid_std:last-child {
         width:100%;
    }
}
 .item_grid_view_fptop .item_grid_std{
     width:24%;
}
 @media only screen and (max-width: 991px) {
     .item_grid_view_fptop .item_grid_std{
         width:49%;
         margin-bottom:20px 
    }
}
 .item_grid_std:hover{
     box-shadow: 0 0 8px rgba(240,240,240,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:#002357;
     margin-bottom: 10px;
}
 @media only screen and (max-width: 991px) {
     .item_grid_std h5{
         font-size:0.8725rem;
    }
}
 .item_grid_std h5 a{
     color:#002357;
}
 .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: #447fd7;
}
 .item_grid_std .price{
     padding:5px 0;
     font-size:1.2rem;
     font-weight:600;
     color:#447fd7;
}
 @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-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;
}
 .item_list_std:hover{
     box-shadow: 0 0 8px rgba(240,240,240,0.5);
    
}
 .item_list_std.grid{
     display: block;
     width: 24%;
     padding:0;
     border-radius: 5px;
     overflow:hidden;
}
.frontpageltst  .item_list_std.grid{
         width: 19%;
    }
 @media only screen and (max-width: 1280px) {
     .item_list_std.grid{
         width: 32%;
    }
    .frontpageltst  .item_list_std.grid{
         width: 32%;
    }
    .frontpageltst.lastfv  .item_list_std.grid:nth-child(5) {
 
  flex-grow:2
}
 

}

 @media only screen and (max-width: 991px) {
     .item_list_std.grid{
         width: 49%;
    }
    .frontpageltst  .item_list_std.grid{
         width: 49%;
         
    }
}
 .item_list_std figure{
     width: 20%;
     flex-grow:0;
     flex-shrink:0;
     position:relative;
}
 .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 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:0 8px 12px 8px;
     display: block;
 
}
 .item_list_std .item_list_right .flextop,.item_list_std .item_list_right .price,.item_list_right .item_own_options{
     width:100%;
}
 .item_list_std .item_top{
     display:flex;
     justify-content:space-between;
     align-items:center;
     margin-bottom: 12px;
     width: 100%;
     font-size: 0.875rem;
     white-space: nowrap;
     overflow: hidden;
}
 .item_list_std.grid .item_top{
     display: block;
     font-size: 0.775rem;
     margin-bottom: 10px;
     opacity:0.6;
     justify-content: flex-start;
 
}
 .item_list_std.grid .item_cat{
     display: none;
}
.item_list_std .item_cat span{
   margin-right:10px;
   opacity:0.6
}
 .item_list_std .item_loc{
display:inline-block;
padding:2px 8px;
border-radius:50px;
    background: #e5efff;
}
 .item_list_std.grid .item_loc{
margin:5px 0 5px 0
}
/*
 .item_list_std.grid .item_loc{
     text-align: right;
}
*/
 .item_list_std .item_loc::before {
     content: '\f3c5';
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900;
     opacity: 0.65;
     margin-right: 3px 
}
 .item_list_std h5{
     font-size:1.2rem;
     margin: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:#002357;
}
.searchitems .item_list_std.topper{
    background:#fff5e5;
}
 .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: #447fd7}
 .item_list_std .item_owner_price{
     font-size:1.2rem;
     font-weight:600;
     color:#447fd7;
}
 @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.2rem;
     font-weight:600;
     color:#447fd7;
}
 .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:700;
     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(68,127,215,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 #f0f0f0;
 
     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 #f0f0f0;
    
     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: 'Quicksand', Arial, Helvetica, sans-serif;
     font-weight: 700;
     margin-bottom: 5px;
     color: #002357;
     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 #f0f0f0;
}
 @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: #447fd7;
            }


    /*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;
      }