:root {
  --bg_color_1: #014ca0;
  --bg_color_2: #08bac1;
  --bg_color_2_dark: #0c969c;
  --bg_color_3: #00276c;
  --bg_color_4: #e9f1f3;
  --bg_gray: #eeeeee;
}

body {
  font-family: Poppins, sans-serif;
}

* {
  -webkit-transition: .25s all ease;
  -moz-transition: .25s all ease;
  -o-transition: width 1s ease-in-out;
  transition: .25s all ease;
}

.full_width_image {
  min-width: 100%;
  height: auto;
}

.bg_color_1 {
  background-color: var(--bg_color_1);
  color: white;
}

.bg_color_2 {
  background-color: var(--bg_color_2);
}

.bg_color_4 {
  background-color: var(--bg_color_4);
}

.bg_color_2:hover {
  background-color: var(--bg_color_2_dark);
}

.bg_gray {
  background-color: var(--bg_gray);
}

.bg_white {
  background-color: white;
}

.txt_color_1 {
  color: var(--bg_color_1);
}

.txt_color_2 {
  color: var(--bg_color_2);
}

ul.image, ul.image2 {
  list-style: none;
}

ul.image li:before {
  position: absolute;
  list-style: none;
  margin: 3px 0px 0 -25px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
  padding: 6px;
  font-size: 7px;
  color: var(--bg_color_2);
}

ul.image2 li:before {
  position: absolute;
  list-style: none;
  margin: -14px 0px 0px -20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "|";
  padding: 6px;
  font-size: 26px;
  color: var(--bg_color_2);
}

hr.divider {
  width: clamp(100px, 35%, 200px);
  margin: auto;
  height: 6px;
  margin-bottom: 6px;
  background-color: var(--bg_color_2);
  border-top: none;
  opacity: 1;
}

hr.divider_2 {
  width: clamp(100px, 800%, 350px);
  margin: auto;
  height: 2px;
  margin-bottom: 22px;
  background-color: var(--bg_color_2);
  border-top: none;
  opacity: 1;
}

.navbar-nav .nav-item:not(:last-child) .nav-link:after {
  content: "|";
  margin-left: 4px;
  margin-right: 0px;
}

button a, button a:hover {
  color: white;
  text-decoration: none !important;
}

.bg_btn_1 {
  background-image: url("../../assets/img/bg-img01.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_2 {
  background-image: url("../../assets/img/bg-img02.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_3 {
  background-image: url("../../assets/img/bg-img01.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_4 {
  background-image: url("../../assets/img/bg-img04.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_5 {
  background-image: url("../../assets/img/bg-img05.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_6 {
  background-image: url("../../assets/img/bg-img06.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_7 {
  background-image: url("../../assets/img/bg-img07.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_8 {
  background-image: url("../../assets/img/bg-img08.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_9 {
  background-image: url("../../assets/img/bg-img09.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_10 {
  background-image: url("../../assets/img/bg-img10.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_11 {
  background-image: url("../../assets/img/bg-img11.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_12 {
  background-image: url("../../assets/img/bg-img12.jpg");
  color: white;
  background-size: cover;
}

.bg_btn_13 {
  background-image: url("../../assets/img/bg-img13.jpg");
  color: white;
  background-size: cover;
}

[class*="bg_btn"] a {
  color: white;
  text-decoration: none;
}

[class*="bg_btn"] a > div > i {
  font-size: 30px !important;
  margin-top: 15px;
  margin-bottom: 10px;
}

[class*="bg_btn"]:hover a > div > i {
  font-size: 35px !important;
  margin-bottom: 5px;
  transition: all .3s ease-in-out;
}

[class*="bg_btn"]:hover a > div > h1 {
  font-size: 25px !important;
  margin-bottom: 2px;
}

footer {
  background-color: var(--bg_color_3);
  color: white;
}

footer li {
  margin-bottom: 11px;
}

.icos_redes_float {
  position: fixed;
  width: 60px;
  height: auto;
  bottom: 20px;
  right: 20px;
  text-align: center;
  z-index: 100;
  color: var(--bg_color_2);
  transform: translate(0%, -0%);
}

.icos_redes_float a {
  color: var(--bg_color_2);
}

.icos_redes_float a:hover {
  color: var(--bg_color_2_dark);
}

.icos_redes_float i {
  font-size: 32px;
  margin-bottom: 24px;
  border-radius: 50%;
  border: 1px solid var(--bg_color_2);
  padding: 10px;
}

.zebra_comite [class*="row"] [class*="col"]:nth-child(odd) {
  background-color: var(--bg_color_4);
}

.parsley-errors-list{
  color: #F00;
  font-size: 12px;
  list-style: none;
  margin: 5px;
  padding: 0px;
  text-align: left;
}