/* Cookie */

.cookie-widget {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #f2f2f2;

        text-align: left;
        z-index: 1000000000;
}

.cookie-widget .container {
        position: relative;
}

.cookie-widget .cookie-message {
        width: 70%;
        padding: 15px 0;
        line-height: 18px;
        font-size: 14px;
        font-family: 'Roboto Condensed', sans-serif;
}

.cookie-widget .cookie-buttons {
        position: absolute;
        top: 15px;
        right: 15px;
}

.cookie-widget .cookie-buttons .agree {
        display: inline-block;
        margin-right: 25px;
        padding: 7px 12px;
        border: 1px solid #3a3838;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 15px;
        color: #000;
        vertical-align: middle;
        line-height: 15px;
        cursor: pointer;
}

.cookie-widget .cookie-buttons a {
        display: inline-block;
        vertical-align: middle;
}

.cookie-widget .cookie-buttons .agree:hover {
        color: #f60041;
}

.cookie-widget .cookie-buttons .cookie-widget-close {
        display: inline-block;
        width: 25px;
        height: 25px;
        background: url('close-ico.png') center no-repeat;
        cursor: pointer;
}


@media screen and (max-width: 767px) {
        .cookie-widget {
                top: 0;
                bottom: auto;
        }
}

@media screen and (max-width: 600px) {
        .cookie-widget .cookie-message {
                width: 100%;
        }

        .cookie-buttons {
                position: static !important;
                width: 100%;
                margin: 5px 0 20px 0;
                text-align: center;
        }
}