html {
   scroll-behavior: smooth;
}

body{
   margin: 0;
   padding: 0;
}

a{
   text-decoration: none;
}

*{
   box-sizing: border-box;
}


.container{
   margin: 0 auto;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
}

.container_extra{
   max-width: 1000px;
   margin: 0 auto;
   padding: 0 15px;
}

.f_h1{font-size: 2.5rem}
.f_h2{font-size: 2rem;}
.f_h3{font-size: 1.75rem;}
.f_h4{font-size: 1.5rem;}
.f_h5{font-size: 1.25rem;}
.f_h6{font-size: 1rem;}
.f_esp{font-size: 1.25rem;}

:root{
   --f_h1: 2.5rem;
   --f_h2:2rem;
   --f_h3:1.75rem;
   --f_h4:1.5rem;
   --f_h5:1.25rem;
   --f_h6:1rem;
   --f_esp:1.25rem;
}

.f_bold{font-weight: bold;}
.t_center{text-align: center;}
.m_0{margin: 0!important;}
.p_0{padding: 0!important;}

.c_white{color: white;}
.c_black{color: black;}
.w_100{width: 100%!important;}
.w_100_img__cov{width:100%;height: 100%; object-fit: cover!important;}

.row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px
}

.col {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%
}

.col-auto {
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: auto;
   max-width: 100%
}

.col-1 {
   -ms-flex: 0 0 8.333333%;
   flex: 0 0 8.333333%;
   max-width: 8.333333%
}

.col-2 {
   -ms-flex: 0 0 16.666667%;
   flex: 0 0 16.666667%;
   max-width: 16.666667%
}

.col-3 {
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%
}

.col-4 {
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   max-width: 33.333333%
}

.col-5 {
   -ms-flex: 0 0 41.666667%;
   flex: 0 0 41.666667%;
   max-width: 41.666667%
}

.col-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%
}

.col-7 {
   -ms-flex: 0 0 58.333333%;
   flex: 0 0 58.333333%;
   max-width: 58.333333%
}

.col-8 {
   -ms-flex: 0 0 66.666667%;
   flex: 0 0 66.666667%;
   max-width: 66.666667%
}

.col-9 {
   -ms-flex: 0 0 75%;
   flex: 0 0 75%;
   max-width: 75%
}

.col-10 {
   -ms-flex: 0 0 83.333333%;
   flex: 0 0 83.333333%;
   max-width: 83.333333%
}

.col-11 {
   -ms-flex: 0 0 91.666667%;
   flex: 0 0 91.666667%;
   max-width: 91.666667%
}

.col-12 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%
}


.j_center{justify-content: center;}
.a_center{align-items: center;}
.f_center{justify-content: center;align-items: center;}
.txt_center{text-align: center;}

@media (min-width:576px) {
   .container {
       max-width: 540px
   }
   .col-sm {
       -ms-flex-preferred-size: 0;
       flex-basis: 0;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 100%
   }
   .col-sm-auto {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: auto;
       max-width: 100%
   }
   .col-sm-1 {
       -ms-flex: 0 0 8.333333%;
       flex: 0 0 8.333333%;
       max-width: 8.333333%
   }
   .col-sm-2 {
       -ms-flex: 0 0 16.666667%;
       flex: 0 0 16.666667%;
       max-width: 16.666667%
   }
   .col-sm-3 {
       -ms-flex: 0 0 25%;
       flex: 0 0 25%;
       max-width: 25%
   }
   .col-sm-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 33.333333%;
       max-width: 33.333333%
   }
   .col-sm-5 {
       -ms-flex: 0 0 41.666667%;
       flex: 0 0 41.666667%;
       max-width: 41.666667%
   }
   .col-sm-6 {
       -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%
   }
   .col-sm-7 {
       -ms-flex: 0 0 58.333333%;
       flex: 0 0 58.333333%;
       max-width: 58.333333%
   }
   .col-sm-8 {
       -ms-flex: 0 0 66.666667%;
       flex: 0 0 66.666667%;
       max-width: 66.666667%
   }
   .col-sm-9 {
       -ms-flex: 0 0 75%;
       flex: 0 0 75%;
       max-width: 75%
   }
   .col-sm-10 {
       -ms-flex: 0 0 83.333333%;
       flex: 0 0 83.333333%;
       max-width: 83.333333%
   }
   .col-sm-11 {
       -ms-flex: 0 0 91.666667%;
       flex: 0 0 91.666667%;
       max-width: 91.666667%
   }
   .col-sm-12 {
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%
   }    
}

@media (min-width:768px) {
   .container {
       max-width: 720px
   }
   .col-md {
       -ms-flex-preferred-size: 0;
       flex-basis: 0;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 100%
   }
   .col-md-auto {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: auto;
       max-width: 100%
   }
   .col-md-1 {
       -ms-flex: 0 0 8.333333%;
       flex: 0 0 8.333333%;
       max-width: 8.333333%
   }
   .col-md-2 {
       -ms-flex: 0 0 16.666667%;
       flex: 0 0 16.666667%;
       max-width: 16.666667%
   }
   .col-md-3 {
       -ms-flex: 0 0 25%;
       flex: 0 0 25%;
       max-width: 25%
   }
   .col-md-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 33.333333%;
       max-width: 33.333333%
   }
   .col-md-5 {
       -ms-flex: 0 0 41.666667%;
       flex: 0 0 41.666667%;
       max-width: 41.666667%
   }
   .col-md-6 {
       -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%
   }
   .col-md-7 {
       -ms-flex: 0 0 58.333333%;
       flex: 0 0 58.333333%;
       max-width: 58.333333%
   }
   .col-md-8 {
       -ms-flex: 0 0 66.666667%;
       flex: 0 0 66.666667%;
       max-width: 66.666667%
   }
   .col-md-9 {
       -ms-flex: 0 0 75%;
       flex: 0 0 75%;
       max-width: 75%
   }
   .col-md-10 {
       -ms-flex: 0 0 83.333333%;
       flex: 0 0 83.333333%;
       max-width: 83.333333%
   }
   .col-md-11 {
       -ms-flex: 0 0 91.666667%;
       flex: 0 0 91.666667%;
       max-width: 91.666667%
   }
   .col-md-12 {
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%
   }

}

@media (min-width:992px) {
   .container {
       max-width: 960px
   }
   .col-lg {
       -ms-flex-preferred-size: 0;
       flex-basis: 0;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 100%
   }
   .col-lg-auto {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: auto;
       max-width: 100%
   }
   .col-lg-1 {
       -ms-flex: 0 0 8.333333%;
       flex: 0 0 8.333333%;
       max-width: 8.333333%
   }
   .col-lg-2 {
       -ms-flex: 0 0 16.666667%;
       flex: 0 0 16.666667%;
       max-width: 16.666667%
   }
   .col-lg-3 {
       -ms-flex: 0 0 25%;
       flex: 0 0 25%;
       max-width: 25%
   }
   .col-lg-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 33.333333%;
       max-width: 33.333333%
   }
   .col-lg-5 {
       -ms-flex: 0 0 41.666667%;
       flex: 0 0 41.666667%;
       max-width: 41.666667%
   }
   .col-lg-6 {
       -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%
   }
   .col-lg-7 {
       -ms-flex: 0 0 58.333333%;
       flex: 0 0 58.333333%;
       max-width: 58.333333%
   }
   .col-lg-8 {
       -ms-flex: 0 0 66.666667%;
       flex: 0 0 66.666667%;
       max-width: 66.666667%
   }
   .col-lg-9 {
       -ms-flex: 0 0 75%;
       flex: 0 0 75%;
       max-width: 75%
   }
   .col-lg-10 {
       -ms-flex: 0 0 83.333333%;
       flex: 0 0 83.333333%;
       max-width: 83.333333%
   }
   .col-lg-11 {
       -ms-flex: 0 0 91.666667%;
       flex: 0 0 91.666667%;
       max-width: 91.666667%
   }
   .col-lg-12 {
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%
   }    
}

@media (min-width:1200px) {
   .container {
       max-width: 1140px
   }
   .col-xl {
       -ms-flex-preferred-size: 0;
       flex-basis: 0;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 100%
   }
   .col-xl-auto {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: auto;
       max-width: 100%
   }
   .col-xl-1 {
       -ms-flex: 0 0 8.333333%;
       flex: 0 0 8.333333%;
       max-width: 8.333333%
   }
   .col-xl-2 {
       -ms-flex: 0 0 16.666667%;
       flex: 0 0 16.666667%;
       max-width: 16.666667%
   }
   .col-xl-3 {
       -ms-flex: 0 0 25%;
       flex: 0 0 25%;
       max-width: 25%
   }
   .col-xl-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 33.333333%;
       max-width: 33.333333%
   }
   .col-xl-5 {
       -ms-flex: 0 0 41.666667%;
       flex: 0 0 41.666667%;
       max-width: 41.666667%
   }
   .col-xl-6 {
       -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%
   }
   .col-xl-7 {
       -ms-flex: 0 0 58.333333%;
       flex: 0 0 58.333333%;
       max-width: 58.333333%
   }
   .col-xl-8 {
       -ms-flex: 0 0 66.666667%;
       flex: 0 0 66.666667%;
       max-width: 66.666667%
   }
   .col-xl-9 {
       -ms-flex: 0 0 75%;
       flex: 0 0 75%;
       max-width: 75%
   }
   .col-xl-10 {
       -ms-flex: 0 0 83.333333%;
       flex: 0 0 83.333333%;
       max-width: 83.333333%
   }
   .col-xl-11 {
       -ms-flex: 0 0 91.666667%;
       flex: 0 0 91.666667%;
       max-width: 91.666667%
   }
   .col-xl-12 {
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%
   }    
}