/*=============================== COLOR BLUE ===============================*/


/*//////////////////////////////////////////////////////////////////
[ LOADDING ]*/

.cp-skeleton {
  border-top: solid 5px #dc2405;
}

.cp-skeleton:before {
  border-left: solid 5px #dc2405;
}

.cp-skeleton:after {
  border-right: solid 5px #dc2405;
}


/*//////////////////////////////////////////////////////////////////
[ Header ]*/

.left-top-bar a {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}

/*---------------------------------------------*/
.main-menu>li::before {
  background-color: #0083c8;
}

.social a:hover {
  color: #0083c8;
}


/*//////////////////////////////////////////////////////////////////
[ Footer ]*/

.item-gallery-footer::after {
  background-color: #dc2405;
}



/*//////////////////////////////////////////////////////////////////
[ RS sweet alert ]*/

.swal-button {
  background-color: #dc2405;
  color: white;
}

.swal-button:hover {
  background-color: #07185a;
}

.swal-button:active {
  background-color: #07185a;
}



/*//////////////////////////////////////////////////////////////////
[ Slick 1 ]*/
.arrow-slide-slick-6:hover,
.arrow-slide-slick-1:hover {
  background-color: #dc2405;
  border: 3px solid #dc2405;
}


/*//////////////////////////////////////////////////////////////////
[ Slick 2 ]*/

.arrow-slick-5:hover,
.arrow-slick-4:hover,
.arrow-slick-2:hover {
  background-color: #dc2405;
  border: 3px solid #dc2405;
}

/*//////////////////////////////////////////////////////////////////
[ Slick 3 ]*/

.arrow-slide-slick-3:hover {
  background-color: #dc2405;
  border: 3px solid #dc2405;
}


/*//////////////////////////////////////////////////////////////////
[ Slick 6 ]*/

.slick6-dots li:hover {
  border-color: #dc2405;
}

.slick6-dots li.slick-active {
  border-color: #dc2405;
}



/*==================================================================
    TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
==================================================================*/

/*==================================================================
[ Color ]*/
.color-main {
  color: #dc2405;
}


.s-txt8 {
  color: #dc2405;
}

.s-txt32 {
  color: #000;
}

/*//////////////////////////////////////////////////////////////////
[ M-Text 16 - 30 ]*/
.m-txt2 {
  color: #dc2405;
}

.m-txt18 {
  color: #dc2405;
}

.m-txt28 {
  color: #000;
}



/*==================================================================
   SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE SHAPE
==================================================================*/


/*//////////////////////////////////////////////////////////////////
[ Background ]*/
.bg-main {
  background-color: #0083c8;
}

.bg6 {
  background-color: #1f3177;
}



/*==================================================================
      EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT EFFECT
==================================================================*/




/*//////////////////////////////////////////////////////////////////
[ Pseudo ]*/
/*------------------------------------------------------------------
[ Focus ]*/
.input-focus-1:focus {
  border-color: rgba(35, 55, 133, 0.5);
  box-shadow: 0 0px 2px 0px #dc2405;
  -moz-box-shadow: 0 0px 2px 0px #dc2405;
  -webkit-box-shadow: 0 0px 2px 0px #dc2405;
  -o-box-shadow: 0 0px 2px 0px #dc2405;
  -ms-box-shadow: 0 0px 2px 0px #dc2405;
}

/*------------------------------------------------------------------
[ Hover ]*/

.hov-bg-main:hover {
  background-color: #dc2405;
}

.hov-color-main:hover {
  color: #dc2405;
}

/*---------------------------------------------*/
.hov4:hover {
  background-color: #dc2405;
  color: #fff;
}



/*------------------------------------------------------------------
[ Active ]*/
.actived-2 {
  color: #dc2405;
}


/*---------------------------------------------*/
.btn-drive::before {
  background-color: #07185a;
}


/*---------------------------------------------*/
.list-01 li::before {
  color: #0086e6;
}

/*---------------------------------------------*/
.symbol-1::before {
  background-color: #dc2405;
}

/*---------------------------------------------*/

.overlay1::after {
  background-color: #dc2405;
}



.right-top-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.social-icon {
  color: #fff;
  /* Blanco sobre fondo azul */
  font-size: 20px;
  /* Tamaño de los íconos */
  margin-left: 14px;
  transition: transform 0.3s ease, color 0.3s ease;
  animation: pulse 3s infinite;
}

.social-icon:hover {
  color: #ffd700;
  /* Amarillo dorado al pasar */
  transform: scale(1.2);
  /* Pequeño zoom */
}

@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.8;
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}