﻿#sectionSearch_Input .container { display: flex; justify-content: center; align-items: center; }
#sectionSearch_Input .container .searchbox { display: flex; justify-content: space-between; align-items: center; max-width: 60%; padding: 0.5rem; margin-right: 0.5rem; border-bottom: 1px solid var(--color-text); }
#sectionSearch_Input .container .searchbox input { width: 90%; font-weight: 500; border: 0; outline: 0; background-color: transparent; }
#sectionSearch_Input .container .searchbox i { cursor: pointer; }

.resultcount { margin-left: 0.5rem; font-size: 1rem; font-weight: 500; }

#sectionSearch_Result_Rentcar .product-area .product-list .product-tile { position: relative; overflow: hidden; }
#sectionSearch_Result_Rentcar .product-area .product-list .product-tile .hovermask { display: flex; justify-content: center; align-items: center; flex-direction: column;  position: absolute; top: 100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); visibility: hidden; opacity: 0; transition: all 0.4s; }
#sectionSearch_Result_Rentcar .product-area .product-list .product-tile:hover .hovermask { top: 0; visibility: visible; opacity: 1; }
#sectionSearch_Result_Rentcar .product-area .product-list .product-tile .hovermask button { margin: 0.25rem 0; }

#sectionSearch_Result_Taxi .product-area .product-list .product-tile { position: relative; overflow: hidden; }
#sectionSearch_Result_Taxi .product-area .product-list .product-tile .hovermask { display: flex; justify-content: center; align-items: center; flex-direction: column;  position: absolute; top: 100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); visibility: hidden; opacity: 0; transition: all 0.4s; }
#sectionSearch_Result_Taxi .product-area .product-list .product-tile:hover .hovermask { top: 0; visibility: visible; opacity: 1; }
#sectionSearch_Result_Taxi .product-area .product-list .product-tile .hovermask button { margin: 0.25rem 0; }

#divBlank { height: 200px; }