body{
   background:rgb(37, 36, 36);

}
a:link
{
text-decoration:none !important;  
}

.lun:hover{
  background :rgb(49, 48, 48) !important;
 }

.mega-menu{width: 1000px; overflow: hidden; padding: 10px; margin: 0 !important;       }
.mega-menu a{text-decoration: none; color: rgb(250, 250, 251); text-decoration: none; }
.mega-menu .sub-menu-heading{ color: rgb(246, 246, 252); text-decoration: none;}
@media(max-width:500px){
	.mega-menu{width: 500px;}
}

.mega-menu2{width: 800px; overflow: hidden; padding: 10px; margin: 0 !important;       }
.mega-menu2 a{text-decoration: none; color: rgb(250, 250, 251); text-decoration: none; }
.mega-menu2 .sub-menu-heading{ color: rgb(246, 246, 252); text-decoration: none;}
@media(max-width:500px){
	.mega-menu2{width: 500px;}
}

.mega-menu3{width: 650px; overflow: hidden; padding: 10px; margin: 0 !important;       }
.mega-menu3 a{text-decoration: none; color: rgb(250, 250, 251); text-decoration: none; }
.mega-menu3 .sub-menu-heading{ color: rgb(246, 246, 252); text-decoration: none;}
@media(max-width:500px){
	.mega-menu3{width: 500px;}
}

.aa{
   color: #fdfbfb !important;
   }

.aa:hover{
color: #ffffff !important;
background-color: rgb(35, 34, 36) !important;
}


 .navbar-default .navbar-toggle {
   border-color: transparent;
   color: #fff !important;
 }

 
 .azl{
   color: rgb(112, 126, 245);
 }
 
h2{
  color:rgb(26, 25, 25);
}

.boton{
  color:rgb(112, 126, 245);
  background: rgb(255, 255, 255) ;
  padding: 6px;
  border-radius: 15px;
}

.boton:hover{
  color:rgb(255, 255, 255);
  background: rgb(112, 126, 245) ; 
}

.card-block{
  background: rgb(20, 20, 20) ;
}

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: arial;
}

 
#header-form{
  position: relative;
}
#input-search{
  z-index: 2;
  width: 300px;
  height: 40px;
  font-size: 20px;
  text-indent: 10px;
}

.content-search{
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  background: rgba(0, 0, 0, 0.335);
  display: none;
}

.content-table{
  z-index: 2;
 float: right;
  width: 30%;
  max-height: 200px;
  height: auto;
  background: rgba(0, 0, 0, 0.534);
  margin-right: 10px;
  overflow-y: visible;
  overflow-x: hidden;
}

.content-table table{
  z-index: 2;
   width: 100%;
}

tbody tr td a{
  z-index: 2;
   display: block;
  padding: 10px;
  color: white;
  text-decoration: none !important;
}

tbody tr td a:hover{
  z-index: 2;
   background: rgba(0, 0, 0, 0.726);
}

#table_length, #table_filter, #table_info, #table_paginate{
   display: none;
}

.l:hover{
  color: #fff !important;
}

.f:hover{
    text-decoration: none !important;
    color: #fff !important;
}

.container-portada{
  width: 100%;
  height: 400px;
  position: relative;
  background-image: url(../img/PGFFHG0.jpg);
  background-size: 200%;
  animation: movimiento 20s infinite linear alternate;  
}

.container-portada1{
  width: 100%;
  height: 400px;
  position: relative;
  background-image: url(../img/video.jpg);
  background-size: 200%;
  animation: movimiento 20s infinite linear alternate;  
}

@keyframes movimiento{
  from{
      background-position: bottom left;
  }to{
      background-position: top right;
  }
}


.capa-gradient{
  width: 100%;
  height: 100%;
  position: absolute;
  background: -webkit-linear-gradient(left, black, rgb(13, 32, 83));
  opacity: 0.59;
}

.container-details{
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: auto;
}


.details{
  width: 100%;
  max-width: 500px;
  position: relative;
  top: 20px;
  margin-right: 100px;
  color: white;
}

.details h1{
  font-size: 40px;
  font-weight: 100;
}

.details p{
  margin-top: 10px;
  font-size: 20px;
  font-weight: 100;
}

.details button{
  padding: 10px 20px;
  font-size: 16px;
  background: none;
  border-style: none;
  border: 1px solid white;
  color: white;
  margin-top: 20px;
  transition: background 300ms;
  cursor: pointer;
}

.details button:hover{
  background: white;
  color: black;
}
 

#testimonial {
  background: #3e4042;
  color:white;
  padding: 50px 0 30px 0;
  text-align:center;
  margin-top: 40px;
}

.wrapper{
	width: 100%;
	margin-top: 150px;
	background: #fff;
	padding: 30px 0;
}

.slider-testimonial{
	width: 85%;
	max-width: 1400px;
	margin: auto;
}

.testimonial-client{
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.testimonial-client img{
	width: 200px;
}

.client-name{
	font-family: "Open sans";
	font-weight: 600;
	text-align: center;
}

.testimonial-text{
	padding: 10px 120px;
}

.testimonial-text p{
	font-family: "Open sans";
	font-size: 25px;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	color: #454545;
}
 
.root {
  padding: 15px;
}

.gallery {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 5px 5px;
  font-size: 16px;
  max-width: 1200px;
  margin: auto;
}

.gallery__item {
  position: relative;
  cursor: pointer;
}

.gallery__img {
  display: block;
  max-width: 100%;
}

.gallery__item:before, .gallery__item:after {
  position: absolute;
  transition: all .2s;
}

.gallery__item:before {
  color: #fff;
  font-size: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.gallery__item:hover:before {
  font-size: 1.5rem;
}

.gallery__item:after {
  display: block;
  content: '';
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  background-color: rgba(0 ,0 , 0, .4);
  z-index: 1;
}

.gallery__item:hover:after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.gallery__item:after, .gallery__item, .gallery__img {
  border-radius: 5px;
}

.gallery-lightbox {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0 ,0 , 0, .8);
  font-size: 16px;
  padding: 0 15px;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.gallery-lightbox.show {
  display: flex;
}

.gallery-lightbox__modal {
  position: relative;
  background-color: #fff;
  padding: 5px;
  max-width: 650px;
  border-radius: 5px;
}

.gallery-lightbox__img {
  display: block;
  width: 100%;
}

.gallery-lightbox__control {
  position: absolute;
  cursor: pointer;
}

.gallery-lightbox__control:before {
  display: block;
}

.gallery-lightbox__control.icon-close {
  top: -14px;
  right: -14px;
  padding: 5px;
  background-color: #fff;
  border-radius: 50%;
  font-size: .8rem;
}

.gallery-lightbox__control.icon-back, .gallery-lightbox__control.icon-next {
  top: 50%;
  font-size: 2rem;
  transform: translateY(-50%);
  color: #fff;
}

.gallery-lightbox__control.icon-back {
  left: 10px;
}

.gallery-lightbox__control.icon-next {
  right: 10px;
}

@media screen and (min-width: 576px) {
  .gallery {
      grid-template-columns: repeat(2, auto);
  }
}

@media screen and (min-width: 768px) {
  .gallery {
      grid-template-columns: repeat(3, auto);
  }

  .gallery-lightbox__control.icon-close {
      top: -19px;
      right: -19px;
      font-size: 1.2rem;
  }

  .gallery-lightbox__control.icon-back, .gallery-lightbox__control.icon-next {
      font-size: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .gallery {
      grid-template-columns: repeat(4, auto);
  }
}

 .sad{ 
   color: white !important ;
   float: left; 
   background: rgb(16, 76, 167) ;
   font-size: 14px !important;
   margin-left:9px !important;
   margin-bottom:9px !important; 
   border-radius: 50px !important;
   padding: 5px !important;
 }

 .sad:hover{
    background: rgb(22, 22, 22)  ;
 }

 .active1 {
  color: #ffffff !important;
  background-color: rgb(35, 34, 36) !important;
 }