/*

Theme Name: foodtrucks

Description: starcool | Designed by: bioxnet

Author: Bioxnet

Author URI: https://bioxnet.com/

*/



/*Reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font-family: 'Roboto', sans-serif;

	vertical-align: baseline;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

	background-color: #FFF;

	font-family: 'Roboto', sans-serif;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/*End Reset*/

.claerfix {

	clear: both;

}

/* //////////////////////////// ////////////////////////////////////////////////////*/

/* //////////////////////////// MENU CSS //////////////////////////////////////////*/

/* ////////////////////////////////////////////////////////////////////////////////*/





.slicknav_menu {

	display: none;

}

 @media screen and (max-width: 1028px) {

.js .menu {

	display: none;

}

.js .slicknav_menu {

	display: block;

}

}

/*** ESSENTIAL STYLES MENU ***/



.bg-menu {

	float: left;

	width: 100%;

	margin: 0 0 0 0;

	position: relative;

	z-index: 990;

	clear: both;

	background-color: #0089e1;

	border-bottom: 5px solid #dddddd;

}

.content-menu {

	width: 870px;

	height: 40px;

	float: left;

	position: relative;

	z-index: 990;

	clear: both;

	margin: -53px 0 0 163px;

}

.menu, .menu * {

	margin: 0;

	padding: 0;

	list-style: none;

}

.menu li-menu-hide {

	display: none !important;

}

.menu li {

	position: relative;

}

.menu li.menu-hide {

	display: none;

}

.menu ul {

	position: absolute;

	display: none;

	top: 100%;

	left: 0;

	z-index: 99;

	border-top: 2px solid #036EB3;

	box-shadow: 0 3px 5px #bababa;

	box-shadow: 0 3px 5px rgba(0,0,0,0.3);

	background-color: #FFF;

}

.menu > li {

	float: left;

}

.menu li:hover > ul {

	display: none;

}

.menu li a {

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 13px;

	text-transform: uppercase;

	color: #FFFFFF;

	padding: 15px 3px 5px 3px;

	text-decoration: none;

	zoom: 1;

	display: block;

	position: relative;

}

.menu li a:hover {

	color: #FFFFFF;

	text-decoration: none;

}

.menu ul ul {

	top: 0;

	left: 100%;

	border-top: 2px solid #0089e1;

}

.menu > li > .parent {

	background-image: url("https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/downArrow.png");

	background-repeat: no-repeat;

	background-position: right 17px;

	position: relative;

}

.menu ul {

	min-width: 8em;

 *width: 8em;

}

.menu li ul li a {

	color: #7E7E7E;

	font-weight: 300;

	font-size: 14px;

	border-right: none;

	padding: 10px 0;

	text-transform: capitalize;

}

.menu li ul li a:hover {

	color: #0089e1;

	padding: 10px 0 10px 3px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

}

.menu li {

	white-space: nowrap;

 *white-space: normal;

	-webkit-transition: background .2s;

	transition: background .2s;

	margin-right: 20px;

}

/*background sub menu */



.menu ul li {

	background: #FFF;

	border-bottom: 1px solid #f5f5f5;

	margin: 0 5px;

	padding: 0px 10px;

	min-width: 185px;

}

.menu ul li:last-child {

	border-bottom: 0;

}

/*background sub sub menu */

.menu ul ul li {

	background: #FFF;

	border-bottom: 1px solid #f5f5f5;

}

/*background sub sub sub menu */

.menu ul ul ul li {

	background: #5485b2;

	border-bottom: 1px solid #6D9AC3;

}

/*hover menu*/

.menu li:hover {

	-webkit-transition: none;

	transition: none;

}

.menu li.active {

	border-bottom: 3px solid #ffcf01;

}

/*hover sub menu*/

.menu li li:hover {

	background: #FFF;

	opacity: 1;

	-webkit-transition: none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

}

/*hover sub sub menu*/

.menu li li li:hover {

	background: #FFF;

	opacity: 1;

	-webkit-transition: none;

	transition: none;

}

.menu > li.hover > ul {

	left: 0;

	opacity: 1;

}

.menu li li.hover ul {

	left: 100%;

	top: 0;

}

/* //////////////////////////// ////////////////////////////////////////////////////*/

/* //////////////////////////// MENU CSS MOBIL /////////////////////////////////////*/

/* ////////////////////////////////////////////////////////////////////////////////*/



.slicknav_btn {

	position: relative;

	display: block;

	vertical-align: middle;

	float: left;

	padding: 0.438em 0.625em 0.438em 0.625em;

	line-height: 1.125em;

	cursor: pointer;

}

.slicknav_menu .slicknav_menutxt {

	display: block;

	line-height: 1.188em;

	float: right;

}

.slicknav_menu .slicknav_icon {

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/DownMenu.png);

	background-repeat: no-repeat;

	background-size: 88px;

	float: right;

	width: 88px;

	height: 40px;

	border-radius: 0px;

	margin: 6px 0 2px 0;

}

.slicknav_menu .slicknav_no-text {

	margin: 0

}

.slicknav_menu .slicknav_icon-bar {

	display: block;

	width: 34px;

	margin: 8px auto;

	height: 0.18em;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

/*margin-top: 0.188em*/

}

.slicknav_nav {

	clear: both

}

.slicknav_nav ul, .slicknav_nav li {

	display: block

}

.slicknav_nav .slicknav_arrow {

	font-size: 0.8em;

	margin: 0 0 0 0.4em;

}

.slicknav_nav .slicknav_item {

	cursor: pointer;

}

.slicknav_nav .slicknav_row {

	display: block;

}

.slicknav_nav a {

	display: block

}

.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {

	display: inline

}

.slicknav_menu:before, .slicknav_menu:after {

	content: " ";

	display: table;

}

.slicknav_menu:after {

	clear: both

}

/* IE6/7 support */

.slicknav_menu {

*zoom: 1

}

.slicknav_menu {

	font-size: 16px;

}

/* Button */

.slicknav_btn {

	width: 96%;

	display: block;

	margin: 0 0;

	padding: 0 2% 5px 2%;

	text-decoration: none;

	background: #FFCF01;

}

/* Button Text */

.slicknav_menu .slicknav_menutxt {

	color: #3A6790;

	font-weight: 300;

	margin: 14px 0 0 0;

	display: none;

}

/* Button Lines */

.slicknav_menu .slicknav_icon-bar {

	background-color: #6EA7D5;

	display: none;/* Desaparecer barras*/

}

.slicknav_menu {

	background: #222222;

	padding: 0px;

	margin-bottom: 0px;

}

.slicknav_nav {

	color: #333;

	margin: 0;

	padding: 0;

	font-size: 0.775em;

}

.slicknav_nav, .slicknav_nav ul {

	list-style: none;

	overflow: hidden;

}

.slicknav_nav ul {

	padding: 0;

	margin: 0 0 0 20px;

}

.slicknav_nav .slicknav_row {

	padding: 15px 10px;

	margin: 2px 5px;

}

.slicknav_nav a {

	padding: 15px 10px;

	margin: 2px 5px;

	text-decoration: none;

	color: #FFF;

	text-transform: uppercase;

}

.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {

	padding: 0;

	margin: 0;

}

.slicknav_arrow {

	color: #FFF;

}

.slicknav_nav .slicknav_row:hover {

	background: #ccc;

	color: #fff;

}

.slicknav_nav a:hover {

	background: #ccc;

	color: #222;

}

.slicknav_nav .slicknav_txtnode {

	margin-left: 15px;

}

/* //////////////////////////// ////////////////////////////////////////////////////*/

/* //////////////////////////// CSS GENERAL ////////////////////////////////////////*/

/* ////////////////////////////////////////////////////////////////////////////////*/





::selection {

	background: #ffcf01;

	color: #fff;

}

::-moz-selection {

background: #ffcf01;

color: #fff;

}

::-webkit-selection {

background: #ffcf01;

color: #fff;

}

.wrapper {

	width: 100%;

	display: block;

	float: left;

}

.content {

	width: 1100px;

	display: table;

	margin: 0 auto;

}

.content-wrapper {

	width: 100%;

	display: block;

	float: left;

}

.top-line {

	background-color: #ffcf01;

	width: 100%;

	float: left;

	display: block;

	height: 2px;

}

.logo {

	width: 145px;

	height: 107px;

	float: left;

	margin: 16px 0 12px 0;

}

.logo-responsive {

	width: 145px;

	height: 107px;

	float: left;

	margin: 16px 0 12px 20px;

	display: none;

}

.header {

	background-color: #4d4d4f;

}

.logo img {

	width: 100%;

	height: 100% !important;

}

.top-redes {

	display: block;

	float: right;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/bg-top-redes.png);

	background-repeat: no-repeat;

	width: 210px;

	height: 43px;

	padding: 9px 0 0 48px;

}

.top-redes a {

	float: left;

}

.top-redes a.facebook {

	width: 23px;

	height: 21px;

	display: block;

	background: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/redes-sociales.png) no-repeat 0 0;

}

.top-redes a.twitter {

	width: 25px;

	height: 21px;

	display: block;

	background: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/redes-sociales.png) no-repeat -23px 0;

}

.top-redes a.pinterest {

	width: 22px;

	height: 21px;

	display: block;

	background: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/redes-sociales.png) no-repeat -48px 0;

}

.top-redes a.instagram {

	width: 25px;

	height: 21px;

	display: block;

	background: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/redes-sociales.png) no-repeat -70px 0;

}

.top-redes a.vine {

	width: 22px;

	height: 21px;

	display: block;

	background: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/redes-sociales.png) no-repeat -95px 0;

}

.top-redes a.yuotube {

	width: 41px;

	height: 21px;

	display: block;

	background: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/redes-sociales.png) no-repeat -114px 0;

}

.top-telefonos {

	display: block;

	width: 406px;

	height: 50px;

	margin: 10px 0 0 0;

	padding: 0 0 0 35px;

	float: right;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-tel-header.png);

	background-repeat: no-repeat;

}

.top-telefonos p {

	color: #FFF;

	font-size: 13px;

	font-weight: 600;

}

.top-telefonos p span a {

	color: #FFF;

	font-size: 13px;

	font-weight: 600;

	text-decoration: none;

}

.top-telefonos p span.tels {

	display: block;

	float: left;

}

.top-telefonos p span.tel-mx {

	display: block;

	float: left;

	min-width: 218px;

	height: 17px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-mx.png);

	background-repeat: no-repeat;

	padding: 3px 0 0 40px;

	margin: 0 0 6px 0;

}

.top-telefonos p span.tel-eua {

	display: block;

	float: left;

	height: 17px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-eua.png);

	background-repeat: no-repeat;

	padding: 3px 0 0 40px;

}

.wrapper-slide {

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/patron-slide.png);

	background-repeat: repeat;

	padding: 60px 0 30px 0;

}

#home-slide {

	width: 640px;

	display: block;

	float: left;

	position: relative;

	margin: 0 0 0 0;

	overflow: hidden;

}

a.ico-tienda-fixed {

	position: fixed;

	top: 200px;

	left: -73px;

	width: 70px;

	height: 170px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-tienda-fixed.png);

	background-repeat: no-repeat;

	background-position: center center;

	/*background-size: 55px;*/

	background-color: #ffcf01;

	z-index: 9999;

	border-radius: 0 5px 5px 0;

	webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.43);

	-moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.43);

	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.43);

}

a.ico-contacto-fixed {

	position: fixed;

	top: 200px;

	right: -73px;

	width: 70px;

	height: 173px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-contacto-fixed.png);

	background-repeat: no-repeat;

	background-position: center center;

	/*background-size: 55px;*/

	background-color: #ffcf01;

	z-index: 9999;

	border-radius: 0 5px 5px 0;

	webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.43);

	-moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.43);

	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.43);

}

.slide-texto-izq {

	width: 418px;

	display: block;

	float: right;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/bg-slide-texto-izq.png);

	background-repeat: no-repeat;

	padding: 100px 0 0 0;

	margin: -25px 0 0 0;

}

.slide-texto-izq h1 {

	font-family: 'Roboto', sans-serif;

	color: #4a4a4a;

	font-weight: 300;

	font-size: 22px;

	line-height: 32px;

	border-left: 7px solid #ffcf01;

	padding: 0 0 0 6px;

}

.slide-texto-izq a {

	color: #ffcf01;

	text-decoration: none;

}

.slide-texto-izq p {

	font-family: 'Roboto', sans-serif;

	color: #4a4a4a;

	font-weight: 300;

	font-size: 14px;

	margin: 45px 0 0 0;

}

.wrapper-white {

	background-color: #FFF;

}

.wrapper-gray {

	background-color: #f7f7f7;

}

.texto-cotizar {

	width: 680px;

	display: block;

	float: left;

	margin: 70px 0 0 0;

}

.texto-cotizar p {

	color: #4a4a4a;

	font-size: 14px;

	font-weight: 600;

	line-height: 20px;

	margin: 10px 0;

}

.texto-cotizar p strong {

	color: #ffcf01;

}

.content-btn-cotizar {

	width: 380px;

	display: block;

	float: right;

	margin: 100px 0 0 0;

}

.content-btn-cotizar p {

	height: 34px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/icono-btn-cotizar.png);

	background-repeat: no-repeat;

	color: #4a4a4a;

	font-size: 14px;

	font-weight: 600;

	padding: 20px 0 0 60px;

}

.content-btn-cotizar p a {

	background-color: #ffcf01;

	border: 2px solid #ffcf01;

	color: #FFF;

	text-transform: uppercase;

	text-decoration: none;

	padding: 18px 50px;

	border-radius: 5px;

	margin: 0 0 0 12px;

}

.content-btn-cotizar p a:hover {

	background-color: #FFF;

	color: #ffcf01;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

}

.content-carrusel {

	width: 1020px;

	height: 146px;

	display: block;

	float: none;

	margin: 120px auto 50px auto;

}

.content-carrusel h3 {

	color: #4a4a4a;

	font-size: 14px;

	font-weight: 700;

	line-height: 20px;

	margin: 5px 0 20px 0;

	padding: 0 0 5px 0;

	text-transform: uppercase;

	border-bottom: 1px solid #f5f5f5;

}

.nuestros-clientes {

	width: 960px;

	height: 120px;

	display: block;

	float: left;

	overflow: hidden;

	position: relative;

}

.caroufredsel_wrapper {

	width: 100% !important;

	height: 120px !important;

}

.nuestros-clientes ul#lista-clientes li {

	display: block;

	width: 120px;

	height: 120px;

	float: left;

	margin: 0 20px;

	line-height: 120px;

}

.nuestros-clientes ul#lista-clientes li img {

	max-width: 100%;

	height: auto;

	max-height: 120px;

	vertical-align: middle;

}

a#prev-carusel {

	display: block;

	width: 30px;

	height: 120px;

	float: left;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/prev-carusel.png);

	background-repeat: no-repeat;

	background-position: center center;

}

a#next-carusel {

	display: block;

	width: 30px;

	height: 120px;

	float: left;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/next-carusel.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.quienes-somos-home {

	width: 750px;

	display: block;

	float: left;

}

h2.title-quienes-somos {

	width: 100%;

	height: 16px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/bg-line-diagonal.png);

	background-repeat: repeat;

	background-size: 3px;

	position: relative;

	margin: 70px 0 50px 0;

}

h2.title-quienes-somos span {

	width: 370px;

	position: absolute;

	background-color: #F7F7F7;

	top: -6px;

	margin-left: auto;

	margin-right: auto;

	left: 0;

	right: 0;

	font-size: 30px;

	font-weight: 700;

	color: #4a4a4a;

	text-align: center;

}

.quienes-somos-home p {

	color: #4a4a4a;

	font-size: 14px;

	font-weight: 300;

	line-height: 20px;

	margin: 10px 0;

}

.img-quienes-somos-home {

	width: 316px;

	display: block;

	float: right;

	margin: 0 0 110px 0;

}

.img-quienes-somos-home img {

	width: 100%;

	height: 100% !important;

}

.footer {

	background-color: #ffcf01;

	padding: 35px 0 30px 0;

}

.precio-y-a-tiempo {

	height: 32px;

	display: block;

	float: left;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-precio-y-a-tiempo.png);

	background-repeat: no-repeat;

	padding: 16px 0 0 46px;

	color: #FFF;

	font-size: 14px;

	font-weight: 600;

	margin: 0 30px 0 0;

}

.contactanos-footer {

	display: block;

	float: left;

	margin: 16px 30px 0 0;

}

.contactanos-footer p {

	color: #FFF;

	font-size: 14px;

	font-weight: 600;

}

.contactanos-footer p a {

	background-color: #FFF;

	padding: 10px 10px 10px 34px;

	color: #FFCF01;

	text-decoration: none;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-contacto.png);

	background-repeat: no-repeat;

	background-position: 10px center;

	margin: 0 0 0 5px;

}

.contactanos-footer p a:hover {

	background-color: #e6bb00;

	color: #FFF;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

}

.tel-footer {

	width: 300px;

	display: block;

	float: right;

	margin: 16px 0 0 0;

}

.tel-footer p {

	color: #FFF;

	font-size: 14px;

	font-weight: 600;

}

.tel-footer p span a {

	color: #FFF;

	font-size: 14px;

	font-weight: 600;

	text-decoration: none;

}

.tel-footer p span.tels {

	display: block;

	float: left;

}

.tel-footer p span.tel-mx {

	display: block;

	float: left;

	min-width: 218px;

	height: 17px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-mx.png);

	background-repeat: no-repeat;

	padding: 3px 0 0 40px;

	margin: 8px 0 6px 0;

}

.tel-footer p span.tel-eua {

	display: block;

	float: left;

	min-width: 218px;

	height: 17px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-eua.png);

	background-repeat: no-repeat;

	padding: 8px 0 0 40px;

}

.derechos-reservados {

	background-color: #e6bb00;

	text-align: center;

	padding: 5px 0;

}

.derechos-reservados p {

	color: #FFF;

	font-size: 12px;

	font-weight: 300;

	line-height: 20px;

	margin: 10px 0;

	padding: 0 2%;

}

.derechos-reservados p a {

	text-decoration: none;

	color: #FFF;

}

.derechos-reservados p a:hover {

	color: #4a4a4a;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

}

h1.title-page {

	width: 100%;

	height: 16px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/bg-line-diagonal.png);

	background-repeat: repeat;

	background-size: 3px;

	position: relative;

	margin: 70px 0 50px 0;

}

h1.title-page span {

	max-width: 240px;

	position: absolute;

	background-color: #F7F7F7;

	top: -6px;

	margin-left: auto;

	margin-right: auto;

	left: 0;

	right: 0;

	font-size: 26px;

	font-weight: 700;

	color: #4a4a4a;

	text-align: center;

}

h1.title-page span.aviso {

	max-width: 280px;

	position: absolute;

	background-color: #F7F7F7;

	top: -6px;

	margin-left: auto;

	margin-right: auto;

	left: 0;

	right: 0;

	font-size: 26px;

	font-weight: 700;

	color: #4a4a4a;

	text-align: center;

}

h1.title-page2 {

	width: 100%;

	height: 16px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/bg-line-diagonal.png);

	background-repeat: repeat;

	background-size: 3px;

	position: relative;

	margin: 70px 0 50px 0;

}

h1.title-page2 span {

	max-width: 360px;

	position: absolute;

	background-color: #F7F7F7;

	top: -6px;

	margin-left: auto;

	margin-right: auto;

	left: 0;

	right: 0;

	font-size: 26px;

	font-weight: 700;

	color: #4a4a4a;

	text-align: center;

}

h1.title-page-proyecto {

	width: 100%;

	height: 40px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/bg-line-diagonal.png);

	background-repeat: repeat;

	background-size: 3px;

	position: relative;

	margin: 70px 0 50px 0;

}

h1.title-page-proyecto span {

	max-width: 280px;

	height: 94px;

	position: absolute;

	background-color: #F7F7F7;

	top: -50%;

	margin-left: auto;

	margin-right: auto;

	left: 0;

	right: 0;

	font-size: 26px;

	font-weight: 700;

	color: #4a4a4a;

	text-align: center;

}

h1.title-page-proyecto span img {

	max-width: 100%;

	height: auto;

	max-height: 94px

}

.proyecto {

	width: 29%;

	max-height: 200px;

	margin: 1% 2% 1% 0;

	display: block;

	float: left;

	text-align: center;

	overflow: hidden;

}

.proyecto img {

	max-width: 100%;

	height: auto;

	max-height: 200px;

}

a.a-proyecto {

	display: block !important;

	overflow: hidden;

	position: relative;

}

.a-proyecto-hover {

	width: 100%;

	height: 200px;

	position: absolute;

	top: 0px;

	left: 0px;

	background-color: rgba(255, 207, 1, 0.9);

	opacity: 0;

}

.a-proyecto-hover span {

	height: 80px;

	padding: 45px 0 0 0;

	color: #FFF;

	font-weight: 700;

	font-size: 14px;

	display: block;

	position: relative;

	top: 20px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ico-zoom.png);

	background-repeat: no-repeat;

	background-position: top center;

}

.content-proyectos-single {

	display: block;

	float: left;

	width: 75%;

	margin: 10px 0 50px 0

}

.proyectos-recientes {

	display: block;

	float: right;

	width: 19%;

	margin: 190px 0 0 0;

	background-color: #ECECEC;

}

.h-proyectos-recientes {

	background-color: #FFCF01;

	color: #FFF;

	text-align: center;

	font-weight: 600;

	font-size: 14px;

	text-transform: uppercase;

	padding: 10px 10px;

}

.proyectos-recientes-sidebar {

	width: 86%;

	display: block;

	float: left;

	margin: 10px 5% 10px 5%;

	text-align: center;

	background-color: #FFF;

	padding: 5px 2% 10px 2%;

}

.proyectos-recientes-sidebar img {

	width: 100%;

	height: 100% !important;

}

.proyecto-imagen-single {

	width: 100%;

	display: block;

	float: left;

	margin: 16px 0 0 0;

}

.proyecto-imagen-single img {

	width: 100%;

	height: 100% !important;

}

a.proyectos-img {

	width: 200px;

	height: 220px;

	display: block;

	overflow: hidden;

}

a.proyectos-img img {

	max-width: 100%;

	height: auto;

	max-height: 220px;

	float: left;

}

.content-galeria-proyectos {

	display: block;

	float: left;

	width: 100%;

	margin: 0 0 20px 0;

}

.galeria-proyectos {

	display: block;

	float: left;

	overflow: hidden;

	position: relative;

	background-color: #ECECEC;

	padding: 20px 0 0 0;

	margin: 0 0 0 -500px;

}

/*

.galeria-proyectos ul#lista-proyectos li {

	display: block;

	width: 128px;

	height: 128px;

	float: left;

	margin: 0 20px;

}

.galeria-proyectos ul#lista-proyectos li img {

	max-width: 100%;

	height: auto;

	max-height: 128px

}*/

a#prev-carusel-proyectos {

	display: block;

	width: 30px;

	height: 128px;

	float: left;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/prev-carusel.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-color: #ECECEC;

	padding: 20px 0 0 0;

}

a#next-carusel-proyectos {

	display: block;

	width: 30px;

	height: 128px;

	float: left;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/next-carusel.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-color: #ECECEC;

	padding: 20px 0 0 0;

}

.content-galleryimage {

	width: 100%;

	display: block;

	float: left;

	margin: 40px 0 40px 0;

}

.galleryimage {

	width: 29%;

	height: 180px;

	margin: 1% 2% 1% 0;

	display: block;

	float: left;

	text-align: center;

	overflow: hidden;

}

.galleryimage a {

	width: 100%;

	height: 180px;

	margin: 1% 2% 1% 0;

	display: block;

	float: left;

	text-align: center;

	overflow: hidden;

}

.galleryimage img {

	max-width: 100%;

	height: auto;

	max-height: 180px;

}

a.linkFacebook {

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/linkfacebook.png);

	background-repeat: no-repeat;

	padding: 0 0 0 27px;

	text-decoration: none;

	color: #4a4a4a;

	display: inline-block;

	line-height: 26px;

}

a.linkFacebook:hover {

	color: #ffcf01;

}

.buscar-vender {

	width: 100%;

	display: block;

	float: left;

	margin: 10px 0 25px 0

}

a.linkVender {

	padding: 10px 0 10px 0;

	text-decoration: none;

	color: #ffcf01;

	display: inline-block;

	line-height: 26px;

}

a.linkVender:hover {

	color: #ffcf01;

	font-weight: 600;

}

.content-ventas {

	width: 96%;

	display: block;

	float: left;

	margin: 2% 2% !important;

	padding: 2% 2% !important;

	background-color: #F0F0F0;

}

.ventasimage {

	width: 48%;

	margin: 1% 2% 1% 0;

	display: block;

	float: left;

	overflow: hidden;

}



.ventasdescripcion {

	width: 48%;

	margin: 1% 2% 1% 0;

	display: block;

	float: left;

	text-align: left;

	overflow: hidden;

}

.ventasdescripcion h1 {

	border-bottom: 1px solid #333;

	margin: 5px 0 10px 0;

	padding: 0 0 5px 0;

}

.ventasdescripcion h2 {

	color: #4D4D4F !important;

	margin: 0 0 10px 0;

}

span.precio {

	background-color: #FFCF01;

	padding: 5px 10px;

	margin: 0 5px 0 0;

	color: #fff;

}

ul.content-preguntas {

	display: block;

	width: 100%;

	float: left;

}

ul.content-preguntas li {

	text-decoration: none;

	list-style: none;

	background-image: none !important;

}

ul.content-preguntas li p.pregunta {

	cursor: pointer;

	color: #4a4a4a !important;

	font-weight: 600 !important;

}

ul.content-preguntas li p.respuesta {

	display: none;

	background-color: #FFF;

	padding: 7px 3px;

	border-bottom: 2px solid #FFCF01;

}

/* //////////////////////////// ////////////////////////////////////////////////////*/

/* ////////////////////////// DEFAULT LOOP CSS /////////////////////////////////////*/

/* ////////////////////////////////////////////////////////////////////////////////*/



.loop {

	padding: 0 0 50px 0;

}

.loop p {

	font-size: 13px;

	color: #626262;

	margin: 10px 0;

	line-height: 22px;

}

.loop strong, b {

	font-weight: 800;

	color: #333;

}

.loop a {

	font-weight: 400;

	color: #FFCF01;

	text-decoration: none;

}

.loop a:hover {

	font-weight: 400;

	color: #000;

}

.loop i, em {

	font-weight: 300;

}

.loop ul {

	margin: 15px 0;

	display: block;

}

.loop ul ul {

	margin: 5px 0;

	display: block;

}

.loop ul li {

	font-size: 13px;

	color: #626262;

	margin: 6px 0;

	padding: 3px 0 0 16px;

	line-height: 18px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/bullet1.png);

	background-repeat: no-repeat;

	background-position: -6px 2px;

}

.loop ul ul li {

	font-size: 13px;

	color: #626262;

	margin: 5px 0;

	padding: 3px 0 0 13px;

	line-height: 18px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/bullet2.png);

	background-repeat: no-repeat;

}

.loop h1, h2, h3, h4, h5, h6 {

	font-weight: 600;

}

.loop h1 {

	font-size: 20px

}

.loop h2 {

	font-size: 18px

}

.loop h3 {

	font-size: 17px

}

.loop h4 {

	font-size: 16px

}

.loop h5 {

	font-size: 15px

}

.loop h6 {

	font-size: 14px

}

.alignleft, img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

	text-align: left;

}

.alignright, img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

	text-align: right;

}

.aligncenter, img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}

.filtrador {

	width: 100%;

	display: block;

	float: left;

	background-color: #DFDFDF;

	padding: 5px 0;

}

.filtrador label {

	display: block;

	float: left;

	height: 30px;

	padding: 11px 10px 0px 10px;

}

.filtrador select {

	background: #FFF;

	border: 1px solid #E2E2E2;

	padding: 10px;

	width: 100px;

	height: 40px;

	display: block;

	float: left;

}

.filtrador input[type="submit"] {

	background: #FFCF01;

	border: 0;

	padding: 13px 16px;

	margin: 0 0 0 4px;

	border-radius: 2px;

	color: #FFF;

}

p.telefono-ventas {

	display: block;

	clear: both;

	float: right;

	width: 220px;

	height: 40px;

	text-align: right;

	border-top: 2px solid #E8E8E8;

	padding: 5px 0;

	color: #333;

	font-weight: 600;

}

p.telefono-ventas a {

	text-decoration: none;

}

a.masinfo {

	color: #333;

	text-decoration: none;

	font-weight: 600;

}

a.masinfo:hover {

	color: #333;

	text-decoration: none;

	font-weight: 600;

}

a.masinfo span {

	color: #FFF;

	width: 20px;

	height: 20px;

	display: inline-block;

	background-color: #FFCF01;

	border-radius: 10px;

	text-align: center;

	line-height: 20px;

	vertical-align: middle;

	margin: 0 2px 0 0;

}

/* //////////////////////////// ////////////////////////////////////////////////////*/

/* ///////////////////////////// CSS NO FOUND 404 //////////////////////////////////*/

/* ////////////////////////////////////////////////////////////////////////////////*/



.no-found-404 {

	width: 600px;

	min-height: 150px;

	margin: 0 auto;

	padding: 150px 0;

}

.no-found-404 h1 {

	font-weight: 800;

	font-size: 24px;

	color: #A7A7A7;

	display: block;

	padding: 23px 0 0 10px;

	float: left;

}

.no-found-404 h2 {

	font-weight: 800;

	font-size: 85px;

	color: #E6E6E6;

	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);

	display: block;

	float: left;

}

a.regresar-home {

	font-weight: 800;

	color: #ca2939;

	text-decoration: none;

	text-align: left;

	margin: 30px 0 10px 0;

	padding: 0 0 0 10px;

	clear: both;

	display: block;

	float: left;

	position: relative;

	width: 100%;

}

a:hover.regresar-home {

	color: #333;

	text-decoration: none;

}

a.regresar-home em {

	display: block;

	width: 30px;

	height: 30px;

	border-radius: 15px;

	background-color: #ca2939;

	float: left;

	position: relative;

	top: -7px;

	margin: 0 5px 0 0;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/back-no-found.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 18px;

}

/* //////////////////////////// ////////////////////////////////////////////////////*/

/* //////////////////////////// CSS FORM CONTACT 7 /////////////////////////////////*/

/* ////////////////////////////////////////////////////////////////////////////////*/

div.wpcf7 {

	margin: 10px 0 0 0;

}

div.wpcf7 .wpcf7-form {

	width: 80%;

	float: left;

}

div.wpcf7 .wpcf7-form p {

	font-size: 12px;

	font-weight: 300;

	margin: 10px 0;

	color: #8e8e8e;

}

div.wpcf7 .wpcf7-form p span {

	color: red;

}

div.wpcf7 .wpcf7-form p.label-form {

	font-size: 13px;

	font-weight: 300;

	margin: 25px 0;

	color: #8e8e8e;

}

div.wpcf7 .wpcf7-form span.wpcf7-form-control-wrap input {

	

	height: 30px;

	width: 98%;

	border-radius: 2px;

	border: 1px solid #E7E7E7;

	padding: 0px 1%;

}

div.wpcf7 .wpcf7-form span.wpcf7-form-control-wrap input[type="radio"], div.wpcf7 .wpcf7-form span.wpcf7-form-control-wrap input[type="checkbox"] {

	

	height: 14px;

	width: auto;

	margin: 10px 10px;

	border-radius: 2px;

	border: 1px solid #E7E7E7;

}

div.wpcf7 .wpcf7-form p span.wpcf7-list-item-label {

	color: #555555;

}

div.wpcf7 .wpcf7-form span.wpcf7-form-control-wrap input#captcha-input {

	

	height: 30px;

	width: 100px;

	padding: 0 10px;

	border-radius: 0px;

	border: 1px solid #E7E7E7;

	background-color: rgb(255, 255, 255);

	color: #333;

	font-weight: 600;

}

#captcha-img {

	position: relative;

	top: 6px;

}

div.wpcf7 .wpcf7-form span.wpcf7-form-control-wrap textarea {

	border-radius: 5px;

	border: 1px solid #E7E7E7;

	width: 100%;

	height: 100px;

}

div.wpcf7 .wpcf7-form .wpcf7-submit {

	cursor: pointer;

	color: #FFF;

	padding: 12px 50px;

	border-radius: 0;

	background-color: #4D4D4F;

	font-size: 16px;

	float: right;

	border: 0px;

	margin: 0 0 30px 0;

}

div.wpcf7 .wpcf7-form .wpcf7-submit:hover {

	background-color: #ffcf01;

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}

div.wpcf7 .wpcf7-form span.wpcf7-not-valid-tip {

	color: #f00;

	display: block;

	font-size: 11px;

	font-weight: 400;

}

div.wpcf7 .wpcf7-form div.wpcf7-validation-errors {

	border: 1px solid #f7e700;

	font-size: 13px;

	margin: 40px 0 0 0;

	width: 100%;

	float: left;

}

div.wpcf7 .wpcf7-form div.wpcf7-mail-sent-ok {

	border: 1px solid #398f14;

	color: #B6AFAF;

	font-size: 14px;

	border-radius: 4px;

	margin: 40px 0 0 0;

	padding: 10px;

	width: 100%;

	float: left;

}







.screen-reader-response{ display:none;}

/* //////////////////////////// ////////////////////////////////////////////////////*/

/* //////////////////////////// Paginador ///////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////////////////*/



.paginador {

	width: 100%;

	display: block;

	float: left;

	margin: 15px 0;

}

.navigation {

	font-size: 18px !important;

}

.navigation span.pages {

	font-weight: 700;

	color: #8e8e8e;

	margin: 0 10px 0 0;

}

.navigation span.page-numbers {

	font-weight: 700;

	color: #FFF;

	margin: 0 0 0 0;

	background-color: #FFCF01;

	padding: 0 5px;

}

.navigation a.page-numbers, .navigation a.next, .navigation a.prev {

	font-weight: 300;

	color: #8e8e8e;

	text-decoration: none;

	padding: 0 5px;

}

.navigation a.page-numbers {

	margin: 0 2px;

}

.navigation a.next {

	margin: 0 0 0 8px

}

.navigation a.prev {

	margin: 0 8px 0 0

}

.navigation a.page-numbers:hover, .navigation a.next:hover, .navigation a.prev:hover {

	color: #FFF;

	background-color: #FFCF01;

}

/* //////////////////////////// ////////////////////////////////////////////////////*/

/* //////////////////////////// CSS FLEXISLIDER ///////////////////////////////////*/

/* ////////////////////////////////////////////////////////////////////////////////*/



 /* jQuery FlexSlider v2.0

 * https://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * https://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */







/* Browser Resets */

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {

	outline: none;

}

.slides, .flex-control-nav, .flex-direction-nav {

	margin: 0;

	padding: 0;

	list-style: none;

}

/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {

	margin: 0;

	padding: 0;

	position: relative;

}

.flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {

	width: 100%;

	display: block;

}

#img-single-product .flexslider .slides img {

	width: auto;

	max-width: 100%;

	height: auto;

	max-height: 200px;

	display: inline-block;

}

.flex-pauseplay span {

	text-transform: capitalize;

}

/* Clearfix for the .slides element */

.slides:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

html[xmlns] .slides {

	display: block;

}

* html .slides {

	height: 1%;

}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {

	display: block;

}

/* FlexSlider Default Theme



*********************************/





.flexslider {

	margin: 0 0 35px 0;

	position: relative;

	zoom: 1;

}

.flex-viewport {

	max-height: 2000px;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	transition: all 1s ease;

}

.loading .flex-viewport {

	max-height: 50%;

}

.loading {

	min-height: 50%;

	background: url('https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/ajax-loader.gif') no-repeat center center !important;

	z-index: 100;

}

.flexslider .slides {

	zoom: 1;

}

.carousel li {

	margin-right: 5px

}

/* Direction Nav */

.flex-direction-nav {

*height: 0;

}

.flex-direction-nav a {

	text-decoration: none;

	display: block;

	width: 40px;

	height: 40px;

	border-radius: 20px;

	margin: -42px 0 4px;

	position: absolute;

	bootom: 0;

	z-index: 10;

	overflow: hidden;

	opacity: 0;/*opacity: 0; si quieres qu solo aparesca al pasar con el mouse*/

	cursor: pointer;

	color: rgba(0,0,0,0.8);

	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

}

.flex-direction-nav .flex-prev {

	opacity: 0;

	top: 50%;

	left: -30px;/*left: -50px; si quieres que aparesca y se desplace desde afuera*/

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/prev-slide.png);

	background-position: center center;

	background-repeat: no-repeat;

}

.flex-direction-nav .flex-next {

	top: 50%;

	opacity: 0;

	right: -30px;/*right: -50px; si quieres que aparesca y se desplace desde afuera*/

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/next-slide.png);

	background-position: center center;

	background-repeat: no-repeat;

}

.flexslider:hover .flex-prev {

	opacity: 0.7;

	left: 10px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/prev-slide.png);

	background-position: center center;

	background-repeat: no-repeat;

}

.flexslider:hover .flex-next {

	opacity: 0.7;

	right: 10px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/next-slide.png);

	background-position: center center;

	background-repeat: no-repeat;

}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

	opacity: 1;

}

.flex-direction-nav .flex-disabled {

	opacity: .0!important;

	filter: alpha(opacity=30);

	cursor: default;

}

/* Control Nav */

.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: -30px;

	text-align: center;

	display: block; /*desaparecer paginador inferior */

	z-index: 9999;

}

.flex-control-nav li {

	margin: 0 4px;

	display: inline-block;

	zoom: 1;

 *display: inline;

}

.flex-control-paging li a {

	width: 16px;

	height: 16px;

	display: block;

	background: #FFF;

	border: 2px solid #ffcf01;

	cursor: pointer;

	text-indent: 9999px;

	overflow: hidden;

	-webkit-border-radius: 9px;

	-moz-border-radius: 9px;

	-o-border-radius: 9px;

	border-radius: 9px;

}

.flex-control-paging li a:hover {

	width: 16px;

	height: 16px;

	display: block;

	background: #ffcf01;

	border: 2px solid #ffcf01;

	cursor: pointer;

	-webkit-border-radius: 9px;

	-moz-border-radius: 9px;

	-o-border-radius: 9px;

	border-radius: 9px;

}

.flex-control-paging li a.flex-active {

	width: 16px;

	height: 16px;

	display: block;

	background: #ffcf01;

	border: 2px solid #ffcf01;

	cursor: pointer;

	text-indent: 9999px;

	-webkit-border-radius: 9px;

	-moz-border-radius: 9px;

	-o-border-radius: 9px;

	border-radius: 9px;

	cursor: default;

}

.flex-control-thumbs {

	margin: 5px 0 0;

	position: static;

	overflow: hidden;

}

.flex-control-thumbs li {

	width: 25%;

	float: left;

	margin: 0;

}

.flex-control-thumbs img {

	width: 100%;

	display: block;

	opacity: .7;

	cursor: pointer;

}

.flex-control-thumbs img:hover {

	opacity: 1;

}

.flex-control-thumbs .flex-active {

	opacity: 1;

	cursor: default;

}

/* //////////////////////////// ////////////////////////////////////////////////////*/

/* //////////////////////////// CSS FANCYBOX ///////////////////////////////////////*/

/* ////////////////////////////////////////////////////////////////////////////////*/



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {

	padding: 0;

	margin: 0;

	border: 0;

	outline: none;

	vertical-align: top;

}

.fancybox-wrap {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 8020;

}

.fancybox-skin {

	position: relative;

	background: #f9f9f9;

	color: #444;

	text-shadow: none;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

.fancybox-opened {

	z-index: 8030;

}

.fancybox-opened .fancybox-skin {

	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}

.fancybox-outer, .fancybox-inner {

	position: relative;

}

.fancybox-inner {

	overflow: hidden;

}

.fancybox-type-iframe .fancybox-inner {

	-webkit-overflow-scrolling: touch;

}

.fancybox-error {

	color: #444;

	font-family: 'Roboto', sans-serif;

	margin: 0;

	padding: 15px;

	white-space: nowrap;

}

.fancybox-image, .fancybox-iframe {

	display: block;

	width: 100%;

	height: 100%;

}

.fancybox-image {

	max-width: 100%;

	max-height: 100%;

}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

	background-image: url('https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/fancybox_sprite.png');

}

#fancybox-loading {

	position: fixed;

	top: 50%;

	left: 50%;

	margin-top: -22px;

	margin-left: -22px;

	background-position: 0 -108px;

	opacity: 0.8;

	cursor: pointer;

	z-index: 8060;

}

#fancybox-loading div {

	width: 44px;

	height: 44px;

	background: url('https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/fancybox_loading.gif') center center no-repeat;

}

.fancybox-close {

	position: absolute;

	top: -18px;

	right: -18px;

	width: 36px;

	height: 36px;

	cursor: pointer;

	z-index: 8040;

}

.fancybox-nav {

	position: absolute;

	top: 0;

	width: 40%;

	height: 100%;

	cursor: pointer;

	text-decoration: none;

	background: transparent url('https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/blank.gif'); /* helps IE */

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	z-index: 8040;

}

.fancybox-prev {

	left: 0;

}

.fancybox-next {

	right: 0;

}

.fancybox-nav span {

	position: absolute;

	top: 50%;

	width: 36px;

	height: 34px;

	margin-top: -18px;

	cursor: pointer;

	z-index: 8040;

	visibility: hidden;

}

.fancybox-prev span {

	left: 10px;

	background-position: 0 -36px;

}

.fancybox-next span {

	right: 10px;

	background-position: 0 -72px;

}

.fancybox-nav:hover span {

	visibility: visible;

}

.fancybox-tmp {

	position: absolute;

	top: -99999px;

	left: -99999px;

	visibility: hidden;

	max-width: 99999px;

	max-height: 99999px;

	overflow: visible !important;

}

/* Overlay helper */



.fancybox-lock {

	overflow: hidden !important;

	width: auto;

}

.fancybox-lock body {

	overflow: hidden !important;

}

.fancybox-lock-test {

	overflow-y: hidden !important;

}

.fancybox-overlay {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

	display: none;

	z-index: 8010;

	background: url('https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/fancybox_overlay.png');

}

.fancybox-overlay-fixed {

	position: fixed;

	bottom: 0;

	right: 0;

}

.fancybox-lock .fancybox-overlay {

	overflow: auto;

	overflow-y: scroll;

}

/* Title helper */



.fancybox-title {

	visibility: hidden;

	font-family: 'Roboto', sans-serif;

	position: relative;

	text-shadow: none;

	z-index: 8050;

}

.fancybox-opened .fancybox-title {

	visibility: visible;

}

.fancybox-title-float-wrap {

	position: absolute;

	bottom: 0;

	right: 50%;

	margin-bottom: -35px;

	z-index: 8050;

	text-align: center;

}

.fancybox-title-float-wrap .child {

	display: inline-block;

	margin-right: -100%;

	padding: 2px 20px;

	background: transparent; /* Fallback for web browsers that doesn't support RGBa */

	background: rgba(0, 0, 0, 0.8);

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;

	text-shadow: 0 1px 2px #222;

	color: #FFF;

	font-weight: bold;

	line-height: 24px;

	white-space: nowrap;

}

.fancybox-title-outside-wrap {

	position: relative;

	margin-top: 10px;

	color: #fff;

}

.fancybox-title-inside-wrap {

	padding-top: 10px;

}

.fancybox-title-over-wrap {

	position: absolute;

	bottom: 0;

	left: 0;

	color: #fff;

	padding: 10px;

	background: #000;

	background: rgba(0, 0, 0, .8);

}



/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

	background-image: url('https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/fancybox_sprite@2x.png');

	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/

}

#fancybox-loading div {

	background-image: url('https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/fancybox_loading@2x.gif');

	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/

}

}

 @media screen and (max-width: 1026px) {

.content {

	width: 100%;

	display: block;

	margin: 0 0;

	float: left;

}

.content-menu {

	width: 100%;

	margin: 0 0 0 0;

}

#home-slide {

	width: 540px;

	margin: 0 0 0 85px;

}

.slide-texto-izq {

	width: 300px;

	margin: -25px 85px 0 0;

	background-position: top center;

}

.texto-cotizar {

	width: 400px;

	margin: 70px 0 0 85px;

}

.content-btn-cotizar {

	margin: 100px 85px 0 0;

}

.content-carrusel {

	width: 860px;

	padding: 0 56px;

	margin: 120px auto 50px auto;

	display: block;

	clear: both;

	float: none;

}

.nuestros-clientes {

	width: 800px;

}

.quienes-somos-home {

	width: 440px;

	margin: 0 0 20px 85px;

}

.img-quienes-somos-home {

	margin: 0 85px 110px 0;

}

.precio-y-a-tiempo {

	margin: 0 30px 0 85px;

}

.contactanos-footer {

	float: right;

	margin: 16px 85px 0 0;

}

.tel-footer {

	float: left;

	margin: 45px 0 0 85px;

	clear: both;

}



.loop {

width: 82% !important;

padding: 0 0 50px 0;

margin: 0 9% 10px 9% !important;

padding: 0 0!important;

}

.filtrador {

width: 82%;

margin: 0 9%;

}



p.sale, .pgaleria{width: 82%;

margin: 0 9%;}



.content-galleryimage {

width: 82%;

display: block;

float: left;

margin: 40px 9% 40px 9%;

}

}

@media screen and (max-width: 860px) {

.flex-direction-nav .flex-prev {

	opacity: 0;

	left: 0px;/*left: -50px; si quieres que aparesca y se desplace desde afuera*/

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/prev-slide.png);

	background-position: center center;

	background-repeat: no-repeat;

}

.flex-direction-nav .flex-next {

	opacity: 0;

	right: 0px;/*right: -50px; si quieres que aparesca y se desplace desde afuera*/

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/next-slide.png);

	background-position: center center;

	background-repeat: no-repeat;

}

.flexslider:hover .flex-prev {

	opacity: 0.7;

	left: 10px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/prev-slide.png);

	background-position: center center;

	background-repeat: no-repeat;

}

.flexslider:hover .flex-next {

	opacity: 0.7;

	right: 10px;

	background-image: url(https://foodtrucksdemexico.com/wp-content/themes/foodtrucks/img/next-slide.png);

	background-position: center center;

	background-repeat: no-repeat;

}

}

 @media screen and (max-width: 770px) {

a.ico-tienda-fixed {

	width: 7%;

	background-size: 95%;

}

a.ico-contacto-fixed {

	width: 7%;

	background-size: 95%;

}

#home-slide {

	width: 84%;

	margin: 0 8% 0 8%;

}

.slide-texto-izq {

	width: 84%;

	margin: 25px 8% 0 8%;

	background-position: top center;

}

.texto-cotizar {

	width: 84%;

	margin: 70px 8% 0 8%;

}

.content-btn-cotizar {

	margin: 100px 0 0 8%;

	float: left;

}

.content-carrusel {

	width: 550px;

}

.nuestros-clientes {

	width: 480px;

}

.quienes-somos-home {

	width: 84%;

	margin: 0 8% 0 8%;

}

.img-quienes-somos-home {

	margin: 20px 56px 110px 8%;

	float: left;

}

.precio-y-a-tiempo {

	margin: 0 30px 0 8%;

	float: none;

}

.contactanos-footer {

	float: none;

	margin: 40px 56px 0 8%;

}

.tel-footer {

	float: none;

	margin: 60px 0 0 8%;

	clear: both;

}

.derechos-reservados p {

	margin: 20px 0;

}

.filtrador form p{display: block;

width: 100%;

float: left;

margin: 10px 0;}



.filtrador label {

	width:140px;

}



.filtrador select {

width: 160px;

}

.filtrador input[type="submit"] {

padding: 15px 63px;

margin: 10px 12px 12px 10px;

}







}





 @media screen and (max-width: 648px) {

.galleryimage {

width: 45%;

height: 140px;

margin: 1% 2% 1% 0;

display: block;

float: left;

text-align: center;

overflow: hidden;

}



.galleryimage img {

max-width: 100%;

height: auto;

max-height: 140px;

}

 }



 @media screen and (max-width: 482px) {

.content-menu {

	width: 100%;

	margin: 0 0 0 0;

	position: absolute;

}

.top-redes {

	position: absolute;

	left: 0;

	z-index: 999;

}

.content-carrusel {

	width: 380px;

}

.nuestros-clientes {

	width: 320px;

}

.tel-footer {

	width: 84%;

	float: none;

	margin: 60px 8% 0 8%;

	clear: both;

}

.tel-footer p span.tel-mx {

	float: left;

	margin: 20px 0 6px 0;

}

.tel-footer p span.tel-eua {

	float: left;

	margin: 10px 0 0 0;

}

a.ico-tienda-fixed {

	display: none !important;

}

a.ico-contacto-fixed {

	display: none !important;

}

.logo {

	display: none;

}

.logo-responsive {

	display: block;

	margin: 70px 0 12px 20px;

}

.top-telefonos {

	width: 89%;

	float: left;

	margin: 10px 0 14px 4%;

}

.content-btn-cotizar {

	margin: 100px 0 0 8%;

	float: left;

	width: 92%;

}

.ventasdescripcion {

width: 97%;

margin: 0 2% 1% 2%;

}

.ventasimage {

	width: 96%;

    margin: 1% 2% 0 2%;



}

.loop {

width: 82% !important;

padding: 0 0 50px 0;

margin: 10px 9% 20px 9% !important;

padding: 0 0!important;

}

}

 @media screen and (max-width: 322px) {

.top-telefonos {

	width: 85%;

	float: left;

	margin: 10px 0 14px 4%;

}

.top-redes {

	padding: 9px 0 0 10px;

	background-image: none;

}

.wrapper-slide {

	padding: 20px 0 30px 0;

}

.content-btn-cotizar {

	margin: 0 auto;

	float: none;

	width: 56%;

	clear: both;

	position: relative;

}

.texto-cotizar {

	width: 84%;

	margin: 70px 8% 30px 8%;

}

.content-btn-cotizar p a {

	position: absolute;

	width: 200px;

	height: 12px;

	text-align: center;

	padding: 15px 0;

	margin-left: auto;

	margin-right: auto;

	top: 64px;

	left: 0;

	right: 0;

}

.content-btn-cotizar p {

	height: 82px;

}

.texto-cotizar {

	text-align: center;

}

.content-carrusel h3 {

	text-align: center;

}

.content-carrusel {

	width: 200px;

}

.nuestros-clientes {

	width: 140px;

}

.nuestros-clientes ul#lista-clientes li {

	display: block;

	width: 120px;

	height: 120px;

	float: left;

	margin: 0 10px;

	line-height: 120px;

}

h2.title-quienes-somos span {

	width: 100%;

	font-size: 25px;

}

.img-quienes-somos-home {

	width: 94%;

	margin: 20px 3% 40px 3%;

	float: left;

}

.contactanos-footer p a {

	margin: 8px 0 0 0px;

	float: left;

}

.contactanos-footer {

	float: left;

	margin: 40px 66px 0 8%;

}

.tel-footer {

	width: 84%;

	float: left;

	margin: 60px 8% 0 8%;

	clear: both;

}

.ventasimage {

width: 96%;

margin: 1% 2% 0 2%;

height: 200px;

}



.filtrador select {

width: 160px;

margin: 0 0 0 6px;

}



.galleryimage {

width: 96%;

height: 140px;

margin: 1% 2% 1% 2%;

display: block;

float: left;

text-align: center;

overflow: hidden;

}



.galleryimage img {

max-width: 100%;

height: auto;

max-height: 140px;

}

h1.title-page2 span {

font-size: 23px;

}