.block_full {
    display: block;
    width: 100%;
    border: none;
    background-color: #4CAF50;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
  }

  /*Este css es para el navbar con el buscador*/
  .nav-container{
    min-height: 124px;
  }
  .sina-nav{
    top: 40px;
    position: absolute;
  }

  .views_slideshow_cycle_main .views_slideshow_slide {
    width: 100% !important;
  }


  /*Seccion: colores para la barra de navegacion de pinakes*/
.bg-custom-nav{
  background-color: #223668;
}

.pinakes-icolor{
  color: #223668 !important;
}

.pinakes-ibgcolor{
  background-color: #8bd8c6;
}

.pinakes-alticolor{
  color: #8bd8c6;
}

.pinakes-closecolor{
  color: red;
}

.silver-text{
  color: silver;
}

.silver-bg{
  background-color: silver;
}

.yellow-bg{
  background-color: yellow;
}
/*Fin seccion*/


/*Seccion: clase css que oculta un bloque que sera utilizado como barra de navegación lateral*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

/*Fin seccion*/

/*seccion clase css para que el cursor se muestre como mano*/
.mano {
  cursor: pointer;
}
.heredar-cursor{
  cursor: inherit;
}
/*fin seccion*/

/* Seccion: styles para el hr */
hr { display: block; height: 1px;
  border: 0; border-top: 1px solid #8bd8c6;
  margin: 1em 0; padding: 0; }

.hr-alter { display: block; height: 1px;
  border: 0; border-top: 1px solid silver; padding: 0; }

/*Fin seccion*/

/*
Seccion: disminuir index de botones de sliders
*/
.low-index{
  z-index: 0;
}
/*Fin Seccion*/

/* Seccion: css para el dropdown de "Mi Cuenta"*/

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  display: block;
}

.dropdown:hover .dropdown-content {display: block;}
/*Fin Seccion*/

/* borde gris grueso para la caja derecha de la descripcion de los libros */
.border-desc{
  border: 5px solid silver; 
  border-radius: 25px;
}

/* borde gris fino para la caja derecha para ir a pagar en el carrito (/cart) */
.border-cart{
  border: 3px solid silver; 
  border-radius: 15px;
}

/*Borde negro fino para boton aamarillo*/
.border-btn{
  border: 1px solid black; 
}

/*Radius para los botones de compra*/
.radius-b{
  border-radius: 25px;
}

.radius-b-sm{
  border-radius: 15px;
}

/* Borde inferior para las cabeceras seleccionados en el detalle del producto */
.selected_header{
  border-bottom: 5px solid blue;
}

/*Clases usadas para mostrar y ocultar componentes de la descripcion de productos*/
.mostrando{
  display: block !important;
}

.oculto{
  display: none !important;
}

/*Colores varios*/
.c-red{
  color: red;
}

.c-silver{
  color: #5e5e5e;
}

.c-white{
  color: white;
}

.bg-green{
  background-color: green;
  border-radius: 25px;
}

.bg-yellow{
  background-color: yellow;  
}

.c-black{
  color: black !important;
}

.c-green{
  color: green;
}

/*Seccion: Bordes inferiores grises para el apartado de Sesion y Sguridad de Tu Cuenta*/
.b-bottom-silver{
  border-bottom: 1px silver solid;
}
/*Fin Seccion:*/

/*borde lateral azul*/
.b-right-blue{
  border-right: 1px #8bd8c6 solid;
}

/*borde inferior celeste*/
.b-bottom-blue{
  border-bottom: 1px #8bd8c6 solid;
}

/*borde completo en celeste*/
.border-icon{
  border: 1px #8bd8c6 solid;
}

/*borde completo en celeste*/
.border-btn-preview{
  border: 1px #223668 solid;
}

/*Seccion: Borde gris completo para la seccion de Sesion y Seguridad*/
.border-radius-silver{
  border: 2px silver solid;
  border-radius: 10px;
}
/*Fin Seccion*/

/*Seccion Listas cuadradas*/
.square-list{
  list-style-type: square;
}
/*Fin Seccion*/

/*Seccion: Borde lateral para la caja de filtros*/
.border-right-silver{
  border-right: 2px silver solid;
}
/*Fin Seccion*/


/*===========================
Z-INDEX para backdrop y modal
============================*/
.high-index{
  z-index: 15 !important;
}

.modal-backdrop{
  z-index: 10 !important;
}

/*Fix al error en que la clase modal-dialog-scrollable no hace aparecer el scroll*/
.modal-body{
  overflow-y: auto !important;
}

/*===========================
Clases para el boton de vista rapida
============================*/
.btn-to-bottom{
  position: absolute !important;
  bottom: 0; 
  left: 0;
}

.btn-to-top{
  position: absolute !important;
  top: 0;
  left: 0;
}

.bg-black{
  background-color: black;
}

.outline-shadow-pinakes{
  -webkit-box-shadow: 0px 0px 22px -2px rgba(0,123,255,0.64);
  -moz-box-shadow: 0px 0px 22px -2px rgba(0,123,255,0.64);
  box-shadow: 0px 0px 22px -2px rgba(0,123,255,0.64);
}

.outline-shadow-byrna{
  -webkit-box-shadow: 0px 0px 22px -2px rgba(255, 85, 0, 0.64);
  -moz-box-shadow: 0px 0px 22px -2px rgba(255, 85, 0, 0.64);
  box-shadow: 0px 0px 22px -2px rgba(255, 85, 0, 0.64);
}

.nounder-link{
  text-decoration: none !important;
}

.inherit-cursor{
  cursor: inherit !important;
}

.box-shadow{
  box-shadow: 21px 17px 19px -1px rgba(0,52,133,0.52);
  -webkit-box-shadow: 21px 17px 19px -1px rgba(0,52,133,0.52);
  -moz-box-shadow: 21px 17px 19px -1px rgba(0,52,133,0.52);
}

/*==============================================
CSS para que los dropdown funcionen en el hover (se muestren al pasar el click encima)
================================================*/
.dropdown > .dropdown-menu {
  /*top: 90% !important;*/
  transition: 0.3s all ease-in-out;
}

/*Ponemos 90% para evitar que se el dropdown se oculte por existir un pequeño espacio 
entre el dropdown y el texto que lo muestra haciendo dificil que se seleccione el drop*/
.dropdown-menu{
  top: 90% !important; 
}

.dropdown:hover > .dropdown-menu {
  display: block;
  top: 0;
}

.right-0{
  right:0 !important;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

/*================================================
CSS para que el hover del dropdown sea mas oscura y para que el dropdown no se superponga al
slider de ofertas
=================================================*/
.i-10{
  z-index:10 !important;
}

a.hover-pinakes:hover{
  background-color: #8bd8c6;
  color: #223668;
  font-weight: bold;
}




/*==================================================
CSS para que se muestren correctamente los sliders del swiper
====================================================*/
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.overflow-hidden{
  overflow: hidden;
}

/*Para dimensionar a un tamaño mas compacto los inputs*/
.custom-input-sm{
  min-height: 40px !important;
  height: 40px !important;
}

/*Tamaño del slider*/
.custom-height{
  height: 450px;
}

/*Clases para el articulo del blog*/
.d-rel{
  position:relative;
  display:inline-block;
}
.custom-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgb(0,0,0,0.7);
}
.custom-overlay .over-text{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

/*Clases extras para los slider de swiper*/
.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color:#000;
  opacity: 1;
  background: rgba(0,0,0,0.2);
}
.swiper-pagination-bullet-active {
  color:black;
  background: red;
}

/*=========================================================*/
/*CLASES PARA EL NUEVO FRONTPAGE*/
/*=========================================================*/
  .he10{
      height: 10px;
  }

  .correct-space{
      white-space: normal !important;
  }

  .text-wrap{
    word-wrap: break-word;
  }

  .w80p{
      width: 80px;
  }
  #first-section{
      background-color:rgb(34, 19, 255, 0.1);;
      border-radius: 100px 100px 100px 100px;
      -moz-border-radius: 100px 100px 100px 100px;
      -webkit-border-radius: 100px 100px 100px 100px;
      border: 0px solid #000000;
  }
  #five-section{
      background-color:rgba(34, 19, 255, 0.1);
      border-radius: 100px 100px 100px 100px;
      -moz-border-radius: 100px 100px 100px 100px;
      -webkit-border-radius: 100px 100px 100px 100px;
      border: 0px solid #000000;
  }
  #blog-section{
      background-color:rgb(34, 19, 255, 0.1);
      border-radius: 100px 100px 100px 100px;
      -moz-border-radius: 100px 100px 100px 100px;
      -webkit-border-radius: 100px 100px 100px 100px;
      border: 0px solid #000000;
  }
  #four-section{
      background-color:rgba(34, 19, 255, 0.1);
      border-radius: 100px 100px 100px 100px;
      -moz-border-radius: 100px 100px 100px 100px;
      -webkit-border-radius: 100px 100px 100px 100px;
      border: 0px solid #000000;
  }
  .border-front{
      border-radius: 0px 100px 100px 0px;
      -moz-border-radius: 0px 100px 100px 0px;
      -webkit-border-radius: 0px 100px 100px 0px;
      border: 0px solid #000000;
  }

/*=========================================================*/
/*CLASES DE USO GENERAL*/
/*=========================================================*/
.h70p{
  height: 70px;
}

.w70p{
  width: 70px;
}

.h60p{
  height: 60px;
}

.w60p{
  width: 60px;
}

.radius25up{
  border-radius: 25px 25px 0px 0px;
  -moz-border-radius: 25px 25px 0px 0px;
  -webkit-border-radius: 25px 25px 0px 0px;
}

.radius25down{
  border-radius: 0px 0px 25px 25px;
  -moz-border-radius: 0px 0px 25px 25px;
  -webkit-border-radius: 0px 0px 25px 25px;
}

.radius25right{
  border-radius: 0px 25px 25px 0px;
  -moz-border-radius: 0px 25px 25px 0px;
  -webkit-border-radius: 0px 25px 25px 0px;
}

.radius25{
  border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  -webkit-border-radius: 25px 25px 25px 25px;
}

.radius50{
  border-radius: 50px 50px 50px 50px;
  -moz-border-radius: 50px 50px 50px 50px;
  -webkit-border-radius: 50px 50px 50px 50px;
}

.inpradius15{
  border-radius: 15px !important;
}

/*Clases para la TV*/
.video-js .vjs-big-play-button{
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    border: 5px solid #17A2B8;
    background-color: #007BFF;
    border-radius: 25px;
}
.video-js .vjs-big-play-button:hover{
    border: 5px solid #007BFF;
    background-color: #17A2B8;
}
.video-js .vjs-control-bar{
    background-color: #17A2B8;
    font-size: larger;
}
.banner-link{
    position: absolute;
    top: 5px;
    right: 5px;
    border: 2px solid red;
}

.video-js .vjs-volume-menu-button{
  background-color: #17A2B8;
}

/**
CSS PARA EL FRONT PAGE DE QUEPD
**/
.bg-redfc2625{
  background-color: #fc2625;
}
.bg-black212227{
  background-color: #212227;
}
.bg-silverd5ccc3{
  background-color: #d5ccc3;
}
.color23569c{
  color: #23569c;
}
.color464040{
  color: #464040;
}
.bg-color004aad{
  background-color: #004aad;
}
/**
FIN CSS PARA EL FRONT PAGE DE QUEPD
**/

/*Colores personalizados para la pagina frontal de portalizate*/
.bg-naranja{
  background-color: #cb4a27;
}
.bg-grisaceo{
  background-color: #3a4f66;
}

.swiper-slide-thumb-active{
  background-color: #17A2B8;
}

.m0-parrafo p{
  margin: 0px;
}

/*Necesario para el  zoom de imagen*/
.zoom-result{
  border: 1px solid black;
  width: 300px;
  height: 300px;
}

.zoom-lens{
  position: absolute;
  width: 50px;
  height: 50px;
}

/*Tamaños de fuente*/
.f48{
  font-size: 48px;
}
.f28{
  font-size: 28px;
}
.f26{
  font-size: 26px;
}
.f18{
  font-size: 18px;
}
.f16{
  font-size: 16px;
}
.f14{
  font-size: 14px;
}

.border-radius-silver{
  border: 2px silver solid;
  border-radius: 10px;
}

/*Usado por seeslive*/
#front_personalizado{
  background-image:url('/sites/default/files/coach_uno_uno.jpg'); 
  background-size:cover; 
  background-repeat: no-repeat; 
  height: 500px;
}

#front_corporativo{
  background-image:url('/sites/default/files/coach_empresa.jpg'); 
  background-size:cover; 
  background-repeat: no-repeat; 
  height: 500px;
}

#front_digital{
  background-image:url('/sites/default/files/coach_digital.jpg'); 
  background-size:cover; 
  background-repeat: no-repeat; 
  height: 500px;
}

.bg-parallax-sees{
  background-image:url('/sites/default/files/bg_parallax_sees.png');
  background-attachment:fixed; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 512px;
  background-color: black;
}

/*Para tucasa click*/
.bg-transparente{
  height: 100%;
  position: absolute;
  background-color: rgba(0,123,255, 0.5);
  width: 100%;
  z-index: 1;
}

.portalizate-blue{
  background-color: #1d84c3 !important;
}

.hace-rotar{
  animation: rotation 2s infinite linear;
}


@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.bg-of-img {
  display: inline-block;
  /*overflow: hidden;*/
  position: relative;
  width: 100%;
}

.img-to-bg {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.h500{
  height: 500px;
}

.z2 {
  z-index: 2;
}

.z5 {
  z-index: 5;
}

.container-overlap {
  position: relative;
  text-align: center;
}

.centered-overlap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.naranja-byrna{
  color: #f0813c !important;
}

.bg-naranja-byrna{
  background-color: #f0813c !important;
}