﻿.main_unit.clearfix#ap_search {
    padding-right:0;
}
#ap_search .search-wrap {
}

#ap_search .search-wrap input {
    width:85%;
    float:left;
    outline:none;
    font-size:15px;
}

    #ap_search .search-wrap input:hover,#ap_search .search-wrap input:active,#ap_search .search-wrap input:focus {
        outline:none;
        border-color:none;
    }

    #ap_search .search-wrap .button-wrap {
        float:left;
    }

        #ap_search .search-wrap .button-wrap button {
            height:44px;
            width:44px;
            border:none;
            outline:none;
        }

        #ap_search .search-wrap .button-wrap i {
            -moz-transform: scale(-1, 1);
            -webkit-transform: scale(-1, 1);
            -o-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
            color:gray;
        }



#ap_search .suggestions-container {
    position: relative;
    float: left;
    width: 85%;
    margin-top: -9px;

}

#ap_search .suggestions-container .suggestions-list {
    position:absolute;
    background-color: white;
    margin: 0;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
        -webkit-box-shadow: -1px 20px 48px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 20px 48px -10px rgba(0,0,0,0.75);
    box-shadow: -1px 20px 48px -10px rgba(0,0,0,0.75);
}

    #ap_search .suggestions-container .suggestions-list .suggestion {
        line-height: 44px;
        height: 44px;
        list-style-type: none;
        padding-left: 22px;
        padding-right: 22px;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding: 5px;
    }

     #ap_search .suggestions-container .suggestions-list .suggestion.active 
     {
         background-color: #D6D6D6;
     }



        #ap_search .suggestions-container .suggestions-list .suggestion:hover {
            background-color:#ebebeb;
        }


        #ap_search .suggestions-container .suggestions-list .suggestion .text {
            color: gray;
            font-size: 12px;
            font-style: italic;
        }



        #ap_search .suggestions-container .suggestions-list .suggestion .brand:after {
            content: "►";
            font-weight: bold;
            font-style: italic;
            margin-left: 5px;
            color: #ebebeb;
            font-size: 10px;
        }



        #ap_search .suggestions-container .suggestions-list .suggestion.suggestionCode .desc {
            color: gray;
            font-size: 12px;
            display: block;
            margin-top: -23px;
            line-height: 22px;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        #ap_search .suggestions-container .suggestions-list .suggestion.suggestionCode .man {
            font-weight:bold;
        }

        #ap_search .suggestions-container .suggestions-list .suggestion.suggestionCode .man,
        #ap_search .suggestions-container .suggestions-list .suggestion.suggestionCode .code {
            line-height: 12px;
            vertical-align: super;
        }

        #ap_search .suggestions-container .suggestions-list .suggestion .modelImg {
        float: left;
    max-height: 38px;
    margin-right: 10px;
    border: 1px solid #ebebeb;
    padding: 1px;
        }

    #ap_search .suggestions-container .suggestions-list li:not(.unreggedCode) + li.unreggedCode {
        border-top:1px solid #ebebeb;
        line-height:66px;
        height:66px;
    }

        #ap_search .suggestions-container .suggestions-list li:not(.unreggedCode) + li.unreggedCode:before:hover {
            background-color:white;
        }

    #ap_search .suggestions-container .suggestions-list li:not(.unreggedCode) + li.unreggedCode:before
    {
        content: '\f071  Представленные ниже результаты не проверены эскпертами Авто.про';
    display: block;
    height: 22px;
    line-height: 22px;
    padding-top: 0;
    margin-top: -5px;
    color: #b94a48;
    font-family: FontAwesome,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: white !important;
    margin-left: -5px;
    margin-bottom: -13px;
    padding-left: 5px;
    font-size:13px;
        margin-right: -5px;
    }

#ap_search .loadingicon {
    position: relative;
    right: 80px;
    top: 12px;
    font-size:1.5em;
}


#ap_search .btn-brandlist-mobile {
    display:none;
}

#ap_search .btn-brandlist {
    display:block;
}

#ap_search input {
    padding-left:155px;
}

@media screen and (max-width: 435px) 
{
    #ap_search .loadingicon {
        display:none;
    }
    #ap_search .btn-brandlist {
        display:none;
    }

    #ap_search .btn-brandlist-mobile {
    display:block;
    }

    #ap_search input {
        padding-left:85px;
    }

    #ap_search .button-wrap {
        display:none;
    }

    #ap_search .search-wrap input {
        width:100%;
    }
}