@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-LightOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Book';
    src: url('../fonts/Avenir-BookOblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Black Oblique';
    src: url('../fonts/Avenir-BlackOblique.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-HeavyOblique.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Book';
    src: url('../fonts/Avenir-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Core Rhino 35';
    src: url('../fonts/CoreRhino35Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Core Rhino 55';
    src: url('../fonts/CoreRhino55Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Core Rhino 75';
    src: url('../fonts/CoreRhino75Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Core Rhino 35';
    src: url('../fonts/CoreRhino35Light-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Core Rhino 45';
    src: url('../fonts/CoreRhino45Regular-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Core Rhino 25';
    src: url('../fonts/CoreRhino25Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Core Rhino 25';
    src: url('../fonts/CoreRhino25Thin-Italic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Core Rhino 65';
    src: url('../fonts/CoreRhino65Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Core Rhino 85';
    src: url('../fonts/CoreRhino85Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Core Rhino 85';
    src: url('../fonts/CoreRhino85Black-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Core Rhino 75';
    src: url('../fonts/CoreRhino75Heavy-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Core Rhino 65';
    src: url('../fonts/CoreRhino65Bold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Core Rhino 45';
    src: url('../fonts/CoreRhino45Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Core Rhino 55';
    src: url('../fonts/CoreRhino55Medium-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

body {
    font-family: 'Avenir';
    color: #1B2623;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4 {
    padding: 0;
    margin: 0;
    display: block;
}

a {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
    color: #3CB59E;
}

p {
    margin: 30px 0;
}

select::-ms-expand {
    display: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
    -webkit-text-fill-color: #3e3935 !important;
}

#left {
    background: url(../images/login-background.jpg) no-repeat;
    background-size: cover;
    width: 40%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
}

#right {
    padding-left: 40%;
}

#login-form,
#password-form {
    text-align: center;
    width: 80%;
    max-width: 521px;
    margin: 162px auto 40px auto;
    display: block;
}

#login-form img,
#password-form img {
    width: 158px;
    height: 162px;
}

#login-form h1,
#password-form h1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 41px;
    max-width: 304px;
    margin: 56px auto 40px auto;
}

#login-form input,
#password-form input {
    width: 100%;
    height: 40px;
    margin-bottom: 40px;
}

#login-form input,
#password-form input {
    border: 1px solid #D5D5D5;
}

#login-form input.error,
#password-form input.error {
    border: 1px solid #E13C5A;
}

#login-form button,
#password-form button {
    border: none;
    border-radius: 20px;
    background-color: #6CC04A;
    font-family: 'Avenir';
    font-size: 14px;
    font-weight: 900;
    letter-spacing: -0.11px;
    line-height: 19px;
    color: white;
    height: 40px;
    padding: 0 56px;
    margin-bottom: 18px;
    outline: none;
}

#login-form button:disabled,
#password-form button:disabled {
    background-color: #D5D5D5;
}

#login-form p.error,
#password-form p.error {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.11px;
    line-height: 19px;
    color: #E13C5A;
    margin-top: 18px;
}