body {
  font-family: 'Inria Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Lalezar', cursive;
}
.colorprincipal {
  color: #3D21D4;
}
.backgroundcolorprincipal {
  background-color: #000;
}
.btn.backgroundcolorprincipal:hover {
  color: #3D21D4 !important;
}

.colorsecundario {
  color: #FEC812;
}
.backgroundcolorsecundario {
  background-color: #FEC812;
}
.colorterciario {
  color: #C75F17;
}
.backgroundcolorterciario {
  background-color: #C75F17;
}
.colorcuarto {
  color: #ECE9FB;
}
.backgroundcolorcuarto {
  background-color: #ECE9FB;
}
.colorquinto {
  color: #484848 ;
}
.backgroundcolorquinto {
  background-color: #223A8F ;
}
/**/
.navbar a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
}
.navbar a.active {
  color: #FEC812;
}
/**/
.borderleftmenu {
  border-left: 2px solid #FEC812;
}
/**/
.tabsnosotros {
  border-bottom: 0;
}
.tabsnosotros li a {
  font-size: 25px;
  border: 0 !important;
  color: #7583b6;
  font-weight: bold;
}
.tabsnosotros li {
  margin-bottom: 20px;
}

.carousel-control-next,
.carousel-control-prev

/*, .carousel-indicators */ {
  filter: invert(100%);
}

.btn-catalogo {
  position: absolute;
  color: #3D21D4;
  font-size: 2rem;
  border: 2.2px solid black;
  border-radius: 40px;
  top: 45%;
  right: 10%;
}

.btn-slider {
  position: absolute;
  color: #3D21D4;
  font-size: 2rem;
  border: 2.2px solid black;
  border-radius: 40px;
}

@media (min-width: 768px) {
  .btn-catalogo {
    top: 65%;
    right: 45%;
  }

  .btn-slider-catalogo {
    bottom: 10%;
    right: 10%;
  }

  .btn-slider-contacto {
    top: 13%;
    left: 44%;
  }

  .text-desc-buscador {
    width: 40%;
    display: inline-block;
  }

  .contentdor-text-buscador {
    flex-direction: row;
  }
}


/*#contact-form input,#contact-form textarea{
  background: transparent;
  color:#fff !important;
}
#contact-form textarea{
  height: 100px !important;
}
.form-control::placeholder,#contact-form label {
    color:#fff !important;
}
::placeholder {
  color:#fff !important;
}
*/
.navbar-collapse.collapse.show
{
  width: 100%;
}


/*estilos de los iconos*/

.social {
  position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
  right:25px; /* Establecemos la barra en la direccion */
  top:30%; /* Bajamos la barra 300px de arriba a abajo */
  z-index: 7000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */ 
 /*background:#0000002e;*/ 
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.social ul {
list-style: none;
padding:10px 0px 0px 5px;
}


.social ul li a i{
font-size:25px;
right:4px;
}

.social ul li a
{
padding-top:12px !important;
border-radius:50% !important;
/*width:50px;
height: 50px;*/
padding:10px 14px;
/*margin-bottom:5px;*/
}

.servicios:hover ~ .lista-servicios,.lista-servicios:hover 
{
  max-height:inherit;
  opacity:1;
}

.lista-servicios
{
  z-index: 2000;
  list-style-type:none;
  padding:0px;
  padding-top: 20px;
  margin:0px;
  max-height:0px;
  opacity:0;
  overflow:hidden;
  transition: opacity 300ms ease;
  color:white !important;
  position:absolute;
  top:130px;
  right:-25px;
  background: #000;
  font-size: 15px;
}

.btn-cotizar
{
  color: #000;
  background-color: #FEC812;
  border-radius: 15px;
  padding: 5px 10px;
  font-size: 26px;
  box-shadow: 10px 0px 0px 0px rgba(34,58,143,0.75);
-webkit-box-shadow: 10px 0px 0px 0px rgba(34,58,143,0.75);
-moz-box-shadow: 10px 0px 0px 0px rgba(34,58,143,0.75);
}

.btn-cotizar:hover
{
  color: #FEC812;
  background-color: #000;
  box-shadow: 10px 0px 0px 0px rgba(254,200,18,0.75);
-webkit-box-shadow: 10px 0px 0px 0px rgba(254,200,18,0.75);
-moz-box-shadow: 10px 0px 0px 0px rgba(254,200,18,0.75);
 
}

.texto-servicios{
  color: #3D21D4;
  text-align:justify;
  font-size:15px;
  position:relative;
  top:-10px;
  box-shadow: 0px 2px 0px 1px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0px 2px 0px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 0px 1px rgba(0,0,0,0.25);
  border-bottom-left-radius: 25px;
  border-bottom-right-radius:25px;
  height:235px;
}

.header-logo{
  width:150px;
  top:10px;
}

@media(min-width:600px)
{
  .lista-servicios{
    font-size:15px;
    top:80px;
    right:80px;
  }
}

@media(min-width:768px)
{
  .lista-servicios{
    right:-45px;
  }
}

@media(min-width:992px)
{
  .texto-servicios{
    font-size:18px;
  }

  .header-logo{
    width:285px;
    top:0px;
  }
}

@media(min-width:1200px)
{
  .texto-servicios
  {
    font-size:20px;
  }
}

@media(min-width:1600px)
{
  .texto-servicios
  {
    font-size:22px;
  }
}

.texto-politicas{
  font-size: 18px;
  text-align:justify !important;
}

.wrapper{
  margin-top: 100px;
}
.header-custom
{
  background-color: #FEC812;z-index:4000 !important
}

@media(min-width:992px)
{
  .header-custom{
    height: 187px;
  }
  .wrapper{
    margin-top:180px !important;
  }
}