/*!
 * LONG ISLAND WEBSITE
 * Version - 1.0
 * Licensed under the MIT license - http://polygonag.com
 *
 * Copyright: (c) 2017 Codein MX
 * Author: Vannelo

 * - RESOURCES -
 * COLORS
 * ACCENT 1: #;
 * ACCENT 2: #;

*/


/* TIPOGRAFIA */

	@font-face {
	font-family: long;
	src: url("Avenir-Medium.ttf");
	font-weight: 600;
	}

	@font-face {
	font-family: long;
	src: url("Avenir-Black.ttf");
	font-weight: 900;
	}
	@font-face {
	font-family: long;
	src: url("Avenir-Light.ttf");
	font-weight: 300;
	}


/* GENERAL */
	.row {
		margin-bottom: 0 !important;
	}
	body {
		background-color: black;
		font-family: long;
	}



/* SECTION MENU */
	.section-menu {
		background-color: #5f5f5f;
		text-align: center;
		padding: 10px 0px 0px 0px;
		position: fixed;
		width: 100%;
		z-index: 999;
	}
	.img-logo-menu {
		width: 100px;
		transition-duration: .3s;
	}
	.img-menu-item {
		height: 35px;
		margin: 0px 10px;
		transition-duration: .3s;
	}
	.img-social {
		width: 30px;
		transition-duration: .3s;
	}
	.img-logo-menu:hover, .img-menu-item:hover, .img-social:hover {
		opacity: .5;
		transition-duration: .3s;
	}

	

/* MENÚ MOBILE */
	.section-menu-mobile {
		background-color: #5f5f5f;
		padding: 10px;
		width: 100%;
		position: fixed;
		z-index: 999;
	}
	.mobile-items {
		display: none;
	}
	.boton-mobile {
		width: 35px;
		float: right;
		cursor: pointer;
	}
	.linea-mobile {
		width: 100%;
		height: 2px;
		background-color: white;
		margin: 7px 0px;
	}



/* SECTION HEADER */
	.section-header {
		width: 100vw;
		height: 80vh;
		background-color: black;
		text-align: center;
	}
	.section-header img {
		width: 75vw;
		margin-top: 30vh;
	}
	.mobile-items {
		text-align: center;
	}
	.img-menu-item-mobile {
		display: block;
		margin: auto;
		margin-top: 5px;
		margin-bottom: 5px;
	}

/* SECTION INFO */
	.section-info {
		width: 100%;
		color: white;
		background-color: black;
		background-image: url(../img/back-01.jpg);
		background-size: cover;
		background-position: center;
		padding: 200px 20px;
		font-size: 1.6em;
		text-align: center;
		font-weight: 300;
	}
	

/* SECTION SERVICIOS */
	.section-servicios {
		width: 100%;
		background-color: white;
		padding: 100px 0px;
		color: black;
		text-align: center;
	}
	.section-servicios > .row > .izquierda img {
		width: 80%;
		margin: 20px 0px;
	}
	.section-servicios > .row > .derecha img {
		width: 80%;
		margin: 20px 0px;
	}
	.section-servicios > .row > .centro img {
		width: 40%;
		margin: 20px 0px;
	}
	.servicios-desktop {
		display: block;
	}
	.servicios-mobile {
		display: none;
	}


/* SECTION TEAM */
	.section-team {
		width: 100%;
		background-color: ;
		color: white;
		text-align: center;
		background-image: url();
		background-size: cover;
		background-position: center;
	}
	.section-team > .row > img {
		width: 50%;
		margin: 40px;
	}
	.section-team > .nombres img {
		width: 60%;
		margin: 40px 0px;
	}
	.img-team-header {
		width: 50%;
		margin: 0px 0px 100px 0px;
	}



/* SECTION CLIENTES */
	.section-clientes {
		width: 100%;
		background-color: ;
		color: black;
		text-align: center;
		background-image: url();
		background-size: cover;
		background-position: center;
	}
	.section-clientes > .parallax-container > .row > img {
		width: 50%;
	}
	.section-clientes > .parallax-container > .logos img {
		width: 80%;
		margin: 40px 0px;
	} 

/* SECTION CONTACTO */
	.section-contacto {
		width: 100%;
		background-color: ;
		color: black;
		text-align: center;
		background-image: url();
		background-size: cover;
		background-position: center;
	}
	.section-contacto p {
		color: #f7c759;
		font-size: 30px;
		font-weight: bold;
		text-align: left;
	}
	.section-contacto img:nth-child(1) {
		width: 60%;
	}
	.section-contacto img:nth-child(3) {
		width: 50%;
	}


/* SECTION FOOTER */
	.section-footer {
		background-color: white;
		padding: 50px 0px;
		text-align: center;
	}
	.section-footer .l6 img {
		width: 70%;
	}
	.section-footer a {
		color: black;
	}
	.section-footer .l12 {
		letter-spacing: 5px;
		font-weight: bold;
	}


/* SECTION VIDEO */
	.section-video {
		width: 100%;
		text-align: center;
	}
	.section-video video {
		width: 20%;
	}

/* RESPONSIVE */
	@media only screen and (max-width: 850px) {
	    .section-menu {
	    	display: none;
	    }
	    .section-menu-mobile {
	    	display: block;
	    }
	    .section-contacto {
			width: 100%;
			background-color: black;
			padding: 100px 20px;
			color: black;
			text-align: center;
			background-image: url(../img/contacto-bg.jpg);
			background-size: cover;
			background-position: right;
		}
		.section-info {
			background-image: url(../img/fondo-colores.jpg);
		}
		.servicios-desktop {
			display: none;
		}
		.servicios-mobile {
			display: block;
		}
		  
	    
	}
	@media only screen and (min-width: 850px) {
		.section-menu-mobile {
	    	display: none;
	    }

	}