/*****************************************************************************
* $ Buttons
******************************************************************************/

a,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {

    -webkit-transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
    -moz-transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
    -o-transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
    transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
}

.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background: none;
    border: 3px solid #ed612a;
    border-radius: 0px;
    color: #ed612a;
    display: block;
    font-family: 'ProximaNovaBold';
    font-size: 14px;
    letter-spacing: 0.12em;
    line-height: 1;
    padding: 22px 0px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    width: 100%;
}

.button:hover,
.button:active,
.button:focus,
a.button:hover,
a.button:active,
a.button:focus,
button:hover,
button:active,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus {
    background-color: #ed612a;
    border-color: #ed612a;
    border-width: 3px;
    color: #fff;
    color: #ffffff;
}

.button:active,
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    background: #ed612a;
    border-width: 3px;
    color: #ffffff;
}

a.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    background-color: #ed612a;
}

a.underline {
    border-bottom: 3px solid #a39162;
    color: #a39162;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.07em;
    margin-bottom: 30px;
    padding: 0 0 6px;
    text-transform: uppercase;
    text-decoration: none;
}

a.underline:hover,
a.underline:active,
a.underline:focus {
    border-color: #262626;
    color: #262626;
}

.btn-white {
    border: 3px solid #ffffff;
    color: #ffffff;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
    background-color: #ed612a;
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    button.btn.dropdown-toggle:hover {
        background-color: #2980b9;
        border-color: #2980b9;
    }

    button.btn.dropdown-toggle a {
        color: #fff;
    }

    .dropdown .btn .caret {
        color: #fff;
        float: right;
        position: relative;
        top: 8px;
    }

    .interior-page .interior-sub-menu.dropdown-menu {
        color: #fff;
    }

    .dropdown-menu .mg-sub-menu {
        background-color: #ffffff;
    }

    .dropdown button.btn.dropdown-toggle {
        border-radius: 0px;

    }

    a.expanded .button {
        background: none;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
}