.find {
    padding: 30px 0;
    position: relative;
    width: 100%; }

.find_bank {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 300px;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
    margin: 0;
    padding: 10px 20px 0 0;
    width: auto; }

.find_bank .find__submit {
    right: 20px;
    top: 10px; }

.find_header {
    background: #31353a;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: none;
    max-width: 500px;
    padding: 60px 20px 30px;
    position: fixed;
    right: 3%;
    top: 10px;
    width: 94%;
    z-index: 999; }

.find_header .find__submit {
    right: 20px;
    top: 60px; }

.find_header:hover {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15); }

.find__close {
    background: url("/images/ico/icon-close.svg") no-repeat 50% 50%;
    background-size: 20px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 20px;
    width: 40px; }

.find__close:hover {
    background-image: url("/images/ico/icon-close-inv.svg"); }

.find__input {
    width: 100%; }

.find__submit {
    background: url("/images/ico/icon-find.svg") no-repeat 50% 50%;
    background-size: 20px;
    cursor: pointer;
    height: 40px;
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 30px;
    width: 40px; }

.find__input:hover ~ .find__submit, .find__submit:hover {
    opacity: 1; }