/**
* 2007-2019 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2019 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

#wim_header_banner{
	height: 100px;
	background: #00A5E4;
	margin:auto;
	overflow: hidden;
	width:100%;
}
#wim_header_banner #wim_hb_text{
	/*width: 40%;
	margin-left: 10%;*/
	padding-top: 18px;
	float: left;
	max-width: 60%;
}
#wim_header_banner #wim_hb_titulo{
	font-family: 'GalanoGrotesque-bold';
	font-size: 16px;
	color: #232323;
	font-weight: 400;
	text-decoration: none solid rgb(35, 35, 35);
	margin-bottom: -15px;
	text-transform: uppercase;
	max-height: 24px;
	overflow: hidden;
}
#wim_header_banner #wim_hb_subtitulo{
	padding-top: 0px;
	font-family: 'GalanoGrotesque-light';
	font-size: 32px;
	color: #ffffff;
	font-weight: 400;
	text-decoration: none solid rgb(255, 255, 255);
}

#wim_header_banner .tri_up {
	float: left;
	width: 90px;
	height: 100px;
	background: #00a5e4;
	-webkit-clip-path: polygon(100% 0%, 0% 0%, 0% 100%,72% 100%);
	clip-path: polygon(100% 0%, 0% 0%, 0% 100%,72% 100%);
  background-image: linear-gradient(110deg,rgba(35,35,35,0) 20%,rgb(35, 35, 35,0.6) 189%);
}


#wim_header_banner .ro{
	transform: rotate(180deg);
  margin-left: -30px;
}

#wim_header_banner #wim_hb_graph{
	float: right;
  margin-right: -86px;
}

#wim_header_banner #icon{
	float: left;
}

#wim_header_banner .wim_hb_img{
	float: left;
	margin-left: -24px;
}

#wim_header_banner .wim_hb_ico{
	width: 48px;
	float: left;
	transform: translate(-75%, 0%);
	padding-top: 25px;
}

#wim_header_banner .wim_hb_ico i{
	font-size: 22px;
	color: #fff;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wim_header_banner #wim_hb_subtitulo{
		font-size: 24px;
	}
	#wim_header_banner #wim_hb_graph {
	  margin-right: -86px;
	}
}
@media only screen and (max-width: 767px) {
	#wim_header_banner_mobile{
		height: 165px;
		text-align: center;
	}
	
	#wim_header_banner_mobile svg path{
		fill: #00A5E4;
	}
	#wim_header_banner_mobile #hb_circle{
	  transform: translate(0%, -50%);
		width: 60px;
	  height: 60px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: auto;
	  background: #fff;
	  padding: 10px;
	  border-radius: 50%;
	}
	#wim_header_banner_mobile #hb_fondo{
		height: 142px;
	}
	#wim_header_banner_mobile #wim_hb_subtitulo{
		padding-top: 40px;
		font-family: 'GalanoGrotesque-light';
		font-size: 32px;
		color: #ffffff;
		font-weight: 400;
		text-decoration: none solid rgb(255, 255, 255);
		height: 142px;
		background: rgba(23,23,23,0.6);
		text-align: center;
		/*padding-left: 19px;*/
	}
}


/* maquetación de estilos para centrar cada icono particular*/
#module-storelocator-storedetails #wim_header_banner .wim_hb_ico,
#stores #wim_header_banner .wim_hb_ico{
	padding-top: 25px!important;
	transform: translate(-90%, 0%)!important;
}

#module-storelocator-storedetails #wim_header_banner .wim_hb_ico i,
#stores #wim_header_banner .wim_hb_ico i{
	font-size: 26px!important;
}

#module-advancefaqs-faqs #wim_header_banner .wim_hb_ico{
	padding-top: 25px!important;
	transform: translate(-90%, 0%)!important;
}

#module-advancefaqs-faqs #wim_header_banner .wim_hb_ico i{
	font-size: 30px!important;
}

#cms #wim_header_banner .wim_hb_ico{
	padding-top: 25px!important;
	transform: translate(-90%, 0%)!important;
}

#cms #wim_header_banner .wim_hb_ico i{
	font-size: 30px!important;
}

#contact #wim_header_banner .wim_hb_ico i{
	font-size: 29px!important;
  transform: translate(-18%, 0%)!important;
}

@media only screen and (max-width: 767px) {
	#module-storelocator-storedetails #wim_header_banner_mobile .wim_hb_ico,
	#stores #wim_header_banner_mobile .wim_hb_ico{
		color: #00a5e4;
		transform: translate(-9%, 0%)!important;
	}
	
	#module-storelocator-storedetails #wim_header_banner_mobile .wim_hb_ico i,
	#stores #wim_header_banner_mobile .wim_hb_ico i{
		font-size: 22px!important;
	}
	
	#module-advancefaqs-faqs #wim_header_banner_mobile .wim_hb_ico{
		color: #00a5e4;
		transform: translate(-8%, 0%)!important;
	}
	
	#module-advancefaqs-faqs #wim_header_banner_mobile .wim_hb_ico i{
		font-size: 30px!important;
	}
	
	#cms #wim_header_banner_mobile .wim_hb_ico{
		color: #00a5e4;
		transform: translate(-8%, 0%)!important;
	}
	
	#cms #wim_header_banner_mobile .wim_hb_ico i{
		font-size: 26px!important;
	}
	#contact #wim_header_banner_mobile .wim_hb_ico i{
		font-size: 29px!important;
		color: #00a5e4;
		transform: translate(-7%, -5%)!important;
	}
	#contact #wim_header_banner_mobile #wim_hb_subtitulo {
	  padding-top: 23px;
	  font-family: 'GalanoGrotesque-light';
	  font-size: 32px;
	  color: #ffffff;
	  font-weight: 400;
	  text-decoration: none solid rgb(255, 255, 255);
	  height: 142px;
	  background: rgba(23,23,23,0.6);
	  text-align: left;
	  padding-left: 19px;
	  line-height: 36px;
	}
}