#check_tour .filter_button .row{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(247, 248, 250, 0.51);
padding: 15px 0;
}
#check_tour .filter_button  i{
width: 2em;
height: 2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
border-radius: 100%;
color: #fff;
margin-right: 10px;
}
#check_tour.fix{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999
}
#check_tour.fix .bg{
position: absolute;top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6
}
#check_tour.fix .filter_button{
position: absolute;
top: 85%;
left: 0;
width: 100%
}
#check_tour .filter_button .col-3:nth-child(1) i{
background: #3874d2
}
#check_tour .filter_button .col-3:nth-child(2) a{
color: #f74b10
}
#check_tour .filter_button .col-3:nth-child(2) i{
background: #f74b10
}
#check_tour .filter_button a:hover{
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}
#check_tour .filter_button a{
padding: 10px 15px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
border: 1px solid ;
}
#check_tour .filter_button{
padding: 10px 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
} #check_tour .hc_filter_form{
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#check_tour .hc_filter_form form{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
#check_tour .hc_filter_form form select{
width: 100%;
height: 35px;
}
#check_tour .hc_filter_form .content{
position: relative;
overflow: hidden;
}
#check_tour .hc_filter_form .content .tour{
padding: 30px;
background: #fff;
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: -1;
opacity: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
#check_tour .hc_filter_form .content .tour.active{
position: relative;
z-index: 0;
opacity: 1;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#check_tour .hc_filter_form button{
border: none;
outline: none;
background: #3874d2;
color: #fff;
padding: 5px 10px;
}
#check_tour .hc_filter_form .tour_nuoc_ngoai  button{
background: #f74b10
} .tour_result{
padding: 30px 0;
}
.tour_result .col-4{
margin-bottom: 30px;
}
.tour_result .hc_sidebar .col_wrapper{
background-color: #fff;
}
.tour_result .hc_sidebar .col_wrapper h3{
background-color: #0b6aff;
color: #fff;
padding: 10px 15px;
text-transform: uppercase;
font-weight: bold;
}
.tour_result h1{
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px dashed;
padding-bottom: 10px;
margin-bottom: 30px;
}
.tour_result .hc_sidebar form{
padding:10px 15px;
}
.tour_result .hc_sidebar h4{
font-weight: bold;
padding: 5px 0;
}
.tour_result .hc_sidebar select{
width: 100%;
height: 35px;
}
.tour_result .hc_sidebar #submit_form{
margin-top: 10px;
outline: none;
border: none;
padding: 10px;
width: 100%;
background-color: #EF8610;
color: #fff;
cursor: pointer;
}
.tour_result .hc_sidebar #submit_form:disabled{
background-color: #f1f1f1;
color: #000;
cursor: not-allowed;
pointer-events: none;
}
.tour_result .hc_sidebar .end select{
display: none;
}
.tour_result .hc_sidebar .end select.active{
display: block;
}
.top_bar-search form {
position: relative;
border: 1px solid #ffff;
border-radius: 20px;
overflow: hidden;
margin: 0 8px;
}
.top_bar-search input[type="text"]:focus {
outline: none;
}
.top_bar-search form input {
border: none;
padding: 0 5px;
width: 100%;
min-height: 30px;
}
.top_bar-search button {
position: absolute;
width: 30px;
height: 30px;
right: 0;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
top: 0;
border: none;
}
.top_bar-search form {
position: relative;
}
.top_bar-search {
padding: 5px 10px;
background: #0b6aff;
}
@media(max-width: 640px){
#check_tour .filter_button{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
#check_tour .filter_button .col-3:nth-child(1){
margin-bottom: 10px;
}
#check_tour .hc_filter_form form select{
margin-bottom: 5px;
padding-left: 10px;
}
#check_tour .filter_button a{
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}
#check_tour{
position: relative;
}
#check_tour.fix .filter_button{
display: none;
}
}
@media(min-width: 641px) and (max-width: 768px){
#check_tour .filter_button .col-3{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
}