/* Error de minimización. Devolviendo el contenido no minimizado.
(54,34): run-time error CSS1046: Expect comma, found '123'
(54,42): run-time error CSS1046: Expect comma, found '/'
(1972,41): run-time error CSS1046: Expect comma, found '0'
(1972,45): run-time error CSS1046: Expect comma, found '/'
 */



/**************************************

Reglas globales


***************************************/

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html, body {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  min-height: 100vh; }

html{
  scroll-behavior: smooth; }



img {
  
 
  display: inline-block; 
}


a {
	color: inherit !important;
	text-decoration: inherit !important;
	
}

a:hover {
	color:#F5A623!important;
	text-decoration: inherit !important;
}


.table thead th {
 background: white;
 border: none !important;
}


.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);}


/**
*******t**a***b***l*e***  *****************

Tipografía
font-family: 'Allura', cursive;
font-family: 'Source Sans Pro', sans-serif;
***************************************/


body, p {

font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.4rem;
    font-weight: 400;
    font-size: 1rem;

	
}


h1 {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 2rem;
  font-weight: 700;
  font-size: 1.8rem;
}



h2 {
  font-family: 'Source Sans Pro', sans-serif;
	line-height: 2rem;
	font-weight: 700;
	font-size: 1.6rem;
	color: black;
	
}

h3 {
  font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.5rem;
	font-weight: 700;
	font-size: 1.3rem;
  color: black;
}

h4 {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 2.5rem;
  font-weight: 400;
  font-size: 2.1rem;
}


h5 {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.7rem;
    font-weight: 600;
    font-size: 1.15rem;
}

h6 {
  font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 2rem;
}

li{
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.6rem;
    font-weight: 400;
    font-size: 0.9rem;
}



.numero_cap {
   font-family: 'Source Sans Pro', sans-serif;
  line-height: 4rem;
  font-weight: 600;
  font-size: 4rem;
}

.numero_cap222 {
    
    float: right;
    font-size: 15px;
}

.nav-item {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5rem;
    font-weight: 400;
    font-size: 1rem;
    color: grey;

    /* jm */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contadornumero {
    font-size: 1.5rem !important;
    font-weight: bold !important
}

.rounded2 {
    border-radius: 1.25rem !important;
}

@media screen and (max-width: 1199px) {
    .nav-item {
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1rem;
        font-weight: 400;
        font-size: 0.8rem;
        color: grey;
        text-align:center;
        margin: 5px;
    }
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.1rem;
    padding-left: 1.1rem;
    font-weight: 600;
}
}

@media (min-width: 1400px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.3rem;
        padding-left: 1.3rem;
    }
}

.nav-link.hvr-underline-from-center:hover {
    color:#F5A623  !important;
}




@media screen and (max-width: 990px) {
    .parrafo-burbujas {
        padding: 1rem;
    }
}


.parrafo-burbujas {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.2rem;
    font-weight: 300;
    font-size: 0.9rem;
    letter-spacing: 1pt;

    line-height: 1.3;
    font-size:1.2rem;
}

@media screen and (max-width: 1199px) {
    .parrafo-burbujas {
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1rem;
        font-weight: 300;
        font-size: 0.8rem;
        letter-spacing: 1pt;

        line-height: 1.3;
        font-size: 1.2rem;
    }
}



@media screen and (max-width: 820px) {
    .parrafo-burbujas {
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1.1rem;
        font-weight: 300;
        font-size: 0.8rem;
        letter-spacing: 1pt;
        padding: 1.4rem;

        line-height: 1.3;
        font-size: 1rem;
    }
}


@media screen and (max-width:460px) {
    .parrafo-burbujas {
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1.1rem;
        font-weight: 300;
        font-size: 0.7rem;
        letter-spacing: 1pt;
        padding: 0rem;

        line-height: 1.3;
        font-size: 1rem;
    }
}




.tachar {
    position: relative;
}
 
.tachar:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 5px solid;
    border-color: grey;

     
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg);
}

.texto-legal{
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1rem;
    font-size: 0.9rem;
    font-style: italic;
}


/************************

Cabecera / Menu principal

************************/


.logo{
	max-width: 190px;
}


	@media screen and (max-width: 767px){

			.logo {

				max-width: 120px;
			}

		}


.bg-home{
    background: url(images/Homeko2.jpg);
    height: 20vh !important;

}



.bg-estandar {
  background-image: url("../images/libro01.jpg");
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 3rem;
}

.bg-estandar2 {
    background-image: url("../images/libro01_1-min.jpg");
    /*border: solid 1px lightcoral;*/
}

.bg-premium {
  background-image: url("../images/libro02.jpg");
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 3rem;
}

.bg-premium2 {
    background-image: url(../images/libro02_1-min.jpg);
    background-position: revert;
    /*border: solid 1px lightcoral;*/
}


.bg-burbuja01{
  background-image: url("../images/burbuja01.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

}

.bg-burbuja02{
  background-image: url("../images/burbuja02.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

}

.bg-burbuja03{
  background-repeat: no-repeat;
  background-position: center;
 background-color:#F5A623!important;
  border-radius: 3rem !important;

}
/**/
.bg-burbuja04{

  background-color: #f8f9fa!important;;
border-radius: 3rem !important;
}


.bg-editor {
    background-image: url(../images/ImportedLayers5copia.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #f8f9fa!important;
    border-radius: 3rem !important;}

  @media screen and (max-width: 767px){

.bg-editor {
    background-image: none;
}

    }





.bg-editor2 {
background-repeat: no-repeat;
background-size: 40%;
background-position: center;
background-color: #f8f9fa!important;
border-radius: 3rem !important;}


.bg-libro{
    background-image: url("../images/libroejemplo.jpg");
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 4rem;
}

.bg-tarifas {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 1);
    background: linear-gradient(180deg, rgba(255, 189, 89, 0.5) 0%, rgba(255, 129, 89, 0.5) 100%);
}

.bg-tarifas2 {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 1);    
}



.bg-libroproductos{
  background-image: url("../images/libroviejo.jpg");
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bg-procesocompra {
    background-image: url("../images/procesodecompra.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-iniciarsesion {
    background-image: url("../images/iniciarsesion.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-nuevadireccion {
    background-image: url("../images/nuevadireccion.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-recuperarpassword {
    background-image: url("../images/recuperarpassword.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-modificarpassword {
    background-image: url("../images/modificarpassword.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-contacto {
    background-image: url("../images/contacto-min.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-clientespedidos {
    background-image: url("../images/clientespedidos.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-misdirecciones {
    background-image: url("../images/misdirecciones.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-mistarjetas {
    background-image: url("../images/mistarjetas.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-historico {
    background-image: url("../images/historico.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-registro {
    background-image: url("../images/registro.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-comprarealizada {
    background-image: url("../images/compraexito.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-error {
    background-image: url("../images/error.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-enviarimprenta {
    background-image: url("../images/enviarimprenta.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-imprentarecibido {
    background-image: url("../images/imprentarecibido.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-areaprivada{
	  background-image: url("../images/libro01.jpg");
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

@media screen and (max-width: 1199px){
.bg-areaprivada{
    background-image: url("../images/libro01.jpg");
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}}

.bg-portada{
  background-image: url("../images/portada.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 2rem;
}

.bg-amarillo {
  background-color:#ffc107!important;
  border-radius: 4rem;
}

.lineheigth-01{
  line-height: 1rem !important;
}

.bg-preguntasfrecuentes {
    background-image: url("../images/questions.jpg");
    height: 250px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-quienessomos {
    background-image: url("../images/blondiquienessomos.jpg");
    height: 250px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-politicas {
    background-image: url("../images/politicas.jpg");
    height: 250px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bg-portada1 {
    background-image: url("../images/portada1.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 30px;
}

.bg-portada2 {
    background-image: url("../images/portada2.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 30px;
}

.bg-portada3 {
    background-image: url("../images/portada3.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 30px;
}

.bg-portada-biografia-1{
    background-image: url("../images/autobiografia.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 30px;
}

.bg-portada-biografia-2 {
    background-image: url("../images/biografiapersonal.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 30px;
}

.bg-portada-biografia-3 {
    background-image: url("../images/biografiaprofesional.jpg");
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 30px;
}

/*************

BOTONES

***********/


.boton_principal{
  background-color: white;
  color: black !important;
  border-color: black;
  
  font-family: 'Source Sans Pro', sans-serif; 
  font-weight: 500;
  font-size: 0.8rem;

  line-height: 0.5rem;
  border-radius: 1rem;
  padding: 0.5rem 1rem ;

}

.boton_principal:hover{
  
background-color: black;
  color: white !important;
  

}


.boton_secundario {
    background-color: #f1f1f1;
    color: black !important;
    border-color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 0.5rem;
    border-radius: 4rem;
    padding: 0.8rem 1.2rem;
}

.boton_secundario:hover {
    background-color: #cccccc;
    color:white !important;
}

.boton_terciario {
    background-color: #f1f1f1;
    color: black !important;
    border-color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 0.5rem;
    border-radius: 4rem;
    padding: 0.8rem 1.2rem;
}

.boton_terciario:hover {
   color:#fbbc05  !important;
}

.textoAudio:hover {
    color: #F5A623 !important;
    text-decoration: inherit !important;
}


.boton_grisoscuro {
    background-color: #979797;
    color: white !important;
    border-color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 0.5rem;
    border-radius: 4rem;
    padding: 0.8rem 1.2rem;
}

.boton_grisoscuro:hover {
    background-color: #cccccc;
    color:black !important;
}

.boton_extra{
    background-color: #ffc107;
  color: white;
  border-color: white;
  
  font-family: 'Source Sans Pro', sans-serif; 
  font-weight: 500;
  font-size: 1rem;

  line-height: 0.5rem;
  border-radius: 4rem;
  padding: 0.4rem 2.5rem ;

}

.boton_extra:hover{
  
background-color: black;
  color: white !important;
}

.boton_Formulario {
    background-color: #fbbc05;
    color: black !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5rem;
    border-radius: 4rem;
    padding: 0.4rem 2.5rem;
}

.boton_Formulario:hover {
    background-color: black;
    color: white !important;
}






.mt-boton{
  margin-top: 17%;
  margin-right: 5%;
}

@media screen and (max-width: 1200px) {

    .mt-boton {
        margin-top: 7%;
    }
}


@media screen and (max-width: 1024px){

      .mt-boton{
        margin-top: 15%;
      }

    }

    @media screen and (max-width: 985px){

      .mt-boton{
        margin-top: 17%;
      }

    }


    @media screen and (max-width: 766px){

      .mt-boton{
        margin-top: 30%;
      }

    }


.btn-desplega {
    color: #fff;
    background-color: #AE5730;
    border-color: #AE5730;
    border-radius: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;}


.altura_caja{
  height: 500px;
}


  @media screen and (max-width: 1024px){
    .altura_caja{
      height: auto;
    }
  }  

    @media screen and (max-width: 1023px){
    .altura_caja{
      height: 325px;
    }
  }    

.btn_active{
  background-color:#ffc107!important;
  border-radius: 4rem;
  color: black;
    width: 100%;
  max-width: 150px;
}


.btn_noactive{
  background-color: #f8f9fa!important;
  border-radius: 4rem;
  color: black;
  width: 100%;
  max-width: 150px;
}

.btn_noactive:hover{
  background-color:#ffc107!important;
  border-radius: 4rem;
  color: black;
    width: 100%;
  max-width: 150px;
}

.form_ko{
display: block;
width: 80%;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: none;
border-radius: 2rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form_ko:valid {
    background-color: white !important;
}



@media screen and (max-width: 780px){

.fa-persona {
  display:none;
}

    }


.size25vwKO {
    font-size: calc(25vw / 7.75) !important;
}

@media (min-width: 768px) {
    .size25vwKO {
        font-size: calc(25vw / 19.35) !important;
    }
}

.size24vwKO {
    font-size: calc(24vw / 7.75) !important;
}

@media (min-width: 768px) {
    .size24vwKO {
        font-size: calc(24vw / 19.35) !important;
    }
}

.size23vwKO {
    font-size: calc(23vw / 7.75) !important;
}

@media (min-width: 768px) {
    .size23vwKO {
        font-size: calc(23vw / 19.35) !important;
    }
}



/**/
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#wrapper {
   min-height:100%;
   position:relative;
}

#wrapper main {
   padding-bottom:274px;   /* Height of the footer */
}
#wrapper footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:274px;   /* Height of the footer */

}




/******************************************************************************************/
/******************************CONTROL CHECKBOX VALIDACIÓN*********************************/
/******************************************************************************************/
.validacionCheckBoxContacto {
    display: block;
    text-align: center !important;
    position: initial;
}





/******************************************************************************************/
/***********************************DRAG AND DROP IMAGENES*********************************/
/******************************************************************************************/
.active-drop {
    border: solid 2px #ffc107 !important;
    opacity: .7;
}


/******************************************************************************************/
/***********************************COOKIES COLORES BOTONES*********************************/
/******************************************************************************************/

.freeprivacypolicy-com---palette-light .cc-nb-okagree {
    color: #000 !important;
    background-color: yellowgreen !important;
    border: 1px black solid !important;
    float: right;
}

.freeprivacypolicy-com---palette-light .cc-nb-reject {
    color: #000 !important;
    background-color: #ffc107 !important;
    border: 1px black solid !important;
    
}

.freeprivacypolicy-com---palette-light .cc-nb-changep {
   /* background-color: #eaeaea;
    color: #111;
    border: 1px black solid !important;*/
    display: none;
}

.iconoBotonSonido {
    font-size: 50px !important;
}


@media (max-width: 985px) {
    .botonSonido {
        top: unset !important;
        bottom: 15px !important;
    }

    .iconoBotonSonido {
        font-size: 35px !important;
    }
}


.classH3 {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5rem;
    font-weight: 700;
    font-size: 1.3rem;
    color: black;
}
/******************************************************************************************/
/********************************GENÉRICOS APLICACIONES************************************/
/******************************************************************************************/

/*body { font-family: Rajdhani, 'Open Sans', sans-serif; }*/
/*body { font-family: 'Open Sans', sans-serif; }*/


* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
.under:hover, .under:active { border-bottom: solid 1px !important; }
.underline { border-bottom: solid 1px !important; }
.noUnderline { text-decoration: none !important; }
.noUnderline a:link { text-decoration: none !important; }
.noUnderline a:visited { text-decoration: none !important; }
.noUnderline a:hover { text-decoration: none !important; }
.noUnderline a:active { text-decoration: none !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl23 { padding-left: 23px !important; }
.pl24 { padding-left: 24px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }

.pt0 { padding-top: 0px !important; }
.pt4 { padding-top: 4px !important; }
.pt5 { padding-top: 5px !important; }
.pt7 { padding-top: 7px !important; }
.pt10 { padding-top: 10px !important; }
.pt11 { padding-top: 11px !important; }
.pt15 { padding-top: 15px !important; }
.pt16 { padding-top: 16px !important; }
.pt17 { padding-top: 17px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt28 { padding-top: 28px !important; }
.pt30 { padding-top: 30px !important; }
.pt32 { padding-top: 32px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pt110 { padding-top: 110px !important; }
.pt120 { padding-top: 120px !important; }
.pt130 { padding-top: 130px !important; }
.pt140 { padding-top: 140px !important; }


.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb6 { padding-bottom: 6px !important; }
.pb7 { padding-bottom: 7px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb9 { padding-bottom: 9px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb17 { padding-bottom: 17px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

.ml5porCiento { margin-left: 5% !important; }
.ml6porCiento { margin-left: 6% !important; }
.ml10porCiento { margin-left: 10% !important; }
.ml15porCiento { margin-left: 15% !important; }
.ml20porCiento { margin-left: 20% !important; }

.ml3- { margin-left: -3px !important; }
.ml5- { margin-left: -5px !important; }
.ml7- { margin-left: -7px !important; }
.ml10- { margin-left: -10px !important; }
.ml15- { margin-left: -15px !important; }
.ml20- { margin-left: -20px !important; }
.ml25- { margin-left: -25px !important; }
.ml40- { margin-left: -40px !important; }

.mt0 { margin-top: 0px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt26 { margin-top: 26px !important; }
.mt27 { margin-top: 27px !important; }
.mt28 { margin-top: 28px !important; }
.mt29 { margin-top: 29px !important; }
.mt30 { margin-top: 30px !important; }
.mt32 { margin-top: 32px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }

.mt1- { margin-top: -1px !important; }
.mt2- { margin-top: -2px !important; }
.mt3- { margin-top: -3px !important; }
.mt4- { margin-top: -4px !important; }
.mt10- { margin-top: -10px !important; }
.mt15- { margin-top: -15px !important; }
.mt20- { margin-top: -20px !important; }
.mt30- { margin-top: -30px !important; }
.mt32- { margin-top: -32px !important; }
.mt40- { margin-top: -40px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.mb1- { margin-bottom: -1px !important; }
.mb2- { margin-bottom: -2px !important; }
.mb3- { margin-bottom: -3px !important; }
.mb4- { margin-bottom: -4px !important; }
.mb5- { margin-bottom: -5px !important; }
.mb6- { margin-bottom: -6px !important; }
.mb8- { margin-bottom: -8px !important; }
.mb10- { margin-bottom: -10px !important; }
.mb15- { margin-bottom: -15px !important; }
.mb20- { margin-bottom: -20px !important; }
.mb25- { margin-bottom: -25px !important; }
.mb30- { margin-bottom: -30px !important; }
.mb35- { margin-bottom: -35px !important; }

.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr6 { margin-right: 6px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mr5- { margin-right: -5px !important; }
.mr7- { margin-right: -7px !important; }
.mr10- { margin-right: -10px !important; }
.mr15- { margin-right: -15px !important; }
.mr20- { margin-right: -20px !important; }
.mr25- { margin-right: -25px !important; }
.mr40- { margin-right: -40px !important; }

.fontSize075rem { font-size: 0.75rem; }
.fontSize8 { font-size: 8px !important; }
.fontSize9 { font-size: 9px !important; }
.fontSize10 { font-size: 10px !important; }
.fontSize11 { font-size: 11px !important; }
.fontSize12 { font-size: 12px !important; }
.fontSize13 { font-size: 13px !important; }
.fontSize14 { font-size: 14px !important; }
.fontSize15 { font-size: 15px !important; }
.fontSize16 { font-size: 16px !important; }
.fontSize17 { font-size: 17px !important; }
.fontSize18 { font-size: 18px !important; }
.fontSize19 { font-size: 19px !important; }
.fontSize20 { font-size: 20px !important; }
.fontSize21 { font-size: 21px !important; }
.fontSize22 { font-size: 22px !important; }
.fontSize23 { font-size: 23px !important; }
.fontSize24 { font-size: 24px !important; }
.fontSize25 { font-size: 25px !important; }
.fontSize26 { font-size: 26px !important; }
.fontSize27 { font-size: 27px !important; }
.fontSize28 { font-size: 28px !important; }
.fontSize29 { font-size: 29px !important; }
.fontSize30 { font-size: 30px !important; }
.fontSize31 { font-size: 31px !important; }
.fontSize32 { font-size: 32px !important; }
.fontSize33 { font-size: 33px !important; }
.fontSize34 { font-size: 34px !important; }
.fontSize35 { font-size: 35px !important; }
.fontSize40 { font-size: 40px !important; }
.fontSize45 { font-size: 45px !important; }
.fontSize50 { font-size: 50px !important; }
.fontSize55 { font-size: 55px !important; }
.fontSize60 { font-size: 60px !important; }
.fontSize70 { font-size: 70px !important; }
.fontSize80 { font-size: 80px !important; }
.fontSize90 { font-size: 90px !important; }
.fontSize100 { font-size: 100px !important; }

.w50 { width: 50px; }
.w55 { width: 55px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w460 { width: 460px; }
.w470 { width: 470px; }

.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h100 { height: 100px; }
.h400 { height: 400px; }

.fontWeight300 { font-weight: 300; }
.fontWeight400 { font-weight: 400; }
.fontWeight500 { font-weight: 500; }
.fontWeight700 { font-weight: 700; }
.fontWeightBold { font-weight: bold; }

.w30porCiento { width: 30% !important; }
.w45porCiento { width: 45% !important; }
.w47porCiento { width: 47% !important; }
.w49porCiento { width: 49% !important; }
.w50porCiento { width: 50% !important; }
.w99porCiento { width: 99% !important; }
.w100porCiento { width: 100% !important; }

.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.left { float: left; }
.right { float: right; }
.flex { display: flex !important; }
.absolute { position: absolute !important; }
.inherit { position: inherit !important; }
.inlineFlex { display: inline-flex !important; }
.contents { display: contents !important; }
.webKitInlineBox { display: -webkit-inline-box !important; }
.tableCaption { display: table-caption !important; }
.inlineBlock { display: inline-block !important; }
.block { display: block !important; }
.noDisplay { display: none !important; }
.verticalAlignMiddle { vertical-align: middle; }
.verticalAlignTextTop { vertical-align: text-top; }

.verticalAlign5- { vertical-align: -5px; }

.cursorMano { cursor: pointer !important; }

.paddingCabecera {
    padding: initial;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
}

.fondo-Negro { background-color: #000 !important; }
.fondo-Gris3 { background-color: #333 !important; }
.fondo-Gris5 { background-color: #555 !important; }
.fondo-Gris6 { background-color: #666 !important; }
.fondo-Gris8 { background-color: #888 !important; }
.fondo-Gris9 { background-color: #999 !important; }
.fondo-GrisA { background-color: #aaa !important; }
.fondo-GrisB { background-color: #bbb !important; }
.fondo-GrisC { background-color: #ccc !important; }
.fondo-GrisD { background-color: #ddd !important; }

.icon-flipped {
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}


.sinLineheigth { line-height: 0px !important; }


/******************************************************************************************/
/************************************CONTROL CHECKBOX**************************************/
/******************************************************************************************/
/*input[type=checkbox] {
    cursor: pointer;
}

input[type=checkbox]:after {
    content: " ";
    border: 2px solid #d4bc53;
    background-color: #fff;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    top: -5px;
    margin-left: -8px;
}

input[type=checkbox]:checked:after {
    content: "\00a0\2714";
    align-content: flex-end;
    color: #fff;
    background-color: #d4bc53;
}
*/





/******************************************************************************************/
/************************************APLICACIÓN KOKOLTIN***********************************/
/******************************************************************************************/

.fondo-Naranja { background-color: #ffc107 }
.fondo-GrisOscuro { background-color: #979797 !important; }
.texto-Blanco { color: white !important; }
.texto-Negro { color: black !important; }
.texto-Rojo { color: #bd2918 !important; }
.texto-Verde { color: green !important; }
.texto-Azul { color: dodgerblue !important; }
.texto-Gris { color: #777777 !important; }
.texto-Naranja { color: #E14F29 !important; }

.borde-Gris {
    border-color: rgba(0,0,0,.5);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.borde-Transparente {
    border-color: white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.agregar:hover { color: #006B60 !important; }
.editar:hover { color: #ffc107 !important; }

.exportarExcel {
    font-size: 25px; 
    color: green; 
    border: none; 
    background: none; 
    outline:none;
}
.exportarExcel:hover { opacity: 0.6; }

.botonContacto:hover {
    color: white !important;
}

/********************************************/


/*Modificación del botón de guardado*/
.btn-guardar {
    color: white;
    background-color: #ffc107;

    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 1rem;

    line-height: 0.8rem;
    border-radius: 1rem;
    padding: 0.4rem 2.5rem;
}

/*Modificación del hover, focus, etc, del botón de guardado*/
.btn-guardar:hover, .btn-guardar:focus, .btn-guardar:active, .btn-guardar.active, .open > .dropdown-toggle.btn-guardar {
    background-color: black;
    color: white !important;
}


/********************************************/


/*Modificación del botón de cancelar/volver*/
.btn-cancelar {
    color: white !important;
    background-color: #979797;

    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 18px;

    line-height: 0.8rem;
    border-radius: 1rem;
    padding: 0.4rem 2.5rem;
}

/*Modificación del hover, focus, etc, del botón de cancelar/volver*/
.btn-cancelar:hover, .btn-cancelar:focus, .btn-cancelar:active, .btn-cancelar.active, .open > .dropdown-toggle.btn-cancelar {
   background-color: black !important;
    color: white !important;
}


/********************************************/


/*Modificación del botón de cancelar/volver*/
.btn-modificar {
    color: white !important;
    background-color: #F5A623;

    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 18px;

    line-height: 0.8rem;
    border-radius: 1rem;
    padding: 0.4rem 2.5rem;
}

/*Modificación del hover, focus, etc, del botón de cancelar/volver*/
.btn-modificar:hover, .btn-modificar:focus, .btn-modificar:active, .btn-modificar.active, .open > .dropdown-toggle.btn-modificar {
   background-color: black !important;
    color: white !important;
}




/*Modificación del botón de filtrado*/
.btn-filtrar {
    color: #fff;
    background-color: #2a549b;
    border-color: #2a549b; /*set the color you want here*/
}

/*Modificación del hover, focus, etc, del botón de filtrado*/
.btn-filtrar:hover, .btn-filtrar:focus, .btn-filtrar:active, .btn-filtrar.active, .open > .dropdown-toggle.btn-filtrar {
    color: #fff;
    background-color: #1A3561;
    border-color: #1A3561; /*set the color you want here*/
    outline: none !important;
    box-shadow: none !important;
}



/********************************************/


/*Control textbox*/
.form-control {
    border-radius: 1.25rem !important;
    background-color: #F1F1F1 !important;
    border: 1px solid #F1F1F1 !important;
}


/********************************************/


@media (max-width: 992px) {
    .btn-encargarLibro {
        display: grid !important;
    }

    .btn-comienzaAhora {
        display: none !important;
    }
}



/******************************************************************************************/
/*************************************TABLAS GENÉRICO**************************************/
/******************************************************************************************/
.webgrid-table {    
    font-size: 13px;
    width: 100%;
    display: table;
    background-color: white;
}

.webgrid-table td, .webgrid-table th {
    padding: 1px 5px 1px 5px;
    position: relative;
    font-weight: 600;
}

.webgrid-header {
    color: #777777 !important;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
    font-size: 17px;
    font-weight: normal !important;
}

.webgrid-header a {
    color: #FFFFFF !important;
    text-decoration: none;
}

.webgrid-footer > td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.webgrid-footer > td > a {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px 7px;
    color: black;
    text-decoration: none;
    background-color: #f5f5f5;
}

.webgrid-footer > td > a:hover {
    background-color: #f0f0f0;
    color: #81bc00;
}

.webgrid-row-style {
    padding: 3px 7px 2px;
    line-height: 70px;
}

.webgrid-row-style:hover td, .webgrid-alternating-row:hover td {
    cursor: pointer;
}

.webgrid-row-style:hover td, .webgrid-alternating-row:hover td {
    background-color: #f8ff3c;
}

.NoSelected:hover td {
    background-color: transparent;
    cursor: initial;
}

.webgrid-alternating-row {
    padding: 3px 7px 2px;
}

.webgrid-cell-backgroundColor {
    background-color: #f8ff3c;
    padding: 1px 5px 1px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}




/*****************************************************************************************/
/************************************TABLA NEGRA******************************************/
/*****************************************************************************************/
.TablaNegra {
    border: 0px; /*Borde de alrededor de la tabla*/
    color: black; /*Color del texto dentro de las celdas*/
    font-size: 11px; /*Tamaño del texto dentro de las celdas*/
    font-weight: bold; /*Tipo de fuente del texto dentro de las celdas*/
}

.TablaNegra th:last-child { text-align: center; /*Centra la cabecera de la última columna*/ }
.TablaNegra td:last-child {  border-right: 1px solid #777777; /*Borde la cabecera de la última columna*/ }
.TablaNegra td, .TablaGris th { border: 1px solid #dee2e6;  /*Borde de alrededor de todas las celdas (incluidas las de la cabecera)*/ }
.TablaNegraCabecera { background-color: black; /*Color de la cabecera*/ }
.TablaNegraPie > td > a { color: black;  /*Color del númerito de página*/ }
.TablaNegraPie > td > a:hover { color: black; background-color: #d4bc53; border-color: #d4bc53; font-weight: bold; /*Color cuando se pone el ratón encima del siguiente número de página*/ }
.AlternatingRowNegra { background-color: #f2f2f2; }




/*****************************************************************************************/
/************************************TABLA ROJA*******************************************/
/*****************************************************************************************/
.TablaRojaCabecera { background-color: #bc2a18; /*Color de la cabecera*/ }

/*****************************************************************************************/
/************************************TABLA NARANJA****************************************/
/*****************************************************************************************/
.TablaNaranjaCabecera { background-color: #f9b233; /*Color de la cabecera*/ }



/*****************************************************************************************/
/************************************TABLA SIN BORDES*************************************/
/*****************************************************************************************/
.TablaTransparente {
    border: 0px; /*Borde de alrededor de la tabla*/
    color: #777777; /*Color del texto dentro de las celdas*/
    font-size: 16px; /*Tamaño del texto dentro de las celdas*/
    /*font-weight: bold;*/ /*Tipo de fuente del texto dentro de las celdas*/
}

.TablaTransparente th:last-child { text-align: center; color: #777777 !important; font-size: 17px; font-weight: 600; line-height: 60px !important; /*Centra la cabecera de la última columna*/ }
.TablaTransparente td:last-child { border-right: none; line-height: 60px !important; /*Borde la cabecera de la última columna*/ }
.TablaTransparente td, .TablaGris th { border-bottom: 1px solid #E14F29;  /*Borde de alrededor de todas las celdas (incluidas las de la cabecera)*/ }
.TablaTransparenteCabecera { background-color: transparent; border-bottom: 1px solid #B0B0B0; /*Color fondo de la cabecera*/ }
.TablaTransparenteCabecera a { color: #777777 !important; font-size: 17px; font-weight: 600; line-height: 60px !important;  /*Color texto de la cabecera*/ }
.TablaTransparentePie > td > a { color: black;  /*Color del númerito de página*/ }
.TablaTransparentePie > td > a:hover { color: black; background-color: #d4bc53; border-color: #d4bc53; font-weight: bold; /*Color cuando se pone el ratón encima del siguiente número de página*/ }
.AlternatingRowTransparente { background-color: none; line-height: 60px !important; }



/******************************************************************************************/
/**********************************TABLAS RESPONSIVE***************************************/
/******************************************************************************************/

/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */
@media only screen and (max-width: 992px), (min-device-width: 1000px) and (max-device-width: 1024px) {

    .TablaResponsive {
        width: 100%;
    }

    /* Force table to not be like tables anymore */
    .TablaResponsive table, .TablaResponsive thead, .TablaResponsive tbody, .TablaResponsive th, .TablaResponsive td, .TablaResponsive tr {
        display: block !important;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .TablaResponsive thead tr, .TablaResponsive .TablaFilaCabecera th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .TablaResponsive tr {
        border: 1px solid #ccc;
        margin: 0 0 1rem 0;
    }

    /*Hijos pares (even) o impares (odd)*/
    .TablaResponsive tr:nth-child(even) {
        background: none;
    }

    /*Fila de cada hijo*/
    .TablaResponsive td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        font-size: 12px;
        padding: 3px !important;
        padding-left: 50% !important;
        vertical-align: middle;
        line-height: 25px;
        text-align: right;
        color: #777777;
    }

    /*Eliminamos el borde derecho y de abajo de la última columna y colocamos los botones de acciones a la derecha*/
    .TablaResponsive td:last-child {  
        border-right: 0px solid #777777; /*Centra la cabecera de la última columna*/ 
        border-bottom: 0px solid #777777; /*Centra la cabecera de la última columna*/ 
        width: 100% !important;
        text-align: right !important;
    }

    .TablaResponsive td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 6px;
        width: 45%;
        white-space: nowrap;
        text-align: left;
    }

    /*Pie de página (Paginación)*/
    .TablaResponsive tfoot td:before {
        display:none;
    }

    .TablaResponsive tfoot td {
        border: none;
    }

    /*Pie de página (Paginación)*/
    .tablaResponsive tfoot tr {
        border: none;
    }
}






/******************************************************************************************/
/**********************************COLORES MENSAJE TOAST***********************************/
/******************************************************************************************/
/*.toast-error {
    background-color: #bd2918 !important;
}

.toast-success {
    background-color: #8bb31d !important;
}

.toast-warning {
    background-color: lightslategrey !important;
}*/






/******************************************************************************************/
/**********************************COLORES SELECT2*****************************************/
/******************************************************************************************/

/* Input field */
.select2-selection__rendered {

}

/* Around the search field */
.select2-search {
    
}

/* Search field */
.select2-search input {
    color: #495057 !important;
}

/* Each result */
.select2-results {
    color: #495057 !important;
}

/* Higlighted (hover) result */
.select2-results__option--highlighted {
    background-color: #d4bc53 !important;
}

/* Selected option */
.select2-results__option[aria-selected=true] {
    background-color: #d4bc53 !important;
}

/* Elimina el borde de la parte de arriba del dropdown */
.select2-selection--single {
    border: 1px solid #dbdbdb !important;
}


/* Elimina el borde del resto del dropdown */
.select2-dropdown {
    border: 1px solid #dbdbdb !important;
}






a.dropdown-item a:link {
    background-color: #b6ff00 !important;
    color: red;
}

a.dropdown-item a:visited {
    background-color: red !important;
    color: red;
}

a.dropdown-item a:hover {
    background-color: yellow !important;
    color: red;
}

a.dropdown-item a:active {
    background-color: purple !important;
    color: red;
}




.dropdown-menu > .dropdown-item:active {
    /*Modifica lo que quieras*/
    background: #ffc107;
    color: black !important;
}




li.activo {
    background-color: #fbbc05;
    border-radius: 20px;
}

li.activo a {
    color: #000 !important;
}


.activo .nav-link.hvr-underline-from-center:hover, .active a:hover {
    color: #333 !important;
}

/* Carrusel owl */

.slider {
    margin-bottom: 30px;
    position: relative;
}

    .slider .owl-item.active.center .slider-card {
        transform: scale(1.15);
        opacity: 1;
        background: #fbbc05; /* fallback for old browsers */
        background: -webkit-linear-gradient(to bottom, #fbbc05, #fbbc05); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to bottom, #fbbc05, #fbbc05); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        color: #000;
    }

.slider-card {
    background: #fff;
    padding: 0px 0px;
    margin: 50px 15px 90px 15px;
    border-radius: 5px;
    box-shadow: 0 15px 45px -20px rgb(0 0 0 / 100%);
    transform: scale(0.9);
    opacity: 0.5;
    transition: all 0.3s;
}

    .slider-card img {
        border-radius: 5px 5px 0px 0px;
    }

.owl-nav .owl-prev {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    opacity: 1;
    font-size: 30px !important;
    z-index: 1;
}

.owl-nav .owl-next {
    position: absolute;
    top: calc(50% - 25px);
    right: 0;
    opacity: 1;
    font-size: 30px !important;
    z-index: 1;
}

.owl-dots {
    text-align: center;
}

    .owl-dots .owl-dot {
        height: 10px;
        width: 10px;
        border-radius: 10px;
        background: #ccc !important;
        margin-left: 3px;
        margin-right: 3px;
        outline: none;
    }

        .owl-dots .owl-dot.active {
            background: #fbbc05 !important;
        }

/* testimonios owl */

#customers-testimonials .shadow-effect {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #ECECEC;
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}

#customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
}

#customers-testimonials .testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
    background: #3190E7;
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

#customers-testimonials .item {
    text-align: center;
    padding: 30px 30px;
    margin-bottom: 20px;
    o_pacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color:#333;
}

#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}

#customers-testimonials .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: 0 auto 17px;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3190E7;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}

#customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    #customers-testimonials.owl-carousel .owl-dots .owl-dot {
        display: inline-block;
    }

/*
        #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
            background: #3190E7;
            display: inline-block;
            height: 20px;
            margin: 0 2px 5px;
            transform: translate3d(0px, -50%, 0px) scale(0.3);
            transform-origin: 50% 50% 0;
            transition: all 250ms ease-out 0s;
            width: 20px;
        }

        */

#customers-testimonials.owl-carousel .owl-item img.rounded-circle {
    max-width: 90px;
    display: inline-block;
    margin-top: -50px;
    b_order: solid 1px #e5e5e5;
    background-color: #fbbc05;
}