body {
    color: #000;
    overflow-x: hidden;
    height: 100%;
    background-color: #B0BEC5;
    background-repeat: no-repeat
}

.card0 {
    box-shadow: 0px 2px 5px 0px #ccc;
    border-radius: 10px
}

.card-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card1 .slider img {
    max-width: 97%;
}

.card2 {
    margin: 0px 40px
}

.card2 .logo {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-bottom: 10px;
}

.card2 .logo img {
    max-width: 95%;
    height: auto;
    max-height: 80px;
}

.image {
    width: 360px;
    height: 280px
}

.border-line {
    border-right: 1px solid #EEEEEE
}

.align-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.facebook {
    background-color: #3b5998;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer
}

.twitter {
    background-color: #1DA1F2;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer
}

.linkedin {
    background-color: #2867B2;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer
}

.line {
    height: 1px;
    width: 45%;
    background-color: #E0E0E0;
    margin-top: 10px
}

.or {
    width: 10%;
    font-weight: bold
}

.small, small {
    font-weight: 400;
    font-size: 11pt;
}

.text-sm {
    font-size: 14px !important
}

::placeholder {
    color: #BDBDBD;
    opacity: 1;
    font-weight: 300
}

:-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 300
}

::-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 300
}

input,
textarea {
    padding: 7px 10px 7px 10px;
    border: 1px solid lightgrey;
    border-radius: 3px;
    margin-bottom: 5px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 14px;
    letter-spacing: 1px
}

input:focus,
textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #00c851;
    outline-width: 0
}

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}

a.text-danger:focus, a.text-danger:hover {
    color: #000 !important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #00c851;
    background-color: #00c851;
}

a {
    color: inherit;
    cursor: pointer
}

.btn-blue {
    background-color: #00c851;
    width: 150px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    transition: 
        color .15s ease-in-out,
        background-color .15s ease-in-out,
        border-color .15s ease-in-out,
        box-shadow .15s ease-in-out;
}

.btn-blue:hover {
    cursor: pointer;
    color: #fff;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

.bg-blue {
    color: #fff;
    background-color: #1A237E
}

.toggle-handle {
   background-color: #c5c5c5 !important;
   border-color: #c5c5c5 !important; 
}

.error {
    font-size: 10pt;
    font-style: oblique;
    color: #dc3545;
}

.info {
    font-size: 10pt;
    font-style: oblique;
}

.w3-animate-fading {
    animation:fading 10s infinite
}
@keyframes fading {
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity:0}
}

@media (min-width: 1440px) {
    .container-fluid {
        margin-top: 5rem !important;
    }
    .pr-xl-5, .px-xl-5 {
        padding-right: 15rem !important;
    }
    .pl-lg-1, .px-lg-1 {
        padding-left: 15rem !important;
    }
    .pb-5, .py-5 {
        padding-bottom: 2rem!important;
    }
    .pt-5, .py-5 {
        padding-top: 2rem!important;
    }
}

@media (min-width: 992px) and (max-width: 1440px) {
    .pr-xl-5, .px-xl-5 {
        padding-right: 5rem !important;
    }
    .pl-lg-1, .px-lg-1 {
        padding-left: 5rem !important;
    }
    .pb-5, .py-5 {
        padding-bottom: 1rem!important;
    }
    .pt-5, .py-5 {
        padding-top: 1rem!important;
    }
}

@media screen and (max-width: 991px) {
    .image {
        max-width: 98%;
        width: 300px;
        height: auto;
    }
    .border-line {
        border-right: none
    }
    .card2 {
        border-top: 1px solid #EEEEEE !important;
        margin: 0px 15px;
        padding-bottom: 1rem !important;
    }
    .card1 {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 480px) {
    .ml-auto {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }
    .card1 .slider img {
        max-width: 96%;
        margin: auto;
    }
    .btn-blue {
        width: 100%;
    }
    .align-flex a {
        margin-top: 10px;
    }
}

@media (max-width: 425px) {
    #rc-imageselect, .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0 0;
        margin-bottom: -20px;
    }
}