body {
    margin: 0;
    width: 100%;
    min-height: 100vh;
    font-family: Open Sans, sans-serif;
    position: relative;
}

input:focus, button:focus {
    outline: 0!important;
}

.alert {
    z-index: 20;
    position: absolute;
    width: calc(100% - 50px);
    max-width: 1240px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version */
}

.content-container {
    height: 100%;
}

.content-container > .page-container {
    background-color: #1c272e;
    min-height: 100vh;
    padding-bottom: 160px;
}

.outer-container {
    width: 100%;
    height: 100%;
}

.boundaries {
    width: calc(100% - 50px);
    max-width: 1240px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.button {
    min-height: 30px;
    border-radius: 25px;
    border: 0;
}

.button.wide {
    min-width: 200px;
}

.button.big {
    min-width: 160px;
    min-height: 40px;
}

.button.yellow {
    background-color: #EDF153;
}

.button.padding {
    padding: 0 25px;
}

.button.grey {
    background-color: #595959;
    color: #ffffff;
}

.button.shadow {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5);
}

.button > .button-right-arrow,
.button > .fa-chevron-right {
    float: right;
    display: block;
    margin-top: 2px;
}

.button > .button-left-arrow,
.button > .fa-chevron-left {
    float: left;
    display: block;
    margin-top: 2px;
}

.button.yellow:hover {
    background-color: #f1e000;
}

.button.grey:hover {
    background-color: #4E4E4E;
}

.custom-footer {
    background: #383838;
    border-radius: 73px;
    height: 100px;
    position: absolute;
    bottom: 20px;
}

.custom-footer .footer-logo-container {
    background: #EDF153;
    border-radius: 73px;
    float: left;
    height: 100%;
    width: 362px;
}

.custom-footer .footer-logo-container .bottom-text {
    font-size: 10px;
    text-align: center;
    margin-top: 0;
}

.custom-footer .footer-logo-container .top-text {
    width: 160px;
    height: 69px;
    margin: 10px auto 0;
}

.custom-footer .footer-logo-container .top-text img {
    max-width: 100%;
    max-height: 100%;
}

.custom-footer .footer-menu {
    margin-top: 42px;
    margin-left: 30px;
    overflow: auto;
    padding-left: 20px;
    padding-right: 85px;
}

.custom-footer .footer-menu .menu {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    margin-right: 15px;
}

.custom-footer .footer-menu .menu a {
    color: #FFFFFF;
}

.custom-footer .footer-arrow-wrap {
    background: #EDF153;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 30px;
}

.custom-footer .footer-arrow-wrap .footer-arrow {
    display: block;
    text-align: center;
    margin-top: 12px;
    font-size: 16px;
}