/*----------------------Search box 1---------------------------*/
.searchbox1 {position: relative; width: 330px;}
.searchbox1 h4 {font-size: 25px; color:#fff; margin-bottom: 10px;}

.searchbox1 .searchboxcontent-outter {position: relative; padding: 0; margin: 0; margin-left: 50px; display: inline-block; text-align: left; color: #fff; width: 280px;  background-color:#1a7293; 
    -webkit-box-shadow: -19px 9px 36px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: -19px 9px 36px 0px rgba(0,0,0,0.26);
    box-shadow: -19px 9px 36px 0px rgba(0,0,0,0.26);         
}
.searchbox1 .searchboxcontent-outter::before {content:url("../img/bgr/bgr-home-xs.png");  position: absolute; bottom:-7px; right:0;}

.searchbox1 .searchboxcontent { background-color:transparent; position: relative; padding:11px 30px 5px; margin: 0 auto; display: inline-block; text-align: left; width: 100%; border:0; border-left:1px #fff solid;}
    
.searchbox1 .form-control {color: #fff; font-size: 16px;  font-weight: 300; padding:0; border:0; min-width: 100%; background-color: transparent; border-bottom:1px #fff solid; outline : none; caret-color: transparent !important;}

.searchbox1 .btn-primary {color: #fff; font-size: 16px; line-height:1; font-weight: 300; padding:10px 30px 10px 30px; margin: 0; border:0;  width:100% !important; margin-top: 40px;}
.searchbox1 .btn-primary:hover,  
.searchbox1 .btn-primary:focus, .btn-primary.focus {color: #fff; font-weight: 300;}

/** bootstrap-select */
.searchbox1 .bootstrap-select .btn-light {color:#fff !important; background-color: transparent; font-size: 16px;  font-weight: 300; outline: none !important; padding: 0; padding-bottom: 2px;}
.searchbox1 .bootstrap-select .btn-light:focus {outline: none !important;color:#fff !important; font-weight: 300; background-color: transparent; }
.searchbox1 .bootstrap-select .btn-light:hover {color:#fff !important;}	

.searchbox1 .bootstrap-select > .dropdown-toggle {font-size: 16px; background-color: transparent; border:0; border-radius: 0; max-width: 100% !important; padding-right: 30px; }
.searchbox1 .bootstrap-select > .dropdown-toggle.bs-placeholder,
.searchbox1 .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.searchbox1 .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.searchbox1 .bootstrap-select > .dropdown-toggle.bs-placeholder:active {font-size: 16px; color: #fff; font-weight: 300; padding: 0; padding-bottom: 2px;}
.searchbox1 select {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;	 -o-appearance: none;	appearance: none; }
.searchbox1 .bootstrap-select > select.mobile-device {left: 0; max-width: 100% !important; }

.bootstrap-select .dropdown-menu {padding: 0; color:#401a0c;}
.bootstrap-select .dropdown-menu li a { }
.bootstrap-select .dropdown-menu li a.active { ;}
.bootstrap-select .dropdown-menu li a:hover {  }
.bootstrap-select  .form-control {border:#fff solid 1px; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {color: #401a0c;}

.searchbox1 .select-wrapper {position: relative; display: inline-block; min-width: 100%; max-width: 100%; background-color: transparent; margin-top: 14px;}
.searchbox1 .select-wrapper label {display: none;}

.bootstrap-select.bs-container {left:-1px !important; top:-1px;  }
.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);}


/*dropdown-toggle*/
.searchbox1 a.dropdown-toggle {color: #fff;  display: inline-block; width: 100% !important; font-size: 16px;  font-weight: 300;  text-decoration: none; background-color:transparent;  padding: 0;}
.searchbox1 a.dropdown-toggle:hover {color:#fff;}

/* caret */
.searchbox1 .dropdown-toggle::after {
  position: absolute;
  right: 1px;
  display: inline-block;
  border: 0;
  content: url("../img/icons/arrow-down.png");
  transition: 0.7s; 
}
.searchbox1 .dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(180deg); 
}


/* placeholder */
.searchbox1 .form-control::-webkit-input-placeholder { color: #939393; opacity: 1;}
.searchbox1 .form-control::-moz-placeholder { color: #939393;  opacity: 1;}
.searchbox1 .form-control:-ms-input-placeholder { color: #939393;  opacity: 1;}
.searchbox1 .form-control::-ms-input-placeholder { color: #939393; opacity: 1;}
.searchbox1 .form-control::placeholder {color: #939393; opacity: 1;}


/* cities-areas options */
.bootstrap-select  .dropdown-item.areaoption {}
.bootstrap-select  .dropdown-item.areaoption::before {content: "\00a0\00a0-\00a0";}
.bootstrap-select  .dropdown-item.cityoption {
  font-weight: 600 !important;
}

.bootstrap-select  .dropdown-item.mylocationoption {margin-top: 10px; margin-bottom: 8px;  padding-top: 7px; padding-bottom: 6px;}
.bootstrap-select  .dropdown-item.mylocationoption::before {position: absolute; top:0; content:''; display: block; width: 319px; height: 1px; border-top: 1px #fff solid;}
.bootstrap-select  .dropdown-item.mylocationoption::after {position: absolute; bottom:0; content:''; display: block; width: 319px; height: 1px; border-top: 1px #fff solid;}




/* search-open - search-close */
.search-open-btn {content: url("../img/icons/search-engine.png"); position: absolute; right: 0;  width: 39px; height: 341px; z-index: 1; cursor: pointer; background-color:#1b7b9f; padding: 27px 15px 26px;}

.search-open {position: absolute; top:40%; right: -63px; z-index: 1;  width: 39px; height: 341px; 
    -webkit-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26);
    box-shadow: 3px 9px 36px 0px rgba(0,0,0,0.26); 
}


.search-open::before {content: ' '; position: absolute; left: -11px; top: 50%; transform: translateY(-50%);
	width: 0; height: 0;
	border-top: 12px solid transparent;	border-right: 12px solid #1b7b9f; border-bottom: 12px solid transparent;
    z-index: 1; cursor: pointer;}

.search-open:hover {filter: brightness(115%);}

.search-close-btn {content: url("../img/icons/search-engine.png"); position: absolute;  left:0;  width: 39px; height: 341px; z-index: 1; cursor: pointer;  background-color:#1b7b9f; padding: 27px 15px 26px;}
.search-close {position: absolute; top:0; right:280px; z-index: 1;  width: 39px; height: 341px;}
.search-close::before {content: ' '; position: absolute; left: -12px; top: 50%; transform: translateY(-50%);
	width: 0; height: 0;
	border-top: 12px solid transparent;	border-right: 12px solid #1b7b9f; border-bottom: 12px solid transparent;
    z-index: 1; cursor: pointer;}
.search-close:hover {filter: brightness(115%);}

/* search-sidenav */
.search-sidenav {
  height: 377px;
  width: 0;
  position: absolute;
  z-index: 1;
  top:40%; 
  right: 0;
  overflow: hidden; 
  transition: 0.5s;    
}


@media (max-width:340px)
{
.searchbox1small {position: relative; max-width: 270px !important;}
}