body > div.main-wrapper {
    min-height: auto;
}
.dark-theme {
    background-color: #333;
}
.dark-theme select {
   background: linear-gradient(#0c0b0b, #2d2d2d);
}

body.home-page header.page-header {
    padding-bottom: 2px;
}


option {
  background-color: #3a3a3a;
}

option:before {
  content: ">";
  font-size: 20px;
  display: none;
  padding-right: 10px;
  padding-left: 5px;
  color: #fff;
}

option:hover:before {
  display: inline;
}




#loc {
width:100%;background: linear-gradient(180deg, rgb(31 30 30) 0%, rgba(45, 45, 45, 1) 71%);    padding-left: 28px;
}

#loc:hover { 
     background:#323232  !important;
}


.horizontal-search {
    margin: -10px 0 0px;
    background: #202020;
    padding: 7px 15px 4px;
}


.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(8px);
  transition: all 140ms ease-in-out;
  pointer-events: none;
  opacity: 0;
  top:0px;
}

.modal.open {
  opacity: 1;
  pointer-events: auto;
}

.modal-content {
  width: 65%;
  height: fit-content;
  padding: 2rem;
  border: 1px solid #454545;
  background-color: #333; 
  position: absolute;
  opacity: 0;
  transform: scale(1.2);
  transition: all 300ms ease-in-out;
  top:7%;
  border-radius: 4px;
}

.modal-content.open {
  opacity: 1;
  transform: scale(1);
}

.modal-content h2,
.modal-content p {
  opacity: 0;
  transform: translateX(50px);
  transition: all 300ms ease-out;
}

.modal-content h2 {
  transition-delay: 50ms;
}

.modal-content p {
  transition-delay: 100ms;
}

.modal-content.open h2, 
.modal-content.open p { 
  opacity: 1;
  transform: translateX(0px);
}

.textwhite {
    color:white !important;
}

input[type=checkbox]:not(.default) + label > span, input[type=radio]:not(.default) + label > span {
    width: 15px;
    height: 15px;
    margin-top:3px;
} 

.dark-theme input[type=checkbox]:not(.default) + label > span, .dark-theme input[type=radio]:not(.default) + label > span {
    background-color: #ffffff;
}

input[type="checkbox"]:checked:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
color:black;
    
}

 input[type=checkbox]:not(.default) + label, input[type=radio]:not(.default) + label {
    font-size: 14px;
    color:white;
 }
 
option.otype {
    padding-top: 10px;
    background: #202020;
}

option.otype:hover {
     background: #585858;
}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
background: linear-gradient(180deg, rgb(31 30 30) 0%, rgba(45, 45, 45, 1) 35%);
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div {
  color: #ffffff;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  font-size: 13px;
}

.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
    border-radius: 5px;
    border-color: #505050;
    font-size: 13px;
}

.select-selected:hover {
    background: #333;
    }


/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #333333;
  top: 82%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color:rgba(255, 255, 255, .1);
}

input[type=text], input[type=search], input[type=password], input[type=number], textarea, select, span.pills, .select2-selection--single, .select2-selection--multiple, .select2-dropdown{
    height: 34px;
}

.price {background: linear-gradient(180deg, rgb(31 30 30) 0%, rgba(45, 45, 45, 1) 35%) !important;}
.price:hover {background: #333333 !important;}

.advance {
    
    background: linear-gradient(180deg, rgb(31 30 30) 0%, rgba(45, 45, 45, 1) 35%);
    padding: 7px 11px;
    color: white;
        border: 1px solid #454545;
    
}

.advance:hover { background: #333333 !important; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:   white;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:   white;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:   white;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:   white;
}

::placeholder { /* Most modern browsers support this now. */
   color:    white !important;
}

.dark-theme input[type=number] {background: linear-gradient(180deg, rgb(31 30 30) 0%, rgba(45, 45, 45, 1) 35%) !important;}
.dark-theme input[type=number]:hover {background: #333333 !important; }
.dark-theme input[type=text] {background-color: linear-gradient(180deg, rgb(31 30 30) 0%, rgba(45, 45, 45, 1) 35%) !important;}
.dark-theme input[type=text]:hover {background-color: #333333 !important; }

.cit {
    font-size:13px;
    margin:7px 0px;
}


#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
  position: relative;

}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  width: 99%;
  overflow: auto;
  border: 1px solid #474747;
  z-index: 1;
      height: 300px;
    overflow-y: scroll;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}


.select2-selection--multiple{overflow-y: auto}


.select2-container--default .select2-selection--multiple .select2-selection__choice__display {color:black;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:black;}

li.select2-results__option:hover {
  background-color: #fc8;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 0px solid #aaa;
    }
    
    
    .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: transparent ;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #3d3d3d;
}

.select2-container .select2-selection--single {
    height: 34px;
    
}


.select2-container--default .select2-selection--single {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}

.dark-theme .select2-selection--single {
        background-color: #2d2d2d  !important;
}


.langsw {
    position: absolute;
    right: 120px;
    top: 20px;
}

.langbtn {
    background: #3d3d3d;
    color: white;
    padding: 14px 18px;
    font-size: 15px;
    border-radius: 5px;
    border: 0px;
}

.langfa {
    margin-left: 6px;
    font-size: 19px;
    margin-left:6px;
    vertical-align: middle;
}


.signinh {
    position: absolute;
    right: 10px;
    top: 32px;
}

.signinbtn {
background: transparent;
    color: white !important;
    padding: 13px 18px;
    font-size: 15px !important;
    border-radius: 5px;
    border: 1px solid #3b3b3b;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #3d3d3d;
  min-width: 86px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-top: 4px;
  height:auto;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.golden {
    color:#dca623;
    font-weight:bold;
}