@viewport{
    zoom: 1.0;
    width: device-width;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    width: device-width;
    zoom: 1.0;
}

.body {

	background: black;

	color: white;

	font-size: 12px;

	/*overflow: scroll !important;*/
	
	width: 766px;

    height: 1366px;

}

.zoom {
    /*zoom: 0.5;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;*/
}
.container{

	width: 768px !important;
	height: 1366px !important;

	overflow: hidden;

}

.iUrbanContainer {

	/*background: url('./../img/fondo1.jpg') no-repeat center center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	width: 768px;
    height: 1366px;

    padding-right: 0 !important;

    overflow: hidden;

}
.iUrbanContainer .row {

	margin: 0px;

}


#grid {
	text-align: center;
	height: 100px;
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 10px;
  }
  
  #grid > div {
	text-align: center;
	background-color: lime;
  }

.homeColumn {

	padding-top: 18px;

}

.modal {

	color: black;

	font-size: 18px;

}
.panel {
	margin: 0.25;
	cursor: pointer;
}
.offerPanel {

	/*

	background: url( './../img/Captura de pantalla 2014-11-19 a las 1.44.15.jpg' );

	*/

	background-repeat: no-repeat;

	background-size: 508px 200px;

	margin: 15px;

	width: 508px;

	height: 200px;

	border-radius: 24px;



	cursor:	pointer;

}

.offerPanel > img {

	margin: 15px 0;

	width: 508px;

	height: 197px;

	border-radius: 24px;

}

.offerPanelRight {

	font-size: 18px;

	z-index: 3;

	color: white;

	width: 360px;

	height: 200px;

	position: absolute;

	left: 30px;

	top: 10px;

}

.offerPanelRightTop {

	position: absolute;

	top: -5px;

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

	padding: 8px;

	border-radius: 8px;

}

.offerPanelRightBottom {

	position: absolute;

	bottom: 15px;

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

	padding: 8px;

	border-radius: 8px;

}

.offerPanelLeft {

	position: absolute;

	right: 0;

	height: 200px;

	width: 100px;

	z-index: 3;

	background: white;

	border-radius: 24px;

}

.offerPanelPercentage {

	width: 60px;

	height: 60px;

	background: black;

	border-radius: 30px;

	margin-top: 70px;

	margin-left: 20px;

	color: white;

	font-size: 44px;

	padding-left: 10px;

}
.homeNewsListTabs{
	background-color: rgba(0, 0, 0, 0.24);
    margin: 0 -15px 5px -15px;
    width: 337px;
    border-radius: 20px 20px 0 0;
}
.homeNewsListTabs li a{
	color: white;
}
.homeNewsListTabs li.active a {
    background-color: rgba(0, 0, 0, 0.38);
}
.homeNewsListTabs li:first-child a {
	border-radius: 20px 0 0 0;
}
.homeNewsListTabs li:last-child a {
	border-radius: 0 20px 0 0;
}
.homeNewsListNewContent{
	height: 300px;
	overflow: auto;

}
.homeNewsListNewContent::-webkit-scrollbar {
  /* This is the magic bit */
  display: none;
}
.homeNewsListNew {

}
.homeNewsListNew .homeNewsListNewImg{
	padding:0;
	margin: auto;
}
.homeNewsListNew .homeNewsListNewInfo{
	padding-right: 0;
}
.homeNewsListNew .homeNewsListNewInfo h4{
	margin: 5px 0;
}
.homeNewsListNew .homeNewsListNewInfo p{
	max-height: 50px;
	overflow: hidden;
	/*text-align: justify;*/
}
.homeNewsListNew img{
	max-width: 100%;
	border-radius: 5px;
}
span.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.newInfo {
	margin-top: 10px;
	/*
	background-color: rgba(0, 0, 0, 0.24);
    border-radius: 15px;
    */
    text-align: justify;
    /*
    padding: 1em;
    height: 650px;
    */
}

.newInfo div.hideScrollbar {

	overflow-y: auto;
	/*padding: 0px 20px 20px 0px;*/
	margin-top: 10px;
	height: 462px;

}

.newInfo h3{
	text-align: center;
}
.newInfo img {
	float: left;
	max-width: 190px;
	height: auto;
	border-radius: 10px;
	margin: 0 30px 30px 0;
}
.newInfo span{
	font-size: 17px;
}

.newInfo .flexslider-container {
	float: left;
	max-width: 300px;
	height: auto;
	border-radius: 10px;
	margin: 0 30px 10px 0;
}

.newNewsListContainer{
	height: 300px;
	overflow: auto;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.24);
	margin:1em 0.5em !important;
	width: 48%;
}

.moreNews{

	overflow-y: auto;
	height: 313px;
	margin-top: 15px;

}
.newNewsListContainer::-webkit-scrollbar {
  /* This is the magic bit */
  display: none;
}
.newNewsListContainer{
	margin-bottom: 0;
}
.newNewsListNew{
	padding: 1em 0;
	cursor: pointer;
}

.newNewsListNew.col-xs-6 {

	padding: 1em !important;

}

.newNewsListNew .newNewsListNewImg{
	padding:0;
	margin: auto;
}
.newNewsListNew .newNewsListNewInfo{
	padding-right: 0;
}
.newNewsListNew .newNewsListNewInfo p{
	max-height: 50px;
	overflow: hidden;
  	/*text-align: justify;*/
}
.newNewsListNew .newNewsListNewInfo p::after {

}
.newNewsListNew .newNewsListNewInfo h4{
	margin: 5px 0;
}
.newNewsListNew img{
	max-width: 100%;
	border-radius: 5px;
}
.newTwitterContainer{
	height: 300px;
    overflow: auto;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.24);
    margin: 1em 0.5em !important;
	width: 48%;
}
.afterNew{

}
.municipalScheduleHeaderIcon {

	margin: 15px;
    padding: 20px 20px;
    background: black;
    background-size: 110px 110px;
    width: 130px;
    height: auto;
    border-radius: 50%;

}

.municipalScheduleHeaderIconSubtitle {

	font-size: 16px;

}

.municipalScheduleBodyNew {

	font-size: 18px;

	margin: 30px 0 !important;

	cursor: pointer;

}

.municipalScheduleBodyNewSmallPhoto {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

	padding: 0;

}

.municipalScheduleBodyNewSmallPhoto > img {

	width: 100%;

	height: auto;

	border-radius: 12px;

}

.municipalScheduleBodyNewinfo {

	text-transform: uppercase;

	font-size: 0.65em;

}

.municipalScheduleNewModal {

	/*background: url( './../img/Portada2-1.jpg' );*/

	background-repeat: no-repeat;

	background-size: 800px 600px;

	width: 800px;

	height: 600px;

	color: white;

	margin:	0 20px 20px 20px;

	border-radius: 24px;

}

.municipalScheduleNewModalLeft {

	background-color: rgba( 0, 0, 0, 0.7 );

	padding: 24px;

	font-size: 18px;

	left: -1px;

	border-top-left-radius: 24px;

	border-bottom-left-radius: 24px;

}

.municipalScheduleNewModalTitle {

	font-size: 32px;

}

.commercesPanel {

	background: url( './../img/comercio1-1.jpg' );

	background-repeat: no-repeat;

	background-size: cover;
    background-position: center;

	width: 508px;

	height: 335px;

	border-radius: 24px;

	cursor: pointer;

}

.commercesPanelContent {

	position: relative;

	top: 140px;

	margin:	-15px !important;

	background-color: rgba( 0, 0, 0, 0.7 );

	padding: 24px;

	font-size: 18px;

}

.commercesPanelTitle {

	margin-top: 30px;

}

.commercesMenuPanel {

	font-size: 16px;

	font-weight: bolder;

}
.headerBar {

	background-color: rgba( 51, 51, 51, 0.24);

	font-size: 18px;

	margin: 0 -15px !important;

	align-items: center;



}
.headerBar h1 {
	padding: 40px;
	margin: 0;
	text-align: center;

}
.headerBar-nav{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100px;
}
.headerBar-nav li {

	display: inline-block;
	height: 100px;
	width: 135px;
}
.headerBar-nav li.active {
    border-radius: 9px;
    background-color: rgba(0, 0, 0, 0.68);
}
.headerBar .commercesMenuHomeReturn  {

	background: black;

	border-radius: 50%;

	width: 105px;

	height: 105px;

	padding: 26px;

	position: absolute;

	cursor: pointer;

    margin-top: 6px;

}
.commercesMenuHomeReturn {

	background: black;

	border-radius: 51px;

	width: 102px;

	height: 102px;

	padding: 26px;

	margin-top: 18px;

	margin-left: 32px;

	cursor: pointer;

}

.commercesMenuOption {

	border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    width: 210px;
    padding: 0 0 0 30px;
    margin-left: -30px !important;

	height: 100px;

	cursor: pointer;
	margin-top: 0.5em !important

}

.commercesMenuOption.active {

	background: black;

	padding: 0 0 0 30px;

	border: 1px solid black;

	cursor: default;

}

.commercesMenuOptionBars {

	margin-top: 0px;

}

.commercesMenuOptionRestaurants {

	margin-top: 13px;

}

.commercesMenuOptionDrugstores {

	margin-top: 8px;

}

.commercesMenuOptionSupermarkets {

	margin-top: 0px;

}

.commercesMenuOptionBanks {

	margin-top: 2px;

}

.commercesMenuOptionGymnasiums {

	margin-top: 6px;

}

.commercesMenuOptionTitleBars {

	position: relative;

	top: -10px;

	left: -3px;

}

.commercesMenuOptionTitleRestaurants {

	position: relative;

	top: 5px;

	left: 0;

}

.commercesMenuOptionTitleDrugstores {

	position: relative;

	top: 1px;

	left: 0;

}

.commercesMenuOptionTitleSupermarkets {

	position: relative;

	top: -10px;

	left: -3px;

}

.commercesMenuOptionTitleBanks {

	position: relative;

	top: -10px;

	left: -3px;

}

.commercesMenuOptionTitleGymnasiums {

	position: relative;

	top: 0;

	left: -3px;

}

.commercesCategoryMenuItemsPanel {

	height: 763px;

	padding-top: 20px;

}

.commercesCategoryMenuItemRow {

	margin: 24px 0;

	font-size: 16px;

	font-weight: bolder;

}

.commercesCategoryMenuItemPhoto {

	cursor: pointer;

}


.commercesCategoryMenuItemPhoto > img {
	width: 310px;
    height: 150px;
    border-radius: 15px;
}
.commercesCategoryMenuItemName{
	position: absolute;
    display: block;
    bottom: 20px;
    background-color: rgba(0,0,0,0.65);
    width: 310px;
    border-left: none;
    border-right: none;
    padding: 0.5em;

}
.commercesCategoryMenuItemContainer{
	margin: 0.5em 0;
}

.transportsPanel{
	padding: 24px;
}
.streetMapPanel {

	padding: 32px;

	cursor: pointer;

}

.municipalInfoPanel {

	padding: 24px 8px;

	cursor: pointer;

}

.municipalScheduleBodyPanel, .municipalInfoPanel, .transportsPanel, .streetMapPanel {

	background-color: rgba( 51, 51, 51, 0.24);

	border-radius: 24px;

}

.municipalInfoPhoto {

	margin:	15px;

	background: url( './../img/Portada2-1.jpg' );

	background-repeat: no-repeat;

	background-size: 225px 217px;

	width: 225px;

	height: 217px;

	border-radius: 110px;

}

.municipalInfoTitle, .municipalScheduleHeaderTitle {

	font-size: 36px;

	line-height: 30px;

}

.municipalInfoIcon {

	position: absolute;

	top: 15px;

}

.municipalInfoFullTitle, .municipalScheduleHeaderFullTitle {

	position: absolute;

	bottom: 15px;

}

.municipalScheduleHeaderFullTitle {

	margin: 0 -30px !important;

}

.municipalScheduleHeaderCitizensInfo, .municipalInfoInterestPoints, .transportsTitle, .streetMapTitle {

	font-size: 21px;

}

.transportsHeaderContainer,

.streetMapHeaderContainer,

.offersHeaderContainer {

	background-color: rgba( 0, 0, 0, 0.7 );

	margin: 0 -15px !important;

	font-size: 16px;

}

.offersHeaderContainer {

	padding-bottom: 15px;

}

.transportsHeader,

.streetMapHeader,

.offersHeader {

	margin-top: 36px;

	margin-bottom: 24px;

}

.transportsHeaderTitle,

.streetMapHeaderTitle,

.offersHeaderTitle {

	font-size: 36px;

}

.transportsMenuContainer,

.streetMapMenuContainer {

	background-color: rgba( 0, 0, 0, 0.7 );

	margin: 10px -15px !important;

	font-size: 16px;

	font-weight: bolder;

	padding-top: 20px;

	padding-bottom: 10px;

	height: 100px;

}

.transportsMenuContainer {

	padding-bottom: 0px;

}

.streetMapMenuContainer {

	padding-top: 0px;

}

.transportsMenuOption {

	margin-right: -32px;

	cursor: pointer;

}

.transportsMenuOption.active > i ,

.transportsMenuOption.active > span,

.streetMapMenuContainer > div.active {

	color: black;

}

.streetMapMenuContainer > div.active {

}

.transportsMenuOptionIconTrain {

	margin-top: 0px;

	margin-left: 48px;

	background: url('./../img/train-white.png');

	width: 68px;

	height: 68px;

	background-size: 68px 68px;

	background-repeat: no-repeat;

	background-position: 0px -17px;

}

.transportsMenuOption.active > .transportsMenuOptionIconTrain {

	background: url('./../img/train.png');

	background-size: 68px 68px;

	background-repeat: no-repeat;

	background-position: 0px -17px;

}

.transportsMenuOptionTitleTrain {

	position: absolute;

	bottom: -2px;

	left: 80px;

}

.streetMapMenuContainer > div {

	margin-right: -32px;

	cursor: pointer;

}

.streetMapMenuOptionRestaurants {

	margin-top: 15px;

}

.streetMapMenuOptionDrugstores {

	margin-top: 6px;

}

.streetMapMenuOptionGymnasiums {

	margin-top: 7px;

}

.streetMapMenuOptionTitleBars {

	top: -8px;

	left: -3px;

	position: relative;

}

.streetMapMenuOptionTitleRestaurants {

	top: 6px;

	position: relative;

}

.streetMapMenuOptionTitleDrugstores {

	top: 5px;

	position: relative;

}

.streetMapMenuOptionTitleSupermarkets {

	top: -8px;

	position: relative;

}

.streetMapMenuOptionTitleBanks {

	top: -8px;

	position: relative;

}

.streetMapMenuOptionTitleGymnasiums {

	top: 3px;

	position: relative;

}

.transportsMapContainer {

	width: 1170px;

	height: 805px;

	margin: 0px -15px 10px -15px !important;

}

.streetMapContainer {
    margin: 15px -15px 15px -15px !important;

}

.transportsMapContainer > map {
	width: 768px;
	height: 950px;
}

.streetMapContainer > map {
	height: 950px;
}

.offersContentContainer {

	margin: 20px 0 !important;

	height: 895px;

	overflow-y: auto;

}

.videoPanel {

	background: url( './../img/madrid1.jpg' );

	background-repeat: no-repeat;

	background-size: cover;

    background-position: center;

	width: 510px;

	height: 480px;

	border-radius: 24px;

}

.videoPanel > img {

	position: absolute;

	top: 366px;

	left: 183px;

	-webkit-filter: blur(2px);

  	filter: blur(2px);

  	cursor: pointer;

}

.videoContainer {

	padding: 0 32px;

}

.video {

	border-radius: 12px;

}

.iUrbanHeader, .standByHeader, .standByFooter {
	top:0;
	width: 768px;
	height: 99px;

	background-color: rgba( 0, 0, 0, 0.7 );

	padding: 0 24px;
	/* position:absolute !important; */
	font-size: 18px;
	margin: 0px 0px 0 -15px !important;
	align-items: center;
}

.iUrbanHeaderSeparator {
    width: 1px;
    height: 101px;
    margin: 3px 0;
    background: white;
    float: right;
    display: inline-block;

}

.iUrbanHeaderZoneTitle {

	font-size: 28px;

	text-transform: uppercase;

}

.language-header, .language-selector-header {
	text-align: right !important;
}

.language-selector-header {

	padding: 5px 9px 15px 9px !important;
	z-index: 9;
	background-color: rgba( 0, 0, 0, 0.3 );
	border-radius: 8px;
	position: absolute;
	top: 9px;
	right: 16px;
	height: 83px;

}

.language-header > span > img {

	cursor: pointer;

	width: 72px;
	height: 72px;


}

.language-selector-header > span > img {

	cursor: pointer;

	width: 72px;
	height: 72px;

}

.language-selector-header > span.disabled > img {

	border: 3px solid;

	border-radius: 40px;

	cursor: default;

}

.language-header .fa-caret-left{

	cursor: pointer;

	color: rgba( 240, 240, 240, 0.7 );

}

.logo-header{
	width: 160px;
	height: auto;
}

.iUrbanFooter {
	bottom:0;
	width: 768px;

	background-color: rgba( 0, 0, 0, 0.7 );

	/* padding: 0 24px; */
	position:absolute !important;
	font-size: 18px;
	margin: 0px 0px 0 -15px !important;
	align-items: center;
}

.iUrbanFooterClock {
	font-size: 40px;
	/* margin-left: 25px; */
}

.iUrbanFooterSeparator {
    width: 2px;
    height: 69px;
    margin: 15px 0;
    background: white;
    float: right;
    display: inline-block;

}

.iUrbanFooterSeparatorLeft {

	text-align: center;
    width: 6px;

}

.iUrbanFooterSeparatorRight {

	text-align: center;
    width: 6px;

}

.fullWeatherContent {

	bottom: 99px;
	position: absolute;
	left: 0;
	background-color: rgba( 0, 0, 0, 0.9 );
	height: 380px;
	padding: 20px 0 !important;
	z-index: 99;

}

.fullWeatherContent img.weather {

	width: 40px;

	height: 40px;

}

.fullWeatherContent .iUrbanFooterWeatherToday {

	margin: 0 20px;

	font-size: 18px;

}

.fullWeatherContent img.weather.big {

	width: 50px;

	height: 50px;

	position: relative;

	top: 5px;

}

.fullWeatherContent .iUrbanFooterWeatherTodayTemperature {

	position: relative;

	top: 10px;

}

.weatherDataHeader {

	margin-bottom: 20px !important;

	margin-top: -10px !important;

	font-size: 30px;

	font-weight: bolder;

	text-transform: uppercase;

}

.weatherDataHourly {

	font-size: 18px;

	padding-bottom: 40px !important;

	margin-bottom: 20px !important;

	border-bottom: 1px solid;

}

.weatherDataHourly > div {

	margin-left: 5px !important;

}

.weatherDataHourly .iUrbanFooterWeatherTodayTemperature {

	width: 50px;

}

i.iUrbanFooterWeatherToday{
	font-size: 36px !important;

}

.iUrbanFooterWeatherContent {

	display: block;

	font-size: 14px;

	height: 99px;

}

.iUrbanFooterWeatherContent img.weather {

	width: 40px;

	height: 40px;

}

img.weather.big {

	width: 60px;

	height: 60px;

	position: relative;

	bottom: 10px;

}

.iUrbanFooterWeatherToday {

	display: inline-block;

	margin: 0 5px;

	position: relative;

	top: 10px;

}

.iUrbanFooterWeatherToday.Today {

	margin-right: 30px;

	top: 5px !important;

	/*

	position: relative;

	top: 10px;

	*/

}

.iUrbanFooterWeatherTodayDate {

	font-size: 150%;

}

.iUrbanFooterWeatherTodayTemperatureMax {

	font-size: 250%;

}

.iUrbanFooterWeatherTodayTemperatureMin {

	font-size: 150%;

}

.iUrbanFooterWeatherTodayDayName {

	/*

	position: relative;

	bottom: 16px;

	*/

	width: 50px;

}

.iUrbanFooterWeatherTodayTemperature {

	position: relative;

	top: 0;

}

.iUrbanFooterWeatherToday > i {

	position: relative;

	bottom: 8px;

	font-size: 18px;

}

.iUrbanFooterWeatherToday.Plus {



}

.language-selector-footer{
	text-align: center;
}

.language-selector-footer > span > img {

	cursor: pointer;

}

.adsBar {

	background-color: rgba( 51, 51, 51, 0.24);

	padding: 40px;

	font-size: 18px;

	margin: 0 -15px !important;

	align-items: center;

}
.adsBar img {

	border-radius: 24px;

	width: 510px;

	height: 288px;

}

.offersBar {

	background-color: rgba( 0, 0, 0, 0.7 );

	padding: 40px;

	width: 1170px;

	overflow-x: hidden;

	margin: 0 -15px !important;

	align-items: center;

}

.offersBarInner {

	display: inline-flex !important;

	position: relative;

	width: 2400px;

	margin: 0;

	left: 0;

	text-align: left;

	font-size: 0;

	-webkit-animation: 20s slideOffers infinite;

	animation: 20s slideOffers infinite;

}

@-webkit-keyframes slideOffers {

	0% { left: 0%; }

	50% { left: -820px; }

	100% { left: 0%; }

}

@keyframes slideOffers {

	0% { left: 0%; }

	50% { left: -820px; }

	100% { left: 0%; }

}

.offerBarContainer {

	position: relative;

	z-index: 1;

}

.offersBarInner img {

	width: 25%;

	float: left;

	border-radius: 24px;

	width: 450px;

	height: 220px;

	margin: 0 15px;

	z-index: 2;

}

.offerBarRight {

	font-size: 18px;

	z-index: 3;

	color: white;

	width: 300px;

	height: 220px;

	position: absolute;

	left: 30px;

	top: 10px;

}

.offerBarRightTop {

	position: absolute;

	top: -5px;

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

	padding: 8px;

	border-radius: 8px;

}

.offerTitle,

.offerDiscount {

	font-size: 36px;

}

.offerBarRightBottom {

	position: absolute;

	bottom: 15px;

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

	padding: 8px;

	border-radius: 8px;

}

.offerBarLeft {

	position: absolute;

	right: 0;

	height: 220px;

	width: 100px;

	z-index: 3;

	background: white;

	border-radius: 24px;

}

.offerBarPercentage {

	width: 60px;

	height: 60px;

	background: black;

	border-radius: 30px;

	margin-top: 80px;

	margin-left: 20px;

	color: white;

	font-size: 44px;

	padding-left: 10px;

}

.iframe {
	width: 768px;
	height: 1166px; 
}


.row-eq-height {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	/*align-items: flex-end;*/

}

.modal-content {

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

}

.modal-header{

	border-bottom: 0px;

}

.modal-my-close {

	color: white;

	font-size: 64px;

	width: 90px;

	margin-left: 745px !important;

	background: black;

	padding: 0 24px;

	border-radius: 64px;

	margin:	18px;

	cursor: pointer;

}

.modal-dialog {

	margin-top:	290px;
	margin-left: 0;
    margin-right: 0;

}

#standBy {

	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999999;

}

#standBy > .slide {

	position: absolute;

}

#standBy .modal-content {

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

	border-radius: 550px;

	width: 766px;

	height: 766px;

	margin: 0 auto;

}

.superHand {

	margin: 60px;

	/*margin-top: 210px;*/

	cursor: pointer;

}

.municipalInfoPrincipal {

	margin-bottom: 19px !important;

	margin-top: 24px !important;

}

.municipalInfoPrincipal > div {

	padding: 0;

}

.municipalInfoPrincipalRow {

	top: -30px;

	position: relative;

}

.municipalInfoHomeReturn {

	background: black;

	border-radius: 51px;

	width: 102px;

	height: 102px;

	padding: 26px;

	-ms-transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	transform: rotate(0deg);

	margin-top: 18px;

	margin-left: 32px;

	cursor: pointer;

}

.municipalInfoPrincipalMenuOptionContainer {

	background: transparent;

	width: 260px;

	height: 260px;

	border-radius: 130px;

	border: 2px solid white;

	margin: 20px;

	cursor: pointer;

}

.municipalInfoPrincipalMenuOptionContent {

	color: black;

	background: white;

	width: 240px;

	height: 240px;

	border-radius: 120px;

	margin: 7px -7px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	align-items: flex-end;

}

.municipalInfoPrincipalMenuOptionIconTitle {

	font-size: 16px;

	width: 100%;

	margin-bottom: 36px;

}

.municipalInfoPrincipalMenuMonumentsIcon,
.municipalInfoPrincipalMenuCulturalGuideIcon {

	margin: 0 0 7px 5px;

}

.municipalInfoPrincipalMenuMuseumsIcon {

	margin: 0 0 -18px 5px;

}

.municipalInfoPrincipalMenuGastronomyIcon {

	margin: 0 0 -8px 5px;

}

.municipalInfoPrincipalMenuFestivalsIcon {

	margin: 0 0 0 5px;

}

.municipalInfoPrincipalMenuInterestPhonesIcon {

	margin: 0 0 3px 5px;

}

.municipalInfoCategoryMenuReturn {

	background: transparent;

	border-radius: 51px;

	width: 102px;

	height: 102px;

	padding: 26px 13px;

	margin-top: 18px;

	margin-left: 32px;

	border: 1px solid white;

	cursor: pointer;

}

.municipalInfoLittleMenu {

	background-color: rgba( 255, 255, 255, 0.5);

	border-radius: 10px;

	width: 16px;

	height: 16px;

	padding: 6px;

	margin: 4px;

	border: 2px solid transparent;

	cursor: pointer;

}

.municipalInfoLittleMenu.active {

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

}

.municipalInfoCategoryMenuIcons {

	display: inline-flex;

}

.municipalInfoCategoryMenuIconsContent {

	color: white;

	width: 120px;

	margin: 20px 12px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	align-items: flex-end;

	cursor: pointer;

}

.municipalInfoCategoryMenuIconsContent.active {

	color: black;

}

.municipalInfoCategoryMenuIconsContent.culturalGuide {

	width: 140px;

}

.municipalInfoCategoryMenuIconsIconTitle {

	font-size: 16px;

	font-weight: bolder;

	width: 100%;

}

.municipalInfoCategoryMenuIconsMonumentsIcon,
.municipalInfoCategoryMenuIconsCulturalGuideIcon {

	margin: 0 0 8px 5px;

}

.municipalInfoCategoryMenuIconsMuseumsIcon {

	margin: 0 0 -6px 5px;

}

.municipalInfoCategoryMenuIconsGastronomyIcon {

	margin: 0 0 0 5px;

}

.municipalInfoCategoryMenuIconsFestivalsIcon {

	margin: 0 0 2px 5px;

}

.municipalInfoCategoryMenuIconsInterestPhonesIcon {

	margin: 0 0 6px 5px;

}

.municipalInfoCategoryMenuItems {

	height: 620px;

	overflow-y: auto;

}

.municipalInfoCategoryMenuItemRow {

	margin: 24px 0 !important;

}

.municipalInfoCategoryMenuItemContainer {

	cursor: pointer;

}

.municipalInfoCategoryMenuItemPhoto > img {

	border-radius: 24px;

}

.municipalInfoCategoryMenuItemInfo {

	height: 173px;

	font-size: 16px;

	padding-left: 4px;

	line-height: 1.1;

}

.municipalInfoCategoryMenuItemInfoTop {

	position: absolute;

	top: 5px;

}

.municipalInfoCategoryMenuItemInfoMiddle {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 5px;

	right: 0;

	height: 30%;

	margin: auto;

}


.municipalInfoCategoryMenuItemInfoBottom {

	position: absolute;

	bottom: 2px;

}

.municipalInfoCategoryMenuItemInfoTopName {

	font-weight: bolder;

}

.municipalInfoItemContainer {

    margin: 15px 0 !important;

}
.municipalInfoItemContainer img{
	width: 768px;
    height: auto;
    margin-left: -15px;
    max-height: 600px;
}

.municipalInfoItemMenuReturn {

	background: black;

	border-top-right-radius: 28px;

	border-bottom-right-radius: 28px;

	width: 160px;

	height: 95px;

	padding: 22px 13px 0 82px;

	margin-top: 27px;

	border: 1px solid black;

	cursor: pointer;

}

.municipalInfoItemDetailedContainer {

	background-color: rgba( 0, 0, 0, 0.7 );

	padding: 24px;

	font-size: 16px;

}


.commerceDescription h3 , .commerceMap h3 {
    margin-top: 0;
}
.commerceDescription {
    padding:15px;
    background-color: rgba(0, 0, 0, 0.24);
    border-radius: 15px;
    font-size: 16px;
    font-weight: 500;
    text-align: justify;

    margin:0 15px;
}
.commerceMap {
    background-color: rgba(0, 0, 0, 0.24);

    margin:0 15px;
    padding: 15px;
    border-radius: 15px;

}

.municipalInfoItemDetailedName {

	text-transform: uppercase;

	font-size: 42px;

}

.municipalInfoItemDetailedMap {

	position: absolute;

	bottom: 0;

	width: 490px;

	padding: 10px 25px;

	margin-left: -25px;

}

.municipalInfoItemDetailedAddressPhones {

	margin-bottom: 10px;
}

.municipalInfoItemDetailedMap > map {

	height: 240px;

}

.municipalInfoInterestPhonesContainer {

	height: 620px;

	font-size: 18px;

	font-stretch: condensed;

	font-weight: bolder;

	line-height: 1.2;

}

.municipalInfoInterestPhones {

	background-color: rgba( 0, 0, 0, 0.7 );

	padding: 6px;

	border-radius: 24px;

	margin-top: 60px !important;

}

.municipalInfoInterestPhonesTitle {

	margin: 15px 0;

	font-size: 21px;

}

.animate-enter,
.animate-leave
{

    -webkit-transition: 1025ms cubic-bezier(0.895, 0.030, 0.685, 0.220) all;

    -moz-transition: 1025ms cubic-bezier(0.895, 0.030, 0.685, 0.220) all;

    -ms-transition: 1025ms cubic-bezier(0.895, 0.030, 0.685, 0.220) all;

    -o-transition: 1025ms cubic-bezier(0.895, 0.030, 0.685, 0.220) all;

    transition: 1025ms cubic-bezier(0.895, 0.030, 0.685, 0.220) all;

}

.animate-leave.animate-leave-active,
.animate-enter {

    opacity: 0;

    width: 0px;

    height: 0px;

}

.animate-enter.animate-enter-active,
.animate-leave {

    opacity: 1;

    width: 150px;

    height: 30px;

}

.btn-sugerencias {
	color:white;
	margin:1em 0 0 0;
	background:rgba(0, 0, 0, 0.35);
	font-size: 0.7em;
}
.btn-sugerencias:hover ,.btn-sugerencias:active ,.btn-sugerencias:focus{
	color:white;
}
.logo-footer{
	width: 210px;
	height: auto;
}

.modalTitle{
    font-size: 32px;
}

.no-padding{
	padding: 0;
	text-align: center;
}

.flexslider .slides > li > video{
	margin-left: -15px;
    width: 768px;
    height: 576px;
    background: black;
}

.flexslider{
	margin:0;
	background: none;
	border:none;
}
.flexslider .slides img {
	background: none;
	margin:0;
	border-radius: 15px;
	height: 100%;
}
.flex-control-nav{

	/* display: none; */
	bottom: 6px;
	z-index: 99;

}
.flex-direction-nav a {
	height: 50px;
}

.grid-element {

	margin-top: 15px;

	background-color: rgba(0, 0, 0, 0.493);

	border-radius: 24px;

}

.grid-element-no-back {	
	margin-top: 15px;

	border-radius: 24px;
}

.grid-one-element-row {

	width: 738px;

}

.row-home {

	margin-left: -15px !important;

}

.row-home > .grid-container-home:first-child {

	left: 3.75px;

}

.grid-container-home {

	padding: 0 11.25px !important;

	position: relative;

	left: -3.75px;

}

.grid-container-1 {

	height: 1.2px;

}

.grid-container-2 {

	height: 384px;

}

.grid-container-3 {

	height: 576px;

}

.grid-container-4 {

	height: 768px;

}

.grid-container-5 {

	height: 960px;

}

.grid-container-6 {

	height: 1152px;

}

.grid-row-1 {

	height: 177px;

}

.grid-row-2 {

	height: 369px;

}

.grid-row-3 {

	height: 561px;

}

.grid-row-4 {

	height: 753px;

}

.grid-row-5 {

	height: 945px;

}

.grid-row-6 {

	height: 1137px;

}

.grid-element-commerces {

	/*background: url( './../img/hoteles-puertamalaga-restaurante-restaurante-panoramica.jpg' );*/
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;

	cursor: pointer;

	position: absolute;

	width: 361.5px;

}

.grid-element-interestPoints {

	background: url( './../img/Sagrada-Familia-Barcelona.jpg' );
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;

	cursor: pointer;

	position: absolute;

	width: 361.5px;

}

.grid-element-selfie {

	background: url( './../img/selfieHome.jpg' );
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center 30%;

	cursor: pointer;

}

.grid-element-survey {

	background: url( './../img/survey.jpg' );
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center 30%;

	cursor: pointer;

}

.grid-element-selfie img {

	/*width: 70px;*/

}

.grid-element-ads {

	background: url( './../img/mediamarkt-1.png' );
	background-repeat: no-repeat;
	background-size: cover;
    background-position: left;

	/* cursor: pointer; */

}

.grid-element-panel-container {

	position: relative;
	top: 15px;
	margin:	-15px !important;
	padding: 12px 18px;

	background-color: rgba( 0, 0, 0, 0.7 );

	font-size: 18px;

	border-top-left-radius: 24px;
	border-top-right-radius: 24px;

}

.grid-element-panel-container.bottom {

	position: absolute;
	top: 147px;
	width: 100%;

	font-size: 15px;

	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;

	overflow: hidden;

}

.grid-element-panel-icon {

	width: 94px;

}

.grid-element-panel-titles {

	/* margin-top: 30px; */

}

.grid-element-panel-title {

	font-size: 23px;

}

.grid-element-panel-title.big {

	font-size: 28px;

}

.grid-element-panel-subtitle {

	font-size: 16px;

}

.grid-element-panel-container .regularPrice {

	text-decoration: line-through;

}

.grid-element-panel-container .discount {

	position: absolute;
	right: -20px;
	bottom: -30px;
	color: black;
	background-color: white;
	font-size: 30px;
	border-radius: 40px;
	padding: 20px 10px;

}

.grid-element-vertical-center {

	position: relative;

	top: 50%;

	transform: translateY(-50%);

}

.flex-vertical-center {

	display: flex;

	align-items: center;

	justify-content: center;

}

.grid-element-simple-panel {

	padding: 32px;

	cursor: pointer;

}

.grid-element-news-tabs .nav {

    margin: 0 -15px 5px -15px;
    width: 361.5px;
    border-radius: 24px 24px 0 0;
}

.grid-element-news-tabs .nav li a:hover {

	background-color: rgba(0, 0, 0, 1);

}

.grid-element-news-tabs .nav li a{
	background-color: rgba(0, 0, 0, 1);
	color: white;
	font-size: 21px;
	cursor: pointer;
	border: 0px solid white;
	border-top: 0;
}

.grid-element-news-tabs .nav li.active a,

.grid-element-news-tabs .nav li a.active:hover {
    background-color: white !important;
    border-bottom: 0;
    cursor: default;

    color: black;
}

.grid-element-news-tabs .nav li:first-child a {
	border-top-left-radius: 20px;
	border-right: 1px solid white;
}

.grid-element-news-tabs .nav li:last-child a {
	border-top-right-radius: 20px;
	border-left: 1px solid white;
}

.grid-element-news-tabs .homeNewsListNew {

	cursor: pointer;
	margin: 15px 0 !important;

}

.grid-element-news-tabs .homeNewsListNewContent{

	height: calc( 100% - 66px ); /* 490px; */
	overflow: auto;

}

.grid-element-full-width-plain{

	border-radius: 0;

	width: 768px;

	margin-left: -15px !important;

}

.grid-element-full-height{

	height: 1168px;

	margin-top: 0px !important;

}

.grid-element-menu-header-nav{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 130px;
	overflow-x: auto;
	overflow-y: hidden;
    white-space:nowrap;
}
.grid-element-menu-header-nav li {

	position:relative;

	display: inline-block;

	height: 130px;
	min-width: 130px;

	font-size: 18px;

	cursor: pointer;

}

.grid-element-menu-header-nav li.active {

    cursor: default;

}

.grid-element-menu-header-nav li span.menuOptionIcon > img {

    width: 96px;

}

.grid-element-menu-header-nav li span.menuOptionTitle {

    font-size: 20px;

}

.grid-element-menu-header-nav.narrow li {



	-webkit-animation: 10s slideCategories linear infinite;

	animation: 10s slideCategories linear infinite;



}

@-webkit-keyframes slideCategories {

	0% { left: 0%; }

	50% { left: calc( -100% + 427px ); }

	100% { left: 0%; }

}

@keyframes slideCategories {

	0% { left: 0%; }

	50% { left: calc( -100% + 427px ); }

	100% { left: 0%; }

}

.header-nav-controls {

	font-size: 40px;

	padding: 0 5px;

	opacity: 0;

}

.header-nav-controls.visible {

	/*opacity: 0.5;*/

	-webkit-animation: 1s animateOpacity linear infinite;

	animation: 1s animateOpacity linear infinite;

  padding: 60px 10px 0 10px;

  height: 100%;

}

@-webkit-keyframes animateOpacity {

	0% { opacity: 0; }

	50% { opacity: 1; }

	100% { opacity: 0; }

}

@keyframes animateOpacity {

	0% { opacity: 0; }

	50% { opacity: 1; }

	100% { opacity: 0; }

}

li span.menuOptionIcon > i {

    padding: 10px;

}

li span.menuOptionIcon > i:hover {

    color: #000;

}

li.active span.menuOptionIcon > i {

    color: #000;

    border-radius: 500px;

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

}

li span.menuOptionTitle {

	display: block;

	/*margin-top:	10px;*/

}

.grid-element-menu-header-nav li > i {

	line-height: 1.42857143;
}

.menuItemsContainer {

	overflow: auto;

}

.menuItemsContainer.offers {

	margin: -10px -15px -10px -15px;

	width: 733px;

	height: 263px;

}

.row.offers .menuItemsContainer.offers {

	height: 398px !important;

}

.menuItemsContainer > div {

	background-size: cover;

	width: 361.5px;

	margin: 15px 15px 0 0;

	cursor: pointer;

}

.menuItemsContainer.offers > div {

	width: 351px;

}

.menuItemsContainer .grid-element-panel-container {

	padding: 12px;

	z-index: 9;

}

.menuItemsContainer .flexslider-container {

	position: absolute;

	top: 22.5px;

}

.menuItemsContainer .flexslider img{
	border-radius: 24px !important;
	width: 361.5px !important;
    height: 177px !important;
    margin-left: -15px !important;
    margin-top: -22.5px !important;
    max-height: 177px !important;
}

.menuItemsContainer.offers .flexslider img{
	border-radius: 24px !important;
	width: 351px !important;
    height: 177px !important;
    margin-left: -15px !important;
    margin-top: -22.5px !important;
    max-height: 177px !important;
}

.menuItemsContainer .flex-direction-nav {

	display: none;

}

.menuItemsContainer.offers .flex-control-nav {

	bottom: 42px;

}

.menuItemsContainer .flex-control-paging li a {

	cursor: default;

}

.itemSliderContainer ul.slides img{
	border-radius: 0 !important;
	width: 768px !important;
    /*height: 100% !important;*/
    margin-left: -15px !important;
    /* max-height: 384px !important; */
}

.itemSliderContainer > .grid-row-1 ul.slides > li > img {

	height: 192px !important;

}

.itemSliderContainer > .grid-row-2 ul.slides > li >  img {

	height: 384px !important;

}

.itemSliderContainer > .grid-row-3 ul.slides > li >  img {

	height: 576px !important;

}

.itemSliderContainer > .grid-row-4 ul.slides > li >  img {

	height: 768px !important;

}

.itemSliderContainer > .grid-row-5 ul.slides > li >  img {

	height: 960px !important;

}

.itemSliderContainer > .grid-row-6 ul.slides > li >  img {

	height: 1152px !important;

}

.itemSliderContainer > .grid-row-1 ul.slides > li[data-thumb] > img ,
.itemSliderContainer > .grid-row-1 ul.slides > li[data-thumb] > video {

	height: 0px !important;

}

.itemSliderContainer > .grid-row-2 ul.slides > li[data-thumb] >  img ,
.itemSliderContainer > .grid-row-2 ul.slides > li[data-thumb] >  video {

	height: 192px !important;

}

.itemSliderContainer > .grid-row-3 ul.slides > li[data-thumb] >  img ,
.itemSliderContainer > .grid-row-3 ul.slides > li[data-thumb] >  video {

	height: 384px !important;

}

.itemSliderContainer > .grid-row-4 ul.slides > li[data-thumb] >  img ,
.itemSliderContainer > .grid-row-4 ul.slides > li[data-thumb] >  video{

	height: 576px !important;

}

.itemSliderContainer > .grid-row-5 ul.slides > li[data-thumb] >  img ,
.itemSliderContainer > .grid-row-5 ul.slides > li[data-thumb] >  video {

	height: 768px !important;

}

.itemSliderContainer > .grid-row-6 ul.slides > li[data-thumb] >  img ,
.itemSliderContainer > .grid-row-6 ul.slides > li[data-thumb] >  video {

	height: 960px !important;

}


.itemSliderContainer ol.flex-control-nav {

	margin: 0 0 0 -15px;
	width: 768px;

}

.itemSliderContainer .flex-control-thumbs li {

	float: none !important;

	width: 20%;

	vertical-align: middle;

}

.itemSliderContainer .flex-control-thumbs img {

	height: auto; /* 177px; */

	opacity: 0.3;

	border-radius: 10px;

	padding: 2px 1px;

}

.itemSliderContainer .flex-control-thumbs .flex-active {

	opacity: 1;

}

.itemOffersSliderContainer ul.slides img {

	border-radius: 0 !important;
	width: 768px !important;
    height: 100% !important;
    margin-left: -15px !important;
    /* max-height: 576px !important; */

}

.itemSliderContainer.offers .title {

	position: absolute;
	z-index: 99;
	height: 50px;
	font-size: 18px;
	padding-top: 10px;

}

.itemSliderContainer.offers .info {

	position: absolute;

	top: 675px;

	z-index: 99;

	font-size: 24px;

	padding: 10px;

}

.itemSliderContainer.offers .info .header {

	font-size: 15px;

	padding: 5px;

}

.itemSliderContainer.offers .flex-control-nav {

	top: 370px

}

.itemSliderContainer.offers .flex-direction-nav {

	margin-top: -50px;

}

.itemSliderContainer.offers .flex-direction-nav a {

	top: 40%;

}
.mg-t-none{
    margin-top: 0 !important;
}

.hideScrollbar::-webkit-scrollbar {
  display: none;
}

.itemInfo > .grid-element {

	margin-top: 0 !important;

}

.itemInfoTabs{
	/* background-color: rgba(0, 0, 0, 0.24); */
  margin:-45px -15px 5px -15px;
  width: 768px !important;
    /* border-radius: 20px 20px 0 0; */
	list-style: none;
	/* margin: 0; */
	padding: 18px 12px 6px 12px;
	text-align: center;
}

.offer-tab-container{
  top:150px; height: 415px; padding-bottom:15px;
}
.offer-qr-container{
  margin-top:-30px;
}
.row.offers .itemInfoTabs  {

	margin-top: 0 !important;

}

.itemInfoTabs li{

	cursor: pointer;

	font-size: 18px;

}

.itemInfoTabs li.active {

	cursor: default;

}

.itemInfoTabs li span.menuOptionIcon > img {

    width: 52px;

}

.itemInfoTabs .bubbleOffers {

	background: url('./../img/icons/2X/commerceDetail/bubbleOffer.png') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: -55px;
	right: -30px;
	width: 30px;
	height: 30px;
	padding: 5px 0;
	border-radius: 40px;
	font-size: 15px;
	z-index: 9;

}

.itemInfoTabsContent {

	height: calc( 100% - 155px );
	padding: 0 20px;
	overflow: auto;
	text-align: justify;
	font-size: 18px;

}

.itemInfoTabs.offers .itemInfoTabsContent {

	height: calc( 100% - 175px ) !important;

}

.itemInfoTabsContent qrcode > canvas {

	padding: 15px;

}

.itemInfoTabsContent map {

	cursor: pointer;

}

.itemInfoTabsSeparator {

	margin-top: 0px;

}

.todayHoursByDay {

	margin-bottom: 20px !important;

}

.daysWeekColumn {

	width: 14.2857%;

	display: inline-block;

  height: 150px;
  vertical-align: top;
}

.daysWeekColumn > hr {

	width: 20px;

	margin: 12px auto !important;

}

.howToArriveTabMap {

	width: 350px;

}

.grid-row-1 .howToArriveTabMap {

	height: 55px !important;

}

.grid-row-2 .howToArriveTabMap {

	height: 247px !important;

}

.grid-row-3 .howToArriveTabMap {

	height: 439px !important;

}

.grid-row-4 .howToArriveTabMap {

	height: 631px !important;

}

.grid-row-5 .howToArriveTabMap {

	height: 823px !important;

}

.grid-row-6 .howToArriveTabMap {

	height: 1015px !important;

}

.row.offers .grid-row-1 .howToArriveTabMap {

	height: 0px !important;

}

.row.offers .grid-row-2 .howToArriveTabMap {

	height: 192px !important;

}

.row.offers .grid-row-3 .howToArriveTabMap {

	height: 384px !important;

}

.row.offers .grid-row-4 .howToArriveTabMap {

	height: 576px !important;

}

.row.offers .grid-row-5 .howToArriveTabMap {

	height: 768px !important;

}

.row.offers .grid-row-6 .howToArriveTabMap {

	height: 960px !important;

}

.termsConditionsForm {

	/*

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

	border-radius: 30px;

	padding: 20px;

	*/

}

.termsConditionsForm .has-error > label {

	color: #a94442;

}

.termsConditionsForm .form-control {

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

	color: #ddd;

}

.termsConditionsForm button {

	color: black;

}

.termsConditionsForm button.disabled {

	opacity: 0.1;

}

 .readAndAcceptLOPD {

	font-size: 12px;
  margin: 1.2em 1em 2em 3em;
}

 .readAndAcceptLOPD input[type=checkbox] {

	-ms-transform: scale( 4 ); /* IE */
	-moz-transform: scale( 4 ); /* FF */
	-webkit-transform: scale( 4 ); /* Safari and Chrome */
	-o-transform: scale( 4 ); /* Opera */
	padding: 10px;

}

 .readAndAcceptLOPD .readAndAceptLink {
  padding-left: 1em;
}

#modalLopdPolicy .modal-md, .modalText .modal-md {

	width: 768px;

}


#modalLopdPolicy .modal-my-close , .modalText .modal-my-close {

	margin-left: 645px !important;

}

#modalLopdPolicy .modal-content, .modalText .modal-content {

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

	color: white;

}

.streetMap {

	margin-left: -15px;

	width: 528px;

	height: calc( 100% - 0px );

}

.streetMap.fullWidth {

	width: 768px;

}

#directions-panel {

	width: 240px;

	height: calc( 100% - 0px );

	overflow: hidden;

	padding: 15px;

	top: 0;

	right: 0;

	position: absolute;

	font-size: 15px;

	/* background-color: rgba( 0, 0, 0, 0.8 ); */

}

#startEndAddresses {

	display: none;

}

#startEndAddresses input {

	font-size: 17px;

	height: 48px;

}

.fromToForm #startEndAddresses {

	display: initial;

	width: 50% !important;

	position: absolute;

	left: 36px;

	top: 36px;

}

#instructions-panel {

	overflow: auto;

	height: calc( 100% - 279px );

}

.higherInstructionPanel {

	height: calc( 100% - 349px ) !important;

}

.highestInstructionPanel {

	height: calc( 100% - 213px ) !important;

}

.stepDurationDistance {

	margin: -5px 0 15px 0;

	position: relative;

}
.stepDurationDistance.totals {
  background:rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 5px;
}
.stepDurationDistance.totals .duration img,
.stepDurationDistance.totals .distance img  {
  width: 30px;
  height: 30px;
}

.stepDurationDistance .duration {

	color: rgb( 242, 193, 22 );

}

.stepDurationDistance .distance {

	position: absolute;

	left: 120px;

}

.stepDurationDistance img {

	width: 24px;

	height: 24px;

}

.travelModeSelector {

	list-style: none;

	margin: 0;

	padding: 0;

	text-align: center;

	height: 51px;

}

.fromToForm .travelModeSelector {

	position: absolute;

	top: 48px;

	left: calc( 50% + 68px );

}

.travelModeSelector > li {

	display: inline-block;

	width: 64px;

	font-size: 21px;

	cursor: pointer;

	color: #fff;

	border-radius: 10px;

	margin: 0 3px;

	padding: 5px 0;

	background-color: rgba( 0, 0, 0, 1 );

}

.fromToForm .travelModeSelector > li {

	display: inline-block;

	width: 72px;

	font-size: 40px;

	padding: 10px 45px;

}

.travelModeSelector li.active {

	color: #000;

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

	cursor: default;

}

.travelModeSelector img {

	width: 48px;

	height: 48px;

}

.fromToForm .travelModeSelector img {

	width: 64px;

	height: 64px;

	position: relative;

	left: -30px;

}

qrcode > canvas {

	margin: 30px 40px 20px 40px;

	padding: 5px;

	background-color: white;

}

qrcode.greater > canvas {

	margin: 20px 40px 20px 20px !important;

}

.goItemFromStreetMap {

	color: #000;

	margin-top: 7px;

}

.goItemFromStreetMap button {

	font-size: 21px;

}

.goStreetMapFromItem {

	color: #000;

	position: relative;

	top: -60px;

}

.goStreetMapFromItem img,

.goItemFromStreetMap img {

	width: 24px;

}

.selfieMask {

	z-index: 1;

	background-color: transparent !important;

}

.selfieMask img {

	margin-left: -15px !important;

}

.selfieWebcam {

	position: absolute;

	background-color: rgba( 0, 0, 0, 0.85 );

}

.selfieForm {

	position: absolute;

	top: 700px;

	z-index: 2;

	background-color: transparent;

}

#ng-camera-action {

	/*

	display: none !important;

	width: 0;

	*/

	color: black;

}

#customCameraAction {

	margin-top: 290px;

	margin-left: 10px;

	font-size: 30px;

	color: black;

}

#customCameraAction > div {

	padding: 0px;

	background: transparent;

	border: 5px solid rgba( 0, 0, 0, 0.7 );

	border-radius: 140px;

	width: 140px;

	margin-left: 0px;

	display: inline-block;

}

#customCameraAction > div > div {

	padding: 5px;

	background: transparent;

	border-radius: 130px;

	width: 130px;

}

#customCameraAction > div > div > div {

	padding: 10px;

	background: white;

	border-radius: 120px;

	width: 120px;

	cursor: pointer;

	font-size: 70px;

}

.changeCameraConfiguration {

	border: 0 !important;

	font-size: 50px;

	position: relative;

	top: -10px;

	width: 50px !important;

	color: white;

	cursor: pointer;

	padding: 0 10px !important;

}

.changeCameraConfigurationImg {

	border: 0 !important;

	font-size: 50px;

	position: relative;

	top: -10px;

	left: 4px;

	width: 50px !important;

}

.changeCameraConfigurationImg img {

	left: -5px;

	position: relative;

	top: -4px;

}

.changeCameraConfiguration img {



}

.changeSelfieMaskLeft {

	border: 0 !important;

	margin: auto;

	text-align: right;

	font-size: 120px;

	position: relative;


	color: white;

}

.changeSelfieMaskRight {
	border: 0 !important;

	margin: auto;

	text-align: left;

	font-size: 120px;

	position: relative;

	color: white;

}

.snapShot {
	border: 0 !important;
	
	margin: auto;

	text-align: center;

	font-size: 120px;

	position: relative;

	color: black;
}

.changeSelfieMask i {

	cursor: pointer;

}

#customCameraAction.freezed {

	display: none;

}

.ng-camera {

	margin-top: 15px;

	margin-left: -15px;

}

.ng-camera-countdown {
	visibility: visible;
    -webkit-text-stroke: 5px black; /* width and color */

	/*text-shadow: -5px 0 black, 0 5px black, 5px 0 black, 0 -5px black;*/

	z-index: 9;

	font-size: 156px;

	text-align: center;

	position: absolute;

	top: 200px;

	width: 768px;

}

#ng-camera-feed {

	-moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/

}

#ng-camera-feed > video {

	/*-webkit-filter: brightness( 3 );

	display: none;*/

	-moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/

}

#ng-camera-feed.freezed > video {

	display: none;

}

#canvas-camera-feed {

	width: 768px;

	height: 576px;

	position: absolute;

	top: 0;

	margin-left: -15px;

}

.selfieForm form {

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

	border-radius: 30px;

	padding: 30px;

	margin-top: 40px;

	z-index: 4;

}

.selfieForm label {

	font-size: 18px;

}

.selfieForm .form-group > label {

	margin-top: 20px;

}

.selfieForm .has-error > label {

	color: #a94442;

}

.selfieForm .form-control {

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

	color: #ddd;

}

.selfieForm .radio {

	display: inline-block;

	padding: 0 0 0 15px;

}

.selfieForm label[for='sex'] {

	display: block;

}

.selfieForm button.disabled {

	opacity: 0.1;

}

.photoFormButtons {

	color: black;

	margin-top: 425px !important;

	margin-left: 15px !important;

}

.selfieForm .photoFormButtons {

	margin-top: 60px !important;

}

.photoFormButtons button {

	font-size: 30px;

	padding: 30px 0;

}

#modalSugerencias .modal-md {

	width: 768px;

}

#modalSugerencias .modal-my-close {

	margin-left: 645px !important;

}

#modalSugerencias .suggestionsForm {

	color: white;

	margin:	0 20px 20px 20px;

	border-radius: 24px;

}

#modalSugerencias .modal-content {

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

}

.openSuggestion {

	background: black;

	border-radius: 51px;

	padding: 18px 29px 22px 29px;

	cursor: pointer;

}

.homeReturn {

	background: black;

	border-radius: 51px;

	padding: 18px 23px 22px 23px;

	cursor: pointer;

}

.bolder {

	font-weight: bolder;

}

.fs26 {

	font-size: 26px;

}

.fs24 {

	font-size: 24px;

}

.fs22 {

	font-size: 22px;

}

.fs20 {

	font-size: 20px;

}

.fs18 {

	font-size: 18px;

}

map a, map div.view-link, map .disabledLink {

	pointer-events: none !important;

	cursor: default !important;

	text-decoration: none !important;

	color: grey !important;

	display: none;

}

.icon-64{

	width: 64px;

}

.icon-96{

	width: 96px;

}

.standByContent {

	background-color: rgba( 0, 0, 0, 0.7 );

	height: 1168px;

}

.standByContentHalf {

	background-color: rgba( 0, 0, 0, 0.7 );

	height: 584px;

}

.standByContentHeader {

	background-color: rgba( 0, 0, 0, 0.7 );

	font-size: 45px;

	padding: 20px 0;

	z-index: 99999999999999;

	margin-left: -16.5px !important;

	position: absolute;

	top: 0;

}

.standByFooter {

	top: 1267px;
	position: absolute;

}

.standByFooter {

	top: 1267px;
	position: absolute;
	color: #000;

}

.standByFooter button {

	font-size: 40px !important;

}

.standByContentSaveScreen {

	background-image: url( './../img/salvapantallas.jpg' );

	background-size: cover;

}
.standByContentOffer1 {

	background-image: url( './../img/standby/OFERTA_EL_PALACE_JET_LAG.jpg' );

	background-size: cover;

}
.standByContentOffer2 {

	background-image: url( './../img/standby/OFERTA_EL_PALACE_SHOPPING.jpg' );

	background-size: cover;

}

.standByContentHour {

	font-size: 120px;

	margin-top: 190px;

	font-weight: 100;

}

.standByContentDate {

	font-size: 50px;

	margin-top: -10px;

}

.standByContentTodayWeather {

	margin-top: 120px;

}

.standByContentTodayWeather .weather {

	width: 120px;

	height: 120px;

	margin-bottom: 30px;

}

.standByContentTodayWeather .temp {

	font-size: 50px;

}

.standByContentHr {

	height: 3px;
	background-color: #fff;

}

.standByContentHourlyWeather {

	font-size: 21px;

	padding-bottom: 40px !important;

	margin-bottom: 20px !important;

	margin-top: 60px !important;

}

.standByContentHourlyWeather > div {

	margin-left: 2px !important;

}

.standByContentHourlyWeather > div > div {

	width: 60px;

}

.standByContentHourlyWeather .weather {

	width: 60px;

	height: 60px;

}

.standByContentHourlyWeather .temp {

	width: 60px;

}

.standByContentDailyWeather {

	font-size: 21px;

}

.standByContentDailyWeather > div {



}

.standByContentDailyWeather > div > div {

	width: 80px;

}

.standByContentDailyWeather .weather {

	width: 60px;

	height: 60px;

}

.standByContentDailyWeather .temp {

	width: 80px;

}

.standByContentNews,

.standByContentSchedules,

.standByContentTwitter {

	overflow: hidden;

	height:	480px;

	padding: 10px 40px;

	margin-top: 100px;

}

.standByContentNews .homeNewsListNewImg,

.standByContentSchedules .homeNewsListNewImg,

.standByContentTwitter .homeNewsListNewImg {

	padding: 15px 0;

}

.standByContentNews .homeNewsListNewImg > img,

.standByContentSchedules .homeNewsListNewImg > img {



}

.standByContentTwitter .homeNewsListNewImg > img {

	width: 48px !important;

	height: 48px !important;

}

.standByContentNews .homeNewsListNewInfo,

.standByContentSchedules .homeNewsListNewInfo,

.standByContentTwitter .homeNewsListNewInfo {

	padding: 10px 0 10px 40px;

	text-align: justify;

}

.standByContentSelfie {

    height: 1168px;
    margin-left: -16.5px !important;
    overflow: hidden;
    margin-top:	105px;

}

.standByContentSelfie img {

	margin-left: -15px;
	height: 1060px;
	left: -380px;
	position: relative;

}

.mapControlsUp {

	top: 908px !important;

}

.mapPanControls {

	position: absolute;

	top: 1100px;

	left: 16px;

	height: 120px;

	font-size: 30px !important;

	color: #777;

}

.mapPanControls button {

	position: absolute;

	margin:	10px 0;

	padding: 8px 15px !important;

	font-size: 30px !important;

	display: block;

	border: 2px solid #777;

}

.mapPanControls button.left {

	  top: 10px;

}

.mapPanControls button.right {

	  top: 10px;

	  left: 120px;

}

.mapPanControls button.down {

	  left: 60px;

	  top: 66px;

}

.mapPanControls button.up {

	  left: 60px;

	  top: -46px;

}

.mapZoomControls {

	position: absolute;

	top: 1100px;

	left: 456px;

	height: 120px;

	font-size: 30px !important;

	color: #777;

}

.mapZoomControls.fullWidth {

	right: 10px;

	left: initial;

}

.mapZoomControls button {

	margin:	10px 0;

	padding: 5px 15px !important;

	font-size: 30px !important;

	display: block;

	border: 2px solid #777;

}


#ng-camera-feed canvas {
	moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

.only-title{
	line-height: 3.2em;
}
.nopadding {
	padding: 0 !important;
}
.poll-average-header{
	font-size: 1.2em;
}
.poll-list-header {
	font-size: 1.2em;
}
.poll-list {
	padding: 0;
}
.poll-list li {
	padding: 1em;
	border-bottom: 1px solid white;
	list-style: none;
}
.poll-list li .btn-group {
	float:right;
}
.poll-list li .btn-group button{
	margin: 0 0.5em;
}
.btn-poll.active {
	background: white;
	color:black;
}
.btn-poll {
	background: black;
	border-radius: 10px !important;
}
.btn-poll:active {
	background: white;
}
.btn-poll:hover {
	background: white;
}
.rating-poll{
	font-size: 1.5em;
}
.poll-error {
	text-align: center;
    background: rgba(255, 0, 0, 0.43);
    border-radius: 5px;
}
.grid-element-panel-footer{
	position: absolute !important;
    bottom: 0 !important;
    width: 100%;
    margin-left: -15px !important;
    background: rgba( 0, 0, 0, 0.7 );
    border-radius: 0 0 24px 24px;
    padding: 12px 18px;
}

span.promoApp {
    text-align: center;
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    margin-left: -15px;
    height: 4em;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
span.promoApp.promoApp-show{
	height: 42.5em;
}
span.promoApp-Tab{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.74) 0%,rgb(255, 255, 255) 100%);
    display: inline-block;
    padding: 0.3em 2.5em;
    border-radius: 15px 15px 0 0;
    color: black;
    font-size: 2em;
    font-weight: bold;
}
span.promoApp-Content {
	display: block;
	overflow: hidden;
	height: 1px;
	-webkit-transition: all 2s ease-in-out;
  	-moz-transition: all 2s ease-in-out;
  	-o-transition: all 2s ease-in-out;
  	transition: all 2s ease-in-out;
    background: rgba(0,0,0,0.25);
}
span.promoApp-Content.promoApp-show{
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    height: calc(42.5em - 50px);
    background: rgba(0,0,0,0.92);

}
.promoApp-Content-text{
    margin: 1.9em;
    display: block;
    font-size: 1.4em;
}
img.icon-contact {
    width: 50%;
    display: inline-block;
    margin:	1em;
}

img.standByImgTopVideo {
	display: block;
    max-width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: 1px;
}


img.standByImgBottomVideo {
	display: block;
	margin: 10% auto 0 auto;
	max-width: 80%;
}

.alert-modal{

	position: fixed;
    display: inline-block;
    width: 755px;
    margin-left: 5px;
    height: 550px;
    z-index: 105;
    background: rgba(0,0,0,0.95);
    top: calc(50% - 300px);
    box-shadow: black 1px 1px 25px;
    border-radius: 20px;

}
.alert-modal img{

    width: 275px;
    margin: 3em auto;
    display: block;
}
.alert-modal p {
	font-size: 3em;
    text-align: justify;
}

.separator-hours{
  margin:5px 0;
}


.marquee-box {
  margin-top: 10px;
  width: 120px;
  height: 35px;
  overflow: hidden;
  display: block;
  position: absolute;
}
.marquee {
  position: absolute;
  /*width: 100%;*/
  display: inline-block;
  /*background-color: #bfb;*/
  text-align: left;
  animation-name: marquee;
  animation-duration: 4.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: scroll;
}

@keyframes marquee {
  0%   { transform: translateX(105%); }
  100% { transform: translateX(-105%); }
}

/* POPUP */
.popup {	
	background-color: rgba(0, 0, 0, 0.733);
	color: rgb(255, 255, 255);
	padding: 10px;
	text-align: center;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	margin: auto;
	position: fixed;
	bottom: 100px;
	min-width: 300px;
	max-width: 500px;
    /*top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
	z-index: 999999999;
	border: 2px solid white;
	border-radius: 20px;
  }
  
  /* The actual popup */
  .hidden  {
	  /*visibility: hidden;
	  /*transition: opacity 0;*/
	  -webkit-animation: fadeOut 1s;
	  animation: fadeOut 1s;
  }
    
  /* Toggle this class - hide and show the popup */
  .show {
	/*visibility: visible;*/
	/*-webkit-animation: fadeIn 3s;*/
	animation: fadeIn 10s forwards;
  }
  
  
  /* Add animation (fade in the popup) */
  /*@-webkit-keyframes fadeIn {
	/*from {opacity: 0;} 
	to {opacity: 1;}*/
	/*0% {
		opacity: 0;
		transform: translateX(-20px);
    }
    50% {
		opacity: 0.5;
		transform: translateX(-20px);
    }
    100% {
		opacity: 1;
		transform: translateX(-20px);
    }
  }*/
  
  @keyframes fadeIn {
	/*from {opacity: 0;}
	to {opacity:1 ;}*/
	0% {
		opacity: 0;		
		transform: translateX(-500px);
		visibility: visible;
	}	
	10% {
		opacity: 1;
		transform: translateX(-0.1px);
	} 
	20% {
		opacity: 1;
		transform: translateX(-0.1px);
	}  
	30% {
		opacity: 1;
		transform: translateX(-0.1px);
	}  
	40% {
		opacity: 1;
		transform: translateX(-0.1px);
	}  
	50% {
		opacity: 1;
		transform: translateX(-0.1px);
	}  
	60% {
		opacity: 1;
		transform: translateX(-0.1px);
	}
	70% {
		opacity: 1;
		transform: translateX(-0.1px);
	} 
	80% {
		opacity: 1;
		transform: translateX(-0.1px);
	} 
	90% {
		opacity: 0;
		transform: translateX(-500px);
	} 
    100% {
		opacity: 0;
		transform: translateX(-0.1px);
		visibility: hidden;
    }
  }

    /* Add animation (fade in the popup) */
	@-webkit-keyframes fadeOut {
		from {opacity: 1;} 
		to {opacity: 0;}
	  }
	  
	  @keyframes fadeOut {
		from {opacity: 1;}
		to {opacity: 0;}
	  }

	  .wrapper {
		display: grid;
		grid-template-columns:minmax(10px, max-content)
		repeat(auto-fill, 200px) 10%;
		grid-gap: 1px;
	  }