.filters {
    position: relative;
}
.filters .filter-outer {
    position: relative;
    display: block;
}
.filters .button-group button.button {
    position: relative;
    display: block;
    border: none;
    background-color: transparent;
    outline: none;
}

.filterElenent {
    display: block;
    margin-bottom: 20px;
}
.filter-application {}
.filter-feature {
    overflow: hidden;
    max-height: 1000px;
    opacity: 1;
    margin-bottom: 24px;
    -moz-transition: opacity 0.2s ease-in-out, max-height 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, max-height 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out, max-height 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, max-height 0.2s ease-in-out;
}
.filter-feature.hidenFeature {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
}
.filter-product {}
@media screen and (max-width: 900px) {
    .filterElenent{
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }
    .filter-product {
        margin-right: 0;
    }
}


.filter-application .filter-outer {
    position: relative;
    /*height: 22px;*/
}
.filter-application .filter-outer button.button {
    padding-left: 32px;
    height: 100%;
}

.filter-application .button.application-101.is-checked:before, 
.filter-application .button.application-101.checked-hover:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcuNzMiIGhlaWdodD0iMzUuODMiIHZpZXdCb3g9IjAgMCAyNy43MyAzNS44MyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjcuNzN2MzUuODNIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjRUQyODM3IiBkPSJNMjQuMjcgMTMuNjVzNC40My00LjIzIDMuMjctOC4zNFMyNC4yNyAwIDI0LjI3IDBMMy40NiAyMi4xN1MtLjk3IDI2LjQuMTkgMzAuNTJjMS4xNiA0LjExIDMuMjcgNS4zMSAzLjI3IDUuMzFsMjAuODEtMjIuMTh6Ii8+PC9zdmc+');
}
.filter-application .button.application-102.is-checked:before, 
.filter-application .button.application-102.checked-hover:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcuNzMiIGhlaWdodD0iMzUuODMiIHZpZXdCb3g9IjAgMCAyNy43MyAzNS44MyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjcuNzN2MzUuODNIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjRkZEOTAwIiBkPSJNMjQuMjcgMTMuNjVzNC40My00LjIzIDMuMjctOC4zNFMyNC4yNyAwIDI0LjI3IDBMMy40NiAyMi4xN1MtLjk3IDI2LjQuMTkgMzAuNTJjMS4xNiA0LjExIDMuMjcgNS4zMSAzLjI3IDUuMzFsMjAuODEtMjIuMTh6Ii8+PC9zdmc+');
}
.filter-application .button.application-103.is-checked:before, 
.filter-application .button.application-103.checked-hover:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcuNzMiIGhlaWdodD0iMzUuODMiIHZpZXdCb3g9IjAgMCAyNy43MyAzNS44MyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjcuNzN2MzUuODNIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjMDA4MkJGIiBkPSJNMjQuMjcgMTMuNjVzNC40My00LjIzIDMuMjctOC4zNFMyNC4yNyAwIDI0LjI3IDBMMy40NiAyMi4xN1MtLjk3IDI2LjQuMTkgMzAuNTJjMS4xNiA0LjExIDMuMjcgNS4zMSAzLjI3IDUuMzFsMjAuODEtMjIuMTh6Ii8+PC9zdmc+');
}
.filter-application .button.application-104.is-checked:before, 
.filter-application .button.application-104.checked-hover:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcuNzMiIGhlaWdodD0iMzUuODMiIHZpZXdCb3g9IjAgMCAyNy43MyAzNS44MyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjcuNzN2MzUuODNIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjMDBBODhEIiBkPSJNMjQuMjcgMTMuNjVzNC40My00LjIzIDMuMjctOC4zNFMyNC4yNyAwIDI0LjI3IDBMMy40NiAyMi4xN1MtLjk3IDI2LjQuMTkgMzAuNTJjMS4xNiA0LjExIDMuMjcgNS4zMSAzLjI3IDUuMzFsMjAuODEtMjIuMTh6Ii8+PC9zdmc+');
}
.filter-application .button.application-105.is-checked:before, 
.filter-application .button.application-105.checked-hover:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcuNzMiIGhlaWdodD0iMzUuODMiIHZpZXdCb3g9IjAgMCAyNy43MyAzNS44MyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjcuNzN2MzUuODNIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjQzBENDJGIiBkPSJNMjQuMjcgMTMuNjVzNC40My00LjIzIDMuMjctOC4zNEMyNi4zOCAxLjE5IDI0LjI3IDAgMjQuMjcgMEwzLjQ2IDIyLjE3Uy0uOTcgMjYuNC4xOSAzMC41MmMxLjE2IDQuMTEgMy4yNyA1LjMxIDMuMjcgNS4zMWwyMC44MS0yMi4xOHoiLz48L3N2Zz4=');
}
.filter-application .button.application-106.is-checked:before, 
.filter-application .button.application-106.checked-hover:before{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcuNzMiIGhlaWdodD0iMzUuODMiIHZpZXdCb3g9IjAgMCAyNy43MyAzNS44MyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjcuNzN2MzUuODNIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjRTExRDhEIiBkPSJNMjQuMjcgMTMuNjVzNC40My00LjIzIDMuMjctOC4zNFMyNC4yNyAwIDI0LjI3IDBMMy40NiAyMi4xN1MtLjk3IDI2LjQuMTkgMzAuNTJjMS4xNiA0LjExIDMuMjcgNS4zMSAzLjI3IDUuMzFsMjAuODEtMjIuMTh6Ii8+PC9zdmc+');
}
.filter-application .button.application-107.is-checked:before, 
.filter-application .button.application-107.checked-hover:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcuNzMiIGhlaWdodD0iMzUuODMiIHZpZXdCb3g9IjAgMCAyNy43MyAzNS44MyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjcuNzN2MzUuODNIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjNkUzNjI4IiBkPSJNMjQuMjcgMTMuNjVzNC40My00LjIzIDMuMjctOC4zNEMyNi4zOCAxLjE5IDI0LjI3IDAgMjQuMjcgMEwzLjQ2IDIyLjE3Uy0uOTcgMjYuNC4xOSAzMC41MmMxLjE2IDQuMTEgMy4yNyA1LjMxIDMuMjcgNS4zMWwyMC44MS0yMi4xOHoiLz48L3N2Zz4=');
}

.filter-application button.button.app:before, 
.filter-application button.button.app.hover:before {
    pointer-events: none;
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    padding-left: 10px;
    left: 0px;
    top: 0px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcuNzMiIGhlaWdodD0iMzUuODciIHZpZXdCb3g9IjAgMCAyNy43MyAzNS44NyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjcuNzN2MzUuODdIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjZmZmIiBkPSJNMjMuOTIgMTMuMzFjLjA0LS4wNCA0LjItNC4wOCAzLjEzLTcuODUtLjgyLTIuOS0yLjEzLTQuMjgtMi43My00Ljc4TDMuODIgMjIuNTNjLS4wNi4wNi00LjIxIDQuMDktMy4xNSA3Ljg3LjgzIDIuOTMgMi4xMyA0LjI5IDIuNzIgNC43OGwyMC41LTIxLjg1LjAzLS4wMnoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgxOTA5NyIgZD0iTTIzLjkyIDEzLjMxYy4wNC0uMDQgNC4yLTQuMDggMy4xMy03Ljg1LS44Mi0yLjktMi4xMy00LjI4LTIuNzMtNC43OEwzLjgyIDIyLjUzYy0uMDYuMDYtNC4yMSA0LjA5LTMuMTUgNy44Ny44MyAyLjkzIDIuMTMgNC4yOSAyLjcyIDQuNzhsMjAuNS0yMS44NS4wMy0uMDJ6Ii8+PC9zdmc+');
}
.filter-application button.button:hover:before {
    content: " ";
}

/* filter-checkbox */
.filters .filter-checkbox button.button {
    padding-left: 24px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: left center;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi41IiBoZWlnaHQ9IjEyLjYxIiB2aWV3Qm94PSIwIDAgMTIuNSAxMi42MSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOUQ5RDlDIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0uNSAyLjExaDEwdjEwSC41eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
}
.filters .filter-checkbox button.button.is-checked {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIuNSIgaGVpZ2h0PSIxMi42MSIgdmlld0JveD0iMCAwIDEyLjUgMTIuNjEiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMy41IDBoOXYxMGgtOXoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSJub25lIiBzdHJva2U9IiMyMzFGMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNNC41IDdsMiAyIDUtOCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFEMUQxQiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLjUgMi4xMWgxMHYxMEguNXoiLz48L3N2Zz4=');
}
.filters .filter-checkbox button.button.is-disabled {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi41IiBoZWlnaHQ9IjEyLjYxIiB2aWV3Qm94PSIwIDAgMTIuNSAxMi42MSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOUQ5RDlDIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0uNSAyLjExaDEwdjEwSC41eiIvPjwvc3ZnPg==');
}


.list-item-content {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    padding-top: 12px;
    overflow: hidden;
    /*padding-bottom: 12px;*/
    /*height: 105px;*/
}
/* line 261, ../sass/ui/_references.scss */
.list-item-content h3 {
    /*white-space: nowrap;*/
    font-size: 19px;
}
/* line 264, ../sass/ui/_references.scss */
.list-item-content h4 {
    margin-top: 4px;
    font-family: "DIN Light", Arial, sans-serif;
    font-size: 13px;
    white-space: nowrap;
}
/* line 271, ../sass/ui/_references.scss */
.list-item-content h4, .list-item-content h3 {
    text-overflow: ellipsis;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    /*white-space: nowrap;*/
    word-wrap: normal;
    overflow: hidden;
    padding: 0px 16px;
    padding-top: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
}

p.application {
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 1;
    font-size: 10px;
    font-family: "DIN Light", Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 4px;
    margin-left: 16px;
    margin-bottom: 0px;
    padding-left: 12px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
/* line 569, ../sass/ui/_references.scss */
p.application.hide {
    opacity: 0;
}
/* line 583, ../sass/ui/_references.scss */
p.application:before {
    content: "";
    display: block;
    width: 10px;
    height: 13px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEwIDEzIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMS4yNTggMTNIMTBWMi40NzhDOS45NzUgMy43NzQgOC43NTIgNC45NSA4Ljc1MiA0Ljk1TDEuMjU4IDEzek0uMDcgMTEuMDgyYy0uMDUyLS4xODctLjA3My0uMzc1LS4wNy0uNTZWMTNoMS4yM2MtLjA4NC0uMDUzLS43Ny0uNTE4LTEuMTYtMS45MTh6TTkuOTMgMS45MThjLjA1Mi4xODcuMDc0LjM3NC4wNy41NlYwSDguNzdjLjA4NC4wNTMuNzY4LjUxNyAxLjE2IDEuOTE4ek04Ljc0MiAwSDB2MTAuNTJjLjAyNi0xLjI5NSAxLjI0OC0yLjQ3MyAxLjI0OC0yLjQ3M0w4Ljc0MiAweiIvPjwvc3ZnPg==');
    background-color: #000;
}

/* line 596, ../sass/ui/_references.scss */
p.application-101:before {
    background-color: #e51a2b;
}

/* line 600, ../sass/ui/_references.scss */
p.application-102:before {
    background-color: #ffdb00;
}

/* line 604, ../sass/ui/_references.scss */
p.application-103:before {
    background-color: #0086c4;
}

/* line 608, ../sass/ui/_references.scss */
p.application-104:before {
    background-color: #009e85;
}

/* line 612, ../sass/ui/_references.scss */
p.application-105:before {
    background-color: #cad300;
}

/* line 616, ../sass/ui/_references.scss */
p.application-106:before {
    background-color: #df0f82;
}

/* line 620, ../sass/ui/_references.scss */
p.application-107:before {
    background-color: #763826;
}


/* line 54, ../sass/ui/_references.scss */
.filterReset {
    text-align: right;
    margin-bottom: 8px;
}
/* line 56, ../sass/ui/_references.scss */
.filterReset a {
    color: #000;
    display: block;
    cursor: pointer;
}

.rope-ruler {
    display: block;
    width: 100%;
    height: 10px;
    margin-top: 16px;
}
@media screen and (max-width: 900px) {
    /* line 193, ../sass/ui/_references.scss */
    .rope-ruler {
        display: none;
    }
}


.referencesList {}
.referencesList a {
    display: block;
}

.filters .searchformRef {
    position: relative;
    margin-bottom: 45px;
}


.filters .search-field, .filters .search-submit {
    visibility: visible;
}

.filters .search-field {
    width: 100%;
    text-transform: none;
    font-size: 14px;
    border: 1px solid #D3D2D2;
}

.filters .search-field:focus,
.filters .search-field.active {
    border-color: #000;
}

.filters .search-submit {
    top: 3px;
    /*top: 0px;*/
    right: 5px;
    opacity: 0.2;
    background-size: 16px 16px;
    /*background-size: 14px 20px;*/
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 900px) {
    .filters .search-submit {
        top: -1px;
        right: 5px;
    }
}

.filters .search-submit:focus {
    border: 0;
}
.filters .search-field:focus + .search-submit,
.filters .search-field:focus + .search-submit:focus,
.filters .search-field.active + .search-submit,
.filters .search-field.active + .search-submit:focus {
    opacity: 1;
}
.filters .search-field + .search-submit + .search-reset {
    top: 3px;
    right: 1px;
}
.filters .search-field + .search-submit + .search-reset:hover,
.filters .search-field + .search-submit + .search-reset:active,
.filters .search-field + .search-submit + .search-reset:focus {
    text-decoration: none;
    outline: none;
}

.filters .search-field + .search-submit + .search-reset:hover:after {
    text-decoration: none;
    outline: none;
    opacity: 0;
}