@font-face {
    font-family: 'DIN-Bold';
    src: url('../fonts/DIN-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DIN-Bold.woff') format('woff'),
    url('../fonts/DIN-Bold.ttf') format('truetype'),
    url('../fonts/DIN-Bold.svg#DIN-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-Medium';
    src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DIN-Medium.woff') format('woff'),
    url('../fonts/DIN-Medium.ttf') format('truetype'),
    url('../fonts/DIN-Medium.svg#DIN-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-Light';
    src: url('../fonts/DIN-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DIN-Light.woff') format('woff'),
    url('../fonts/DIN-Light.ttf') format('truetype'),
    url('../fonts/DIN-Light.svg#DIN-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-Regular';
    src: url('../fonts/DIN-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DIN-Regular.woff') format('woff'),
    url('../fonts/DIN-Regular.ttf') format('truetype'),
    url('../fonts/DIN-Regular.svg#DIN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Bold.woff') format('woff'),
    url('../fonts/OpenSans-Bold.ttf') format('truetype'),
    url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Regular.woff') format('woff'),
    url('../fonts/OpenSans-Regular.ttf') format('truetype'),
    url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova-Semibold.otf') format('opentype'),
    url('../fonts/ProximaNova-Semibold.woff') format('woff'),
    url('../fonts/ProximaNova-Semibold.ttf') format('truetype'),
    url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font-din-light {
    font-family: 'DIN-Light', sans-serif;
    font-weight: normal;
}
.font-open-bold {
    font-family: 'OpenSans-Bold', sans-serif;
    font-weight: normal;
}
.loader {
    background: rgba(51,51,51,0.75);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
}
.loader img {
    position: absolute;
    width: 10em;
    left: 50%;
    top: 50%;
    margin-left: -5em;
    margin-top: -5em;
}
.button, .button:active, .button:focus {
    display: inline-block;
    min-height: 2.625em;
    line-height: 2.6em;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
    text-transform: uppercase;
    font-family: 'DIN-Bold', sans-serif;
    padding: 0 1.125em;
    cursor: pointer;
    text-align: center;
}
.button span, .button:active span, .button:focus span {
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
}
.button.small, .button.small:active, .button.small:focus {
    padding: 0 0.2em;
    font-family: 'ProximaNova-Semibold', sans-serif;
    font-weight: normal;
    text-transform: none;
    min-height: 2.250em;
    line-height: 2.2em;
    min-width: 5.375em;
    border-radius: 4px;
}
.button.small span, .button.small:active span, .button.small:focus small {
    font-size: 0.875em;
    line-height: 1.2;
}
.button.blue-btn {
    background: #1991eb;
    color: #fff;
}
.button.green-btn {
    background: #0DE572;
    color: #fff;
}
.button.white-btn {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f2f4f7 100%);
    background: -webkit-linear-gradient(top, #fefefe 0%,#f2f4f7 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f2f4f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f4f7',GradientType=0 );
    border-color: #e1e2e2;
    color: #354052;
}
.button.red-btn {
    background: #DA261B;
    color: #ffffff;
}
.popup {
    display: none;
}
.popup .popup-content{
    background: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,1);
    -moz-box-shadow: 0 3px 20px 0 rgba(0,0,0,1);
    box-shadow: 0 3px 20px 0 rgba(0,0,0,1);
    width: 25.875em;
    min-height: 24.000em;
    display: flex;
    align-items: center;
    padding: 1.5em 2em;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.popup-content .title {
    color: #0D181C;
    font-size: 1.875em;
    line-height: 1.300em;
    letter-spacing: 0.03em;
    margin: 1.400em 0 0.300em 0;
}
.popup-content .message {
    color: #0D181C;
    font-size: 1.250em;
    line-height: 1.300em;
    letter-spacing: 0.03em;
    margin: 0.450em 0;
}
.popup-content .button {
    margin-top: 1.875em;
}
.check-icon {
    color: #2BB673;
    font-size: 4.125em;
}
.decline-icon {
    color: #C93636;
    font-size: 4.125em;
}
.label {
    font-size: 0.625em;
    padding: 1.2em 1em;
    display: inline-block;
    min-height: 3.500em;
    text-align: center;
    border-radius: 2.200em;
    font-style: normal;
    font-family: 'ProximaNova-Semibold', sans-serif;
    line-height: 1.5em;
    min-width: 7.65em;
}
.label.blue {
    background: rgba(0,139,255,0.1);
    color: #008BFF;
}
.label.yellow {
    background: rgba(255,155,0,0.1);
    color: #FF9B00;
}
.label.pink {
    background: rgba(255,0,162,0.1);
    color: #FF00A2;
}
.label.green {
    background: rgba(8,255,0,0.25);
    color: #008BFF;
}
.label.valid {
    background: #0DE572;
    color: #fff;
}
.label.waiting {
    background: #FFCF0E;
    color: #fff;
}
.label.decline {
    background: #DA261B;
    color: #fff;
}
.flex-item { flex: 1; display: flex; }
.full-btn { width: 100%; }
.align-center { text-align: center; }
.flex-align-center { justify-content: center; }
.flex-align-end { justify-content: flex-end; }
.text-underline { text-decoration: underline; }
.float-left { float: left; }
.float-right { float: right; }
.f-20 { font-size: 1.250em; }
.wp-5 { width: 5%; }
.wp-8 { width: 8%; }
.wp-15 { width: 15%; }
.wp-16 { width: 16%; }
.wp-17 { width: 17%; }
.wp-20 { width: 20%; }
.wp-25 { width: 25%; }
.wp-30 { width: 30%; }