body {
  font-family: "Roboto", sans-serif;
  background-color: #fff;
  overflow-x: hidden;
}

.contenedor {
  width: 0%;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.layout_padding {
  padding: 75px 0;
}

.layout_padding2 {
  padding: 45px 0;
}

.layout_padding2-top {
  padding-top: 45px;
}

.layout_padding-top {
  padding-top: 75px;
}

.layout_padding-bottom {
  padding-bottom: 75px;
}

.layout_padding2-bottom {
  padding-bottom: 45px;
}




.intro {
  background-image : url(../images/infraestructura/fachada/fachada_001.jpg) ;
  height: 40rem;
  width: 100%;
  background-size: 100% 100%;
  background-position: center;
  background-color: rgba(0,0,0,0.1);
  background-blend-mode: darken;
  /* display: inline-block; */
  background-repeat: no-repeat;
  
  
  /*height: 95vh;
  background-size: cover;
  background-position: center;
  background-color: rgba(0,0,0,0.1);
  background-blend-mode: darken;*/
}

.hero_area.custom_page-height {
  height: 86px;
}

.hero_area.custom_page-height::after {
  display: none;
}

.hero_area::after {
  position: absolute;
  content: "";
  background-image: url(../images/blue-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 42%;
  height: 70px;
  top: 98.5%;
  right: -4%;
  z-index: -1;
}

/*header section*/

.logo-box {
  padding-top: 10px;
}

.header_section .header_container {
  display: flex;
  justify-content: space-between;
}

.header_top {
  display: flex;
  justify-content: flex-end;
  padding-top: 7px;
}

.header_top img {
  margin-right: 5px;
}

.header_top-social {
  display: flex;
}

.header_top-contact {
  display: flex;
  margin-right: 5%;
  font-weight: bold;
}

.header_top-contact a,
.header_top-contact a:hover {
  display: flex;
  color: #000000;
}

.header_section .nav_container {
  margin: 0 auto;
}

.custom_nav-container.navbar-expand-lg .navbar-nav  {
  padding: 5px 15px;
  color: #000000;
  text-align: center;
  font-weight: bold;
  background-color: #02caf0;
}

.navbar-nav li a {
  color : rgb(0, 0, 0) ;
  transition : 0.6s ;
  font-size: larger;
   font-weight: bold; 

}
  
.navbar-nav li a:hover {
  color : rgb(255, 255, 255) ;
  background-color: #1e2250;
  border-radius: 25px;
}
.list-group  a:hover {
  color : rgb(255, 255, 255) ;
  background-color: #1e2250;
  border-radius: 25px;
  transition: 1000ms;
}

.navbar-nav li a.activee {
  color : rgb(255, 255, 255) ;
  background-color: #1e2250;
  border-radius: 25px;
}

.nav-tabs li a.active {
  color : rgb(255, 255, 255) ;
  background-color: #1e2250;
  border-radius: 25px;
}

/* .activee {
  color: white;
  background-color: #1e2250;
  border-radius: 25px;
} */

a {
  padding: 5px 10px;
  text-align: center;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

a:hover,
a:focus {
  color: white;
}



 
.btn,
.btn:focus {
  outline: none !important;
  box-shadow: none;
}



.navbar-brand,
.navbar-brand:hover {
  text-transform: uppercase;
   font-weight: bold; 
  font-size: 24px;
  color: #fafcfd;
}


.custom_nav-container .nav_search-btn {
  background-image: url(../images/search-icon.png);

  background-size: 22px;
  background-repeat: no-repeat;
  background-position-y: 7px;
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
}

.custom_nav-container .navbar-toggler {
  outline: none;
}

.custom_nav-container .navbar-toggler .navbar-toggler-icon {
  background-image: url(../images/menu.png);
  background-size: 48px;
}

/*end header section*/

/* slider section */
.slider_section {
  position: relative;
}

.slider_form-box form {
  display: flex;
}

.slider_form-box form .search_input {
  position: relative;
}

.slider_form-box form .search_input input {
  width: 250px;
  height: 45px;
  outline: none;
  border: none;
  background-color: #f7f6fd;
  padding-left: 10%;
}

.slider_form-box form .search_input img {
  position: absolute;
  width: 15px;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
}

.slider_form-box form button {
  border: none;
  background-color: #78cffd;
  color: #fff;
  padding: 10px 25px;
}

.slider_section .slider_item-container {
  margin-top: 10%;
}

.slider_section .slider_item-container.col-md-6 {
  padding: 0;
}

.slider_item-detail h1 {
  font-weight: bold;
  margin: 35px 0;
  color: #000002;
}

.read-btn,
.quote-btn,
.read-btn:hover,
.quote-btn:hover {
  padding: 15px 20px;

  color: #fff;
}

.read-btn {
  background-color: #78cffd;
}

.quote-btn {
  background-color: #0a0057;
}

.read-btn img,
.quote-btn img {
  margin-left: 5px;
  width: 20px;
}

.slider_section .carousel-indicators {
  position: absolute;
  top: 50%;
  left: -10%;
  bottom: auto;
  right: auto;
  flex-direction: column;
  transform: translateY(-50%);
}

.slider_section .carousel-indicators li {
  width: 15px;
  height: 15px;
  background-color: #78cffd;
  background-clip: padding-box;
  margin: 3px;
  border: none;
  opacity: 1;
  border-radius: 100%;
  transition: background-color 0.6s;
}

.slider_section .carousel-indicators .active {
  background-color: #1d00f7;
}


/* end slider section */

/* about section */
.about_section {
  padding-top: 50px;
  position: relative;
}

.about_section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 65px;
  height: 120px;
  transform: translateY(-50%);
  background-image: url(../images/circle-bg.jpg);
  background-size: cover;
}

.about_section .col-md-6 {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about_detail-container {
  position: relative;
}

.about_detail-container::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #02caf0;
  z-index: -1;
}

.about_detail-box {
  padding: 25px 50px;
  padding-right: 0;
}

.about_detail-box h3,
.about_detail-box p {
  text-align: right;
}

.about_detail-box h3 {
  color: #fff;
  font-weight: normal;
}

.about_detail-box p {
  margin: 20px 0;
}

.about-btn img {
  margin: 0;
  margin-right: 5px;
  transform: rotate(180deg);
}

.about_img-box {
  position: relative;
}

.about_img-box::before {
  content: "";
  width: 18%;
  height: 10%;
  background-color: #02caf0;
  position: absolute;
  right: 0;
  bottom: 25%;

}

.about_img-box::after {
  content: "";
  position: absolute;
  width: 18%;
  height: 10%;
  right: 0;
  bottom: 25%;
  background-image: url(../images/white-next.png);
  background-size: 20px;
  background-position: 15px;
  background-repeat: no-repeat;
}

/* end about section */

/* service section */
.service_img-box {
  position: relative;
}

.service_img-box h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  text-transform: uppercase;
  color: #fff;
  font-weight: lighter;
  padding: 10px 15px;
  padding-right: 35px;
  margin: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.s-b-1 h3 {
  background-image: url(../images/hbg.png);
}

.s-b-2 h3 {
  background-image: url(../images/hbg-2.png);
}

.s-b-3 h3 {
  background-image: url(../images/hbg-3.png);
}

.service_img-box img {
  width: 100%;
}

.service-btn,
.service-btn:hover {
  padding: 7px 12px;
  background-color: #0a0057;
  color: #fff;
}

/* service section */

/* shop section */

.shop_section {}

.shop_section .row {
  margin-top: 100px;
  background-color: #0a0057;
}

.shop-detail {
  padding: 50px;
}

.shop-detail h5 {
  color: #78cffd;
  font-size: 22px;
}

.shop-detail p {
  color: #fff;
}

.shop_img-box {
  position: relative;
  margin-top: -50px;
  margin-left: -50px;
  margin-bottom: 50px;
}

/* end shop section */

/* client section */
.client_section {
  padding-bottom: 125px;
}

.client_box {
  position: relative;
  margin-top: 150px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.c-b-1 {
  background-image: url(../images/client1-bg.png);
}

.c-b-2 {
  background-image: url(../images/client2-bg.png);
}

.client_detail {
  padding: 20px 30px;
  padding-left: 50px;
}

.client_detail h5 {
  padding-left: 20%;
  color: #78cffd;
}

.client_detail p {
  padding-top: 20px;
  color: #fff;
}

.client_box .client_img {
  position: absolute;
  top: -40%;
}

.client_section .carousel-indicators {
  position: absolute;
  top: 115%;
  left: 33%;
  bottom: auto;
  right: auto;
}

.client_section .carousel-indicators li {
  width: 21px;
  height: 10px;
  background-color: #0a0057;
  background-clip: padding-box;
  margin: 0;
  border: none;
  opacity: 1;
  transition: background-color 0.6s;
}

.client_section .carousel-indicators .active {
  background-color: #78cffd;
}

/* end client section */

/* company section */
.company_section {
  background-color: #78cffd;
}

.company-detail h3 {
  color: #060000;
  font-weight: bold;
}

.company-detail p {
  color: #fff;
  width: 85%;
}

/* end company section */

/* contact_section */

.contact_section .col-md-6 {
  padding: 0;
}

.contact_form-container {
  padding: 60px;
  background-color: #78cffd;
  position: relative;
}

.contact_form-container form {
  width: 100%;
}

.contact_form-container form input {
  width: 100%;
  padding: 10px;
  border: none;
  outline: none;

  background-color: #fcfcfc;
  margin: 10px 0;
}

.message_input {
  height: 100px;
}

/* .contact_form-container button {
  border: none;
  display: inline-block;
  padding: 8px 40px;
  background-color: #1e00ff;
  color: #fff;

  margin-top: 20px;
} */


.contact_form-container::before {
  content: "";
  width: 50px;
  height: 50px;
  background-color: #78cffd;
  position: absolute;
  /* right: 0; */
  /* bottom: 25%; */
  left: -50px;
  top: 15%;

}

/* end contact_section */

/* info section */
.info_section {
  padding-top: 150px;
  padding-bottom: 1px;
  color: #fff;
  background-image: url(../images/info-bg.png);
  background-size: 100% 101%;

  background-repeat: no-repeat;
  font-family: "Poppins", sans-serif;
}

.info_section h5 {

  font-size: 22px;

}

.info_section a,
.info_section a:hover {
  color: #fff;
}

.info_logo .logo-box {
  padding-top: 0;
  margin-top: -10px;
}

.info_logo .logo-box img {
  width: 65px;
}

.info_logo .logo-box span {
  color: #fff;
}

.info_section .col-md-4 {
  padding: 0 30px;
}

.info_news {
  padding-right: 8%;
}

.info_news input {
  border: none;
  width: 100%;
  height: 40px;
  margin: 5px 0;
  background-color: #fff;
  outline: none;
  padding-left: 20px;
}

.info_news button {
  border: none;
  background-color: #78cffd;
  color: #fff;
  padding: 7px 12px;
  margin-top: 10px;
}

.info_nav nav {
  width: 70%;
  margin: 0 auto;
}

.info_nav ul {
  display: flex;
  flex-direction: column;
}

.info_nav ul li {
  list-style-type: none;
}

.info_nav ul li a {
  color: #fff;
}

.info_social {
  display: flex;
  justify-content: space-between;
  width: 150px;
}

.info_social a img {
  width: 30px;
}

/* end info section */
/* footer section*/

.footer_section {
  background-color: #78cffd;
  padding: 20px 0;
  font-family: "Roboto", sans-serif;
}

.footer_section p {
  color: #fff;
  margin: 0;
  text-align: center;
}

.footer_section a {
  color: #fff;
}

/* end footer section*/



.slider .slides li img {
	background-size: 50% 50% !important;
}
.slider .indicators .indicator-item.active {
	background-color: #7c4dff;
}
.slider .indicators .indicator-item {
	background-color: #1a237e;
}


.btn-wsp{
  position:fixed;
  width:55px;
  height:55px;
  line-height: 55px;
  bottom:200px;
  right:5px;
  background:#041bec;
  color:rgb(255, 255, 255);
  border-radius:40px;
  text-align:center;
  font-size:35px;
  box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
  z-index:100;
  transition: all 300ms ease;
}
.btn-wsp:hover{
  background: #4bee00;
}
@media only screen and (min-width:320px) and (max-width:768px){
  .btn-wsp{
      width:63px;
      height:63px;
      line-height: 66px;
}
}



#swal-accesibility,
#swal-accesibility .col.s12 {
	margin: 0;
	padding: 0;
}


#swal-accesibility .col.s12:first-child .accesibility-option {
	border-radius: 12px 0 0 0;
}

#swal-accesibility .col.s12:last-child .accesibility-option {
	border-radius: 0 0 12px  0;
}

#swal-accesibility .col.s12:nth-child(2) .accesibility-option {
	border-radius: 0 12px 0  0;
}
#swal-accesibility .col.s12:nth-child(5) .accesibility-option {
	border-radius: 0 0  0  12px;
}


.accesibility-option {
	cursor: pointer;
	border: 1px solid #1a227e70;
	min-height: 100px;
	
	padding: 5px 0 0 0;
	text-align: center;
	overflow: hidden;
}


.accesibility-option .material-icons {
	font-size: 2.5em;
	width: 42px;
	height: 42px;
}

.accesibility-option .lever{
	display: flex;
	width: 100%;
	flex-direction: row;
}

.accesibility-option .lever .lever-item{
	flex: auto;
	height: 5px;
	background: #7c4dff;
}
/* .accesibility-option .lever .lever-item.active{
	background: #1a237e;
} */

.accesibility-coursor {
	cursor: url('../../../../assets/img/cursor.png'), auto;
}

.accesibility-links a {
	text-decoration: underline white;
	color: rgb(255, 255, 0)!important;
	/*background: #000000;*/

}
.accesibility-links a img {
	border-bottom: 2px solid rgb(255, 255, 0)!important;
}

.accesibility-text-size-1 {
	font-size: 16px;
}
.accesibility-text-size-2 {
	font-size: 19px;
}


.accesibility-text-spacing-1 {
	letter-spacing: 1px;
}
.accesibility-text-spacing-2 {
	letter-spacing: 2.5px;
}

.accesibility-line-height-1 {
	line-height: 2;
}
.accesibility-line-height-2 {
	line-height: 2.5;
}

.accesibility-contrast-1 {
	filter: contrast(2);
}
.accesibility-contrast-2 {
	filter: invert(1);
}
.accesibility-contrast-3 {
	filter: sepia(1);
}
.accesibility-contrast-4 {
  filter: grayscale(1);
}

.diferencia {
  background: #4e77ce3f;
}
#separador {
  border: #071ac0 2px  solid;
  background:  #071ac0;
  
}
.about-info {
  text-align: center;
}


/*  p {
  animation-duration: 3s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
*/


@keyframes anim-fade-in { from { opacity: 0; } to { opacity: 1 } }

@keyframes anim-up { 
	from { opacity: 0; transform: translateY(100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-down { 
	from { opacity: 0; transform: translateY(-100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-left { 
	from { opacity: 0; transform: translateX(100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}		

@keyframes anim-right { 
	from { opacity: 0; transform: translateX(-100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}		

.anim-up, .anim-down, .anim-left, .anim-right, .anim-fade-in {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 0.5s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up { animation-name: anim-up; }
.anim-down { animation-name: anim-down; }
.anim-left { animation-name: anim-left; }
.anim-right { animation-name: anim-right; }
.anim-fade-in { animation-name: anim-fade-in; }

.anim-pause-2 { animation-delay: 2s; } /* la animacion empieza en 2 seg. */		
.anim-pause-3 { animation-delay: 3s; } /* la animacion empieza en 3 seg. */
.anim-pause-4 { animation-delay: 4s; } /* la animacion empieza en 4 seg. */
.anim-pause-5 { animation-delay: 5s; } /* la animacion empieza en 5 seg. */

/* todas las animaciones pausadas */
.paused * { 
	animation-play-state: paused;
}



/* btn ir arriba */
.redes {
  align-content: flex-end;
}


/*  .active{
	background: #1e2250;
  color: white;
}  */


.secciones{
	width: 100%;
	background: #fff;
}

.secciones article{
	padding: 30px;
}

.secciones article p{
	text-align: justify;
}


@media screen and (max-width: 700px){
	ul.tabs li{
		width: none;
		flex-basis: 0;
		flex-grow: 1;
	}
}

@media screen and (max-width: 450px){
	ul.tabs li a{
		padding: 15px 0px;
	}


	.secciones article{
		padding: 20px;
	}
}

a.link {
  color: #041bec;
}
a.link:hover {
  background-color: #1a237e;
  color: white;
  border-radius: 25px;
}


/* card servicios */

.cardser {
  position: relative;
  width: 100%;
  height: 400px;
  margin: 20px;
}

.cardser .face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 10px;
  overflow: hidden;
  transition: .5s;
}

.cardser .front {
  transform: perspective(600px) rotateY(0deg);
  box-shadow: 0 5px 10px #000;
}

.cardser .front img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cardser .front h5 {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  line-height: normal;
  color: #fff;
  background: rgba(0,0,0,.4);
  text-align: center;
}

.cardser .back {
  transform: perspective(600px) rotateY(180deg);
  background: #1a237e;
  padding: 5px;
  color: #f3f3f3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  box-shadow: 0 5px 10px #000;
}

.cardser .back .link {
  border-top: solid 1px #f3f3f3;
  height: 50px;
  line-height: 50px;
}

.cardser .back .link a {
  color: #f3f3f3;
}

.cardser .back h3 {
  font-size: 30px;
  margin-top: 20px;
  letter-spacing: 2px;
}

.cardser .back p {
  font-size: smaller;
  letter-spacing: 1px;
  text-align: left;
} 

.cardser:hover .front {
  transform: perspective(600px) rotateY(180deg);
}

.cardser:hover .back {
  transform: perspective(600px) rotateY(360deg);
}

.move:hover {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
  transition: 300ms;
  transform: translateY(-3%);
}
/* estilos del buscador */
.form{
  width: 100%;
  height: 50px;
  max-width: 200px;
  position: relative;
  overflow: hidden;
}
.form input{
  width: 100%;
  height: 100%;
  background: none;
  color: rgb(0, 0, 0);
  padding-top: 20px;
  border: none;
  outline: 0px;
}
.form .lbl-nombre{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-bottom: 1px solid #c7c7c7;
}
.form .lbl-nombre:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 100%;
  border-bottom: 3px solid #1a237e;
  transform: translateX(-100%);
  transition: all 0.3s ease;
}
.text-nomb{
  position: absolute;
  bottom: 0px;
  left: 0;
  transition: all 0.3s ease;
  color: rgb(0, 0, 0);
}
.form input:focus + .lbl-nombre .text-nomb,.form input:valid + .lbl-nombre .text-nomb{
  transform: translateY(-100%);
  font-size: 15px;
  color: #1a237e;
}
.form input:focus + .lbl-nombre:after, .form input:valid + .lbl-nombre:after{
  transform: translateX(0%);
}
@media only screen and (min-width:320px) and (max-width:768px){
.form{
  width:85%;
}
  }

.marg{
  margin-left: 60px;
}

/* estilo de subir archivo pqrs */
/* Estilo del área del input[file] */
.drag-drop {
  height: 8em;
  width: 8em;
  background-color: #27d5ec;
  border-radius: 4em;
  text-align: center;
  color: white;
  position: relative;
  margin: 0 auto 1em;
  }
   
  .drag-drop span.desc {
  display: block;
  font-size: .7em;
  padding: 0 .5em;
  color: #000;
  }
   
  .drag-drop input[type="button"] {
  height: 10em;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  z-index: 3;
  }
  .drag-drop input[type="file"] {
    height: 10em;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    z-index: 3;
    }
   
  /* Estilo del área del input[file] con :hover */
   
  .drag-drop:hover, .drag-drop input[type="button"]:hover {
  background-color: #FFC300 ;
  cursor: pointer;
  }
   
  .drag-drop:hover, .drag-drop input[type="file"]:hover {
    background-color:  #fcfc20  ;
    cursor: pointer;
    }

  .drag-drop:hover span.desc {
  color: #000;
  } 
   
  /* Composición del icono de Upload con FontAwesome */
  .fa-stack { margin-top: .5em; }
   
  .fa-stack .top { color: white; }
   
  .fa-stack .medium { 
  color: black;
  text-shadow: 0 0 .25em #666;
  }
  
  .fa-stack .bottom { color: rgba( 28, 247, 6); }

  .drag-drop:hover .pulsating {
    animation: pulse1 1s linear infinite;
    animation-direction: alternate ;
    -webkit-animation: pulse1 1s linear infinite;
    -webkit-animation-direction: alternate ;
    }
     
    /* Keyframing de la animación */
     
    @keyframes pulse1 {
    0% { color: rgba(28, 247, 6, .75); }
    50% { color: rgba(28, 247, 6, 0.25); }
    100% { color: rgba(28, 247, 6, .75); }
    }
     
    @-moz-keyframes pulse1 {
    0% { color: rgba(28, 247, 6, .75); }
    50% { color: rgba(28, 247, 6, 0.25); }
    100% { color: rgba(28, 247, 6, .75); }
    }
     
    @-webkit-keyframes pulse1 {
    0% { color: rgba(28, 247, 6, .75); }
    50% { color: rgba(28, 247, 6, 0.25); }
    100% { color: rgba(28, 247, 6,, .75); }
    }
     
    @-ms-keyframes pulse1 {
    0% { color: rgba(28, 247, 6, .75); }
    50% { color: rgba(28, 247, 6, 0.25); }
    100% { color: rgba(28, 247, 6, .75); }
    }
/* end estilo */

 #spinner-div {
  position: fixed;
  display: none; 
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}




/* footer */

.bg-custom{
  background-color: #1a237e;
  border-top-left-radius: 70% 30% ;
  border-top-right-radius: 70% 30%;
  color: #fff;
  /* padding-block-start: 100px; */
}


.bg-custom a{

  color: #fff;
  
  /* padding-block-start: 100px; */
}
.bg-custom p{

  color: #fff;
  
  /* padding-block-start: 100px; */
}
.bg-custom h3{

  color: #fff;
  
  /* padding-block-start: 100px; */
}

a.emails:hover {
  color: #1a237e;
}



.c-p {
  cursor: pointer;
}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 30px;
  bottom: 30px;
  z-index: 99999;
  background: #27d5ec;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.scroll-top:hover {
  background: #27d5ec;
  color: #fff;
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}

.text-justify {
  text-align: justify;
}


/*red bus
#redbus .horizontalsearch{
	background: #e0e0e0 !important;
	border:none;
	padding:0 10px !important; 
}

#redbus .horizontalsearch .inputentry {
    box-sizing: border-box;
    border: .5px solid #cccccc;
    border-radius: 0px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0.5%;
    float: left;
    padding: 10px;
    height: 40px;
    margin-top: 13px;
    outline: none;
    
}

#redbus .horizontalsearch .inputentry:not([type="submit"]){
	background: white;
}

#redbus .horizontalsearch .inputentry[type="submit"]{
	background: #1a237e;
	color: white!important;
}

#redbus .horizontalsearch .inputentry::placeholder{
	color:#1a237e !important;
}

#redbus .horizontalsearch .input-head {
	position:absolute;
}

*/