.social1 {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	top: 217px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
#h51{
	color: #0044CC;
}

#img2{
	margin: 5px;
}
.hvr-grow{display:inline-block;
	vertical-align:middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	padding-top: 15px;
}

	.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{
		-webkit-transform:scale(1.1);
		transform:scale(1.1)}
 
	.social1 ul {
		list-style: none;
	}
 
	.social1 ul li a {
		display: inline-block;
		color:#fff;
		margin-left: 20px;
		background: #000;
		padding: 10px 15px;
		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 */
	}
 
	.social1 ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class #DF0101*/
	.social1 ul li .icon-twitter {background: #00abf0;}
	.social1 ul li .icon-google {background: #dd4b39;}
	.social1 ul li .icon-pinterest {background: #ae181f;}
	.social1 ul li .icon-mail {background: #666666;}
 
	.social1 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 */
	}

	/*------------------------------------------------------------------------termina un social bar------------------------------------------------------------------------*/

.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	/*bottom: 0px; /* Establecemos la barra en la izquierda */
	/*left: 200px;*/
	/*right: 1%;*/
	top: 210px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 100; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

.social2 ul .l2{
	display: none;
}

/*.social1 ul .l2{
	display: none;
}*/
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		margin-left: 10px;
		/*margin-right: 40px;
		padding-right: 40px;
		right: 40px;*/
		display: inline-block;
		/*right: 0;*/
		/*color:#fff;*/
		/*background: rgba(241, 241, 241, 0.5);*/
		/*padding: 5px 5px;*/
		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(39, 15, 228, 0.3);} /* Establecemos los colores de cada red social, aprovechando su class #DF0101*/
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-google {background: #dd4b39;}
	.social ul li .icon-youtube3 {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}

	
 
	.social ul li a:hover {
		/*background:rgba(241, 241, 241, 0.5);  Cambiamos el fondo cuando el usuario pase el mouse */ 
		/*padding: 100px 100px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}


	.div1{
		margin-top: 68px;
		
	}
	
	.separa{
		border-bottom: 1px solid #3499dd;
		height: 1px;
		margin-bottom: 10px;
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
	}

	.social2{
		display: none;
		background-color: #fff;
		position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
		bottom: 0px; /* Establecemos la barra en la izquierda */
		z-index: 200; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
	}
	


@media screen and (max-width: 1200px){
	.social1{
		display: none;
	}
	.social{
		display: none;
	}


.social2 {
	display: block;
	background-color: #fff;
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	bottom: 0px !important; /* Establecemos la barra en la izquierda */
	z-index: 100 !important; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
		height: 85px;
		width: 100%;
}


		.social ul .l1{
			display: none;
		}


	

	.social2 ul .l2{
	display: block !important;

}
 

	.social2 ul li a .i1{
		width: 75px;
		height: 75px;
	}

	
	.div1{		
		z-index: 100;
		display: none;
	}
	


	}


.video-container {
    position: relative;
    padding-bottom: 300px;
    padding-top: 35px;
    height: 300px;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.separamin{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-right: 0px !important;
	padding-left:  0px !important;
}
.separamin1{
	margin-bottom: 0px !important;
}