:root {
  --gradient: linear-gradient(45deg, #004271, #c6135d);
  
  --c_grey: #78BE20;
  --c_blue: #00AEC8;
  --c_blue-dark: #009AB1;
  --c_blue-dark-transp: rgb(0 154 177 / 70%) !important;
  --c_blue-light: #33c0d5;
  --c_grey: #6f6f6f;
  --c_grey-light: #d4d5d5;
  --c_turquesa: #009ab1;
  --c_green: #78be20;
  
  --c_main_font: 'Poppins', sans-serif;
}

body{
    font-family: var(--c_main_font) !important
}

.text-grey{color:var(--c_grey) !important}
.text-blue{color:var(--c_blue) !important}
a.text-blue:hover{color:var(--c_grey) !important}
.text-blue-dark{color:var(--c_blue-dark) !important}
.text-grey-light{color:var(--c_grey-light) !important}

.rounded-25 {
    border-radius: 25px;
}

.btn-outline-primary {
    color: var(--c_blue);
    border-color: var(--c_blue);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--c_blue);
    border-color: var(--c_blue);
}
.btn-check:checked+.btn-outline-primary{
    color: #fff;
    background-color: var(--c_blue);
    border-color: var(--c_blue);
}

.border-blue {
    border-color: var(--c_blue) !important;
}
.btn {
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .4 );
    border: none;
    padding: .75rem 4rem;
    border-radius: 50px;
    text-decoration: none;
}
.btn-grey{
    background-color: var(--c_grey);
    color:white;
    transition: all ease .3s;
}
.btn-grey:hover{
    background-color: var(--c_blue);
    transition: all ease .3s;
    color:white;
}
.btn-blue{
    background-color: var(--c_blue);
    color:white;
    transition: all ease .3s;
}
.btn-blue:hover{
    background-color: var(--c_grey);
    transition: all ease .3s;
    color:white;
}
.btn-blue-dark{
    background-color: var(--c_blue-dark);
    color:white;
    transition: all ease .3s;
}
.btn-blue-dark:hover{
    background-color: var(--c_grey);
    transition: all ease .3s;
    color:white;
}
.btn-green{
    background-color: var(--c_green);
    color:white;
    transition: all ease .3s;
}
.btn-green:hover{
    background-color: var(--c_blue);
    transition: all ease .3s;
    color:white;
}

.btn-white{
    background-color: white;
    color:var(--c_grey);
    transition: all ease .3s;
}
.btn-white:hover{
    background-color: var(--c_grey);
    transition: all ease .3s;
    color:white;
}

@keyframes bg-animation {
  0% {background-position: left}
  50% {background-position: right}
  100% {background-position: left}
}

/* animations */
.animate-1 {
    animation-duration: 0.5s;
    animation-name: animate-fade;
    animation-delay: 0.5s;
    animation-fill-mode: backwards;
}
.animate-2 {
    animation-duration: 0.5s;
    animation-name: animate-fade;
    animation-delay: 1s;
    animation-fill-mode: backwards;
}
.animate-3 {
    animation-duration: 0.5s;
    animation-name: animate-fade;
    animation-delay: 1.5s;
    animation-fill-mode: backwards;
}
.animate-4 {
    animation-duration: 0.5s;
    animation-name: animate-fade;
    animation-delay: 2s;
    animation-fill-mode: backwards;
}

@keyframes animate-fade {
    0% {
        opacity: 0;
        transform: translate(0em, 5em)
    }
    100% {
        opacity: 1;
        transform: translate(0em, 0em)
    }
}
/* dataTables fixedHeader */
 table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked{background-color:white;margin-top:0 !important;margin-bottom:0 !important}table.dataTable.fixedHeader-floating{position:fixed !important}table.dataTable.fixedHeader-locked{position:absolute !important}@media print{table.fixedHeader-floating{display:none}}

.fs-xxl{font-size:clamp(3rem, 3vw, 6rem) !important}
.fs-xl{font-size:clamp(2.5rem, 2.5vw, 5rem) !important}
.fs-lg{font-size:clamp(2.25rem, 2.5vw, 5rem) !important}

.fs-1{font-size:clamp(2rem, 1.75vw, 4rem) !important}
.fs-2{font-size:clamp(1.75rem, .75vw, 3rem) !important}
.fs-3{font-size:clamp(1.5rem, .75vw, 2.25rem) !important}
.fs-4{font-size:clamp(1.25rem, .75vw, 1.75rem) !important}
.fs-5{font-size:clamp(1rem, .5vw, 1.7rem) !important}
.fs-6{font-size:clamp(.9rem, .5vw, 1.10rem) !important}
.fs-7{font-size:clamp(.85rem, .5vw, 1rem) !important}
.fs-8{font-size:clamp(.75rem, .5vw, 9rem) !important}

h1{
    font-weight: bold;
}

/* bs elements */

.bg-grey{background-color:var(--c_grey) !important}
.bg-blue{background-color:var(--c_blue) !important}
.bg-blue-dark{background-color:var(--c_blue-dark) !important}
.bg-blue-dark-transp{background-color:var(--c_blue-dark-transp) !important}
.bg-blue-light{background-color:var(--c_blue-light) !important}
.bg-grey-light{background-color:var(--c_grey-light) !important}
.bg-transparent-80{
    background-color: rgba(255,255,255,.8) !important;
}

.bg-img{
    background-image: url(../img/bg-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.bg-img-fixed{
    background-attachment: fixed !important;
}
.bg-img-top{
    background-position: top !important;
}
.bg-img-center{
    background-position: center !important;
}
.bg-circle{
    background-image: url(../img/circles.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.z-1{z-index:1};
.z-2{z-index:2};
.z-3{z-index:3};

.form-check .form-check-input, .form-check .form-check-label  {
    cursor: pointer;
}

.form-check-input:checked {
    background-color: var(--c_grey);
    border-color:  var(--c_grey);
}
.form-check-input:checked + .form-check-label{
    color: var(--c_grey) !important;
    font-weight: bold !important;
}
.form-check-input:hover + .form-check-label, .form-check-label:hover{
    color: var(--c_grey) !important;
}
li.nav-item {
    border-right: 1px solid white;
}
li.nav-item.active{
    background-color: var(--c_turquesa);
}
/* RESPONSIVE */
@media (min-width: 1400px){
    .hdr-img > img{
        margin-bottom: -100px;
        z-index: 1;
        padding-right: 70px;
        max-width: 360px;
        position: relative
    }
}
@media (max-width: 1400px){
    .hdr-img {
        overflow: hidden;
        position:absolute;
        right:0px; top:-30px;
        z-index: 1;
    }
    .hdr-img > img{
        margin-bottom: 0px;
        margin-top: 0px;
        margin-right: 0px;
        z-index: 1;
        padding-right: 0px;
        max-width: 320px;
        
    }
}
@media (max-width: 1274px){
    .hdr-img {
        overflow: hidden;
        right: 0px;
        top: 60px;
    }
    .hdr-img > img{
        max-width: 190px
    }
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        position: relative;
        padding-right: 25px;
        padding-left: 25px;
    }
    .min-vh-lg-100 {
        min-height: 100vh!important;
    }

}
@media (max-width: 991px){
    .hdr-img {
        position:relative;
        text-align: center;
        right: 0;
        top: 0;
        margin: 15px auto;
    }
    .hdr-img > img{
        margin:0;
        z-index: 1;
        padding-right: 0px;
        max-width: 300px
    }
    .bg-triangle{
        background: none;
    }
    footer{
        background-color: var(--c_blue);
        border-radius: 25px 25px 0 0;
    }
}
@media (max-width: 768px){
    
}
.border-grey{color:var(--c_grey);}