.h5ap_search_template {
width: 800px;
max-width: 100%;
margin: 0 auto;
}
.h5ap_search_template h1 {
margin: 30px auto;
}
.h5ap_search_template .plyr {
height: auto;
margin-bottom: 50px;
}
#h5ap_search_form {
position: relative;
max-width: 400px;
width: 100%;
input {
width: 100%;
padding: 15px 50px 15px 16px;
border: 1px solid #e2e2e2;
border-radius: 50px;
font-size: 14px;
outline: none;
transition: all 0.3s ease;
background: #f9fafb;
}
input:focus {
background: #ffffff;
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}
button {
position: absolute;
right: -13%;
top: 50%;
transform: translateY(-50%);
border: none;
background: #e2e2e2;
height: 36px;
width: 36px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
button:hover {
background: #e2e2e2;
transform: translateY(-50%) scale(1.05);
}
svg {
fill: #ffffff;
height: 16px;
width: 16px;
}
}.turbo-header-template,
#tahefobu-header {
position: relative;
z-index: 9999;
} .ta-sticky-header {
position: sticky;
top: var(--ta-sticky-top, 0);
z-index: 9999;
} .turbo-header-template.ta-header-scroll-animation:not(.ta-sticky-header) {
position: sticky;
top: 0;
z-index: 9999; } .ta-header-hide {
transform: translateY(-100%);
opacity: 0;
} .ta-header-show {
transform: translateY(0);
opacity: 1;
}
.ta-header-scroll-animation {
transition: transform 0.3s ease;
}
.ta-header-hidden {
transform: translateY(-100%);
opacity: 0;
}    .ta-sticky-header {
top: var(--ta-sticky-top, 0);
} #tahefobu-header.ta-sticky-active,
.turbo-header-template.ta-sticky-active {
position: fixed;
top: var(--ta-sticky-top, 0);
left: 0;
right: 0;
width: 100%;
z-index: 99999; } .ta-header-spacer {
display: none;
width: 100%;
} #tahefobu-header.ta-scroll-down,
.turbo-header-template.ta-scroll-down,
.ta-header-hidden, .ta-header-hide { transform: translateY(-100%);
opacity: 0;
}
#tahefobu-header.ta-scroll-up,
.turbo-header-template.ta-scroll-up,
.ta-header-show { transform: translateY(0);
opacity: 1;
} #tahefobu-header,
.turbo-header-template.ta-header-scroll-animation {
transition: transform .25s ease, opacity .25s ease;
will-change: transform;
} .tahefobu-effects-transparent-yes {
background-color: transparent !important;
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.tahefobu-effects-solid-shadow {
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}