@font-face
{
   font-family: "whitneybookbas";
   src: url("../fonts/whitneybookbas/whitneybookbas.eot");
   src: url("../fonts/whitneybookbas/whitneybookbas.eot") format("embedded-opentype"),
        url("../fonts/whitneybookbas/whitneybookbas.woff") format("woff"),
        url("../fonts/whitneybookbas/whitneybookbas.ttf") format("truetype"),
        url("../fonts/whitneybookbas/whitneybookbas.svg") format("svg");
}


html,
body {
    height: 100%;
    font-family: 'whitneybookbas' !important;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}


.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.icon-login
{
  font-size: 15rem;
  opacity: 0.3;
}

.iconos
{
  font-size: 2rem !important;
  color: white !important;
  opacity: 1 !important;
}

.key
{
  font-size: 10px !important;
}
.key, .msg
{
  margin-top: 10px;
}

.formularios
{
    margin-bottom: 15px;
}

.input-Transparente
{
    background-color: #948E8E;
    opacity: 0.7;
    border: 0;
    color: white;
}


form 
  {
    margin-top: 2rem;
  }



.flecha-next, .flecha-prev
{
  display: inline-block;
  position: relative;
  top: 40%;
  z-index: 5;
  font-size: 40px;
  line-height: 2;
}

#recuperar-Email
{
  background-color: #b57ec2;;
  border:0;
}

#btn-login
{
  background-color: #2e71f2;
}

#validar-Contacto
{
  background-color: #dc6ca7;
  border: 0;
}

#recuperar-Email, #btn-login, #validar-Contacto
{
  border-radius: 50px;
}


.Copyrigth
{
   font-size: 9px;
   color: white; 
}

::-webkit-input-placeholder {
   color: white !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: white !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white !important;  
}

:-ms-input-placeholder {  
   color: white !important;  
}

@media only screen and (min-width: 991px){

  .carousel-caption
  {
      padding-bottom: 16.5%;
  }

  h1
  {
    margin-bottom: 1rem;
  }
  
  form
  {
    margin-top:2rem; 
  }


    .carousel-control.left, .carousel-control.right
    {
        z-index: 10;
    }
    .flecha-next, .flecha-prev
    {
      font-size: 40px;
    }
    .flecha-prev
    {
      right: -55px;
    }

    .flecha-next
    {
      left: -20%;
    }

    .carousel-control {
        width: 20% !important;
    }

    .btn-block 
    {
      width: auto;
    }

    #recuperar-Email, #btn-login, #validar-Contacto
    {
      width: 9rem;
    }


    .izq
    {
      text-align: right;
    }
    .der
    {
      text-align: left;
    }

    .carousel-caption button 
    {
      margin-left: 20px;
    }

}

@media(max-width:567px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}

.carousel-caption
      {
        padding-bottom: 7%;
      }

      .icon-login
      {
       /* display: none;*/
      }

    .flecha-next, .flecha-prev
{
  display: inline-block;
  position: relative;
  display: none;
  top: 40%;
  z-index: 5;
  font-size: 40px;
  line-height: 2;
}
}

@media(min-width:568px) and (max-width:767px){
	.carousel-caption
      {
        padding-bottom: 16.5%;
      }
	  
	 .flecha-next, .flecha-prev
{
  display: inline-block;
  position: relative;
  display: none;
  top: 40%;
  z-index: 5;
  font-size: 40px;
  line-height: 2;
}
}


@media(min-width:768px) and (max-width:991px){
	.carousel-caption
      {
        padding-bottom: 16.5%;
      }
	  
	  .flecha-next, .flecha-prev
{
  display: inline-block;
  position: relative;
  display: none;
  top: 40%;
  z-index: 5;
  font-size: 40px;
  line-height: 2;
}
}

@media(min-width:992px) and (max-width:1199px){
	
	.flecha-next, .flecha-prev
{
  display: inline-block;
  position: relative;
  display: none;
  top: 40%;
  z-index: 5;
  font-size: 40px;
  line-height: 2;
}
}

@media(min-width:1200px){
	
	.flecha-next, .flecha-prev
{
  display: inline-block;
  position: relative;
  top: 40%;
  z-index: 5;
  font-size: 40px;
  line-height: 2;
}
}