@charset "utf-8";
/* CSS Document */


  header {
  position: relative;
  background-color: black;
  height: auto;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.uk-margin{
	color:#666!important}

/*tabs1*/
.tabs1 ul li a.active {
  border-bottom-color: #2bb6b9 !important;
}
.tabs1 .tab-list-wraper ul li:before {
  background-color: #2bb6b9;
}
.tabs1 .colorBG {
  background-color: #2bb6b9;
}

 .social {
	position: fixed; /* Hacemos que la posici��n en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0px; /* Establecemos la barra en la izquierda */
	top: 110px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 9000; /* Utilizamos la propiedad z-index para que no se superponga alg��n otro elemento como sliders, galer��as, etc */
}
 
	.social ul {
		list-style: none;
	}
	
/*	li {
  float: left;
}*/
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 5px 10px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transici��n a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background: rgba(0, 0, 0, 0.0);} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-instagram {background: rgba(0, 0, 0, 0.0);}
	.social ul li .icon-googleplus {background: rgba(0, 0, 0, 0.0);}
	.social ul li .icon-pinterest {background: rgba(0, 0, 0, 0.0);}
	.social ul li .icon-phone {background: rgba(0, 0, 0, 0.0);}
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		/*padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}

.form-control {
    background-color: #f5f5f5;
    box-shadow: none;
    color: #565656;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    line-height: 1.0;
    min-height: 1.5em;
    padding: 1.07em .5em;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

.modal-lg {
    max-width: 400px;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
	max-width:365px;
	margin-top:-50px;
	text-align:center;
    pointer-events: auto;
    background-color:rgba(255,255,255,.9);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* padding: 1rem; */
    padding-right: 1rem !important;
    border-bottom: 1px solid #e9ecef; 
    border-top-left-radius: .3rem; 
    border-top-right-radius: .3rem; 
}

.card-img .mbr-iconfont {
    line-height: 191px;
    width: 195px;
    height: 195px;
    border: 2px solid #fff;
    border-radius: 195px;
    display: inline-block;
    font-size: 120px;
    text-align: center;
    transition: all .3s;
    color: #fff;
}

.mbr-iconfont {
   /* background: #2bb6b9;
    border-color: #2bb6b9;*/
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('assets/images/fondo-4-1920x1280.jpg') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}