@font-face {
    font-family: "Open Sans";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/OpenSans-Regular.eot");
    src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Regular.woff") format("woff"),
    url("../fonts/OpenSans-Regular.svg") format("svg");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/OpenSans-Semibold.eot");
    src: url("../fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Semibold.woff") format("woff"),
    url("../fonts/OpenSans-Semibold.svg#Semibold") format("svg");
}

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/OpenSans-Semibold.eot");
    src: url("../fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Semibold.woff") format("woff"),
    url("../fonts/OpenSans-Semibold.svg#Semibold") format("svg");
}

html {overflow-y: scroll; height: 100%;}
body {height: 100%; margin: 0; padding: 0; font-family: "Open Sans", Arial, sans-serif; font-size: 14px; color: #33322e; letter-spacing: 0; background: #e7e6e1;}

input, textarea {font-family: "Open Sans", Arial, sans-serif; font-size: 15px; line-height: 20px;}
a {color: #305fd2; text-decoration: none; transition: all 0.1s ease-out;}
a:hover {color: #2552c1;}

/* Layout */
.main-wrapper { position: relative; min-width: 300px; margin: 0 auto; min-height: 100%;}
.main-header {padding: 35px 0;}
.main-header .logo {display: block; position: relative; left: -5px; text-align: center;}
.main-header .logo > img {display: inline-block; width: 220px;}
.main-area {padding: 0 0 100px 0;}
.main-footer {position: absolute; left: 0; bottom: 0; width: 100%; padding: 25px 0; font-size: 13px; line-height: 18px; color: #666; text-align: center;}

.im-button {transition: opacity 0.15s ease-in;}
.im-button.busy {opacity: 0.5;}

.im-input {height: 48px; line-height: 46px; font-size: 20px; border-color: #cfcdc0; border-radius: 1px;}
.im-input:not(.error):focus, .im-textarea:not(.error):focus, .im-select:not(.error):focus {border-color: #b4b0a3;}
.im-input:not(.error).overlay:focus, .im-textarea:not(.error).overlay:focus, .im-select:not(.error).overlay:focus {box-shadow: 0 0 0 2px rgba(191, 189, 173, 0.2);}

.im-button.modern {border-radius: 1px; text-transform: uppercase;}
.im-button.modern.large {font-size: 24px; height: 48px; line-height: 46px;}

.im-button.modern.beige {background-color: #d2b595; color: #000; transition: background-color 0.15s ease-out; border: 0; box-shadow: none;}
.im-button.modern.beige:hover {background-color: #c8ac8c;}
.im-button.modern.beige:active {background-color: #bea385;}
.im-button.modern.beige.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #dbcbba;}
.im-button.modern.large.beige.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 3px #dbcbba;}


@media all and (max-width: 500px) {

}