@font-face {
    font-family: 'Open Sans Reguler';
    src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/OpenSans-Light.ttf');
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf');
}

body {
    font-family: 'Open Sans Reguler';
}

.bg-cyan {
    background-color: #75E2E8;
}

.bg-blue {
    background-color: #3684BA;
}

.text-blue {
    color: #3684BA;
}

.btn-white {
    background-color: #fff;
    color: #000;
}

.btn-white:hover {
    color: rgb(115, 115, 115);
}

.btn-blue {
    background-color: #3684BA;
    color: #fff;
}

.btn-blue:hover {
    color: rgb(227, 227, 227);
}

.btn {
    font-weight: 700;
    border-radius: 10px 0;
    padding: 10px 20px;
    min-width: 180px;
}

.information {
    border-radius: 10px 0 0 10px;
    padding: 50px 35px;
}

.registration {
    border-radius: 0 10px 10px 0;
    padding: 50px 35px;
}

.information h1,
.registration h1 {
    font-family: 'Open Sans Bold';
}

.information ol li,
.information ul li,
.information p {
    font-family: 'Open Sans Light';
    letter-spacing: 0.5px;
}

label {
    font-family: 'Open Sans Bold';
}

.form-control {
    border-radius: .25rem 0;
}

.form-control:focus {
    border-color: #248eff;
    box-shadow: none;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.input-group-text {
    background-color: #fff;
}

.icon-password {
    width: 42px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.google-recaptcha {
    position: relative;
    height: 75px;
}

.google-recaptcha .g-recaptcha {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .information {
        border-radius: 10px 10px 0 0;
    }

    .registration {
        border-radius: 0 0 10px 10px;
    }
}

@media screen and (max-width: 390px) {
    .google-recaptcha-registration {
        position: relative;
        height: 75px;
    }

    .google-recaptcha-registration .g-recaptcha {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scale(0.85);
    }
}

@media screen and (max-width: 350px) {
    .information {
        border-radius: 10px 10px 0 0;
        padding: 30px 10px;
    }

    .registration {
        border-radius: 0 0 10px 10px;
        padding: 30px 10px;
    }

    .google-recaptcha .g-recaptcha {
        transform: translateX(-50%) scale(0.8);
    }
}