/* CSS Document */


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

		
}

/* Ultrabooks */

@media only screen and (max-height: 700px){

	
}

/* Small Desktops and Landscapes Tablets */

@media only screen and (min-width: 981px) and (max-width: 1169px){
	
	
	
}


/* All Mobile devices */

@media only screen and (max-width: 980px){
	
	/* @group Global */

	body{ background: #f3f4f4; }
	.center.large{ width: auto; }
	div.zopim{ display: none !important; }
	form select{
		width: 100%;
		text-align: center;
		text-align-last:center;
		height: 50px;	
	}
	
	/* @end */
	
	/* @group Header */
	
	#logo-hunter{
		background: #fff;
		text-align: center;	
	}
	#logo-hunter a img{ display: block; margin: 0 auto; max-width: 140px; }
	
	#header a.favoritos{ display: none; }
	#header{
		border-color: #d9d9d9;
	}
	#header div.menu .logo a.volver{ padding-left: 0; margin-top: 5px; background: none !important; font-size: 15px; }
	#header div.menu .logo.dealer a.volver{ padding-left: 0; margin-top: 0px; background: none !important; font-size: 15px; }
	#header div.menu .logo{ margin-top: 0; }
	#header div.menu .logo img{
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		max-height: 60px;
		width: auto;
	}
	#header div.menu a.desplegar-menu{
		background: url(../images/dealersite/menu-mobile.png) no-repeat center center;
		text-indent: -9999px;	
		border-left: 1px solid #d9d9d9;
		background-size: 30px 30px;
		position:absolute;
		top:0px;
		right:0px;
	}
	#header div.menu nav{
		background: #fff;
		
	}
	#header div.menu nav ul li{ padding: 0 15px; }
	#header div.menu nav ul li a{
		color: #424242;	
	}
	#header div.menu nav div.secundario{ margin-bottom: 30px; }
	#header div.menu nav div.secundario a.logo-distribuidor img{ max-width: 140px; margin-bottom: 20px; }
	
	/* @end */
	
	/* @group Home */
	
	/* Slider */
	
	#home #slider div.item div.caption{ background: #fff; color: #424242; padding: 20px; }
	#home #slider div.item div.caption:before{
		content: '';
		position: absolute;
		left: 50%;
		top: -6px;
		margin-left: -6px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 6px 6px 6px;
		border-color: transparent transparent #ffffff transparent;	
	}
	#home #slider div.item div.caption h2.titulo{ font-size: 26px; font-weight: 300; margin-bottom: 5px; color: #424242  }
	#home #slider div.item div.caption h3{ font-size: 15px; color: #424242  }
	#home #slider div.item div.caption p{ display: block !important; }
	#home #slider div.item div.caption a.button{ display: inline-block;  margin-top: 10px; }
	
	/* Soluciones */
	
	#home #soluciones div.box p{ display: block; }
	#home #soluciones div.box h4{ margin-top: 20px; }
	#home #soluciones .slick-next,
	#home #soluciones .slick-prev{ background-color: transparent; top: 37.5%; }
	
	/* Por que HD */
	
	#home #porque-hd div.lista{ width: auto; }
	#home #porque-hd  .slick-next,
	#home #porque-hd  .slick-prev{ background-color: transparent; top: 40%; }
	
	/* Parallax */
	
	#home .parallax{ background-attachment: scroll !important; min-height: 190px; }
	#home .parallax div.overlay{ display: none; }
	#home .parallax div.caption{
		background: rgba(0,0,0,0.73);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 3;
		padding: 15px;
	}
	#home .parallax div.caption .bajada{ display: block; font-size: 13px; }
	#home .parallax a.play{ margin-top: 30px; }
	
	/* @group Somos */
	
	#somos div.columna.img{ height: 400px; position: relative; left: auto; top: auto; width: 100%; margin-bottom: 30px; }
	#somos div.columna.right{
		float: none;
		width: auto;
		padding: 30px 5%;	
	}
	
	/* @end */
	
	/* @group Contacto */
	
	#galerias div.filtros{ border-top: 1px solid #b9b9b9; }
	#galerias #slider ul.info,
	.mfp-content #slider ul.info{
		text-align: center;
		text-transform: uppercase;
		margin-top: 10px;
		padding: 0 30px;
		padding-right: 50px;
	}
	#galerias #slider .slick-dots,
	.mfp-content #slider .slick-dots{
		text-align: center !important;
	}
	#galerias #slider .slick-dots li button,
	.mfp-content #slider .slick-dots li button{
		background: none !important;
		border: 2px solid #1f1f1f !important;
		width: 8px !important;
		height: 8px !important;
	}
	#galerias #slider .slick-dots li.slick-active button,
	.mfp-content #slider .slick-dots li.slick-active button{ background: #1f1f1f !important; }
	
	/* @end */
	
	/* @group Contacto */
	
	#contacto{ position: inherit; z-index: inherit; }
	#contacto select{
		margin: 0;
	}
	#contacto select option{ text-align: center; }
	#contacto select:after{

	}
	#contacto div.info{
		position: relative;
		left: auto;
		bottom: auto;
		width: 80%;
		margin: 0 auto;
	}
	#contacto #mapa_dealer{
		position: relative;
		left: auto;
		top: auto;
		height: 200px;	
	}
	#contacto #lightbox #formulario{
		width: 80%;
		margin: 30px auto;
		float: none;	
	}
	#contacto #lightbox #formulario form{ padding: 0; background: none; }
	
	/* @end */
	
	/* @group Productos */
	
	#productos form{ background: #fff; margin: 0 -5%; padding: 20px 5%; border-top: 1px solid #b9b9b9; }
	#productos form select{ width: 100%; margin: 0; }
	#productos ul.filtros{ display: none; }
	#productos div.lista div.tab { border-top: 1px solid #b9b9b9; padding: 20px 5%; margin: 0 -5%; }
	#productos div.lista div.tab h2{ display: block; font-size: 18px; }
	
	/* @end */
	
	/* @group Select personalizado para mobile */
	
	div.selector-apps{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		visibility: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: #000;
		background: rgba(0,0,0,.75);
		z-index: 1000;
		-webkit-opacity: 0;
		opacity: 0;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}
	div.selector-apps.visible{
		-webkit-opacity: 1;
		opacity: 1;
		visibility: visible;
	}
	div.selector-apps div.botones{
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 10px;
		text-align: center;
	}
	div.selector-apps.middle div.botones{
		bottom: 50%;
		transform: translateY(50%);	
	}
	div.selector-apps ul,
	div.selector-apps a.cerrar{
		display: block;
		background: #fff;
		border-radius: 7px;
		font-size: 18px;
	}
	div.selector-apps ul{
		width: auto !important;
		display: block !important;
		height: auto !important;
	}
	div.selector-apps ul li{
		display: block !important;
		width: auto !important;
		float: none !important;
		padding: 15px 20px !important;	
		font-size: 13px;
		color: #929292;
		border-top: 1px solid #F7F7F7 !important;
	}
	div.selector-apps ul li h5{ text-align: center; }
	div.selector-apps ul li:first-child{ border: 0 !important; padding: 20px; }
	div.selector-apps ul li a{
		display: block !important;
		font-size: 18px;
		width: auto !important;
		height: auto !important;
		color: #1f1f1f !important;
	}
	div.selector-apps ul li a img{ vertical-align: middle; margin: 0 20px; }
	div.selector-apps ul li p.horario{
		position: relative;
		z-index: 1;
		padding-left: 25px;
		margin: 10px 15px 0;
		display: inline-block;
		text-align: left;
	}
	div.selector-apps ul li p.horario img{
		position: absolute;
		left: 0;
		top: 3px;	
	}
	div.selector-apps a.cerrar{
		font-weight: bold;
		padding: 10px;
		margin-top: 10px;	
	}
	
	/* @end */
	
	/* @group Footer */
	
	#footer{ background: #fff !important; border-top: 1px solid #d4d4d4 !important; z-index:999 }
	#footer.interior{ }
	#footer .sfooter{ display: none !important; }
	#footer .menu-flotante{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 10px;
		z-index: 999;
		text-align: center;	
	}
	#footer .menu-flotante a{
		display: inline-block;
		width: 54px;
		height: 54px;
		border-radius: 50%;
		margin: 0 12px;
		background: #EE8208;
		-webkit-background-size: 17px !important;
		background-size: 17px !important;	
	}
	#footer .menu-flotante a.ubicacion{
		background: #ee8208 url(../images/dealersite/menu-ubicacion.png) center center no-repeat;
	}
	#footer .menu-flotante a.telefono{
		background: #ee8208 url(../images/dealersite/menu-telefono.png) center center no-repeat;
	}
	#footer .menu-flotante a.contacto{
		background: #ee8208 url(../images/dealersite/menu-contacto.png) center center no-repeat;
	}
	#footer div.medios-pago{ background: #f3f4f4; margin: 30px -2.5% 0; padding-bottom: 20px; border-top: 1px solid #d4d4d4; }	
	
	#footer .menu-flotante a.whatsapp{
		background: transparent url(../images/waV2.svg) center center no-repeat;
		background-size: 100% !important;
		border-radius: 0;
		width: 54px;
		height: 54px;
		margin-right: 0px;
	}
	/* @end */
	
}

/* Tablets */

@media only screen and (min-width: 768px) and (max-width: 980px){
	
	#header div.menu .logo a.volver{ font-size: 23px; }
	
	#contacto #mapa_dealer{ height: 350px; }
	
	#productos div.lista div.tab h2{ font-size: 26px; }
	#productos div.lista div.tab{ padding-top: 30px; padding-bottom: 30px; }
	#productos div.lista div.tab a.item{ margin-top: 30px; }
	
	#footer div.medios-pago{ margin-left: -7%; margin-right: -7%; }

}

/* Mobile */

@media only screen and (max-width: 767px){
	
	/* @group Global */
	
	.button{ line-height: 30px; }
	
	/* @end */
	
	/* @group Header */
	
	#header div.menu .logo img{ max-height: 59px; }
	
	/* @end */
	
	/* @group Home */
	
	#home #soluciones{ padding-top: 0; }
	#home #soluciones div.box h4{ font-size: 18px; }
	
	#home #porque-hd div.lista div.columna{ min-height: inherit; }
	#home #porque-hd  .slick-next,
	#home #porque-hd  .slick-prev{ top: 65px; }
	
	/* @end */
	
	/* @group Somos */
	
	#somos div.columna.img{ height: 200px; }
	
	/* @end */
	
	/* @group Contacto */
	
	#contacto #mapa_dealer{
		position: relative;
		left: auto;
		top: auto;
		height: 200px;	
	}
	#contacto .center{ padding-top: 0; }
	#contacto div.info{
		width: auto;
		position: relative;
		left: auto;
		bottom: auto;
		width: 80%;
		margin: 0 auto;
		box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1);
	}
	#contacto div.info:before{
		content: '';
		position: absolute;
		left: 50%;
		top: -12px;
		z-index: 2;
		margin-left: -13px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 13px 12px 13px;
		border-color: transparent transparent #ffffff transparent;
	
	}
	#contacto #lightbox #formulario{ width: auto; padding: 25px 25px 0; margin-bottom: 0; }
	/*#contacto #lightbox #formulario h1{ font-size: 18px; }*/
	#contacto #lightbox #formulario div.columna{ margin-top: 20px; }
	#contacto #lightbox #formulario div.checkboxs{ width: auto; text-align: center; float: none; }
	#contacto #lightbox #formulario label.checkbox{ display: inline-block; }
	#contacto #lightbox #formulario label.checkbox input{ top: 0; }
	#contacto #lightbox #formulario .submit-button{ float: none; width: 100%; margin-bottom: 20px; }
	
	/* @end */
	
}
/* Ocultar ZendDesk en mobile*/
@media only screen and (max-width: 980px){
	iframe#launcher { display: none !important; } /*co*/
}