/*
    Search section
*/

.search-section {
    position: fixed;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    overflow: hidden;
    visibility: hidden;
    z-index: 1100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(65, 64, 66, .9);
    opacity: 0;
    -webkit-transition: all .3s;
            transition: all .3s;
}

    .search-section .container {
        max-width: 1000px;
    }

    .search-section form {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }

        .search-section .form-control,
        .search-section .form-control:hover,
        .search-section .form-control:focus,
        .search-section .btn {
            border-color: #fff;
            color: #fff;
        }

        .search-section .form-control,
        .search-section .btn {
            border-width: 0 0 1px;
            background-color: transparent;
        }

        .search-section .form-control::-webkit-input-placeholder { color: #fff; }
        .search-section .form-control::-moz-placeholder          { color: #fff; }
        .search-section .form-control:-ms-input-placeholder      { color: #fff; }
        .search-section .form-control:-moz-placeholder           { color: #fff; }

            .search-section .btn svg,
            .search-section .btn svg * {
                fill: #fff;
            }

    .search-section__close {
        position: absolute;
        z-index: 1;
        top: 50px;
        right: 50px;
    }

        .search-section__close svg {
            width: 20px;
            height: 20px;
        }

.search-section__active {
    visibility: visible;
    opacity: 1;
}