@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;800;900&display=swap');
:root {
    --color-mispicaderos: #428bca;
    --color-swingerplaces: #222222;
    --color-cruisingmap: #6e2c79;
  }
html {
    scroll-behavior: smooth;
  }
body{
	background-color:#ffffff;
  padding-top: 51px;
  font-family: 'Montserrat', sans-serif;
  margin: 0 !important;
  /*background: #ffffff url(../img/problemas-tecnicos-multi.jpg) no-repeat center center / cover !important;*/
}
a{
    cursor: pointer;
}
a:hover{
    text-decoration: none;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    margin-left: 0;
}
.text-2lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
 }
hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.modal-body {
    position: relative;
    padding: 20px 10px;
}
/*******************************MAPA**********************/
.ms-results.loading:after{
  content: ' ';
  background: url("../img/1.gif") no-repeat;
  position: absolute;
  width: 44px;
  height: 44px;
  left: 50%;
  top: 150px;
  margin: -6px 0 0 -22px;
}
.ms-map.loading:after {
  content: ' ';
  background: url("../img/1.gif") no-repeat;
  position: absolute;
  width: 44px;
  height: 44px;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -22px;
}
.ms-map {
	height:100%;
}
/*********************************************************/
.navbar-inverse {
    background-color:  var(--color-mispicaderos);
    border-color:   var(--color-mispicaderos);
}
.navbar-inverse.swingerplaces {
    background-color: var(--color-swingerplaces);
    border-color: var(--color-swingerplaces);
}
.navbar-inverse.cruisingmap {
    background-color: var(--color-cruisingmap);
    border-color: var(--color-cruisingmap);
}

.btn{
	/*border-radius: 2px;
	text-transform: uppercase;*/
	/*background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.2)));*/
	border-color: transparent;
	    background: #428bca -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.2)));
}
.btn-principal{
    color: #ffffff !important;
}
.btn-primary{
    text-decoration: none !important;
}

/*.btn:not(.btn-default):not(.btn-primary){
	background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.2)));
}*/
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0;
}

.btn-secundary:not(.btn-link):not(.btn-flat) {
	background-color: #D78E50;
    color: #ffffff;
}
.btn-secundary.btn-link:not(.btn-flat) {
    color: #D78E50;
}
.btn-secundary:hover:not(.btn-link):not(.btn-flat) {
    background-color: #ffffff;
    color: #D78E50;
}

.btn-share {
    padding: 5px 10px;
    border: 0;
    margin-top: 0;
    font-size: 25px;
    background-color: #ffffff;
    color: #4caf50;
    border-radius: 5px;
    box-shadow: 0 0 10px #00000029;
}
.btn-transp,.btn-transp:active,.btn-transp:focus,.btn-transp:hover {
    background: transparent;
	border-color: transparent !important;
}
.btn-transp:hover {
    background: #ffffff57;
	border-color: #ffffff57 !important;
}
.btn-badge:after{
    content: '';
    height: 8px;
    width: 8px;
    background-color: #ff5091;
    position: absolute;
    border-radius: 50%;
    top: 5px;
    right: 10px;
}
.share-container-detalle {
    position: relative;
    display: block;
}
.content-btn-open {
    position: absolute;
    z-index: 10;
    right: 0;
    left: auto;
    top: 0;
}
@media screen and (max-width: 767px) {
    .content-btn-open {
        top: -35px;
    }
}
.content-btn-open .btn{
    padding: 5px 9px;
    color: white;
    border: 0;
	float: right;
    margin-top: 20px;
    border-radius: 50%;
	margin-top:0
}

.btn-open-formulario {
        border-radius: 2px;
    text-transform: uppercase;
    border-color: transparent;
    background: #428bca -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.2)));
    color: #ffffff;
    padding: 11px;
    font-size: 16px;
    font-weight: 400 !important;
    text-transform: uppercase;
	display: inline-block;
	cursor:pointer;
}
.btn-blanco:not(.btn-link):not(.btn-flat) {
    background-color: #ffffff;
	color:#4F749B;
	background: #ffffff;
	/*border: 1px solid #4F749B;*/
}
.btn-default:not(.btn-link):not(.btn-flat) {
    background-color: #ffffff;
	color:#4F749B;
	background: #ffffff;
}

.btn-blanco:hover:not(.btn-link):not(.btn-flat) {
    border: 1px solid #4e749b;
}
.btn-gris:not(.btn-link):not(.btn-flat) {
    background-color: #eeeeee;
}
.btn-gris:hover:not(.btn-link):not(.btn-flat) {
    color: #2161a4;
}
.alert-numero-lugares{
	position: absolute;
    z-index: 8;
    top: 60px;
    border-radius: 0;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.alert-mapa {
    position: absolute;
    z-index: 8;
    top: 145px;
    display: none;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.alert-pagina {
    position: absolute;
    z-index: 11;
    top: 60px;
    display: none;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    margin-left: 10px;
}
@media screen and (max-width: 767px) {
	.alert-mapa{
		left: 0;
	}
}

.alert-mispicaderos{
	color:#000000;
	margin-bottom: 0;
	overflow: hidden;
}
.alert-mispicaderos a{
	color:#2161a4;
}

.body-home .navbar-inverse, .body-home .navbar-inverse .btn{
    background-color: transparent;
    border-color: transparent;
    color: #ffffff;
}
.body-home .navbar-inverse .btn i, .body-home .navbar-inverse .btn span{
    color: #ffffff;
}
.body-home .navbar-header {
    display: none;
}
.body-home .scrolled-nav .navbar-header {
    display: block;
}
.body-home #abre-buscador, 
.body-home #abre-sidebar-left, 
.body-map #abre-buscador,
.body-insertar #abre-buscador, 
.body-region #abre-buscador, 
.body-region #abre-sidebar-left, 
.body-buscador #abre-sidebar-left,
.body-detalle #abre-sidebar-left{
    display: none !important;
}


.fondo-trovacamporella{
	/*background: #2161a4 url("../img/fondo-trovacamporella-desenfocado.jpg") no-repeat bottom right / cover;*/
	background: #2161a4 url("../img/fondo-trovacamporella-noche.jpg") no-repeat center right / cover;
}
.fondo-mispicaderos{
	background: #2161a4 url("../img/fondo-mispicaderos.jpg") no-repeat center right / cover;
}
.fondo-cruisingmap{
	background: #2161a4 url("../img/fondo-cruisingmap.jpg") no-repeat bottom right / cover;
}
.fondo-swingerplaces{
	background: #2161a4 url("../img/fondo-swingerplaces.jpg") no-repeat bottom right / cover;
}
@media screen and (max-width: 767px) {
	.fondo-trovacamporella, .fondo-mispicaderos{
		background: rgba(73,155,234,1);
		background: -moz-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(33,96,164,1) 100%);
		background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(33,96,164,1)));
		background: -webkit-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(33,96,164,1) 100%);
		background: -o-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(33,96,164,1) 100%);
		background: -ms-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(33,96,164,1) 100%);
		background: linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(33,96,164,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#2160a4', GradientType=1 );
	}
    .fondo-cruisingmap{
        background: var(--color-cruisingmap);
    }
    .fondo-swingerplaces{
        background: var(--color-swingerplaces);
    }
}

.list-group-item {
    position: relative;
    display: block;
    padding: 2px 8px;
    margin-bottom: 5px;
    /*color: #ffffff;*/
    margin-bottom: 2px;
    background-color: #fff;
    border: 0;
	border-radius: 2px !important;
}
a.list-group-item {
    color: #4e749b;
    padding: 10px;
}
a.list-group-item:hover, a.list-group-item:focus {
    background-color: #4e749b;
    color: #ffff;
}


/*cards de la home*/

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card{
    height: auto;
    min-height: 200px;
    width: 15%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: #000000;
    display: none;  
    background-size: cover;
    border:0;
    border-radius: 0;
    position: relative;
    -webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.card:hover {
    transform: scale(1.05);
    z-index: 15;
    box-shadow: 0 0 30px #0000007a;
}
.card-content{
    border: 2px solid #ffffff;
    padding: 5px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    z-index: 9;
}

.card:after {
    content:'';
    position:absolute;
    left:0; bottom:0;
    width:100%; 
    height:100%;
    display:inline-block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}
.card:hover:after {
    height:50%;
}
.card-content a{
    color: #ffffff;
}
.card-content small{
    color: #ffffff;
    display: block;
}
@media screen and (max-width: 767px){
    .card{
        width: 33.3333%;
    }
    .card h3{
        font-size:16px;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 500px){
    .card{
        width: 100%;
        min-height: 40px;
        background-image: none !important;
        background-image: none !important;
        background-color: #ffffff;
        color: #000000;
    }
    .card:after {
        background: none;
    }
    .card-content{
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .card h3{
        font-size:14px;
        margin-bottom: 0;
    }
    .card-content a{
        color: #000000;
    }
    .card-content small{
        color:#000000;
        display: inline;
    }
    .card-content .btn-transp{
        color:#428bca;
    }
}
.flex-column{
display: flex;
flex-direction: column;
}
.load-more-cards{
    /*position: absolute;
    z-index: 999999;*/
    padding: 30px;

}
/*fin cards de la home*/  


.capa-superior{    
    color: #ffffff;
    padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .capa-superior{
        padding-bottom: 0;
    }
}
.capa-superior img{
	width: 100%;
	max-width: 600px;
}
.capa-superior h1,.capa-superior h2{
	margin-top: 10vh;
    margin-bottom: 5vh;
}
.capa-superior .addthis_sharing_toolbox{
	margin-top: 2vh;
    margin-bottom: 2vh;
}
.capa-superior .banner{
	/*margin: 1vh 0;*/
}
.fa.fa-map-marker:before {
    content: "\f05b";
}

.capa-inferior {
	background-color:#ffffff;
	margin: 20px auto;
}
.capa-inferior .subtitulo{
    padding-bottom: 10px;
    white-space: normal;
}
.capa-inferior i, .capa-inferior flat- {
	font-size:6vmin;
	line-height: 7vw;
	
}
.capa-inferior [class^="flaticon-"]:before, .capa-inferior [class*=" flaticon-"]:before, .capa-inferior [class^="flaticon-"]:after, .capa-inferior [class*=" flaticon-"]:after {
	font-size:6vmin;
}
.capa-inferior [class^="col-"].text-center {
    padding: 5px !important;
}

.capa-inferior a{
	font-size: 14px;
}
.capa-inferior hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #D78E50;
    margin: 1em 3em;
    padding: 0; 
}
.capa-intro{    
    z-index: 11;
	background: #2161a4 url("../img/fondo-mispicaderos.jpg") no-repeat fixed center right / cover;
	/*background: #2161a4;
	background: -moz-linear-gradient(-45deg,  #2161a4 0%, #5a85b3 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2161a4), color-stop(100%,#5a85b3));
	background: -webkit-linear-gradient(-45deg,  #2161a4 0%,#5a85b3 100%);
	background: -o-linear-gradient(-45deg,  #2161a4 0%,#5a85b3 100%);
	background: -ms-linear-gradient(-45deg,  #2161a4 0%,#5a85b3 100%);
	background: linear-gradient(135deg,  #2161a4 0%,#5a85b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2161a4', endColorstr='#5a85b3',GradientType=1 );*/
}
.capa-intro-contenido{
	
	margin: auto;
	color: #ffffff;
}
.capa-intro img{
	width: 100%;
	max-width: 400px;
}
.capa-intro-contenido .texto-debajo{
	padding:10px 20px;
}
.botones-intro button{
	height:50px;
}
.capa-intro-contenido button.close {
    color: #ffffff;
    opacity: 0.5;
}
.capa-intro-contenido .feedback-search-form-intro {
    text-align: LEFT; MARGIN-BOTTOM: 0PX;
}
.capa-intro-contenido h1{
	margin-top: 10vh;
}
.cta-colabora{
	padding-top: 7px  !important;
}
.cta-colabora span{
	font-size: 10px;
    /*color: #ffffff;*/
    position: absolute;
    /*right: 9px;*/
	font-family: 'Montserrat', sans-serif;
	font-display: swap;
}
.cta-colabora:hover > span{
	color:#000000;
}

@media (max-width: 768px) {
	.capa-intro-contenido .texto-debajo {
		padding: 5px 10px;
		font-size: 10px;
		min-height: 55px;
	}
	.capa-intro-contenido h1 {
		font-size: 20px;
	}
	.capa-superior h1 {
		margin-top: 5vh;
	}
	.capa-superior h2 {
		margin-top: 10vh;
	}
	h1, .h1 {
		font-size: 20px;
	}
	h2, .h2 {
		font-size: 20px;
	}
	
	.capa-intro-contenido .btn-group a {
		padding: 8px 20px;
	}
	.capa-intro-contenido .btn-group a .fa {
		padding-bottom: 7px;
	}
}
.capa-intro-contenido h2{
	margin-bottom: 5vh;
}
.capa-intro-contenido .input-group{
	margin-bottom: 20px;
}
.capa-intro-contenido p{
	margin-top: 20px;
	margin-bottom: -10px;
}
.capa-intro-contenido .btn-group a{
	min-height: 60px;
	}
.texto-debajo span{
    display: block;
    font-size: 8px;
    padding-top: 2px;
    text-transform: uppercase;
}

.div-centrador{
	height: 100vh;
	width: 100%;
	display: table;
	overflow: hidden;
	position: absolute;
}
.div-centrado{
	display: table-cell;
	/*lo comento para forzar el scroll si hay contenido que supere el alto
	vertical-align: middle;*/
	text-align: center;
	padding: 0px 5%;
}

#search-form-intro{
	height: 50px;
	padding: 10px;
	border: 5px solid #4F749B;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
#search-form-intro:hover, #search-form-intro:active, #search-form-intro:focus {
    border: 5px solid #ffffff;
}
/* TYPEWRITER EFFECT */
.typewriter {
    /*font-family: monospace;*/
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    /*border-right: .15em solid white; *//* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .05em; /* Adjust as needed */
    animation: 
      typing 3.5s steps(30, end),
      blink-caret .5s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    /*from, to { border-color: transparent }
    50% { border-color: white }*/
  }

.boton-buscar{
	height: 40px;
	border-radius: 0px !important;
	padding: 0 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.listing {
    border-top: 1px solid #cdcdcd;
    margin: 0;
    padding: 10px 20px;
}
.listing  h3{
    color:#2161a4;
}

body {
  padding-top: 0px;
  font-family: 'Montserrat', sans-serif;
  font-display: swap;
}
.filter_heading{
margin-top:0;
}
.loading {
 /* opacity: 0.7;*/
}

.navbar-brand {
	font-size: 36px;
	color:white !important;
	font-weight:700;
    padding: 10px;
}
.navbar-brand img{
	margin-top: 0;
}
@media (max-width: 768px) {
    .navbar-brand img{
        margin-top: 25px;
    }
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 5px;
	margin: 0;
    padding-left: 0;
    padding-right: 0;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}
.navbar .btn.texto-debajo{
	margin:0;
     height: 50px; 
     border-radius: 0;
}

    
.eslogan{
	line-height: 50px;
	color: #ffffff;
}
.eslogan a{
	color: #ffffff;
}
.map-search {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
right: 0;
}
.nav>li>a {
    padding: 5px;
}
.nav>li>a:hover {
    background-color: #4F749B;
    color: #ffffff;
}


.search-form{
	left: 0 !important; 
	height:50px;   
	margin: 0px;    
	padding: 10px; 	  
	top: 0; 
	position: absolute;  
	width: calc(100% - 120px);   
	z-index: 0; 
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
	border:5px solid #4F749B;
	margin:10px;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.search-form:hover, .search-form:active, .search-form:focus{
	border:5px solid #ffffff;
}

.search-address{
	left: 0 !important; 
	height:40px;   
	margin: 0px;    
	padding: 10px; 	  
	top: 0; 
	position: absolute;  
	/*width: calc(100% - 230px);   */
	width: 230px;  
	z-index: 0; 
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
	border:5px solid #4F749B;
	margin:10px;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.search-address:hover, .search-address:active, .search-address:focus{
	border:5px solid #ffffff;
}
.clearer{
	background-color: #ffffff;
    color: #a9a9a9;
    cursor: pointer;
    float: right;
    font-size: 23px;
    height: 38px;
    margin: 15px 5px 10px;
    padding: 6px;
    position: relative;
    width: 45px;
    z-index: 10;
	-webkit-box-shadow: -30px 0 20px -5px #ffffff;
	   -moz-box-shadow: -30px 0 20px -5px #ffffff;
	        box-shadow: -30px 0 20px -5px #ffffff;
	
}
.boton-buscar {
    border-radius: 0;
    cursor: pointer;
    float: right;
    font-size: 23px;
    height: 50px;
    margin: 9px 60px 10px 0;
    padding: 12px;
    width: 50px;
    z-index: 10;
	/*box-shadow: none;*/
}
.geolocalizar{
	/*background-color: #E8E8E8;
	color: #2161a4;*/
	right: 5px; 
	height:50px;   
	margin: 0;    
	padding: 10px;    
	position: absolute;    
	top: 10px;    
	width: 50px; 
	font-size:20px;
	z-index:9;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.geolocalizar  .icon{
	width:20px;
	opacity:0.5;
	}
	
/*@media (max-width: 960px) {
	#search-form{
		left: 0 !important; 
		height:50px;   
		margin: 0px;    
		padding: 10px;    
		position: absolute;    
		top: 0;    
		width: calc(100% - 50px);   
		z-index: 0; 
		box-shadow:0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
	}
	.clearer{	
		background-color: #ffffff;
		color: #a9a9a9;
		cursor: pointer;
		float: right;
		font-size: 23px;
		height: 38px;
		margin: 5px -54px 5px 5px;
		padding: 6px;
		position: relative;
		width: 45px;
		z-index: 10;
	}
	#boton-buscar{
		border-radius: 0;
		cursor: pointer;
		float: right;
		font-size: 23px;
		height: 40px;
		margin: 4px 55px;
		padding: 10px;
		width: 45px;
		z-index: 10;
	}
	.geolocalizar {		
		font-size: 23px;
		margin: 0;
		padding: 10px;
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		z-index: 10;
		border-radius: 0;
		background-color: #49719C;
	}
}*/



#svpdiv .gm-style{
	border-bottom: 3px solid #5A85B3;
}


/*.filters {
	margin-top:20px;
	padding: 10px !important;
}*/
.subfilters{
	margin-left:10px;
}
.subfilters .fa{
	color: #5A85B3;
}
.subfilters .fa span{
	font-family: 'Montserrat', sans-serif;
	font-display: swap;
}



/*OVERRITE BOOTSTRAP STYLES FOR NO PADDING*/
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
.form-horizontal .form-group {
   margin-right: 0;
   margin-left: 0;
}

@media (max-width: 992px) {
	.map {
		/*margin-left: -15px;*/
		width: 100%;
	}
}
/*para opcion en el bottom de la webkit-box-shadow
.div-recarga{
	background-color: #ffffff;
    bottom: 0;
    padding: 5px;
    position: absolute;
    z-index: 9;
	width:100%;
	text-align:center;
}*/
.div-recarga {
    top: 56px;
    padding: 5px;
    position: absolute;
    z-index: 9;
    /*width: 360px;*/
    left: 0px;
    text-align: left;
    padding-left: 20px;
    overflow: hidden;
    color: rgb(119, 118, 118);
    /*text-shadow: 1px 1px 5px #000000;*/
}
.div-recarga:hover > .togglebutton label .toggle:after { background-color: #5A85B3; }
.div-recarga:hover > .togglebutton label { color: #5A85B3;}

.feedback{
	margin-top: -10px;
	}
.feedbackmapa.error{
	color: #ffffff;
    bottom: 30px;
	right:0px;
    padding: 0 0 5px 0;
    position: absolute;
    z-index: 10;
	text-align:center;
	width:100%;
}
.feedbackmapa.contador{
	bottom: 40px;
    /*color: #ffffff;*/
    padding: 0 0 5px;
    position: absolute;
    right: 10px;
    text-align: center;
    z-index: 10;
	font-size:10px;
}


.contador strong{
font-size: 20px;
line-height:0px;
}
.navbar .navbar-toggle.toggle-left {
    margin-left: 0;
}
.boton-navbar {
    border: 0 none;
    color: #ffffff;
	background-color: #49719C;
	border-radius:0;
	padding: 10px;
}
.boton-navbar:hover {
    color: #ffffff;
    background-color: transparent;
	text-decoration:none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.boton-mas{
	border: 0 none;
    color: #2161a4;
    margin-top: 10px;
    padding: 0;
	}
.boton-mas:hover{
	background-color: #ffffff;
	color: #ababab;
	}






.gm-style-mtc{
	/*left: 0 !important;*/
    /*top: 80px !important;*/
}

@media (max-width: 960px) {
    .tooltip {
        display: none !important;
    }
 }
#open-tools{
	 margin-left: -20px;
    margin-top: 20px;
    width: 50px;
	}

.segmented input[type=radio] {
   display: none;
}
.segmented label {
	border: #5A85B3 1px solid;
	color:#ffffff;
  padding: 2px 10px;
  margin-right: -5px;
  background: #5A85B3;
  cursor: pointer;
}

.segmented input:checked + label {  
  background: #ffffff;
  color: #5A85B3;
}
.segmented label  span{
	display:block;
	font-size:10px;
	}

.columna-principal{
	bottom: 0;
    display: block;
    margin-left: -8px;
    position: fixed !important;
    top: 60px;
    width: inherit;
	}

.siguenos{
	padding:10px;
}
.siguenos li{
	margin:0;
	}
.siguenos .btn {
    width: auto !important;
    color: #ffffff;
}
    
/*.cta-colabora{
	position:absolute; 
	bottom:20px; 
	right:50px;
	z-index:20;
}*/

.cta-colabora {
    cursor: pointer;
    position: fixed;
    bottom: 180px;
    right: 100px;
    z-index: 1;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	font-size: 26px;
	line-height: 20px;
    width: 60px;
    height: 60px;
    background-color: transparent;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
@media only screen and (max-width: 768px) {
	.cta-colabora {
		bottom: 120px;
		right: auto;
		left: 20px;
	}
}
.modal-gigante .modal-dialog{
	width:100%;
	padding: 20px;
}

/*****************detalle***********************/
@media only screen and (max-width: 768px){
    .mapstreetview-split {
        height: 95vh;
    }
    .body-detalle .sidebar-offcanvas {
        /*top: 35vh;*/
        top: 85vh;
        margin-top: auto;
    }
}
.view-controls{
    position: fixed;
    top: 60px;
    left: 10px;
    z-index: 999;
}
.view-controls .btn {
    box-shadow: 0 0 10px #00000029;
    font-size: 18px;
}
.breadcrumb-small{
    font-size:12px;
    margin: 10px 0;
}
.tab-pane h3 {
    margin-top: 0;
    
}
@media screen and (min-width: 767px) {
    .tab-pane h3 {
        max-width: 80%;
    }
}
h2::first-letter,h3::first-letter {
    text-transform: uppercase;
}
@media only screen and (max-width: 768px){
    .breadcrumb-small{
        margin: 0px 0 5px 0;
    }
    h3{
        font-size:20px;
        margin-top: 5px;
        font-weight: 600;
    }
}

.detalles-lugar-padding{
	padding:1px 20px;
	background-color: #ffffff;
}
.detalles-lugar-padding .badge{
	background-color: #BB4BEC;
    color: #ffffff;
}
.rating-cta {
    line-height: 30px;
    margin-left: 10px;
    color: #999;
}
@media only screen and (max-width: 768px) {
	.rating-cta {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
    .floating-button {
        position: fixed;
        z-index: 11;
        bottom: 125px;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0 0 20px #0000004a;
        padding: 10px;
    }
}
.round-button{
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.boton-abre-mapa{
	margin: -5px;
    padding: 5px 10px;
}
.stacked-icons strong{
	color: #5A85B3;
	}
.boton-icono-blanco{
	background-color: transparent;
    color: #ffffff;
    margin-top: 4px;
	}
.button-limpio{
	background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
}
.nombre-lugar{
	background-color: #ffffff;
    font-size: 14px;
    left: 40px;
    padding: 0 10px 0 0;
    position: fixed;
    top: 36px;
    z-index: 10;
	}
.nombre-lugar .btn{
padding: 0 10px;
}


.texto-debajo i {
    display: block;
}
h6 {
    border-bottom: 1px solid #bcbcbc;
    color: #777777;
    font-weight: 400;
    margin-bottom: 2px;
    padding-bottom: 2px;
}

.formulario-sombra{
	box-shadow: 0 0 20px #b8b8b8;
    padding: 10px;
	}
.modal-backdrop {
    z-index: 0;
}
.modal-dialog {
    position: relative;
	/*width: 100%;*/
	margin: 60px auto 10px;
}

.modal-content iframe{
    height: calc(100vh - 235px);
}
.fondo-gris{
	background-color:#f5f5f5;
	}
.cierra-mapa{
    right: 10px;
    position: absolute;
    top: 140px;
    z-index: 10;
}
    
.cierra-mapa .btn{
/*padding: 0 10px;*/
font-size: 17px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#imagen-mapa{
	/*border-top:5px solid #5a85b3;
	border-bottom:5px solid #5a85b3;*/
	cursor: pointer;
	}
#imagen-mapa:hover{
	/*border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;*/
	opacity:0.8;
	}
.imagen-mapa-icono{
    position: relative;
    top: -39px;
    float: right;
    background-color: #5A85B3;
    padding: 10px;
    color: #ffffff;
	    right: 5px;
}
.imagen-mapa-senial{
    position: relative;
    margin-top: -130px;
    float: right;
    padding: 10px;
    right: 25%;
	pointer-events: none;
}

/*****radiobuttons********/
.radiobuttons.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.radiobuttons.longhand {
  flex-flow: wrap row;
}
.radiobuttons .flex-item {
  color: #ffffff;
  background: #428bca -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.2)));
  border: 1px solid #ffffff;
  width: 90px;
  height: 80px;
  font-size: 1.3em;
  text-align: center;
  padding: 5px;
  -webkit-transition: all 0.2s; /* Safari */
  transition: all 0.2s;
}
.radiobuttons .flex-item:hover {
    background-color: #ffffff;
    color: #080808;
}
.radiobuttons label {
  height: 100%;
  width: 100%;
  font-weight: 200;
  cursor: pointer;
}
.flex-item i:before {
    font-size: 28px;
}
.radiobuttons span {
    font-size: 12px;
	line-height: 12px;
    display: block;
}
.radiobuttons input:checked + label {
  color: #000000;
  background-color: #ffffff;
}
.radiobuttons input {
  display: none;
}
.thumbnail .btn{    
	white-space: normal;
}

/**************************insertar.php****************************/
form#frm_contacto {
    background-color: #f7f7f7;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color: #ffffff;
}
.mapa-instrucciones{
	height: calc(100% - 100px);
}
.boton-geolocalizar{
	position: absolute;
    left: 317px;
    top: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
button font, a font {
    pointer-events: none;
}
.instrucciones-feedback {
    padding: 20px 10px;
    overflow-y: auto;
    width: calc(100% - 20px);
    right: 8px;
	background-color: #ffffff;
	color: #000000;
	margin-top: 120px;
    position: fixed;
    z-index: 10;
	    border-color: #cccccc;
	box-shadow: 0 0 30px #0000004f;
}
.instrucciones-feedback h3 {
    margin-top:0;
}
.instrucciones-feedback ul.list-group {
    padding-bottom: 20px;
}

.alert-blanco {
    position: absolute;
	width: 100%;
    top: 90px;
    padding: 0px;
    bottom: 0;
    z-index: 1;
    color: #000000;
    background-color: #ffffffdb;
    box-shadow: 0 0 30px #0000003b;
    border: 0;
}
.alert-blanco .mensaje{
    padding: 20px;
    background-color: #ffffff;
}
	


@media only screen and (max-width: 768px) {
	/*.active .btn-envio {
		position: fixed;
		bottom: 0;
		background-color: #ffffff;
		left: 0;
		padding: 10px !important;
		right: 0;
		box-shadow: 0 0 10px #0000006e;
		width: 100%;
	}*/
}
.btn-envio {
    /*position: fixed;
    bottom: 0;*/
    /*width: 50%;
    left: 0;
    box-shadow: 0 0 10px #0000006e;
    padding: 8px !important;
    background-color: #ffffff;*/
	    margin-top: 20px;
}
@media only screen and (max-width: 768px) {
    .btn-envio {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px 60px 10px 10px;
        box-shadow: 0 0 10px #00000042;
        background-color: #ffffff;
    }
}

.instrucciones-feedback .col-xs-4{
	background-color: #eeeeee;
    height: 50px;
    border-left: 1px solid #A5A5A5;
    padding-left: 5px !important;
}
.form-horizontal{
	background-color:#eeeeee;
}
.form-control{
	    border-radius: 2px;
}
.has-error{
	border: 1px solid #ff0000;
}
input.has-error + label {
    border-bottom: 1px solid #ff0000;
}
input.has-error:checked  + label {
    border-bottom: 0;
}
.btn small{
	display: block;
    font-size: 9px;
}
.boton-navbar .texto{
	vertical-align: super;
    font-size: 15px;
}
	
.nav>li>a {
    white-space: inherit;
}

.centrador {
  /*IMPORTANTE*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.centrado {
  width: 50px;
}
.banner-buscapecados{
	z-index: 9;
    margin-top: 10px;
	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
    


/* COMMENTICS*/
.cmtx_bb_code_block{
	float: left;
    margin-right: 10px;
}
.cmtx_reply_bar{
    position: relative;
    float: left;
    border: none !important;
    background-color: #FF7A7A !important;
    padding: 5px !important;
    padding-left: none !important;
    padding-right: none !important;
    width: auto;
    color: #ffffff !important;
}
.cmtx_error_box {
    position: relative;
    float: left;
    padding: 5px;
    width: auto;
    border: none !important;
    color: #FFF !important;
    background: #FF0909 !important;
    overflow: auto;
    border-radius: none !important;
    box-shadow: none !important;
    margin-bottom: 20px;
    font-size: 12px !important;
}
.cmtx_form_section{
    background-color: #f7f7f7;
}
.cmtx_form_heading {
    margin-left: 15px;
}

/* CONTACT FORM */
.vpb_info{
	color:#ff0000;
}
.vpb_success{
	color:#217D25;
}

/*  bhoechie tab */
/*div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}*/
div.bhoechie-tab-container{
	border-top: 1px solid #5A85B3;
	border-bottom:1px solid #5A85B3;
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab{
	background-color:#ffffff;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
  background-color: #5A85B3 !important;
  background-image: #5A85B3;
  color: #ffffff;
  outline: none !important;
  border-bottom: 1px solid #ffffff;
  padding: 4px;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #ffffff !important;
  background-image: #ffffff;
  color: #5A85B3;
  outline: none !important;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A85B3;
}

div.bhoechie-tab-content{
  /*background-color: #ffffff;*/
  /*border: 1px solid #eeeeee; */
  /*padding-left: 20px;
  padding-top: 10px;*/
  padding-left: 0;
  padding-top: 0;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
/*FIN VERTICAL TABS*/

.padding10{
	padding:10px;
}
@media (max-width: 400px){
	.hidden-xxs {
		display: none!important;
	}
}
.posicion-top-left{
	position: absolute;
	top: 0px;
}
.traductor{
	color: #ffffff;	
	padding: 10px;
	cursor: pointer;
}
.traductor:hover{
	color: #000000;	
}
.franja-destacada{
	background-color:#dadada; 
	color:#1E1E1E;
	
	padding: 20px;
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hoveranimado{
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.franja-destacada:hover{
	background-color:#1E1E1E; 
	color:#ffffff;
}
.franja-destacada .btn-secundary:not(.btn-link):not(.btn-flat) {
    background-color: #1E1E1E;
    color: #ffffff;
    border: 1px solid;
    padding: 15px 30px;
}
.franja-destacada .btn-secundary:not(.btn-link):not(.btn-flat):hover {
    background-color: #ffffff;
    color: #D78E50;
}
.button-config{
	z-index: 9;
	position: fixed;
	right: 0;
	top: 115px;
}
.button-config .btn{
	padding-right: 20px;
padding-left: 10px;
right: -10px;
}

.buscador-navbar{
	    position: absolute;
    margin: 0 3px;
    z-index: 11;
    top: 2px;
    box-shadow: rgba(0, 0, 0, 0.219608) 0px 4px 8px;
    padding: 5px 5px 5px 20px;
    background-color: rgb(255, 255, 255);
    max-width: 600px;
    right: 0px;
}
.buscador-navbar .btn{
	border-radius: 0 !important;
}

.vista-config-message{
	z-index: 10;
    position: fixed;
    right: 160px;
    top: 120px;
    background-color: transparent;
    padding-right: 0px;
    padding-left: 10px;
	box-shadow: none;
	width: 200px;
	bottom: auto;
}
.vista-config-message>div {
    background-color: #383838;
    box-shadow: 0 0 5px #383838;
    padding: 10px;
    color: #ffffff;
	text-align: right;
	position:relative;
}

.vista-config-message .item2 {
    margin-top:140px;
}
.vista-config-message .item3 {
    margin-top:85px;
}
@media only screen and (max-width: 768px) {
	.vista-config-message{
		right: 6px;
		top: 32px;
	}
	.vista-config-message .item3 {
		margin-top:0px;
	}
}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #383838;
}
.vista-config-message .arrow-right{
	position: absolute;
    right: -15px;
    top: 0;
}
.arrow-top {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #383838;
}
.vista-config-message .arrow-top{
	position: absolute;
	right: 0px;
    top: -15px;
}

.vista-config{
	z-index: 9;
    position: fixed;
    right: 0;
    top: 120px;
    background-color: transparent;
    padding-right: 0px;
    padding-left: 10px;
	box-shadow: none;
	width: 150px;
	bottom: auto;
	background-color: #ffffff;
}

.vista-config .btn{
	margin:0;
	padding:5px;
	text-align: left;
}

/*.vista-config:hover{
    background-color: rgba(255, 255, 255, 1);	
}*/
.vista-config .radio {
    padding-left: 0;
}
.vista-config .radio label {
    display: block;
	padding-left: 30px;
}
.vista-config .radio label:hover {
    color: #5A85B3;
}


.map-vistas{
	z-index: 9;
    position: absolute;
    right: 0;
    top: 120px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-right: 20px;
    padding-left: 10px;	
}
.map-vistas .btn{
	margin:0;
	padding:5px;
	text-align: left;
}

.map-vistas:hover{
    background-color: rgba(255, 255, 255, 1);	
}

.map-filters{
	z-index: 9;
    position: absolute;
    right: 0;
    top: 240px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-right: 20px;
    padding-left: 10px;	
}
.map-filters:hover{
    background-color: rgba(255, 255, 255, 1);	
}
.map-filters .radio, {
    padding-left: 0;
}
.map-filters .radio label {
    display: block;
	padding-left: 30px;
}
.map-filters .radio label:hover {
    color: #5A85B3;
}

/********cookie consent**********/
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding:10px;
    width:100%;
    text-align:center;
    background-color: rgba(0, 0, 0, 0.7);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    /*position:absolute;*/
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}

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

.linea-gris {
    background-color: #cccccc;
    border-radius: 50px;
    height: 4px;
    margin: 0 auto;
    width: 24px;
}
.pestanas.nav-tabs{
	border-bottom: 1px solid #f5f5f5;
}
.pestanas.nav-tabs li:hover, .pestanas.nav-tabs li:hover{
	box-shadow:none;
}
.pestanas.nav-tabs li.active{
	/*border-bottom: 1px solid #ffffff;
	border-left: 1px solid #5A85B3;
	border-top: 1px solid #5A85B3;
	border-right: 1px solid #5A85B3;*/
	/*border-bottom: 4px solid #5a85b3;*/
    background-color: #f5f5f5
}
.pestanas.nav-tabs li.active a{
    color:#303030   !important;
    border: 0;
}
.pestanas.nav-tabs li a{
	background-color:transparent;
	background: transparent;
	color: #5a85b3;
	font-size: 12px;
	font-weight: bold;
    border: 0;
    text-align: center;
    min-width: 50px;
}
.pestanas.nav-tabs li a:hover{
	color: #000000;
	border: 0;
}

.pestanas.nav-tabs {
    background: transparent;
    margin: 10px 0 0 0;
   /* display: table;*/
   width: 100%;
   overflow-x: auto;
   margin: 0 auto;
}
.body-home .pestanas.nav-tabs {
   width: 80%;
   margin: 0 auto
}
.pestanas.nav-tabs li {
    display: table-cell;
    width: 1%;
    float: none;
}
@media only screen and (max-width: 768px) {
    .body-home .pestanas.nav-tabs {
       width: 100%;
    }
    .pestanas.nav-tabs.bottom-fixed{
        position: fixed;
        bottom: 0;
        background-color: #ffffff;
        box-shadow: 0 2px 10px #0000005d;
        z-index: 99999;
        padding: 5px;
    }
}




.fa {
    position: relative;
}

.small-badge {
    font-size: 0.35em !important;
    padding-top: 0 !important;
    display: block;
    position: absolute;
    top: -.60em;
    right: -.65em;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: rgb(255, 0, 92);
}


/****nuevo buscador***/
.buscador-principal {
    position: relative;
    display: table;
    border-collapse: separate;
	margin: 0 10px;
}
.buscador-principal .form-control {
    height: 50px;	
}
.buscador-principal .search-form-intro{
	border: 5px solid #ffffff;
}
@media only screen and (max-width: 768px) {
	.buscador-principal {
		display: block;
	}
	.buscador-principal button{
		width: 100%;
	}
}

/*******home doble***********/
.homedoble-cabecera {
    z-index: 9;
    position: absolute;
    width: 100%;
}
.homedoble{
	background-color: rgba(0, 0, 0, 0.5);
	height: 100vh;
	padding: 40vh 50px;
}
.homedoble.izquierda{
	/*border-right: 1px solid rgb(171, 171, 171);*/
}
.homedoble:hover{
	background-color:transparent;
}

/********************buscador*****************/
.feedback-search-form-intro {
	margin:0;
    text-align: center;
}

.search-result .thumbnail { border-radius: 0 !important; }
			.search-result:first-child { margin-top: 0 !important; }
			.search-result { margin-top: 20px;     border-top: 1px solid #428BCA;    padding-top: 20px }
			.search-result .col-md-2 { border-right: 1px dotted #ccc; min-height: 140px; }
			.search-result ul { padding-left: 0 !important; list-style: none;  }
			.search-result ul li { font: 400 normal .85em "Roboto",Arial,Verdana,sans-serif;  line-height: 30px; }
			.search-result ul li i { padding-right: 5px; }
			.search-result .col-md-7 { position: relative; }
			.search-result h3 { font: 500 normal 1.375em "Roboto",Arial,Verdana,sans-serif; margin-top: 0 !important; margin-bottom: 10px !important; }
			.search-result h3 > a, .search-result .icono, .search-result span { color: #248dc1 !important; }
			.search-result p { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 
			.search-result span.plus { position: absolute; right: 0; top: 126px; }
			.search-result span.plus a { background-color: #248dc1; padding: 5px 5px 3px 5px; }
			.search-result span.plus a:hover { background-color: #414141; }
			.search-result span.plus a i { color: #fff !important; }
			.search-result span.border { display: block; width: 97%; margin: 0 15px; border-bottom: 1px dotted #ccc; }
			.search-result .thumbnail {margin-bottom: 0px;}
			
			
			
/******offcanvas*********/
html, body {
  /*overflow-x: hidden;*/
}
.sidebar-offcanvas{
	padding: 50px 0;
    z-index:9;
    width: 50%;
}
.sidebar-offcanvas form{
	padding: 15px;
	padding-bottom: 50px;
}
.sidebar-offcanvas form label {
    margin-bottom: 0px;
}

.map {
   /* margin-left: -15px;*/
	display: block;
	/*width: 40%;*/
	width: inherit;
	position: fixed;
	top: 50px;
	bottom: 160px;
	right:0;
    width: 50%;
}
@media screen and (max-width: 767px) {
	.map {
        width: 100%;
        bottom: 35px;
	}
}

@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
	top: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%; 
  }

  .row-offcanvas-left .sidebar-offcanvas {
	/*background-color: #eeeeee;*/
    left: -100%; 
    background-color: #ffffff;
  }
  .row-offcanvas-left  .sidebar-offcanvas.active {
    left: 0%;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
	/*padding-bottom: 100px;*/
  }

  .row-offcanvas-right.active {
    right: 50%; 
  }

  .row-offcanvas-left.active {
    left: 50%; 
  }
  .botonaco-cerrar{
		display:none;
		background-color: rgba(0, 0, 0, 0.49);
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 9;
	}

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
	z-index: 10;
	width: 100%;
	
	-webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }  
  
}

.maps-container iframe{
    display: none;
    position: fixed;
    /*height: calc(100vh + 40px);*/
	/*margin-top: -40px;*/
	height: 100vh;
    padding: 0px;
    top: 0px;    
    width: 50%;
    left: 50%;
}
@media screen and (max-width: 767px) {
    .maps-container iframe{
        width: 100%;
        left: 0;
    }
}

.mapa-grande .sidebar-offcanvas{
    width: 35%;
}	
	
.mapa-grande .maps-container .map{
    width: 65%;
    left: 35%;
}

@media screen and (max-width: 767px) {
	.mapa-grande .sidebar-offcanvas{
		width: 100%;
	}
    .mapa-grande .maps-container .map{
        width: 100%;
        left: 0;
    }
}


/*BUSCADOR*/
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .3s ease;
       -o-transition: height .3s ease;
          transition: height .3s ease;
}
input.limpiable{
	border-right:0;
}
.btn.limpiador{
	color:#ffffff;
	border-left-color: #ffffff;
}
.btn.limpiador:hover{
	background-color: #ffffff;
    border-left: 1px solid #ffffff;
    color: #428bca;
}
.btn.limpiador:focus,.btn.limpiador:active{
	background-color: #ffffff;
    border-left: 1px solid #ffffff;
    color: #d4d4d4;
}
    
.boton-saca-offcanvas{
	position: fixed;
    top: 48px;
    z-index: 99999999;
    left: 0;
    height: 50px;
    width: 50px;
	background-color: #ffffff;
    border: 0;
    border-radius: 0;
    color: #000000;
	outline: none;	
	font-size: 20px;
    transition: all 0.3s linear;
    box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.4);
	
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.boton-saca-offcanvas:hover{
    color: #428bca;
	}
.boton-saca-offcanvas:active,.boton-saca-offcanvas:focus{
	background-color: #ffffff;
    border: 0;
    border-radius: 0;
    color: #000000;
	}
.sidebar-offcanvas.active .boton-saca-offcanvas{
    right: 1px;
    left: initial;
}
.nav-buscador{
	position: absolute;
	width: 100%;
	/*height: 50px;*/
	/*padding: 8px;*/
	background-color: #ffffff;
	z-index: 9;
	padding: 5px;
}
.nav-buscador .input-group input {
    padding: 5px 10px;
    border-bottom: 1px solid #175694;
    font-size: 16px;
}
.nav-buscador.bajo-menu{
	top: 51px;
	position: fixed;
	/*box-shadow: 4px 2px 10px rgba(0, 0, 0, 0.2);*/
}
@media screen and (max-width: 767px){
	.nav-buscador.bajo-menu{
		width:100%;
	}
}

.nav-buscador.intro{
	position: relative;
	background-color: #ffffff;
	border-radius: 5px;
}
@media screen and (max-width: 767px){
	.nav-buscador.intro {
		width: 100%;
	}
}

.nav-buscador input, .nav-buscador button {
    height: 50px;
    width: 50px;
}
.nav-buscador.intro button {
    height: 50px;
	width: auto;
}
.nav-buscador .btn, .nav-buscador input{
	border:0 !important;
}

.map .input-group {
    border: 10px solid #ffffff;
}   
.input-group input {
    width: 100%;
    padding: 5px;
}

/*.navbar-header-ellipsis {
    width: calc(100% - 370px);
}*/
.eslogan {
	float: none;
    line-height: normal;
	padding-top: 17px;
}
@media only screen and (max-width: 768px) {
	.eslogan {
		padding-top: 0;
	}
}

/*para mostrar mapa real en vez de imagen*/
@media only screen and (max-width: 768px) {
	.body-detalle .sidebar-offcanvas{
		margin-top: 51vh;
        padding: 0;
        border-radius: 10px;
	}
	/*.body-detalle .map {
		height: 200px;
	}*/
}


    
.botonera-inferior .dropdown-title{
	color: #428bca;
    font-weight: bold;
}
h1.eslogan,h2.eslogan {
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline;
	font-size: 12px;
	float:left;
}
.botonera-inferior{
		float:right;
		}
.botonera-inferior .boton-inferior{
		float:right;
		}
.dropdown-share{
	padding: 0 0 0 10px; 
	min-width: inherit;
	/*top: 0;*/
    margin: -3px;
    right: 0;
    left: -8px;
    border: 0;
}
.dropdown-share li{
	padding: 0;
}
.dropdown-share li a img{
    border-radius: 50%;
    padding: 5px;
}
.dropdown-mimenu{
	padding: 20px;
	min-width: 300px;
	right: 0;
    left: 70% !important;
	height: calc(100vh - 100px);
    overflow: auto;
}
.dropdown-mimenu li a{
	text-align:left;    
	padding: 8px 2px;
}
.dropdown-filters{
	padding: 20px; 
	min-width: 350px;
	right: 0;
    left: auto;
}


@media screen and (max-width: 767px) {
	
	.navbar-header-ellipsis{
		overflow: hidden;
		text-overflow: ellipsis;
		width: calc(100% - 120px);
		color: #ffffff;
	}
	.body-detalle .navbar-header-ellipsis,
	.body-map .navbar-header-ellipsis,
	.body-insertar .navbar-header-ellipsis{
		width: calc(100% - 120px);
	}
	.body-buscador .navbar-header-ellipsis{
		width: calc(100% - 100px);
	}
	.navbar-header-ellipsis h2.eslogan,.navbar-header-ellipsis h1.eslogan {				
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		float: none;
	}
	
	.nav-buscador{
		right:0;
		/*width: calc(100% - 50px);*/
	}
	
	.botonera-inferior{
		POSITION: fixed;
		bottom: 0;
		left: 0;
		background-color: #428bca;
		width: 100%;
		display: flex;
		}
	.botonera-inferior .boton-inferior{
		width:25%;
		float:right;
		background-color: #000000;
		}
	.botonera-inferior .boton-inferior .btn-transp{
		opacity: 0.8;
		}
	.botonera-inferior  .btn-secundary .icon-add-location{
		font-size: 40px;
		margin-top: -25px;
		text-shadow: 0 0 6px #9c4b06;
		}
		
	.botonera-inferior .boton-inferior .btn{
		width:100%;
		}
	.botonera-inferior .dropdown-menu{
		top: auto;
		bottom: 100%;
		margin-bottom: 1px;
	}
	
	.dropdown-mimenu{		
		left: auto !important;
		padding: 10px;
	}
	.dropdown-mimenu li a{   
		padding: 2px;
	}
	.dropdown-mimenu .nav li a{
		text-align: left;
	}
	.dropdown-mimenu .nav li{
		/*border-bottom: 1px solid #afafaf;*/
	}
	    
	.dropdown-filters{
		/*min-width: 280px;*/
		padding: 20px;
		/*min-width: 100vw;
		right: -200%;
		left: auto;
		position: absolute;*/
	}
	
	
	
	.button-footer-mobile {
		width: 25% !important;
		float: left !important;
		margin: 0 !important;
		padding: 0 !important;
		position: static;
		-webkit-flex: 1;  /* Safari 6.1+ */
		-ms-flex: 1;  /* IE 10 */    
		flex: 1;
	  }    
	.button-footer-mobile ul {
	  width:100%!important;
	  }

	.button-footer-mobile .dropdown-mimenu, .button-footer-mobile .dropdown-filters, .button-footer-mobile .dropdown-share {
	  width:100%!important;
	  }
	    
	
	
	
	.navbar-header{
		margin-top: -20px;
		margin-left: 5px;
		}
	.navbar-brand {
		font-size: 20px;
		padding: 0;
		float: none;
		line-height: 10px;
        display: block;
    height: auto;
	}
	.eslogan {
		font-size: 10px;
		line-height: 0px;
	}
	.visible-xs {
		display: inline-block!important;
	}
	
}
@media screen and (max-width: 350px) {
	.hidden-xxs {
		display: none!important;
	}
}
.sidebar-offcanvas.sidebar-scroll{
	padding: 0;
    top: 50px;
}
.sidebar-scroll-contenido{
	overflow-y: auto;
    overflow-x: unset;
    height: calc(100vh - 50px);
    /*margin-top: 50px;
    padding-top: 0;*/
    background-color: #ffffff;
}
@media screen and (max-width: 767px) {
    .sidebar-scroll-contenido{
        /*overflow-y: auto;*/
        overflow-y: visible;
        height: auto;
        margin-top: 50px;
        padding-top: 0;
    }
}

.botongeolocalizar{
	position: absolute; z-index: 999; right: 10px;  bottom: 100px; padding: 5px;
}

.sweet-alert {
    top: 40% !important;
}

.mapstreetview  {
    position: absolute;
    height: 27vh;
    max-height: 210px;
    width: 25%;
    max-width: 250px;
    bottom: 20px;
    left: 51%;
    border-radius: 3px;
    z-index: 9;
    border: 4px solid #ffffff;    
    background-color: #ffffff;

    /*-webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -kthtml-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    transform-origin: bottom right;*/
}
.mapstreetview:hover  {
    height: 30vh;
    max-height: 240px;
    padding-top: 33px;
}
.mapstreetview.active  {
    top: 23%;
    height: 85%;
    left: 1%;
    width: 47%;
    max-height: 75%;
    max-width: 100%;
    right: auto;
    padding-top: 35px;
    box-shadow: 0 0 30px #00000040;
}
.mapstreetview-expand, .mapstreetview-close{
    position: absolute;
    top: 0;
    right: 0;
}
.mapstreetview .mapstreetview-close{
    display:none;
}
.mapstreetview.active .mapstreetview-expand{
    display:none;
}
@media screen and (max-width: 767px) {
    .mapstreetview {
        position: absolute;
        height: 100%;
        width: 100%;
        max-width: 100%;
        top: 43px;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 9;
        border: 0;
    }
    .mapstreetview:hover  {
        height: 100%;
        max-height: 100%;
        padding-top: 0;
    }
}
.maps-container #iframe_streetview{
    display: block;    
    /*position: absolute;
    height: 47vh;*/
    position: relative;
    height: 100%;
    left: 0;
    padding: 0px;
    bottom: 0;
    width: 50%;
    right: 0;
    /*width: 50%;*/
    width:100%;
    top: auto;
}
.mapstreetview-split{
	margin-left: -15px;
    display: block;
    width: inherit;
    position: fixed;
    bottom: 0;
    right: 0;
    /*height: 47vh;*/
    height: calc(100% - 50px);
    width: 50%;
}
.map-split{
	height:50vh;
}
@media screen and (max-width: 767px) {
    .maps-container #iframe_streetview, .mapstreetview-split{
        width: 100%;
    }
}


/*****************region.php****************/
.body-region .navbar-inverse, .body-region .navbar-inverse .btn{
    /*background-color: transparent;
    border-color: transparent;*/
}

.navbar.scrolled-nav{
	background-color:   var(--color-mispicaderos);
}
.swingerplaces.navbar.scrolled-nav{
	background-color:   var(--color-swingerplaces);
}
.cruisingmap.navbar.scrolled-nav{
	background-color:   var(--color-cruisingmap);
}
.list-columns{
    column-count: 4;
    column-gap: 40px;
    padding-top: 10px;
}
@media (max-width: 768px) {
    .list-columns{
        column-count: 2;
        column-gap: 20px;
    }
}
header.masthead {
    text-align: center;
    color: #fff;	
    background-attachment: scroll;	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	
}

header.masthead .intro-text {
    padding-top: 100px;
    padding-bottom: 60px
}

header.masthead .intro-text .intro-lead-in {
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 25px;
}

header.masthead .intro-text .intro-heading {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    header.masthead .intro-text {
        padding-top:100px;
        padding-bottom: 50px
    }

    header.masthead .intro-text .intro-lead-in {
        font-size: 24px;
        font-style: italic;
        line-height: 40px;
        margin-bottom: 25px;
    }

    header.masthead .intro-text .intro-heading {
        font-size: 50px;
        font-weight: 700;
        line-height: 50px;
        margin-bottom: 20px;
    }
}

.centered{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.flexbox-thumbs { 
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}
.flexbox-thumbs a { 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  max-width: 100px; 
}
.flexbox-thumbs a img { 
  width: 100%; 
  height: auto; 
  -webkit-transition: all 0.5s; /* Safari */
  transition: all 0.2s;
}
.flexbox-thumbs a img:hover { 
	transform: scale(1.2,1.2);
}
@media screen and (max-width: 400px) {
  .flexbox-thumbs a { margin: 0; }
  .flexbox-thumbs { padding: 0; }
}

.btn-image {
    display: inline-block;
    overflow: hidden;
    padding: 5px;
    width: 25%;
    border-radius: 5px;
}
@media screen and (max-width: 400px) {
	.btn-image {
		width: 140px;
		height: 190px;
	}
}
	
.btn-image:hover{
	background-color: #4F749B;
	color:#ffffff;
	text-decoration: none;
}
.btn-image h4{
	text-transform: uppercase;
	font-size:14px;
}
.btn-panel {
    color: #000000;
    display: block;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.btn-panel:hover {
    text-decoration: none;
	background: #4F749B;
	color:#fff;
}
.btn-panel strong{
    color: #428bca;
}
.btn-panel:hover strong{
	color:#fff;
}
/* animacion cambiando 4 imagenes*/
.images-fading {
    position: relative;
    min-height: 150px;
    width: 100%;
    display: flex;
    margin: 0 auto;
    margin-bottom: 20px;
}

.images-fading img {
  position:absolute;
  left:0;
  width: 100%;
  border-radius: 50%;
}

.images-fading img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
.images-fading img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
.images-fading img:nth-of-type(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
.images-fading img:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
.images-fading img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}


@keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.images-fading img:nth-of-type(1) {
  animation-delay: 6s;
}
.images-fading img:nth-of-type(2) {
  animation-delay: 4s;
}
.images-fading img:nth-of-type(3) {
  animation-delay: 2s;
}
.images-fading img:nth-of-type(4) {
  animation-delay: 0;
}





/* Spinner Circle Rotation */
.loading-circle {
	width: 32px;
  height: 32px;
  clear: both;
  margin: 20px auto;
  
  border: 4px rgba(0, 0, 0, 0.25) solid;
  border-top: 4px black solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
}

@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}



/*************region.php***********/
.intro-text img {
    width: 30px;
    border-radius: 50px;
}
.tabs{
	padding: 20px;
}
.tabs .nav-tabs{
	width: 100%
}
.body-region .tab-pane h4{
    text-transform: uppercase;
    margin-top: 20px;
}
/*********para convertir TABS en COLUMNS**********/
@media(min-width: 768px) {
    .tab-content.columns > .tab-pane {
      display: block;
    }
  }


.flexcontainer {
   display: flex;
   align-items: center;
   justify-content: center;
   /* You can set flex-wrap and
      flex-direction individually */
   flex-direction: row;
   flex-wrap: wrap;
   /* Or do it all in one line
     with flex flow */
   flex-flow: row wrap;
   /* tweak where items line
      up on the row
      valid values are: flex-start,
      flex-end, space-between,
      space-around, stretch */
   align-content: flex-end;
       -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flexcontainer>div {
    min-height: 300px;
    width: 100px;
    border: 1px solid #626262;
    margin: 3px;
}
.flex-between{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-between.wrap{
	flex-wrap: wrap;
}
.flex-between div {
    margin: 0 auto;
}
.celdas-multiples{
	display: flex; 
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	/*max-width: 740px;*/
}
/*animacion de items uno por uno*/
@keyframes FadeIn { 
  0% {
    opacity: 0;
    transform: scale(.1);
  }

  85% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.intro-items .intro-item {
  float: left;
  animation: FadeIn 0.2s linear;
  animation-fill-mode: both;
}
.intro-items .intro-item:nth-child(1) { animation-delay: .5s }
.intro-items .intro-item:nth-child(2) { animation-delay: 1s }
.intro-items .intro-item:nth-child(3) { animation-delay: 1.5s }
.intro-items .intro-item:nth-child(4) { animation-delay: 2s }


@media(min-width: 768px) {
	.celdas-multiples .collapse {
		display: block;
	}
}
.celdas-multiples .panel {
    margin-bottom: 0px;
}
.celdas-multiples h5 {
    font-size: 14px;
    text-align: left;
    padding: 10px;
    border-radius: 3px;
    font-weight: 700;
}
.celdas-multiples h5 a {
    color:#428bca;
}
@media(min-width: 768px) {
	.celdas-multiples  h5 a {		
		color: #333333;
		text-decoration: none;
	}
}
.accordion-toggle{
    text-align: left;
    padding: 5px 10px;
}
.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #dddddd;         /* adjust as needed */
    position: absolute;
    right: 25px;
}
.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
}


.franja-gris {
    background-color: #f3f3f3;
    padding: 20px;
    text-align: center;
}
.franja-oscura {
    background-color: #3c3c3c;
    padding: 20px 0;
	color: #ffffff;
}

.gay-background{
	background-image: linear-gradient(0deg, #9d4ae6 8.33%, #004ef5 8.33%, #004ef5 16.67%, #469130 16.67%, #469130 25%, #ede500 25%, #ede500 33.33%, #ff7300 33.33%, #ff7300 41.67%, #f50000 41.67%, #f50000 50%, #9d4ae6 50%, #9d4ae6 58.33%, #004ef5 58.33%, #004ef5 66.67%, #469130 66.67%, #469130 75%, #ede500 75%, #ede500 83.33%, #ff7300 83.33%, #ff7300 91.67%, #f50000 91.67%, #f50000 100%);
	background-size: 360.00px 360.00px;
	-webkit-animation: backgroundmove infinite; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
  animation: backgroundmove infinite;
  animation-duration: 10s;
}
@keyframes backgroundmove {
  from {background-position: 100px 0px;}
  to {background-position: 100px 360px;}
}
.gay-background .flaticon-gay{
    line-height: 7vw;
}




.fondo-oscuro{
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: none;
    cursor: pointer;
    border-top: 1px solid #545454;
}

.banner-responsive-widget iframe{
	height:100%;
}
@media(max-width: 768px) {
  .banner-responsive-widget iframe{
    height: 420px;
  }
}



/**************************SIDENAV**********************/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 350px;
  right: -350px;
  padding: 20px;
  overflow-x: hidden;
  transition: 0.2s;
  background-color: #ffffff;
  color: #000000;
  margin-top: 50px;
  height: calc(100% - 50px);
}
#mySidenav.opened{
	right: 0;  
  box-shadow: 0 20px 20px #000000a3;
}
@media screen and (max-width: 450px) {
  	#mySidenav.opened{
		width: 95%;
		/*padding: 10px 20px 20px 20px;*/
	}
}

.sidenav.opened .closebtn {
    position: fixed;
    top: 0px;
    right: 0px;
    font-size: 16px;
    text-align: center;
    background-color: #ffffff;
    padding: 3px 9px;
    color: #4f749b;
}
.sidenav li{
    /*background-color: #ffff;*/
    margin: 10px 0;
}
.sidenav li .btn{
	text-align:left;
}
.sidenav li a img{
	border-radius: 50%;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/************ADD TO FAVORITE********************/
.favorites__list:empty::before {
    content: attr(data-my-favorites-empty);
    font-style: italic;
}
@keyframes append-animate-add {
	0% {
		transform: scale(0);
		opacity: 0;
        background: transparent;
	}
    50% {
		background: var(--color-mispicaderos);	
	}
	100% {
		transform: scale(1);
		opacity: 1;	        
        background: transparent;
	}
}
.animate_add:first-child {
	animation: append-animate-add .3s linear;
}


.favorites__list{
background-color: #ffffff;
padding: 10px 40px;
max-height: 200px;
    overflow-y: auto;
}
.favorites__list li{
list-style-image: url(../img/icono-mispicaderos-20px.png);
}
.favorites__list li a {
    vertical-align: super;
}

.favorite-button {
    padding: 5px 10px;
    border: 0;
    margin-top: 0;
    font-size: 25px;
    background-color: #ffffff;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 10px #00000029;     
}
.favorite-button:hover {
    transform: scale(1.1);
}

.favorite-button span{
    color: #ef0000;
}
.favorite-button i{
    text-shadow: -2px 0 #ef0000, 0 2px #ef0000, 2px 0 #ef0000, 0 -2px #ef0000;
    color: white;
}
.favorite-button[data-is-favorite] i{
    color: #ef0000;
    background-color: #ffffff;
    text-shadow: none;
}
.favorite-button span::before {
    content: attr(data-favorite)
  }
.favorite-button[data-is-favorite] span::before {
    content: attr(data-favorite-added)
  }

.share-container-detalle .favorite-button{
    position: absolute;
    z-index: 10;
    right: 75px;
    left: auto;
    top: 0;
}
@media screen and (max-width: 767px) {
    .share-container-detalle .favorite-button {
        top: -35px;
    }
}
.favorite-button::before {
    /* content: '\f004';*/
   }