@CHARSET "UTF-8";
.amfinder-vertical,
.amfinder-horizontal
{
    border: 1px solid #C4C1BC;
    background: #F8F7F5;
    padding: 8px;
}

.amfinder-vertical .dropdown-title,
.amfinder-horizontal .dropdown-title
{
    font-size: 12px;
    font-weight: bold;
}

.amfinder-vertical .dropdown-element
{
    padding-bottom: 4px;
}

/* Responsive finder styles */

.amfinder-responsive { display: block; }
.amfinder-responsive .amfinder-title { display: none; }
.amfinder-responsive .amfinder-title span { position: relative; }
.amfinder-responsive .amfinder-toggle { padding: 10px; display: block; }
.amfinder-responsive .amfinder-buttons { display: block; width: 100%; }
.amfinder-responsive li { display: inline-block; min-width: 160px; margin-bottom: 20px; }
.amfinder-responsive li.last { display: block; width: 100%; }
.amfinder-responsive li div select { width: 100%; }

@media only screen and (max-width: 770px) {
    .amfinder-responsive li { display: block; width: 100%; margin-bottom: 20px; }
    .amfinder-responsive .amfinder-toggle { border: 1px solid #cccccc; display: none; border-top: none; }
    .amfinder-responsive .amfinder-title { display: block; color: #636363; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 14px; font-style: normal; line-height: 1.4; text-transform: uppercase; background-color: #f4f4f4; border: 1px solid #cccccc; padding-bottom: 7px; padding-left: 24px; padding-right: 10px; padding-top: 10px; }
    .amfinder-responsive .amfinder-title:hover { cursor: pointer; }
    .amfinder-responsive .amfinder-title span:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #3399cc; border-right: none; left: -15px; top: 50%; margin-top: -5px; }
    .amfinder-responsive.open .amfinder-title span:before { border-top: 4px solid #3399cc; border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; }
    .amfinder-responsive.open .amfinder-toggle { display: block; }
}

.finder-wrapper {
    border: 1px solid #000;
    padding: 15px;
}

.finder-header {
    font-size: 56px;
    font-family: 'Timmana';
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: -2rem;
}

.finder-header span {
    font-family: 'Roboto Condensed';
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold;
}

.amfinder-vertical,
.amfinder-horizontal
{
    border: none;
    background-color: #ebebeb;
}

.amfinder-vertical .dropdown-title,
.amfinder-horizontal .dropdown-title
{
    font-family: 'Timmana';
    font-size: 25px;
    font-weight: bold;
    color: #000;
}

.amfinder-vertical .finder-dropdown:first-child,
.amfinder-horizontal .finder-dropdown:first-child {
    display: none;
}

.amfinder-horizontal .finder-dropdown .form-control {
    width: 100% !important;
    border-radius: 0;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 15px;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    height: auto;
}

.finder-type-selector {
    text-align: center;
    margin-bottom: 20px;
}

.finder-type-selector a {
    display: inline-block;
    width: 150px;
    height: 100px;
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-left: 35px;
    margin-right: 35px;
}

.amfinder-buttons button {
    margin-top: 38px;
    float: none;
    background-color: #ed1c24 !important;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
}

.amfinder-buttons button.button:hover,
.amfinder-buttons button.button:active,
.amfinder-buttons button.button:focus, {
    background-color: #ed1c24;
}

.amfinder-buttons button span {
    font-family: 'Timmana';
    color: #fff !important;
    font-size: 25px;
    margin-bottom: -2rem;
}