/*Search box*/
.searchbox-container {padding: 10px; position:relative;
 margin:0 auto; width:96%; max-width: 1694px; border: 1px #c8dbec solid; border-top:0;
}
.searchbox {width: 100%; background-color:transparent; margin: 0; padding: 0;}

.searchbox .searchboxcontent {width: 100%; padding: 0; margin:0; display: inline-block; text-align: left; color: #401a0c; font-size: 16px;}

/* form-control  */
.searchbox .form-control {color: #401a0c; padding:0; margin: 0; border:1px #a2a9ae solid;}

/* checkbox */
.searchbox .custom-checkbox {margin-right:30px; padding-left: 25px; cursor: pointer;}
.searchbox .custom-checkbox label {font-size: 14px; color:#401a0c;  line-height: 25px; cursor: pointer; padding-left: 2px;}

/* btn-primary */
.searchbox .btn-primary {font-size: 16px; line-height:1; text-transform: uppercase; font-weight: 300; padding: 12px 35px; outline: none !important; min-height: 100%; }
.searchbox .btn-primary-xl {position: absolute; top:0; right:1px; height: 143px; width: 101%;}
.searchbox .btn-primary-xl::before {content: url("../img/icons/search-38.png"); display: block; margin-bottom: 15px;}



/** bootstrap-select */
.searchbox .bootstrap-select {width: 100%;}

.searchbox .bootstrap-select .btn-light {color:#401a0c; outline: none !important; background-color: #fff; padding-top: 6px !important; padding-bottom: 6px !important; padding-left: 10px !important; margin: 0 !important;}
.searchbox .bootstrap-select .btn-light:focus {outline: none !important; color:#401a0c;}
.searchbox .bootstrap-select .btn-light:hover {color:#401a0c;}	


.searchbox .bootstrap-select > .dropdown-toggle {display: inline-block !important; width: 100%; border-radius: 0; }
.searchbox .bootstrap-select > .dropdown-toggle.bs-placeholder,
.searchbox .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.searchbox .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.searchbox .bootstrap-select > .dropdown-toggle.bs-placeholder:active {color: #401a0c;  padding: 0;}

.searchbox select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;	 -o-appearance: none;	appearance: none;}
.searchbox .bootstrap-select > select.mobile-device {left: 0;  max-width: 100% !important;}

.bootstrap-select .dropdown-menu {left:11px !important; top:-3px !important; color: #401a0c; font-weight: 400;}
.bootstrap-select .dropdown-menu li a { color: #401a0c !important;}
.bootstrap-select .dropdown-menu li a.active  {color: #401a0c;}
.bootstrap-select .dropdown-menu li a:hover  {color: #401a0c;}
.bootstrap-select .form-control { color: #401a0c !important; }
.bootstrap-select .no-results {background-color: inherit;}


.bootstrap-select.bs-container {left:-11px !important;}
.bs-donebutton .btn-group button {color: #401a0c;  border: 1px solid #d4eaf6; text-transform: uppercase; background-color: #d4eaf6; font-size: 13px;}
.bootstrap-select.bs-container .form-control {border:1px;}

.bootstrap-select .dropdown-menu li small {
  color: rgba(64,26,12, 0.7) !important;
}

.bootstrap-select  ::-webkit-scrollbar  {width: 9px;}
.bootstrap-select  ::-webkit-scrollbar-track  {background: rgba(169,208,223,1);}
.bootstrap-select  ::-webkit-scrollbar-thumb { background: rgba(27,123,159,0.9); -webkit-box-shadow: inset 0 0 6px rgba(27,123,159,0.6); box-shadow: inset 0 0 6px rgba(0,71,133,0.6);}
.bootstrap-select  ::-webkit-scrollbar-thumb:window-inactive {background: rgba(27,123,159,0.3);}

/*  select-wrapper */
.searchbox .select-wrapper {position: relative;padding: 0;margin: 0;width: 100%; border: 0; }
.searchbox .select-wrapper label.select-wrapper-label {width: 100%; text-align: center; text-transform: uppercase; font-size: 13px;}

/* caret */
.searchbox .dropdown-toggle::after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top:10px;
  right: 20px;
  display: inline-block;
  border: 0;
  content: "\f0d7";
  font-weight:900;
  color:#401a0c;
  font-size: 13px !important;
}

.searchbox .dropdown-toggle[aria-expanded="true"]:after {
transform: rotate(180deg); 
}
/*for animation*/ 
.searchbox .dropdown-toggle:after { 
transition: 0.7s; 
}


/*on expand change colors*/ 
.searchbox .dropdown-toggle[aria-expanded="true"] {color: #401a0c !important;}
.searchbox .bootstrap-select > .dropdown-toggle.focus  {color: #401a0c !important;}
.searchbox .dropdown-toggle[aria-expanded="true"]::after {color: #401a0c;}
.searchbox .dropdown-toggle[aria-expanded="true"] .searchbox .bootstrap-select .btn-light:hover  {color: #401a0c;}	


/*dropdownform*/
.searchbox .dropdownform { position: relative; width: 100% !important;  padding: 0; margin:0;}
.searchbox .dropdownform .form-control { padding: 3px 5px 3px 8px;  border:1px #a2a9ae solid;}
.searchbox .dropdownform a.dropdown-toggle {font-size: 13px; color: #401a0c; display: inline-block; width: 100% !important;  text-decoration: none; padding: 0; margin:0; padding-top: 4px; text-transform: uppercase; text-align: center;} 
.searchbox .dropdownform .dropdown-menu {width: 99.99999999%; position: absolute; padding:10px; border:1px #a2a9ae solid; margin-top:-2px;}
.searchbox .dropdownform .rangevalue {width: 100%; color: #401a0c; font-size: 16px;  display: block;  padding-top: 6px;  padding-bottom: 6px; padding-left: 10px; border:1px #a2a9ae solid; text-transform: none; text-align: left; margin-top: 8px; }
.searchbox .dropdownform a.dropdown-toggle::after {top:42px;}

/* placeholder & label */
.searchbox .plhold-text {
	color: #000 ; 
}
.searchbox .plhold-label {
	color: #000; font-size: 11px; line-height: 1;   
    top:-8px;
	background-color: #fff;
	padding: 2px 4px 0px;
	border:0px #ccc solid;
	border-bottom: 1px #fff solid;
	
}


/* placeholder & label */
.plhold {position: relative;}
.plhold-text {display: block; margin: 0; width: 100%;}
.plhold-text:focus {}

.plhold-label {display: block; position: absolute; opacity: 0; top:-20px;}
.plhold-text:placeholder-shown + .plhold-label { visibility: hidden; z-index: -1;}

.plhold-text:not(:placeholder-shown) + .plhold-label,
.plhold-text:focus:not(:placeholder-shown) + .plhold-label {visibility: visible; z-index: 1; opacity: 1;}


/* placeholder */
.searchbox .form-control::-webkit-input-placeholder { color: #401a0c; opacity: 1;}
.searchbox .form-control::-moz-placeholder { color: #401a0c;  opacity: 1;}
.searchbox .form-control:-ms-input-placeholder { color: #401a0c;  opacity: 1;}
.searchbox .form-control::-ms-input-placeholder { color: #401a0c; opacity: 1;}
.searchbox .form-control::placeholder {color: #401a0c; opacity: 1;}


/*show/hide search criteria*/
.hidebuttonall-outter { margin:0 auto; width:96%; max-width: 1694px; border:1px #c8dbec solid; text-align: center; z-index: 100; caret-color: transparent;}	
.hidebuttonall {position: relative; font-size: 16px; color:#828689; display: inline-block; font-weight: 500; text-align: center; padding: 5px; cursor: pointer; margin: 0 auto; padding-left: 33px;}	
.hidebuttonall::before {
	position: absolute;
	top:6px;
    left: 10px;
	vertical-align: middle;	
	content: url("../img/icons/gg-toggle.png");
}

.showbuttonall {display: inline-block;}

.showupall {display: none;}

/* criteria */
#criteria {color:#401a0c; padding: 1px 10px; margin: 0 auto; font-size: 13px; font-weight: 500; }
      
#criteria span.citem { display: inline-block; color:#401a0c; font-size: 11px; cursor: pointer; padding-right: 17px; margin-right: 10px; margin-bottom: 4px; position: relative; white-space: nowrap;}
#criteria span.citem::after {content:url("../img/icons/remove-14.png"); position: absolute; right:0; top:1px;}



/* stickycontent */
#stickycontent {width: 100%; margin:0; padding:0; position:relative; display: inline-block;}
.stickycontent {margin:0 auto; background-color: #fff;    
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 7px rgba(0, 0, 0, 0.3);}


#stickycontent .btn-white {position: relative; background-color: #fff !important;  font-size: 16px; color:#401a0c; display: inline-block; font-weight: 500; text-align: center;  padding: 5px; padding-left: 33px;}
#stickycontent .btn-white:hover, .stickycontent .btn-light:active {color:#401a0c;}

#stickycontent .btn-white::before {
	position: absolute;
	top:6px;
    left: 10px;
	vertical-align: middle;	
	content: url("../img/icons/gg-toggle.png");
}


/*----------------------@media---------------------------*/