html{
   height:100%;margin:0px;padding:0px;font-size:clamp(16px,1vw,18px);
  }
body{
  font-family:Arial,Helvetica,sans-serif;height:100%;margin:0px;padding:0px;color:#2c2c2c;font-size:clamp(16px,1vw,18px);
}
main{
  min-height:75%;
}
.page-title {
  text-align: center;font-weight: bold;text-transform:uppercase;margin-bottom:20px ;margin-top:10px;
  font-size:1.3rem;font-family:Tahoma,Arial,Helvetica,sans-serif;letter-spacing:-0.32px;
  }
.page-subtitle{
    text-align: center;font-weight:600;font-size:1.2rem;font-family:Helvetica,Arial,sans-serif;
}
.section-title{
  font-size:1.2rem; margin-bottom:20px;display:block;color:black; text-align:center;
  font-weight:bold;text-transform:capitalize; font-family:Tahoma;
}
.section-subtitle{
  font-size:1.1em; margin-bottom:20px;display:block;color:black; text-align:center;
  font-weight:bold;text-transform:capitalize; 
}
#footer-container{ 
     margin-top: 100px;margin-bottom: 0px;color: #fff;padding: 10px 0;background-image: linear-gradient(to right, #978d8d, #211d1d);border-top-left-radius: 20px;border-top-right-radius: 20px;
}
/* myModal –––––––––––––––––––––––––––––––––––––––––––––––––– */
.open-modal {
  font-weight: bold;background: steelblue;color: #fff;padding: 0.75rem 1.75rem;margin-bottom: 1rem;
  border-radius: 5px;
}
.myModal,.processingModal {
  position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;
  align-items: center;justify-content: center;padding: 1rem;background-color: rgba(0, 0, 0, 0.90);cursor: pointer;
  visibility: hidden;opacity: 0;transition: all 0.35s ease-in;z-index:20;
}
.processModal{
  z-index:11; 
  background-color:rgb(0 0 0 /50%)
}
                                                                         
.myModal.is-visible , .processingModal.is-visible{
  visibility: visible;opacity: 1;
}
 .myModal-dialog{
  position: relative;max-width:100%;max-height: 80vh;border-radius: 5px;background: #fff;overflow: auto;
  cursor: default; width:1000px;
}

.myModal-dialog{
  position: relative;max-width:100%;max-height: 80vh;border-radius: 5px;background: #fff;overflow: auto;
  cursor: default; width:1000px;
}

.myModal-dialog.myModal-sm{
  position:relative;max-width:100%;max-height: 80vh;border-radius: 5px;background: #fff;overflow: auto;
  cursor: default; width:500px; 
}
.processingModal .processingModal-dialog {
  position: relative;max-width:95%;width:200px;max-height: 80vh;border-radius: 5px;background: #fcffef;overflow: auto;
  cursor: default; padding:10px;
}
.myModal-header,.myModal-footer,.processingModal-footer {
  padding:10px; background-color: #f1f1f1;
}
.myModal .sub-title{
  width:100%;display:block
}
.myModal-header .close-modal,.processingModal-dialog .close-modal {
  font-size: 1.5rem;float: right;color: white;background-color: red; 
}
.processingModal-dialog .close-modal {
 font-size:1rem !important; 
}

.processingModal-dialog .close-modal:after{
  content: "";clear: both;display: table;
}
.myModal-header .close-modal:after{
    content: "";clear: both;display: table;
}
.myModal-header:after ,  
.processingModal-header:after {
  content: "";clear: both;display: table;
}
.myModal .btns-container{
  display: flex;justify-content: space-evenly;flex-wrap: wrap;margin: 20px 0;
}
.myModal .meta{
  margin:20px 0;  
}
.myModal .meta > *{
  margin-right:20px;
}
.myModal p + p {
  margin-top: 1rem;
}
.my-modal {
  display: none; position: fixed; z-index: 1;left: 0;top: 0;
  width: 100%; height: 100%; overflow: auto;background-color: rgba(0,0,0,0.75); 
  -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s;animation-name: fadeIn;animation-duration: 0.4s
}

/* Modal Content */    
.my-modal .modal-content{
   position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fefefe;
    max-width: 100%;padding:5px;max-height:90vh;overflow-y:scroll;
  
}
/* The Close Button */
.my-modal .close {
  color: red;float: right;font-size: 28px;font-weight: bold; padding:10px 20px;background-color:#c8c6c6;margin:5px;
}

.my-modal .close:hover,
.my-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.my-modal .modal-header{
padding: 15px;background-color: #f1f1f1;color: black;font-weight: bold;text-transform: uppercase;
clear:both;
}
.my-modal .modal-header div{
  font-size: 1.5em;
}
.my-modal .modal-body {padding: 2px 16px;}

.my-modal .modal-footer {
  padding: 2px 16px;background-color: #5cb85c;color: white;
}
.page-footer {position: absolute;bottom: 1rem;right: 1rem;
}
.page-footer span {
  color: #e31b23;
}

                                           
html .h1{font-size:22px !important;}
html .h2{font-size:19px !important;}
html .h3{font-size:15px !important;}
html .h4{font-size:14px !important;}
html .h5{font-size:13px !important;}
html .page-title{font-weight:bold}
html .icon{color: #8c939d;}
html .input{
 width: 100%;border-radius:4px; padding: 5px;border:1px solid #31312e;
}
html textarea.input{
  resize:vertical;
}
html .form{padding:10px; }
html .form > div{margin:20px 0; }
html .form > div .input{
  vertical-align: bottom;width:100%;border-radius:5px;
  padding:5px; border:1px solid #31312e;font-size:1.1rem;
}
  html  .input-block-container{
    display: flex;justify-content:space-between;border:1px solid #30302f ;
    border-radius: 5px;
  }
  html  .input-block-container .input-block{
  vertical-align: bottom;width:100%;border-radius:5px;
  padding:5px;border:none;outline:unset !important;
}
   
html .uppercase{text-transform:uppercase}
html input::placeholder{font-weight: bold;opacity: 0.5;color: black;font-size:small}

html .clearfix{
content: "";clear: both;display: table;
}
.clearfix-after::after {
  content: "";clear: both;display: table;
}
form .input-container, .form .input-container {
  display: flex;justify-content: flex-start;border: 1px solid #1a1616 !important;
  border-radius: 5px;
}
form .input-container > input{
  padding:5px;vertical-align:bottom;width:100%;border:none;outline:unset !important;background-color:white !important; 
}
form .input-container > *:first-child{
   border-top-left-radius: 5px;
    border-bottom-left-radius:5px
}
form .input-container > *:last-child{
   border-top-right-radius: 5px;
    border-bottom-right-radius:5px
}

.table-container{
   border-collapse: collapse;width: 100%;overflow-x:auto; 
}
.table-container .table{
  border-collapse: collapse;width: 100%;
}
.table-stripe tr:nth-child(even){
  background-color:#f1f1f1;
}
.table-stripe-first tr:first-child{
  background-color:#f1f1f1 !important;
}
.table tr{
border-top: 1px solid #ddd;
}
.table.table-border-header th{
    border:1px solid black;
    text-align:center;
    min-width:100px;
  }
.table tr:first-child{    
  background-color:transparent; 
}
.table tr:first-child th{                      
  color: #0c0d0d;font-weight:bold;text-transform: uppercase;vertical-align:top;
}
.table th,.table td{
  padding: 8px;
  vertical-align:top; 
  border-top: 1px solid #ddd;
}

.my-form-container{
  padding:20px 10px;margin: 20px auto !important;
}
.my-form-container-md{
  width: 800px; max-width: 100%;
}
.my-form-container form input,.my-form-container form select,.my-form input, .my-form select,.my-form textarea  {
  vertical-align: bottom;width:100%;border-radius:4px;padding:8px;background-color : #fdfdf9 !important;  
  border:1px solid #dcdcd6 !important;
}
.my-form-container form > div,.my-form > div {
  margin:20px 0; 
}
#footer-wrapper{
  max-width:100%;margin:0 auto;margin-top:50px;
}  
#footer-container #footer-title{
  text-align:center;line-height:1.8
}      
#footer-container #disclaimer{
  text-align:justify;padding:20px 0;font-size:smaller;
}
#section-footer-social-media li .bg-fb-icon{
  color:#4267B2 !important;
}
#section-footer-social-media li .bg-youtube-icon{
  color:#fff !important;
}
#section-footer-social-media  .youtube-icon{
  color:#f64134;
}
#section-footer-social-media  ul{     
  margin:0;padding:0;
}
#section-footer-social-media  ul li{         
  display:inline-block;margin:0;vertical-align:bottom;
}
#section-footer-social-media .social-btn{         
  padding:10px;
}
#footer-container .section{         
  margin:unset;margin-bottom:20px; 
}
#footer-container .footer-link{
  color:#f5f58a;font-weight:bold;margin:10px 0;display:inline-block;padding:2px
}
#site-wrapper{ min-height:100%;}
.dynamic-inputs { display: flex;display: -webkit-flex;align-content: stretch;-webkit-align-content: stretch;}
.dynamic-inputs input, .dynamic-inputs input ~ span{margin:5px 0 !important;}
#container-auth,.container-auth{text-align:center;}
#container-auth #btn-google-sign-in, .container-auth #btn-google-sign-in, .container-auth #btn-fb-login{display:inline-block;}

.site-logo {border-radius: 50%;object-fit: cover;} 
h3{font-size:22px;}
h4{font-size:16px;}

#main-sub-title{color:#8dff91;}
#main-title{color:#edf1f7;}

header, section, footer, aside, nav, main, article, figure { 
    display: block;
}
a:hover{color:initial; text-decoration: none;}

a.btn:hover, button.btn:hover {
  outline: 1px solid yellow; transition: all .2s;}
* { box-sizing: border-box;}

.pagination > li > a{ 
  display:inline-block !important; color:black !important; border: 1px solid #ddd !important;border-radius:5px; background-color:#f5f5f5; 
  float:none; margin:10px;padding:6px 12px;cursor:pointer; 
} 
.pagination > li.active a{
    background-color: #fefe2e !important;font-weight: bold;font-size: 1.4em;
}

.completed-message-container{background-color:#f1f1f1;padding:20px}
.completed-message-container .icon{font-size:35px;color:#329432}
.domain-name{text-transform:uppercase;}
.animateZoom {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}
.limitHtml,.sortHtml{display:inline-block;}
.video-play-icon{ display:inline-block;color:#d3524c; padding:0 20px; background:white;border-radius:5px}
.video{width:550px;max-width:100%}
.row-container{display:flex;display: -webkit-flex; display:-moz-flex;display:-ms-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap; }
.row-between{justify-content:space-between;-webkit-justify-content:space-between;}
.row-around{justify-content:space-around;-webkit-justify-content:space-around;}
.row-center{justify-content:center;-webkit-justify-content:center;}
.row-even{justify-content:space-evenly;-webkit-justify-content:space-evenly;}
.row-start{justify-content:flex-start;-webkit-justify-content:flex-start;}
.spinner-center,.spinner{color:rgb(206, 113, 113)}
.spinner-wrapper{text-align:center;}
.spinner-wrapper .fa-spin{color:#2196f3;}
.spinner2{color:#b0e2f8;}
.spinner2-color{color:#2a4755;}
.dim:hover{opacity:0.8;}
.avatar {vertical-align: middle;border-radius: 50% !important;object-fit:cover;}
.avatar-xss {width:25px !important;height:25px !important;}
.avatar-xs {width: 50px !important;height: 50px !important;}
.avatar-md{width:150px !important;height:150px !important;}
.avatar-sm{width:100px !important;height:100px !important;}
.thumb{object-fit:cover;max-width:100%;}
.thumb-xs{width:70px;max-height:70px;}
.thumb-sm{ width:100px !important;max-height:100px !important;}
.thumb-md{width:200px;height:200px;}
.thumb-lg{width:280px;max-height:280px;}
.thumb-xs{width:50px;max-height:50px;}
.thumb-sm-cover{width:100px;max-height:100px;object-fit:cover;}
.thumb-md-cover{width:150px;max-height:100px;object-fit:cover;}
.roundedImage{border-radius: 50%;}
.img-cover{object-fit:cover;}
.uppercase{text-transform: uppercase;}
/* ==  Typography  ==*/
.badge:hover {opacity:0.8;text-decoration: none;cursor: pointer;}
.badge-error { background-color: #b94a48;}
.badge-error:hover {  background-color: #953b39;}
.badge-warning {background-color: #ffae3b;}
.badge-warning:hover {background-color: #c67605;}
.badge-danger {background-color: #d9534f;}
.badge-danger:hover {background-color: #d9534f;}
.badge-success {background-color: #468847;}
.badge-success:hover {background-color: #356635;}
.badge-info {background-color: #5bc0de;}
.badge-info:hover {background-color: #2d6987;}
.badge-inverse {background-color: #333333;}
.badge-primary{background-color: #337ab7;}
.badge-yellow{background-color:#fce839;}
.badge-dodgerblue{background-color:dodgerblue;}
.badge-price{background-color:#ff4b4b !important;}
.badge-default{background-color:#e0e0e0;color:black;}
.badge{white-space:normal}
.btn-collapse:before  {font-family: "Font Awesome 5 Free";content: "\f139";font-size:18px;}
.btn-collapse.collapsed:before, a.dropdown-toggle.collapsed:before {content:"\f13a";}
.btn-toggle-password{color:white;background:dodgerblue;} 
.hidden{ display:none !important;  }
.height-full{ height:100%; }
#honeyPot{ display:none;}
table tr.deleted{ background:#ffd4cf; }
table  td img{ width:150px;object-fit:contain;}  
a{color:green;}
.bg-img{display:inline-block; z-index:-1; background-position: center; background-repeat: no-repeat; background-size: cover; width:50px; height:50px; }
.bg-img-sm{width:100px;height:100px;}
.bg-img-md{width:200px;height:200px;}
.language-link{width:40px;height:40px; background-position: center;background-repeat: no-repeat;display:inline-block; margin:0 10px;cursor:pointer;background-size:40px;}
.bg-imgs{position:relative;background-size:cover;-webkit-background-size:cover;background-repeat:no-repeat;}
.image-overlay{position:absolute; bottom:0; right:0; width:100%; height:100%; background-color:rgb(61 58 58 / 56%); color:white !important; }

.center-top{top:0;left:50%;transform:translate(-50%,-50%);}
.showhideAnim{display:none;}
.showhide{display:none;}
.go-up-divider{width:100% !important;}
  input[type=checkbox].chkbox{width:25px !important;height:25px !important;appearance:none;-webkit-appearance:auto !important;box-shadow:none;vertical-align:bottom}
.img-container img{
  max-width:100%; transition: transform 200ms ; -moz-transition: -moz-transform 200ms ; -webkit-transition: -webkit-transform 200ms ; 
  -o-transition: -o-transform 200ms ;
}
.img-container:hover img {
  transform: scale(1.02); -moz-transform: scale(1.02); -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02);
}
.position-relative{position:relative !important;}
.relative{position:relative !important;}
.absolute{position:absolute !important;}
.error,.txt-error{
  color:#a94442;font-weight:bold;       
} 
.txt-error-bg{
  background-color: #cbcbcb;
  padding: 5px;
  border-radius: 2px;
}
.input-color{color:blue !important;}
.input-error{border:1px solid #AE4932;}  
.chk-show-password{width:25px;height:25px }
.hr{border-top: 2px solid #337ab7;border-radius: 5px;width:100%;margin:50px 0;}
.center-text{text-align:center !important;}

.color-green{color:green !important;}    
.color-price{color: #c51414}; 
.color-orange{color:orange !important;}
.color-yellow{color:yellow !important;}
.color-primary{color:#337ab7;}
.color-black{color:#111 !important;}
.shadow-none{ box-shadow:none !important;}
.color-dodgerblue{ color:dodgerblue !important;}      
.disabled{pointer-events:none;background:gray;}
.color-red{ color:#d3524c !important;}
.btn-dodgerblue{background-color: dodgerblue;color:#fff}
.close{   opacity:1;}
.overflow-auto{overflow:auto !important;}
.font-size-md{    font-size:16px !important;}
.font-size-lg{font-size:24px !important;}
.font-size-sm{font-size:small !important;}
.bg-white{ background:#fff !important;}
.bg-green{  background:#5cb85c !important;}
.bg-gray{background:gray !important;}
.bg-orange{  background:orange !important;}
.bg-offer{background:#ffae19 !important;}
.bg-sand{background:#fdf5e6 !important;}
.bg-mild-white{background:#f8f8f8;}
.bg-red{   background:#d3524c !important;}
.bg-black{   background:#111 !important;}
.bg-advertise{background:#d0d0cf !important;padding:20px 0;}

.glider-business .glider-slide-empty .ad-icon:before{
  font-size:2rem;color:#dc3434
}
.glider-business .glider-slide{
  display:flex;flex-direction:column;justify-content: space-between;padding:1px;color:black; 
}

.glider-business .glider-slide.glider-slide-empty{
  justify-content:flex-end;
}
.glider-business .glider-slide.glider-slide-empty > *{
display:flex;flex-direction:column; justify-content:center;align-items:center;width:100%;height: 100px;background-color:#f1f1f1;font-weight:bold;font-size:1.2rem;flex-grow:1;max-height:200px
}
.glider-business .glider-slide .business-img-container{
  width:100%;height: 200px;background-color:#f1f1f1;
}
.glider-business .glider-slide img{
 height:100%;width:100%;object-fit: cover;border-radius:5px;
}
.glider-similar-items .glider-slide img{    
  width:100%;height: 200px;object-fit: cover;border-radius:5px;
}
.glider-similar-items .glider-slide .icon-car-container{    
  display: flex;justify-content: center;align-items: center;height: 200px;background-color:#16192a;font-size:40px; 
}
.glider-similar-items .glider-slide .badge-price{    
  color: red;
  background-color: #e8ebec !important;
  font-size: small;
}
.glider-similar-items .glider-slide .badge-sold{    
  color: red;background-color: #e8ebec !important;font-size: small;
}
.glider-similar-items .glider-slide .cat{width:max-content !important;}      
.glider-similar-items .glider-slide {
  display: flex;justify-content: space-between;flex-direction: column;cursor: pointer;height: 100%;color:black;padding:2px;
  border: 1px solid white;box-shadow: 2px 2px 2px #b2b2b2;border-radius: 5px;
}
.glider-similar-items-container{color:#eaeaea;padding:10px 0;margin:20px 0;max-height:500px;overflow-y:hidden;border-radius:5px}
.glider-similar-items-container .glider-title{color:#000;font-size:13px}

.glider-featured-ads .glider-slide img{    
  width: 100%;height: 200px;object-fit: cover;border-radius:5px;background-color:rgb(238, 237, 237); 
}
.glider-featured-ads .glider-slide .icon-car-container{    
  display: flex;justify-content: center;align-items: center;height: 200px;background-color:#16192a;font-size:40px; 
}
.glider-featured-ads .glider-slide .badge-price{    
  color: red;
  background-color: #e8ebec !important;
  font-size: small;
}
.glider-featured-ads .glider-slide .badge-sold{    
  color: red;background-color: #e8ebec !important;font-size: small;
}
.glider-featured-ads .glider-slide .cat{width:max-content !important;}      
.glider-featured-ads .glider-slide {
  display: flex;justify-content: space-between;flex-direction: column;cursor: pointer;height: 100%;color:black;padding:2px;
 border-radius: 5px;border:1px solid rgb(214, 213, 213); 
}
.glider-featured-ads-container{color:#eaeaea;padding:10px 0;margin:20px 0;max-height:500px;overflow-y:hidden;border-radius:5px}
.glider-featured-ads-container .glider-content{color:#000;}
.glider-featured-ads-container .glider-title{color:#000;font-size:small;word-wrap:break-word}
.bg-review-slides{  background:#f3f3f3 !important;}
.word-wrap{ word-wrap: break-word !important}
.font-weight-normal { font-weight:normal;}
.font-weight-md{font-weight:500 !important;}
.font-weight-lg{font-weight:600 !important;}
.font-weight-bold  {  font-weight:bold !important;}
.no-border{border-width:0px !important;}
.width-xs{width:100px !important;}
.width-sm{width:250px !important;}
.width-md{width:500px !important;}
.width-lg{width:900px !important;}
.full-max-width{max-width:100% !important;}
.full-height{height:100% !important;}
.border-round{border-radius: 12px;}   
.border-success{border:1px solid #5cb85c !important;}
.indent{text-indent:1.5em;}

.img-outline{border: 2px solid #2c2c2c;}

.overlay,#over-lay,#c-over-lay{
  position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.50); z-index: 2;
  cursor: pointer;
 }
.over-lay {
  display: none; position: absolute; bottom: 0; background: rgb(0 0 0 / 0.10); background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; height:100%;
  transition: .5s ease; opacity:1; color: white; font-size: 20px; padding: 20px; text-align: center; 
}
.header {
  font-size:14px;font-weight:bold;margin:20px 0;text-align: center;line-height:1.5
}
.sub-header{
  font-size:10px;font-weight:normal;
}
.toast,#toast,#firebaseToast{
  visibility: hidden;min-width: 250px;width:800px;max-width: 95%;left: 50%;bottom:200px;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #1a1515;color: #fff;text-align: center;
  border-radius: 2px;padding: 16px;position: fixed;border-radius:10px;z-index: 1;
  font-size: 17px;transition: visibility 1s,bottom 1s;box-shadow: 0px 2px 4px #bdbdbd;
}
.toast.show,#toast.show,#firebaseToast.show{
  visibility: visible;
     bottom:50%;
}


.facebook-login-button{
  border-radius:5px;color:#fff;border:none;background:#406eb7;max-width:100%;
}  
.badge-wrap{
  white-space:normal;
}
.text-indent{ 
   text-indent:10px;
  }
.fb_iframe_widget span iframe {
  width: 100% !important;
 }
.fb-login-button i{
  float:left;
}
.fb-login-button span{
  font-size:16px;margin:0 10px;display:inline-block;
}
.video-icons a{
  display:inline-block;margin:10px 20px 10px 0;
}
.container-iframe {
  position: relative;width: 100%;overflow: hidden;padding-top: 56.25%; margin-top:40px;
}
.container-fb-iframe {
  position: relative;width: 100%;height: 567px;overflow: hidden;margin-top:40px;
}
.responsive-iframe {
  position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;
  height: 100%;border: none;
}
.modal-video video{display:block;margin:0 auto;}
.modal-video .container-iframe{width:100%}
.modal-video #bg-video {position: absolute;right: 0;bottom: 0;min-width: 100%;min-height: 100%;z-index: -1;}

#form-price input, #form-price select{width:100%;padding: 10px;margin-bottom:10px;}
.form-contact{padding:10px;background:white;width:450px;max-width:100%;margin:0 auto;}

.form-inline{display:flex;justify-content:flex-start;flex-direction:row;align-items:flex-end;flex-wrap:wrap;}

form input:focus-visible,form select:focus-visible,form textarea:focus-visible{
  transition:outline 0.5s;  
  outline: 1px solid #3c3c31 !important;
}
.form-inline > div{ width:100%;}
.input-block {display: flex; flex-direction:row; align-items:flex-end; display:-webkit-flex; align-content: stretch; -webkit-align-content: stretch; }
.input-block > input {margin-bottom:initial !important;margin:0 !important;}
.input-block > span,.input-block .addon{background: #eee;border: 1px solid #ccc;padding: 0.5em 1em;}

.form-sm{width: 500px;max-width:100%;}
.form-md{width:800px;max-width:100%;}
.form-center{ margin: 0 auto;}
.border-square{border-radius:0px !important;}
.border-round{border-radius:10px !important;}
.form-border {border:1px solid #8b8b8b;border-radius:10px;}
.border{border:1px solid #8b8b8b;border-radius:10px;} 
.border-lg{border-style:solid !important;border-width:4px !important;}
.border-md{border-style:solid !important;border-width:#8b8b8b !important;}
.border-primary{border-color:#337ab7 !important;}
.border-info{border-color:#5bc0de !important;}
.border-none{border:none !important;}
.form-shadow {-webkit-box-shadow: 0 2px 2px 2px #a4a4a4;-moz-box-shadow: 0 2px 2px 2px #a4a4a4;box-shadow: 0 2px 2px 2px #a4a4a4;}

.confirm-modal{display: none;  z-index: 1000; padding-top: 10px; left: 0; top: 0; width: 100%; height: 100%; background-color:rgb(0,0,0); 
  background-color:rgba(0,0,0,0.7); 
  animation: fadeIn 0.6s;
}

.confirm-modal .confirm-modal-content {
  display:flex;flex-direction:column;justify-content:space-evenly;background-color: #f5f5f5; -ms-overflow-style: none; scrollbar-width: none;  top: 50%; left: 50%;  transform: translate(-50%, -50%) !important;
  width:500px; max-width:98%; min-height:200px; overflow:hidden;padding:10px;border-radius:5px; transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}
.confirm-modal .confirm-modal-body {padding:20px;}

.confirm-modal.modal-active{display:block;position:fixed}
.confirm-modal.modal-active .confirm-modal-content{position:fixed}
.confirm-modal .modal-icon,.alert-modal .modal-icon{            
  color:#124b84; 
}
.alert-modal{display: none; z-index: 1000; padding-top: 10px; left: 0; top: 0; width: 100%; height: 100%; background-color:rgb(0,0,0); 
  background-color:rgba(0,0,0,0.7); }
.alert-modal #content {
  display:flex;flex-direction:column;justify-content:space-evenly;background-color: #f5f5f5; -ms-overflow-style: none; scrollbar-width: none; position: fixed; top: 50%; left: 50%;  transform: translate(-50%, -50%) !important;
   max-width:98%; min-height:200px; overflow:scroll;padding:2px;border-radius:5px;max-height:90vh; min-width:200px; transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;}
.alert-modal .modal-title {line-height:1.8 !important;}
.alert-modal.modal-active{display:block;position:fixed}
.alert-modal.modal-active .content{position:fixed}


input.invalid ,select.invalid, textarea.invalid{border:1px solid #d23d32 !important;}
input[type=checkbox], input[type=radio]{width:25px !important;height:25px !important;box-shadow:none;appearance:auto !important;-webkit-appearance:auto !important}

.table > tbody > tr:hover{background:#e3f7e3;}              
.slideshow-container {position: relative; width:800px; margin:0 auto; margin-bottom:15px; max-width:100%; box-shadow:0px 5px 15px rgba(128,128,128,.8); 
-webkit-box-shadow:0px 5px 15px rgba(128,128,128,.8); -moz-box-shadow:0px 5px 15px rgba(128,128,128,.8); border:none; outline-width:0; background:transparent; }
.checkmark {position: absolute;top: 0;left: 100px;height: 30px;width: 45px;background-color: red;}
.btn.dropdown-toggle {  margin:0px;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: visible;}

.img-overlay {
  position: absolute;top: 0;left: 50%;height: 50%;width: 95%;
  transition: .3s ease;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-x: hidden;
  color:white;text-align:center;opacity:0.8;transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);
}                     
 .img-loader{
  position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:2; display:none; 
}
.img-item{  width:100%;}
.img-container{position:relative;overflow:hidden;}
.img-zoom:before{content:'\f065'; font-family:'Font Awesome 5 Free'; font-size:48px; color:#fff; position:absolute; top:40%; right:50%;
transform: translate(50%,-50%); background:transparent; margin:0; cursor:pointer; pointer-events:none; }
.list{list-style-type:none;margin:0;padding:0;}
.ul-horizontal{list-style-type: none;margin: 0;padding: 0;}
.ul-horizontal li{display: inline-block;padding: 20px;}
.list-inline > li {display:inline-block;}
.list > li{padding:10px;margin:5px 0;text-align:left;}
.list-border > li {border:1px solid #abaaaa;}
.list-background > li{background:#f1f1f1;}
.list-radius > li {border-radius:5px;}
.list-background-alt > li:nth-child(odd) { background: #d8ebfc; }
.list-background-alt > li:nth-child(even) { background:#f1f1f1; }
.postion-relative{  position:relative !important;} 
.list-style-type-none { list-style-type:none !important; }
.ul-list > li{padding:5px;}
.inline-block{display:inline-block !important;}
.margin-l-sm {    margin-left:20px !important;}
.margin-l-md { margin-left:40px !important;}
.margin-l-lg { margin-left:80px !important;}
.margin-r-md{    margin-right:40px !important;}
.margin-r-lg{    margin-right:80px !important;}
.margin-r-sm{margin-right:20px !important;}
.margin-r-xs{    margin-right:10px !important;}
.margin-v-md{margin-top: 30px !important; margin-bottom:30px !important;}
.margin-v-sm{margin-top: 20px !important; margin-bottom:20px !important;}
.margin-v-xs{margin-top: 5px !important; margin-bottom:5px !important;}
.margin-v-lg{margin-top: 50px !important; margin-bottom:50px !important;}
.margin-h-lg{margin-left:50px !important;margin-right:50px !important;}
.margin-h-md{margin-left:30px !important;margin-right:30px !important;}
.margin-h-sm{margin-left:20px !important;margin-right:20px !important;}
.margin-h-xs{margin:0 5px !important;}
.margin-horizontal-xs{margin:0 5px !important;}
.block{display:block !important;}
.no-margin{  margin:0px !important;}
.margin-xs{margin:10px !important;}
.margin-sm{   margin:20px !important;}
.margin-md{margin:40px !important;}
.margin-lg{   margin:80px !important;}
.margin-b-sm{    margin-bottom:20px !important;}
.margin-b-md{    margin-bottom:40px !important;}
.margin-b-lg{    margin-bottom:80px !important;}
.margin-t-auto{margin-top:auto !important;}
.margin-t-sm{  margin-top:20px !important;}
.margin-t-md{    margin-top:40px !important;}
.margin-t-lg{margin-top:80px !important;}
.margin-top-auto{margin-top:auto !important;}
.margin-top-sm{  margin-top:20px !important;}
.margin-top-md{    margin-top:40px !important;}
.margin-top-lg{margin-top:80px !important;}
.float-right{  float:right !important;}
.float-left{  float:left !important;}
.no-padding{   padding:0px !important;}
.padding-lg{   padding:50px !important;}
.padding-md{   padding:30px !important;}
.padding-sm{  padding:15px !important;}
.padding-h-lg{   padding:0 50px !important;}
.padding-h-md{   padding:0 30px !important;}
.padding-h-sm{  padding:0 15px !important;}
.padding-xs{  padding:0 10px !important;}
.padding-v-lg{   padding:50px 0 !important;}
.padding-v-md{   padding:30px 0!important;}
.padding-v-sm{  padding:15px 0!important;}
.padding-xs{  padding:5px !important;}
.v-align-middle{ vertical-align:middle !important;}
.auto-width{width:auto !important;}
.cursor{  cursor:pointer !important;}
.img-language{       width:40px;}
.makes-models-spinner{display:none;}

.table .preview img{ width:150px !important;object-fit:cover;}

.not-available {text-align: center;line-height: 2em;}
.not-available:before {font-family:"Font Awesome 5 Free";content: "\f00d";color: #fff;}
.dropzone .dz-preview.dz-error .dz-error-message{
    display:none; 
}
.dropzone {
  padding-bottom:100px !important;border: 2px solid #000;border-radius: 5px;max-width:100%;margin:0 auto;
}
.dropzone-previews{
  text-align:center; 
}
.dropzone .dz-preview {
  margin: 5px !important;
}
.dropzone .dz-preview .dz-image {
  width: 150px !important;height: 150px !important; 
}
.dropzone .dz-preview .dz-image img{width:100%;height:100%;object-fit:cover;}
.dz-details{display:none;}
.dropzone .dz-preview:hover .dz-image img{-webkit-filter:none !important;filter:none !important;}
.dropzone .dz-preview .dz-progress .dz-upload{background: #f3e88a!important;}
.dropzone .dz-preview .dz-remove {background: #eeeeee;padding: 10px;}
.logo{ background-repeat: no-repeat;background-size: cover;padding: 0px;width: 150px;height: 50px;}
.logo-inline:before{content: ""; display:inline-block; background-repeat: no-repeat; background-size: contain; text-align:left; left:0px; height:25px; width:25px; }



.fade-container{position:relative;height:150px;}
.fade-container img:nth-child(1) {opacity: 1;}
.fade-container  img:nth-child(2){opacity: 0;}
.fade-container:hover img:nth-child(1) {opacity: 0;}
.fade-container:hover img:nth-child(2) {opacity: 1;}
.position{position:absolute; padding:2px; color:#fff; background-color: #343232cc; z-index:1; border-radius:5px; }
.full{margin:0;padding:0;}
.top-left {top:0;left:0;}
.top-right{top:0;right:0;}
.bottom-right{bottom:0;right:0;} 
.bottom-left{bottom:0;left:0;}

.link{
  color: #6767f8 !important; 
  font-weight: bold;
}
.upcoming-icon{color:#80c4ff;}
.video-thumb{position: relative;max-width:100%;min-height:50px;background: #141515;margin: 5px;}
select:invalid {color: gray;}
.no-hover:hover{opacity:initial;}
.browse-files{margin:20px auto;}

div.scrollmenu {background-color: #333; overflow: auto; white-space: nowrap; }
div.scrollmenu > a,div.scrollmenu > div {display: inline-block; color: white; text-align: center; padding: 14px; text-decoration: none; }
div.scrollmenu > a:hover,div.scrollmenu > div:hover {background-color: #777; } 
.bg-logo{margin:2px;}
.bg-logo-xs-before:before{
content: "";position: relative;display:block;width: 40px;height: 40px;
}


.site-logo {border-radius: 50%;object-fit: cover;} 
#main-banner{text-align:center;color:white;font-weight:bold;padding:10px;}
#main-title{color:black; font-weight:bold;}
#main-sub-title{text-align:center;color:black}
.absolute{position:absolute;}
.position{position:absolute; padding:2px; color:#fff; background-color: #343232cc; z-index:1; border-radius:5px; }
.top-left {top:0;left:0;}
.top-right{top:0;right:0;}

.action-box{padding:10px;border-radius:5px;color:white !important;}
.header {margin:25px 0;text-align: center;line-height:1.5;text-transform:uppercase;}
.ad-box{padding:10px;background:dodgerblue;color:white !important;text-align:center;border-radius:5px;}
.domain-name{text-transform:uppercase;}
.fb-bg{color:#4267B2 !important;}
.fb-color{  color:white;}
.color-award{color:#dcdc71;}


ul.services-list> li{
  line-height:1.5;
  margin:10px 0; 
    
}    
.recent-requests{
  background-color: #f1f1f1;padding: 10px;margin: 20px 0;border-radius: 5px;
}
.recent-requests ul{
  padding:0;margin:0;list-style-type: none;
}
.recent-requests ul li{
  background-color: #fff;border-radius: 10px;margin:5px 0; 

}
.recent-requests ul li a {
  display: block;padding: 10px;color: white;
}
.recent-requests ul li a > div {
 color:#000; 
}
.recent-requests ul li .badge-cat{
  background-color: #ffff1f !important;color: #000 !important;
}

.recent-requests ul li .content-title{   
  font-weight:bold;margin:0;color:#192030;
}
.recent-requests ul li .avatar{ 
   width:25px;height:25px;
 }
 /* Colors  */

.colorPrimary{color:#5b5bf2} 
.colorSuccess{color:#36e436} 
.colorInfo{color:#e2e253} 
.colorDanger{color:#ec3232} 
.colorPrice{color:red}
.txt-success{color:#69f369;}
.txt-info{color: #e2e253;}
.color-spinner{color:rgb(162, 42, 42)}
                                 
.section-footer-subscribe .subscribe-container{
   display:flex;flex-wrap:wrap; justify-content:flex-start;width:min(100%,700px);margin-bottom:10px;
}
.section-footer-subscribe input[type=text]{
    width:100%; max-width:100%;padding:5px; color:#000; 
  }
.section-footer-subscribe #btn-subscribe{
   color:white;width:100%
}
.section-footer-subscribe input[type=text].active{
  width:500px;outline:none; 
}

.phone-auth-container,.phone-auth-container > div{ 
   padding:5px;
}
.phone-auth-container > div{ 
 text-align:center; 
}
.phone-auth-container input{
  width:250px;max-width:100%;padding:10px;  
}
.phone-auth-container .btn-container{
  display:flex;justify-content: space-between;flex-wrap:wrap;margin:40px;
}
.confirm-container{
  padding:5px;
}


.header-container{
  background-color: transparent;padding: 10px 20px;border-radius: 5px;text-align: center;font-weight: bold;
}
.icon-fa.icon-user:before{content: "\f007";color:gray}
.icon-fa.icon-company:before{content: "\f1ad";}
.icon-fa.icon-address:before{content: "\f041";}
.icon-fa.icon-email:before{content: "\f0e0";}
.icon-fa.icon-phone:before{content: "\f095";}
.icon-fa.icon-website:before{content: "\f0ac";}
.icon-fa.icon-social-media:before{content: "\f1e0";}
.icon-fa.icon-seller-type:before{content: "\f4fe";}
.icon-fa.icon-info:before,.icon-fa.icon-about:before{content: "\f05a";}
.icon-fa.icon-edit:before,.icon-fa.icon-update:before{content: "\f044";}
.icon-fa.icon-pen:before{content: "\f304";}
.icon-fa.icon-trash:before{content: "\f1f8";color:#cc2c2c}
.icon-fa.icon-delete:before{content: "\f1f8";}
.icon-fa.icon-eye:before{content: "\f06e";}
.icon-fa.icon-lock:before{content: "\f023";}
.icon-fa.icon-photo:before{content: "\f03e";}
.icon-fa.icon-photos:before{content: "\f302";}            
.icon-fa.icon-check:before{content: "\f00c";}
.icon-fa.icon-check-circle:before{content: "\f058";}    
.icon-fa.icon-zoom:before{content: "\f065";}           
.icon-fa.icon-heart:before{content: "\f004";}                         
.icon-fa.icon-download:before{content: "\f56d";}                         
.icon-fa.icon-refresh:before{content: "\f2f1";}                         
.icon-fa.icon-search:before{content: "\f002";}                         
.icon-fa.icon-file:before{content: "\f15c";}                         
.icon-fa.icon-video:before{content: "\f144";color:#cc2c2c} 
.icon-fa.icon-signal:before{content: "\f012";} 
.icon-fa.icon-arrow-right-circle:before{content: "\f35a";color:#fff} 
.icon-fa.icon-arrow-left-circle:before{content: "\f359";color:#fff} 
.icon-fa.icon-close-circle:before{content: "\f057";color:#cc2c2c} 
.icon-fa.icon-caret-up:before{content: "\f0d8";color:#cc2c2c} 
.icon-fa.icon-caret-down:before{content: "\f0d7";color:#cc2c2c} 
.icon-fa.icon-language:before{content: "\f0ac";color:#3c1de7} 

.icon-fa.btn-icon:before{
  color:#fff !important;  
}                       
.icon-fa:before{
  font-family: "Font Awesome 5 Free";  -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;
  font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-weight: 900;
  color:#4b5a6d; 
}
.iframe-container{
  position: relative;width: 100%;overflow: hidden;padding-top: 56.25%;background-color:#393333; /* 16:9 Aspect Ratio */
}

.iframe-container:after{
   content: "\f144 \A video";font-family: "Font Awesome 5 Free"; color:red; font-weight:900;font-size:25px;
  color: white;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); 
  
}
.iframe-container > iframe {
  position: absolute;top: 0;left: 0;bottom: 0;right: 0;
  width: 100%;height: 100%;border: none;z-index:1;
}           
[data-animation="slideInOutLeft"] .myModal-dialog {
  opacity: 0;transform: translateX(-100%);transition: all 0.5s cubic-bezier(0.51, 0.92, 0.24, 1.15); 
}

[data-animation="slideInOutLeft"].is-visible .myModal-dialog {
  opacity: 1;transform: none;transition-delay: 0.2s;
}
@-webkit-keyframes anim-spin {
0% {
    -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(1turn); transform: rotate(1turn);
}
}
@keyframes anim-spin {
0% {
    -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(1turn); transform: rotate(1turn);
}

}

@-webkit-keyframes modelContentAnim{
  from {opacity:0;} to {opacity:1;}
}
@keyframes modelContentAnim{
  from {opacity:0;} to {opacity:1;}
}
@-webkit-keyframes modelBodyAnim{
  from {opacity: 0;transform: translate(0,200px);} to {opacity: 1}
}
@keyframes modelBodyAnim{
  from {opacity: 0;transform: translate(0,200px);} to {opacity: 1}
}
@-webkit-keyframes modelHeaderAnim{
  from {opacity: 0;transform: translate(0,-200px);}  to {opacity: 1}
}
@keyframes modelHeaderAnim{
  from {opacity: 0;transform: translate(0,-200px);} to {opacity: 1}
}
@keyframes scale {
  0% {transform: scale(0);}100% {transform: scale(1.0);}
}
.animate-fade-out{
  animation: fadeOut 500ms;
}
.fadeIn{animation: fadeIn 500ms;}
@-webkit-keyframes fadeIn {
  from {opacity: 0.1} to {opacity: 1}
}
@keyframes fadeIn {
  from {opacity: 0.1}  to {opacity: 1}
}
@-webkit-keyframes fadeOut {
  from {opacity: 1}  to {opacity: 0}
}
@keyframes fadeOut{
  from {opacity: 1}  to {opacity: 0}
}

.fade-out-in {
  -webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;animation-fill-mode:forward;
  -webkit-animation-fill-mode:forward;
}
@keyframes xfade{
  0% {opacity:0;}10%{opacity:1;} 50% {opacity:1;}100% {opacity:0;}
}
@keyframes swing {
  0% { transform: rotate(0deg); }100% { transform: rotate(8deg); }
}@-webkit-keyframes swing {
0% { transform: rotate(0deg); } 100% { transform: rotate(8deg); }
}@-moz-keyframes swing {
  0% { transform: rotate(0deg); } 100% { transform: rotate(8deg); }
}


@-webkit-keyframes backTop {
 from {top:0; opacity:0} to {top:-400px; opacity:1}
}
@keyframes backTop {
  from {top:0; opacity:0} to {top:-400px; opacity:1}
}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
  from {transform: scale(0)} to {transform: scale(1)}
}
@keyframes tabFadeIn {
  0%{ opacity: 0 }100% { opacity: 1 }
}
@-webkit-keyframes opacity {
  0% {opacity: 0;-webkit-transform: scale(3);transform: scale(3); }
  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1); } 
}
@keyframes opacity {
  0% {opacity: 0;-webkit-transform: scale(3);transform: scale(3); }
  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1); } 
}
@keyframes drop {
  0%   { left:0px; top:0%;}100% {left:0px; top:90%;}
}


@media screen and (min-width:400px){
  .header{font-size:16px;}
  .sub-header{font-size:13px;}
}

@media screen and (min-width:500px){
  .section-footer-subscribe input[type=text]{
       width:65%;
      }
  .section-footer-subscribe #btn-subscribe{
       width:35%;
  }
}

/* 
.backgroundChange{animation:backgroundChange 15s infinite;}                
@keyframes backgroundChange {                 
   0% { background-color: #000000a8; }
   25% { background-color: #fffde7b5;color:#000; }
    50% { background-color: #fffde7b5;color:#000; }
   75% { background-color: #000000a8;color:#fff;} 
  100% { background-color: #000000a8; }
} */