html {
  scroll-behavior: smooth;
}

HTML BODY {
  max-width: 1900px;
  margin: 0 auto;
}

:root {
  --bg-color1: #0E76BC;
  --bg-color2: #764C29;
  --bg-color3: #39B54A;
  --bg-color4: #39B54A;
  --title-black: 'Coolvetica Rg';
  --title-bold: 'Coolvetica Rg';
  --font-regular: 'Helvetica';
  --font-bold: 'Coolvetica Rg';
  --font-italic: 'Helvetica';
  --font-menu: 'Helvetica';
  --font-alt: 'Coolvetica Rg';
}

HTML BODY .h1,HTML BODY .h2,HTML BODY h1 {
  font-family: var(--title-black)!important;
}

HTML BODY h2,HTML BODY h3,HTML BODY h4,HTML BODY h5,HTML BODY h6 {
  font-family: var(--title-bold);
}

HTML BODY,HTML BODY p {
  font-family: var(--font-regular);
}

HTML BODY strong {
  font-family: var(--font-bold);
}

HTML BODY em {
  font-family: var(--font-italic);
}

.alt-font {
  font-family: var(--font-alt)!important;
}

.navbar-nav a,.sidenav a {
  font-family: var(--font-menu);
}

.navbar-nav a,.sidenav a {
  letter-spacing: 1px;
}

HTML BODY p {
  font-size: 100%!important;
}

.top-header,.top-header a,.top-header p {
  font-size: 90%!important;
}

.middle-header,.middle-header a,.middle-header p {
  font-size: 100%!important;
}

.bottom-header,.bottom-header a,.bottom-header li a,.bottom-header p {
  font-size: 100%!important;
}

a {
  text-decoration: none!important;
}

.badge {
  white-space: pre-line!important;
}

.bg-color1,.bg-color1:hover {
  background: var(--bg-color1)!important;
}

.t-color1,.t-color1:hover {
  color: var(--bg-color1)!important;
}

.bg-color2,.bg-color2:hover {
  background: var(--bg-color2)!important;
}

.t-color2,.t-color2:hover {
  color: var(--bg-color2)!important;
}

.bg-color3,.bg-color3-hover:hover,.bg-color3:hover {
  background: var(--bg-color3)!important;
}

.t-color3,.t-color3:hover {
  color: var(--bg-color3)!important;
}

.bg-color3-hover:hover,.bg-color4,.bg-color4:hover {
  background: var(--bg-color4)!important;
}

.t-color4,.t-color4:hover {
  color: var(--bg-color4)!important;
}

.bg-dark-25 {
  background: rgba(0,0,0,.25);
}

.bg-dark-50 {
  background: rgba(0,0,0,.5);
}

.bg-dark-75 {
  background: rgba(0,0,0,.75);
}

.bg-dark-gradient-50 {
  background: linear-gradient(80deg,rgba(0,44,83,.87),#002c53,rgba(0,0,0,0),rgba(0,0,0,0));
}

.bg-img-thank-you-page {
  background: url(../images/elements/slider/1.jpg);
}

.bg-img1 {
  background: url(../images/elements/bg/bg_1.jpg);
}

.bg-img2 {
  background: url(../images/elements/bg/bg_2.jpg);
}

.bg-img3 {
  background: url(../images/elements/bg/bg_3.jpg);
}

.bg-img4 {
  background: url(../images/elements/bg/bg_4.jpg);
}

.bg-img5 {
  background: url(../images/elements/bg/bg_5.jpg);
}

.bg-imgMobile {
  background: url(../images/elements/slider/bg_imgMobile.jpg);
}

.bg-img {
  background-size: cover;
}

.bg-img-100 {
  background-size: 100%;
}

.bg-img-contain {
  background-size: contain;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-img-fixed {
  background-attachment: fixed;
}

.bg-img-top-left {
  background-position: top left;
}

.bg-img-top-center {
  background-position: top center;
}

.bg-img-top-right {
  background-position: top right;
}

.bg-img-center-left {
  background-position: center left;
}

.bg-img-center-center {
  background-position: center center;
}

.bg-img-center-right {
  background-position: center right;
}

.bg-img-right-left {
  background-position: right left;
}

.bg-img-right-center {
  background-position: right center;
}

.bg-img-right-right {
  background-position: right right;
}

.bg-height {
  padding: 11% 0;
}

.svgPosition {
  line-height: 0;
  z-index: -2;
  margin-bottom: -2px;
  margin-left: -1px!important;
}

.svgPositionInvert {
  transform: rotateY(-540deg);
  line-height: 0;
  z-index: -2;
  margin-bottom: -2px;
  margin-left: -1px!important;
}

.t-shadow-50 {
  text-shadow: 0 0 10px rgba(0,0,0,.5);
}

.t-shadow-100 {
  text-shadow: 0 0 10px #000;
}

i {
  position: relative;
  vertical-align: -5px;
}

.fa {
  transform: translateY(-5px);
}

.list-style-none li {
  list-style: none;
}

.main-navbar .dropdown,.main-navbar .dropdown:hover,.main-navbar .navbar-nav a,.main-navbar .navbar-nav a:hover,a[data-fancybox=gallery]>img:hover {
  transition: all .3s ease;
  color: var(--bg-color1);
}

.main-navbar .navbar-nav a {
  color: var(--bg-color2);
  font-size: 1.05rem!important;
}

.main-navbar .navbar-nav a:hover {
  color: var(--bg-color3);
}

.dropdown-menu a:hover,.main-navbar .navbar-nav .active a {
  border-bottom: 2px solid var(--bg-color2)!important;
  color: var(--bg-color3)!important;
}

.navbar-toggler {
  background: var(--bg-color3)!important;
}

.main-navbar .dropdown .active,.main-navbar .dropdown:hover {
  background: var(--bg-color3)!important;
}

.main-navbar .dropdown-menu {
  padding: 0;
}

.main-navbar .dropdown-menu a {
  color: var(--bg-color1);
  background: 0 0;
}

.main-navbar .dropdown-menu a:hover {
  background: var(--bg-color1)!important;
  background: 0 0;
}

.main-navbar .dropdown-menu {
  background: var(--bg-color3);
  border-radius: 0!important;
  transform: translateY(-2px);
  border: none;
}

#indicador-carousel .carousel-caption h5 {
  font-size: 180%;
}

#indicador-carousel .carousel-caption p {
  font-size: 110%!important;
}

#indicador-carousel .carousel-caption a.btn {
  font-size: 90%;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  background-color: #1b1b1b;
  overflow-x: hidden;
  transition: .5s;
  padding-top: 60px;
}

.sidenav a {
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: .3s;
}

.sidenav a:hover {
  color: var(--bg-color4);
  background: #f6f6f6;
}

.sidenav .active {
  background: #fff;
  color: var(--bg-color4);
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  margin-left: 50px;
}

.sidenav .closebtn:hover {
  background: 0 0!important;
}

@media(min-width:300px) {
  .image-min {
    width: 100%!important;
  }

  .negative-margin-top2,.services-home {
    margin-top: -6%!important;
  }

  #indicador-carousel .carousel-caption h3 {
    font-size: 180%!important;
  }

  .bg-dark-gradient-50 {
    background: linear-gradient(80deg,rgba(0,44,83,.97),rgba(0,44,83,.82),rgba(0,44,83,.51),rgba(0,0,0,.3))!important;
  }

  .sidenav .closebtn {
    font-size: 170%!important;
  }

  .top-slider {
    margin-top: -165px;
    position: relative;
    z-index: 0;
  }

  .efectMissionIcon {
    margin-left: 0!important;
  }
}

@media(min-width:540px) {
  .carousel-caption {
    bottom: 8%!important;
  }

  .negative-margin-top2 {
    margin-top: 5%;
  }

  .sidenav .closebtn {
    font-size: 170%!important;
  }

  .top-slider {
    margin-top: -186px;
    position: relative;
    z-index: 0;
  }
}

@media screen and (max-height:450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

@media(min-width:768px) {
  .efectMissionIcon {
    margin-left: -41px!important;
  }
}

@media(min-width:960px) {
  .image-min {
    width: 70%!important;
  }

  .carousel-caption {
    bottom: 15%!important;
  }

  .negative-margin-top2 {
    margin-top: -2%;
  }

  #indicador-carousel .carousel-caption h3 {
    font-size: 280%!important;
  }

  .bg-dark-gradient-50 {
    background: linear-gradient(80deg,rgba(0,44,83,.87),#002c53,rgba(0,0,0,0),rgba(0,0,0,0))!important;
  }

  .sidenav .closebtn {
    font-size: 170%!important;
  }

  .top-slider {
    margin-top: -194px;
    position: relative;
    z-index: 0;
  }
}

@media(min-width:1140px) {
  .image-min {
    width: 70%!important;
  }

  .carousel-caption {
    bottom: 30%!important;
  }

  .negative-margin-top2 {
    margin-top: -2%;
  }

  #indicador-carousel .carousel-caption h3 {
    font-size: 350%!important;
  }

  .sidenav .closebtn {
    font-size: 190%!important;
  }

  .top-slider {
    margin-top: -200px;
    position: relative;
    z-index: 0;
  }
}

.top-menu {
  position: relative;
  z-index: 100;
}

a.navbar-brand {
  font-size: 130%!important;
}

.navbar-toggler {
  margin-bottom: 10px;
}

.go-up {
  background: url(../../src/images/elements/top.png) #000 center center;
  border-radius: 50px;
  opacity: .5;
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 67px;
  right: 25px;
  display: inline-block!important;
}

.go-up:hover {
  opacity: 1;
}

.hide-top,.hide-top-alt {
  opacity: 0!important;
}

.icon-align {
  min-width: 24px;
  text-align: center;
  position: absolute;
  left: 20px;
  margin-top: 8px;
}

.icon-align-ul li {
  list-style: none;
}

.icon-align-ul li {
  list-style: none;
}

a[data-fancybox=gallery]>img:hover {
  box-shadow: rgba(0,0,0,.5) 0 0 2px 3px;
}

.shake-bottom {
  -webkit-animation: shake-bottom .8s cubic-bezier(.455,.030,.515,.955) 3 both;
  animation: shake-bottom .8s cubic-bezier(.455,.030,.515,.955) 3 both;
}

@-webkit-keyframes shake-bottom {
  0%,100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }

  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  20%,40%,60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }

  30%,50%,70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }

  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

@keyframes shake-bottom {
  0%,100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }

  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  20%,40%,60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }

  30%,50%,70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }

  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

.listNumber {
  border: 2px solid var(--bg-color3)!important;
  padding: 6px 6px;
  border-radius: 50%;
  margin-right: 5px;
}

p:hover .listNumber {
  background: var(--bg-color3)!important;
  color: #fff!important;
}

.form-control {
  border: 0!important;
  border-radius: 0!important;
  border-bottom: 1px solid #ccc!important;
  transition: all .5s ease-in-out!important;
}

.form-control:hover {
  transition: all .5s ease-in-out!important;
}

.input-group-text {
  border: none!important;
  border-bottom: 1px solid #ccc!important;
  border-radius: 0!important;
}

.efect-box,.efectIN {
  transition: all .5s ease-in-out!important;
}

.efect-box:hover {
  transform: translate(10px,10px);
  box-shadow: -3px -3px 4px 0 #333131!important;
  transition: all .5s ease-in-out;
}

.efectUP {
  transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
}

.efectUP:hover {
  box-shadow: 0 12px 19px -7px rgba(0,0,0,.3);
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
}

.efectIN:hover {
  transition: all .5s ease-in-out!important;
  transform: scale(.9);
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  -moz-transform: scale(.9);
}

.bottom-shadow {
  border: 11px solid #ececec;
  -webkit-box-shadow: 0 10px 17px -6px #001135;
  box-shadow: 0 10px 17px -6px #001135;
}

.position-img {
  margin-left: -143px!important;
  position: absolute;
  bottom: -43px;
  z-index: 2;
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
  display: inline-block;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform .6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

.flip-card-back,.flip-card-front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: .25rem!important;
}

.flip-card-front {
  color: #000;
}

.flip-card-back {
  background-color: var(--bg-color3);
  color: #000;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header-border:nth-child(2) {
  border-left: 1px solid var(--bg-color2);
  border-right: 1px solid var(--bg-color2);
}

.titleTop {
  display: block;
  padding: 25px 40px 15px 20px;
  border-bottom: 1px solid var(--bg-color3);
  margin: -7px 0 -12px;
}

.titleTop1 {
  display: block;
  padding: 25px 40px 15px 20px;
  border-bottom: 1px solid #fff;
  margin: -7px 0 -12px;
}

.services-home {
  position: relative;
  margin-top: -65px;
}

.services-home .service {
  box-shadow: 0 0 6px 2px #6d6b6b;
}

.services-home .service:hover h5 {
  color: var(--bg-color1);
}

.services-home .service:hover a {
  border: 1px solid #fff;
  color: #fff;
}

.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  background: var(--bg-color3);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 5px;
}

.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover {
  color: #fff;
}

.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

a.styleBtn {
  position: relative;
  font-weight: 700;
  overflow: hidden;
  color: #fff!important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
  text-decoration: none;
  transition: all ease .5s;
  background: var(--bg-color4);
}

a.styleBtn:after,a.styleBtn:before {
  width: 40px;
  height: 200px;
  content: '';
  display: block;
  background: rgba(255,255,255,.5);
  transform: rotate(45deg);
  top: -60px;
  position: absolute;
  transition: none;
  right: -45%;
  cursor: pointer;
}

a.styleBtn:before {
  left: -48%;
}

a.styleBtn:hover {
  text-shadow: 0 1px 1px rgba(0,0,0,.5);
  background: var(--bg-color4);
}

a.styleBtn:hover:after,a.styleBtn:hover:before {
  transform: rotate(45deg),scaleX(130%);
  background: rgba(255,255,255,.1);
  transition: all ease .5s;
}

a.styleBtn:hover:after {
  right: 130%;
}

a.styleBtn:hover:before {
  left: 130%;
}

.efectMissionIcon {
  background: var(--bg-color1);
  width: 95px;
  padding: 10px;
  margin-left: -41px;
  transition: all .5s ease-in-out!important;
}

.efectMission:hover .efectMissionIcon {
  background: var(--bg-color2);
  transition: all .5s ease-in-out!important;
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
}