@font-face { 
    font-family: 'ProximaNova';
    src: url('fonts/Lincoln-ProximaNova-Reg.otf') format('opentype');
    }

@font-face { 
    font-family: 'ProximaNova';
    font-weight: bold;
    src: url('fonts/Lincoln-ProximaNova-Bold.otf') format('opentype');
    }

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'ProximaNova', sans-serif;
    line-height: 1.3;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.col-4,
.col-6,
.col-12{
    padding-right: 5px;
    padding-left: 5px;
}

.small, small {
    font-size: 85%;
}

.fa-star,
.fa-lock,
.fa-check,
.fa-star-half{
    color:#dca028;
}

.h5, h5 {
    font-size: 1.2rem;
}

.bg-header {
    background-image: url("../images/bg-head.png");
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}

.bg-opacity{
    background: rgba(255, 255, 255, 0.8);
    border-radius: 1rem;
}

.bg-gray{
    background:#f0f0f0;
}

.bg-white{
    background:#ffffff;
}

.bg-blue{
    background:#329bd8;
}

.bg-green{
    background:#008974;
}

hr {
    margin: .5rem 1rem;
    border: 0;
    border-top: 2px solid rgba(0,0,0,1);
}

img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.icon{
    max-height: 60px;
}

.text-shadow{
    text-shadow: 3px 3px 3px rgba(0,0,0,.5);
}

.top-shadow{
    position: relative;
    -webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.5);
}

.clickable {
    cursor: pointer;
}

.logo {
    height: 45px;
    width: auto;
    margin: 1rem;
}

.secure {
    height: 20px;
    width: auto;
    margin: 5px 0;
}

.text-primary {
    color: #1767b3!important;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-700 {
    font-weight: 700;
}

.form-control {
    margin: 5px 0;
    font-size: .8rem;
    border: 2px solid gray;
    border-radius: 1px;
}

select.form-control:not([size]):not([multiple]) {
    padding: .375rem .5rem;
}

select:invalid {
    color: gray;
}

.animate__animated {
    --animate-duration: 0.5s;
}

.has-error {
    border: 2px solid #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-warning{
    padding: .5rem 5rem;
    border-radius: 0;
    color: #fff;
    background-color: #dca028;
    border-color: #dca028;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle, .btn-warning:hover {
    color: #fff;
    background-color: #e8c31d;
    border-color: #e8c31d;
}

.slick-slide {
    outline: none;
}

.slick-prev {
    left: -5px;
    width: 10px;
    height: 10px;
}

.slick-next {
    right: 1px;
    width: 10px;
    height: 10px;
}

.slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1.5rem;
    color: #a3a3a3;
    content: "\f053";
    display: block;
}

.slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1.5rem;
    color: #a3a3a3;
    content: "\f054";
    display: block;
}

.slick-prev:before, .slick-next:before {
    line-height: 0;
}

.slick-dots li {
    width: 10px;
    margin: 0;
}

.slick-dots li button:before {
    width: 10px;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #008974;
}

@media only screen and (max-width: 1199.98px) {
    
}

@media only screen and (max-width: 991.98px) {
    .logo{
        height: 36px;
    }
    .my-5{
        margin-top: 2rem!important;
        margin-bottom: 2rem!important;
    }
    .text-center-mobile{
        text-align: center;
    }
}

@media only screen and (max-width: 767.98px) {
    
}

@media only screen and (max-width: 575.98px) {
    .form-control {
        font-size: .7rem;
    }
    .h5, h5 {
        font-size: 1.1rem;
    }
}

@media only screen and (max-width: 425px) {
    .logo {
        height: 35px;
        width: auto;
        margin: 1rem 0;
    }
    .text-mobile{
        font-size: 85%;
    }
}