.amfinder-vertical,
.amfinder-horizontal,
.amfinder-responsive
{
    /*border: 1px solid #C4C1BC;*/
    background: #FFF;
    padding: 8px;
    padding-bottom: 0;
}

.amfinder-vertical .dropdown-title,
.amfinder-horizontal .dropdown-title,
.amfinder-responsive .dropdown-title
{
    font-weight: bold;
    padding: 5px;
}

.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: 767px) {
    .amfinder-responsive {border:none;background: none}
    .amfinder-responsive li { display: block; width: 100%; margin-bottom: 20px; }
    .amfinder-responsive .amfinder-toggle { 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; }
}

.amfinder-index-index .image-container img { left: 0; right: 0; margin: auto; display: block; }
.amfinder-index-index .image-container { position: relative; }

.amfinder-responsive {
    border-bottom: 2px solid ;
    padding-bottom: 50px;
    padding-top: 100px;
    position: relative;
}
.amfinder-responsive .amfinder-title {
    display: none;
}
.amfinder-responsive .amfinder-toggle {
    padding-left: 0;
    width: calc(75% - 5px);
    display: inline-block;
    padding-top: 80px;
}
.amfinder-responsive .amfinder-toggle li {
    display: none;
}
.amfinder-responsive .amfinder-toggle li.active {
    display: block;
}
.amfinder-responsive .amfinder-toggle li .dropdown-title {
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 20px;
}
.amfinder-responsive .amfinder-toggle li .dropdown-element button {
    background-color: #e2f2f3;
    border-radius: 50%;
    color: #000;
    height: 180px;
    font-size: 1.4rem;
    margin-right: 25px;
    margin-bottom: 40px;
    text-transform: none;
    width: 180px;
    padding: 15px;
}
.amfinder-responsive .amfinder-toggle li .dropdown-element button[type="submit"] {
    border: none;
    padding: 5px;
}
.amfinder-responsive .amfinder-toggle li .dropdown-element button[type="submit"]:after {
    content: '';
}
.amfinder-responsive .amfinder-toggle li .dropdown-element button:hover {
    background-color: #b1ddde;
    border-color: #b1ddde;
    color: #fff;
}
.amfinder-responsive .amfinder-toggle li .dropdown-element button:focus {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.amfinder-responsive .amfinder-toggle li .dropdown-element button:active {
    box-shadow: none;
}
.amfinder-responsive .amfinder-skin-face {
    display: inline-block;
    width: 24%;
    vertical-align: top;
}
.amfinder-footer {
    font-size: 16px;
    padding-top: 15px;
}
.amfinder-footer a,
.amfinder-footer button[type="button"] {
    text-transform: capitalize;
    background: none;
    border: none;
    padding: 0;
    padding-left: 10px;
    color: #000;
    font-size: 16px;
}
.amfinder-footer a:active,
.amfinder-footer button[type="button"]:active {
    box-shadow: none;
}
.amfinder-footer a:focus,
.amfinder-footer button[type="button"]:focus {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.amfinder-footer a.prev-step,
.amfinder-footer button[type="button"].prev-step {
    display: none;
}
.amfinder-footer a.prev-step:before,
.amfinder-footer button[type="button"].prev-step:before {
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    line-height: 22px;
    color: inherit;
    content: '\e617';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.amfinder-footer a.go-to-start,
.amfinder-footer button[type="button"].go-to-start {
    float: right;
    display: none;
}
.amfinder-footer a.go-to-start:after,
.amfinder-footer button[type="button"].go-to-start:after {
    -webkit-font-smoothing: antialiased;
    font-size: 21px;
    line-height: 21px;
    color: inherit;
    content: '\e61c';
    font-family: 'Pe-icon-7-stroke';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    margin-left: 5px;
}
.amfinder-footer.standalone {
    padding: 15px 0 15px;
    border-top: 2px solid ;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    width: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
}
.amfinder-footer.standalone:after,
.amfinder-footer.standalone:before {
    clear: both;
    content: " ";
    display: table;
}
.amfinder-footer.standalone a.prev-step {
    display: block;
    padding-left: 0;
    font-size: 16px;
}
.product-finder-summary .image-container {
    text-align: right;
    padding-bottom: 20px;
    border-bottom: 2px solid ;
}
.product-finder-summary .image-container img {
    max-width: 165px;
}
.product-finder-summary .summary-title {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 1.8rem;
    font-weight: 400;
}
.product-finder-summary .summary-result .summary-element {
    border-top: 2px solid ;
}
.product-finder-summary .summary-result .summary-element .title {
    padding-top: 20px;
    font-size: 1.5rem;
}
.product-finder-summary .summary-result .summary-element .answer {
    font-size: 1.6rem;
    margin-top: 5px;
    padding-bottom: 20px;
    font-weight: 400;
}
@media (max-width: 876px) {
    .amfinder-responsive .amfinder-toggle {
        width: 100%;
    }
    .amfinder-responsive .amfinder-skin-face {
        display: none;
    }
    .amfinder-responsive .dropdown-element {
        text-align: center;
    }
}
@media screen and (min-width: 767px) {
    .page-layout-2columns-right.amfinder-index-index .page-main .columns .column.main {
        width: 70%;
    }
    .page-layout-2columns-right.amfinder-index-index .page-main .columns .column.main .no-care-products-title {
        text-align: center;
        margin-bottom: 100px;
        margin-top: 50px;
        position: absolute;
        width: 100%;
    }
    .page-layout-2columns-right.amfinder-index-index .page-main .columns .column.main .no-care-products {
        margin-top: 170px;
    }
    .page-layout-2columns-right.amfinder-index-index .page-main .columns .sidebar-additional {
        width: 30%;
    }
}

