/* MATERIAL DESIGN ICONS */

	@font-face {
	  	font-family: 'Material Icons';
	  	font-style: normal;
	  	font-weight: 400;
	  	src: local('Material Icons'), local('MaterialIcons-Regular'), url(../../fonts/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
	}

	.material-icons {
	  	font-family: 'Material Icons';
	  	font-weight: normal;
	  	font-style: normal;
	  	font-size: 24px;
	  	line-height: 1;
	  	letter-spacing: normal;
	  	text-transform: none;
	  	display: inline-block;
	  	white-space: nowrap;
	  	word-wrap: normal;
	  	direction: ltr;
	  	-webkit-font-feature-settings: 'liga';
	  	-webkit-font-smoothing: antialiased;
	}

/* MENU */
	.white-space {
		white-space: nowrap;
	}
	.navbar{
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
		    -ms-border-radius: 0px;
		     -o-border-radius: 0px;
		        border-radius: 0px;
	}

	#menu_principal ul > li{
		margin-left: 10px;
	}

	#nav-icon {
	  	width: 40px;
	  	height: 40px;
	  	margin-top: 5px;
	  	-webkit-transform: rotate(0deg);
	  	   -moz-transform: rotate(0deg);
	  	     -o-transform: rotate(0deg);
	  	        transform: rotate(0deg);
	  	-webkit-transition: .5s ease-in-out;
	  	   -moz-transition: .5s ease-in-out;
	  	     -o-transition: .5s ease-in-out;
	  	        transition: .5s ease-in-out;
	  	cursor: pointer;
	}

	#nav-icon span{
	  	display: block;
	  	position: absolute;
	  	height: 5px;
	  	width: 100%;
	  	background: #fff;
	  	opacity: 1;
	  	left: 0;
	  	-webkit-transform: rotate(0deg);
	  	   -moz-transform: rotate(0deg);
	  	     -o-transform: rotate(0deg);
	  	        transform: rotate(0deg);
	  	-webkit-transition: .25s ease-in-out;
	  	   -moz-transition: .25s ease-in-out;
	  	     -o-transition: .25s ease-in-out;
	  	        transition: .25s ease-in-out;
	}
	#nav-icon span:nth-child(1) {
	    top: 0px;
	    -webkit-transform-origin: left center;
	    -moz-transform-origin: left center;
	    -o-transform-origin: left center;
	    transform-origin: left center;
	}

	#nav-icon span:nth-child(2) {
	  	top: 10px;
	  	-webkit-transform-origin: left center;
	  	-moz-transform-origin: left center;
	  	-o-transform-origin: left center;
	  	transform-origin: left center;
	}

	#nav-icon span:nth-child(3) {
	  	top: 20px;
	  	-webkit-transform-origin: left center;
	  	-moz-transform-origin: left center;
	  	-o-transform-origin: left center;
	  	transform-origin: left center;
	}

	.menu-responsive.active #nav-icon span:nth-child(1) {
	  	-webkit-transform: rotate(45deg);
	  	-moz-transform: rotate(45deg);
	  	-o-transform: rotate(45deg);
	  	transform: rotate(45deg);
	  	top: -4px;
	  	left: 4px;
	}

	.menu-responsive.active #nav-icon span:nth-child(2) {
	  	width: 0%;
	  	opacity: 0;
	}

	.menu-responsive.active #nav-icon span:nth-child(3) {
	 	-webkit-transform: rotate(-45deg);
	 	-moz-transform: rotate(-45deg);
	 	-o-transform: rotate(-45deg);
	 	transform: rotate(-45deg);
	 	top: 24px;
	 	left: 4px;
	}

/* GLOBALS */

	.color-red{
		color: #ff0000;
	}

	.color-green{
		color: #00ff00;
	}

	.visible-xs{
		display: none;
	}
	.hidden-xs{
		display: block;
	}
	.owl-responsive [class*='col-']{
		width: 100% !important;
		max-width: 100% !important;
	}
	.mask-menu{
		z-index: -999;
	}
	.menu-responsive.active .mask-menu{
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 99;
		-webkit-opacity: 0;
		   -moz-opacity: 0;
		    -ms-opacity: 0;
		     -o-opacity: 0;
		        opacity: 0;
	}
	.menu-responsive.active .mask-menu,
	.mask-menu{
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
		    -ms-transition: all .25s;
		     -o-transition: all .25s;
		        transition: all .25s;
	}
	.title-image:hover{
		position: relative;
	}
	.title-image[title]:hover:after{
		content: attr(title);
		padding: 4px 8px;
		position: absolute;
		left: 0;
		top: 100%;
		white-space: nowrap;
		z-index: 20px;
		background:red;
	}

/* RESPONSIVE */

	@media screen and (max-width: 992px){
		.nav-item .fa-whatsapp{
			font-size: 20px;
			margin-top: 0px;
		}
		.navbar-brand img{
			height: 50px;
			width: auto;
		}
		#menu_principal .navbar-brand img{
			height: 50px;
			width: auto;
		}
		.owl-responsive.row{
			margin: 0px !important;
		}

		/* MENU RESPONSIVE */
		
		#menu_principal{
			position: fixed;
			top: 0;
			left: -260px;
			height: 100%;
			width: 260px;
			background-color: rgba(0, 0, 0, 0.98);
			-webkit-transition: all .25s;
			   -moz-transition: all .25s;
			    -ms-transition: all .25s;
			     -o-transition: all .25s;
			        transition: all .25s;
		}
		.menu-responsive.active #menu_principal{
			left: 0;
		}
		#menu_principal ul > li{
			margin-left: 0px;
		}
		#menu_principal ul > li > a{
			padding: 15px;
		}
		#menu_principal ul > li.active{
			border-left: 3px solid #fff;
		}
		#menu_principal .navbar-brand{
			padding: 15px;
		}
		#close-menu{
			position: absolute;
			left: 0px;
			bottom: 0px;
			background-color: #222 !important;
			color: #999 !important;
			-webkit-border-radius: 0px;
			   -moz-border-radius: 0px;
			    -ms-border-radius: 0px;
			     -o-border-radius: 0px;
			        border-radius: 0px;
		}
		.menu-responsive.active .mask-menu{
			-webkit-opacity: 1;
			   -moz-opacity: 1;
			    -ms-opacity: 1;
			     -o-opacity: 1;
			        opacity: 1;
		}
		.visible-xs{
			display: block;
		}
		.hidden-xs{
			display: none;
		}
	}