.modal-backdrop.in {  opacity: 0; filter: alpha(opacity=50); }

/*******************************************************/
/********Diseño del Banner principal********************/
/*******************************************************/

#main-banner article{
	background: -moz-linear-gradient(left, rgba(102,102,102,0.66) 0%, rgba(44,44,44,0.34) 48%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,102,102,0.66)), color-stop(48%,rgba(44,44,44,0.34)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(102,102,102,0.66) 0%,rgba(44,44,44,0.34) 48%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(102,102,102,0.66) 0%,rgba(44,44,44,0.34) 48%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(102,102,102,0.66) 0%,rgba(44,44,44,0.34) 48%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(102,102,102,0.66) 0%,rgba(44,44,44,0.34) 48%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8666666', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
/*#img-banner{ content:url(../../img/banner/mobil/bannerFondoV2.png); }*/
.bar-blue {	
	background-color: rgb(29,173,227);	
	color: #fff;	
	padding-top: 10px;	
	padding-left: 10px;
	padding-bottom: 10px;	
	margin: 0px;	
	font-family: 'GothamNarrow-Bold' !important;	
	font-size: 15px;	
	font-weight: bold;	
	line-height: 180%;	
	text-transform: uppercase;
}
.banner-title {	
	text-transform: uppercase;	
	margin-top: -75px;	
	float: left;
	width: 100%;
	background-image:url('../../img/banner/pattern.png');
	position: absolute;
	bottom: 85px;
}
.banner-title h1 {	
	font-family: 'GothamNarrow-Bold' !important; 
	font-size: 18px; 
	color: #fff; 
	text-align: left;	
	position: relative;
	margin: 10px 0 5px 0;
	line-height: 100%;
}
.banner-title p {	
	font-family: 'GothamNarrow-Book' !important; 
	font-size: 14px;	
	line-height: 110%;	
	letter-spacing: 0pt;	
	color: #fff;	
	text-align: left;	
	position: relative;	
	margin-bottom: 10px;
}
.btn_grid_feature {	
	width: 10px;	
	height: 32px;	
	background-image:url('../../img/banner/mobil/menu_ico.png');	
	cursor: pointer;	
	margin-left: 8px;	
	margin-top: 20px 
}
.btn_grid_feature:hover { background-image:url('../../img/banner/mobil/menu_ico_active.png'); }
.row-map {	text-align: center; }
.container.bar-blue .col-xs-12 { height: 33px; }
.container.bar-blue .col-xs-12 a { 
	color: #fff; 
	font-size: 14px; 
	padding: 8px 0; 
	padding-left: 25px; 
	display: block; 
	position: relative;
}
.container.bar-blue .col-xs-12 .icon {  
	font-size: 1.3em; 
	float: left; 
	position: absolute;
	left: 0;
	top: 6px; 
}

#main-banner .icon.countrymap { 
	font-size: 8.9em; 
	color: #fff; 
	float: right; 
	padding: 0 25px; 
	position: relative;
}
#main-banner .icon-target {  
	font-size: 0.3em;
	color: rgb(255,169,0);
	float: right;
	position: absolute;
	top: 40px;
	right: 78px;
}

@media (min-width: 768px){
	
	.bar-blue { width: 100%; }
	.btn_grid_feature {	
		width: 44px;		
		height: 44px;		
		background-image: url('../../img/banner/menu_ico.png');	
		margin-top: 30px;	
	}
	.btn_grid_feature_active,
	.btn_grid_feature:hover {	
		background-image: url('../../img/banner/menu_ico-active.png');	
	}
	.banner-title h1 {	
		font-size: 32px;
		line-height: 100%;
	}
	.banner-title  p { 
		font-size: 18px;
	}
	.banner-title .outpadding {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 992px){
	.btn_grid_feature {	margin-left: 20px;}
	.bar-blue {	
		background-color: rgba(29, 173, 227, 0.6);		
		margin: -75px 0px 0px 0px; width: 100%;		
		position: absolute;
	}
	.banner-title { 
		bottom: 0;
	}
	.banner-title h1 { 
		font-size: 52px; 
	}
	.banner-title p { 
		font-size: 20px; 
	}
}
@media (min-width: 1200px){
	.btn_grid_feature { margin-left: 30px; }
	.bar-blue {	
		margin: -100px 0px 0px 0px;	
		width: 100%;
	}
	.banner-title{
		bottom: 20px;
	}
	.banner-title h1 { 
		font-size: 68px; 
		margin-left: 18px;	
	}
	.banner-title p { 
		font-size: 22px; 
		margin-left: 18px;	
	}
	#main-banner .icon.countrymap {
		padding: 0 25px 20px 25px;
	}
}