@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

/*----------------------------------------------------------------------------------------------------------------------
Project:	    mispicaderos
Version:        1.0.0

Default Color   var(--blue);

Body copy:		'Roboto', sans-serif; 14px;
Headers:		'Roboto', sans-serif;

----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------
[Table of contents]

A. Basic Styling
  -- Styling

B. Helpers

  -- Borders
  -- Center
  -- Colors
  -- Column-count
  -- Background
  -- File-upload
  -- Height
  -- No gutters
  -- Opacity
  -- Overflow
  -- Position
  -- Shadow
  -- Typography
  -- Title
  -- Transitions
  -- Utilities
  -- Z-index

C. Components

  -- Badge
  -- Block
  -- Blockquote
  -- Box
  -- Buttons
  -- Breadcrumb
  -- Card
  -- Carousel
  -- Circle
  -- Collapse
  -- Description-list
  -- Dropdown
  -- Faq
  -- Feature
  -- Forms
  -- Footer
  -- Hr
  -- Inputs
  -- Item
  -- List
  -- Main
  -- Map
  -- Hero
  -- Navbar
  -- Page
  -- Pagination
  -- Partners
  -- Person
  -- Price-box
  -- Result
  -- Ribbon
  -- Sidebar
  -- Slider
  -- Tabs
  -- Quick-info

D. Plugins Styles
  -- Magnific Popup
  -- Owl Carousel

----------------------------------------------------------------------------------------------------------------------*/

/***********************************************************************************************************************
A. Basic Styling
***********************************************************************************************************************/
:root {
    --blue: #428bca;
    --white: #ffffff;
    --color-swingerplaces: #000000;
    --color-cruisingmap: #6c2b78;
    --color-blablafuck: #00aff5;
    --gradient: linear-gradient(45deg, #448cca 0%, #175796 100%);
    --gradient-mispicaderos: linear-gradient(45deg, #448cca 0%, #175796 100%);
    --gradient-placesforlove: linear-gradient(45deg, #448cca 0%, #175796 100%);
    --gradient-trovacamporella: linear-gradient(45deg, #448cca 0%, #175796 100%);
    --gradient-cruisingmap: linear-gradient(135deg, rgb(255, 0, 128), rgb(200, 37, 157), rgb(140, 71, 153), rgb(68, 46, 159), rgb(0, 50, 160));
    --gradient-swingerplaces: linear-gradient(135deg, #448cca 0%, #F44336 100%);
    --gradient-blablafuck: linear-gradient(135deg, #00aff5 0%, #fd06fc 100%);
}
/* Convierte la primera letra en mayúscula. Problema. Se carga los iconos y no se muestran los que deben ser
h2::first-letter,
h3::first-letter,
h4::first-letter,
h5::first-letter,
h6::first-letter {
    text-transform: uppercase;
}
*/

.sidebar-title::first-letter,
.ts-result h4::first-letter,
.first-uppercase::first-letter {
    text-transform: uppercase;
}

input::placeholder,
textarea::placeholder {
    color: #d6d6d6 !important;
    opacity: 1;
    /* Firefox */
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #d6d6d6 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #d6d6d6 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #d6d6d6 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #d6d6d6 !important;
}



/*-------------------------------------------
  -- Styling - Colors, Font Size, Font Family
-------------------------------------------*/

body {
    /*background-color: #f6f6f6;*/
    color: #191919;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: .9375rem;
    margin: 0;
    padding: 0;
}

html {
    font-size: 95%;
}
h2 {
    /* Set max and min font sizes */
    --max-font: 50;
    --min-font: 25;
    font-family: var(--main-font);
    font-size: var(--responsive);
}

h1,
.h1 {
    font-weight: 300;
    font-size: 1.875rem;
}

.ts-homepage h1 {
    margin-top: 1rem;
}

h2,
.h2 {
    font-weight: 300;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    word-wrap: break-word;
    /*white-space: break-spaces;*/
}

h3,
.h3 {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
}

h4,
.h4 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 2rem;
}

h5,
.h5 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
}

h6,
.h6 {
    font-size: .9375rem;
}

b, strong {
    font-weight: bold;
}

.fw-bold {
    font-weight: 700 !important;
}

.small,
small {
    line-height: 1em;
}
.ellipsis{
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*fix para css de gtranslate*/
.btn font {
    vertical-align: initial !important;
    padding-left: 2px;
}
/***********************************************************************************************************************
B. Helpers
***********************************************************************************************************************/

/*-------------------------------------------
  -- Borders
-------------------------------------------*/

.ts-border-radius__none {
    border-radius: 0 !important;
    /*overflow: hidden;*/
}
.ts-border-radius__sm {
    border-radius: .1875rem;
    /*overflow: hidden;*/
}

.ts-border-radius__md {
    border-radius: .25rem;
    /*overflow: hidden;*/
}

.ts-border-radius__lg {
    border-radius: .5rem;
    /*overflow: hidden;*/
}

.ts-border-radius__xl {
    border-radius: .75rem !important;
    /*overflow: hidden;*/
}

.ts-border-radius__pill {
    border-radius: 6.25rem !important;
    /*overflow: hidden;*/
}

.ts-border-radius__round-shape {
    border-radius: 187.5rem;
    /*overflow: hidden;*/
}

/* Center Align with Flex */

.ts-center__vertical {
    display: flex;
    align-items: center;
}

.ts-center__horizontal {
    display: flex;
    justify-content: center;
}

.ts-center__both {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-font-color__white {
    color: #fff;
}

.ts-font-color__black {
    color: #000;
}

.ts-font-color__primary {
    color: var(--blue);
}

.ts-bg-white {
    background-color: #ffffff;
}
.ts-bg-light {
    background-color: #f6f6f6;
}

.ts-bg-primary {
    background-color: var(--blue);
}

.ts-bg-black {
    background-color: #191919;
}

.text-white p,
.text-white a {
    color: rgba(255, 255, 255, .6);
}

.ts-text-color-light {
    color: rgba(0, 0, 0, .5);
}

.ts-text-color-primary {
    color: var(--blue);
}

.ts-text-color-black {
    color: #191919;
}
.ts-text-color-white {
    color: #ffffff !important;
}

/* Bootstrap primary colors */

.text-primary {
    color: var(--blue) !important;
}

.bg-primary {
    background-color: var(--blue) !important;
}

.border-primary {
    border-color: var(--blue) !important;
}

.badge-primary {
    background-color: var(--blue) !important;
}

.text-white .custom-checkbox .custom-control-label {
    color: rgba(255, 255, 255, .6);
}

.ts-column-count-1 {
    -webkit-column-count: 1;
    column-count: 1;
}

.ts-column-count-2 {
    -webkit-column-count: 2;
    column-count: 2;
}

.ts-column-count-3 {
    -webkit-column-count: 3;
    column-count: 3;
}

.ts-column-count-4 {
    -webkit-column-count: 4;
    column-count: 4;
}

/*-------------------------------------------
  -- Background
-------------------------------------------*/

[data-bg-image] {
    background-size: cover;
    background-position: 50%;
}

.ts-background {
    bottom: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -2;
}

.ts-background .ts-background {
    height: 100%;
    width: 100%;
}

.ts-background-repeat {
    background-repeat: repeat;
    background-size: inherit;
}

.ts-background-repeat .ts-background-image {
    background-repeat: repeat;
    background-size: inherit;
}

.ts-background-image,
.ts-img-into-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.ts-background-image img,
.ts-img-into-bg img {
    display: none;
}

@keyframes jump {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}
.jumping-marker {
    animation: jump 0.5s infinite; /* Salta dos veces */
}
@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
.blinking-marker {
    animation: blink 0.5s infinite; /* Parpadeo infinito */
}
@keyframes light {
    0%, 100% {
        filter: brightness(2);
    }
    50% {
        filter: brightness(1);
    }
}
.lighting-marker {
    opacity:1;
    animation: light 1.5s infinite; /* Parpadeo infinito */
}

header {
    opacity: 1;
}

.ts-bokeh-background {
    -webkit-filter: blur(1.875rem);
    filter: blur(1.875rem);
    top: -1rem;
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 12rem;
    opacity: .6;
    overflow: hidden;
    z-index: -1;
}

.ts-bokeh-background #ts-canvas {
    width: 100%;
}

/* -- File Upload */

.file-upload {
    position: relative;
    height: 8rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.file-upload .file-upload-input {
    border-radius: .25rem;
    width: 100%;
    border: .125rem dashed rgba(0, 0, 0, .2);
    height: 8rem;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 8rem 0 0 0;
    overflow: hidden;
    z-index: 1;
    transition: .3s ease;
}

.file-upload .file-upload-input:hover {
    border-color: rgba(0, 0, 0, .4);
    background-color: rgba(0, 0, 0, .05);
}

.file-upload span {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 8rem;
    width: 100%;
    text-align: center;
    margin: auto;
    z-index: 0;
    left: 0;
    color: rgba(0, 0, 0, .5);
}

.file-upload span i {
    color: var(--blue);
    margin-right: 1rem;
}

.file-upload-previews>.MultiFile-label {
    border-radius: .1875rem;
    background-color: rgba(0, 0, 0, .03);
    display: inline-block;
    border: .125rem solid rgba(0, 0, 0, .1);
    padding: 1rem;
    position: relative;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.file-upload-previews span.MultiFile-label {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 1rem;
}

.file-upload-previews span.MultiFile-label .MultiFile-title {
    position: absolute;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 1rem;
    bottom: 0;
    font-size: .75rem;
    text-align: center;
    width: 100%;
}

.file-upload-previews span.MultiFile-label .MultiFile-preview {
    max-width: 14rem !important;
    max-height: 7rem !important;
}

.file-uploaded-images .image {
    height: 15rem;
    display: inline-block;
    margin-bottom: 1.8rem;
    margin-right: 1.5rem;
    position: relative;
}

.file-uploaded-images .image figure {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    border-radius: 50%;
    cursor: pointer;
    background-color: red;
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: -1rem;
    top: -1rem;
    content: "";
    text-align: center;
    line-height: 1.5rem;
}

.file-uploaded-images .image figure i {
    color: #fff;
    font-size: 1rem;
}

.file-uploaded-images .image img {
    height: 100%;
}

.file-uploaded-images .image {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    height: 10rem;
    display: inline-block;
    margin-bottom: 1rem;
    margin-right: 1rem;
    position: relative;
}

.file-uploaded-images .image figure {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    border-radius: 50%;
    cursor: pointer;
    background-color: red;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: -0.75rem;
    top: -0.75rem;
    content: "";
    text-align: center;
    line-height: 1.375rem;
}

.file-uploaded-images .image figure i {
    color: #fff;
    font-size: .75rem;
}

.file-uploaded-images .image img {
    height: 100%;
}

.MultiFile-remove {
    line-height: .625rem !important;
}

/*-------------------------------------------
  -- Height
-------------------------------------------*/

.ts-h__auto {
    height: auto;
}

.ts-min-h__10vh {
    min-height: 10vh;
}

.ts-min-h__20vh {
    min-height: 20vh;
}

.ts-min-h__30vh {
    min-height: 30vh;
}

.ts-min-h__40vh {
    min-height: 40vh;
}

.ts-min-h__50vh {
    min-height: 50vh;
}

.ts-min-h__60vh {
    min-height: 60vh;
}

.ts-min-h__70vh {
    min-height: 70vh;
}

.ts-min-h__80vh {
    min-height: 80vh;
}

.ts-min-h__90vh {
    min-height: 90vh;
}

.ts-min-h__100vh {
    min-height: 100vh;
}

/* SM*/

/*MD*/

/*LG*/

/*XL*/

/*-------------------------------------------
  -- No Gutters - Removes padding from col*
-------------------------------------------*/

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/*-------------------------------------------
  -- Opacity
-------------------------------------------*/

.ts-opacity__5 {
    opacity: .05;
}

.ts-opacity__10 {
    opacity: .1;
}

.ts-opacity__20 {
    opacity: .2;
}

.ts-opacity__30 {
    opacity: .3;
}

.ts-opacity__40 {
    opacity: .4;
}

.ts-opacity__50 {
    opacity: .5;
}

.ts-opacity__60 {
    opacity: .6;
}

.ts-opacity__70 {
    opacity: .7;
}

.ts-opacity__80 {
    opacity: .8;
}

.ts-opacity__90 {
    opacity: .9;
}

/*-------------------------------------------
  -- Overflow
-------------------------------------------*/

.ts-overflow__hidden {
    overflow: hidden;
}

.ts-overflow__visible {
    overflow: visible;
}

/*-------------------------------------------
  -- Position
-------------------------------------------*/

/* Top */

.ts-top__0 {
    top: 0;
}

.ts-top__50 {
    top: 50%;
}

.ts-top__100 {
    top: 100%;
}

/* Right */

.ts-right__0 {
    right: 0;
}

.ts-right__50 {
    right: 50%;
}

.ts-right__100 {
    right: 100%;
}

.ts-right__inherit {
    right: inherit;
}

/* Bottom */

.ts-bottom__0 {
    bottom: 0;
}

.ts-bottom__50 {
    bottom: 50%;
}

.ts-bottom__100 {
    bottom: 100%;
}

/* Left */

.ts-left__0 {
    left: 0;
}

.ts-left__50 {
    left: 50%;
}

.ts-left__100 {
    left: 100%;
}

.ts-left__inherit {
    left: inherit;
}

.ts-push-left__100 {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.ts-push-left__50 {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.ts-push-right__50 {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ts-push-right__100 {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ts-push-down__50 {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.ts-push-down__100 {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.ts-push-up__50 {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ts-push-up__100 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

/*-------------------------------------------
  -- Shadow
-------------------------------------------*/

.ts-shadow__sm {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
}

.ts-shadow__md {
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
}

.ts-shadow__lg {
    box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
}

.ts-shadow__none {
    box-shadow: none !important;
}

/*-------------------------------------------
  -- Typography
-------------------------------------------*/

a {
    color: var(--blue);
    transition: .3s ease;
    outline: none;
}

a:hover {
    color: #191919;
    text-decoration: none;
}

button {
    outline: none !important;
}

p {
    line-height: 1.5rem;
    /*color: rgba(0, 0, 0, .5);*/
    margin-bottom: 0;
}

.ts-text-small {
    font-size: .75rem !important;
}

.ts-xs-text-center {}

/*-------------------------------------------
  -- Title
-------------------------------------------*/

.ts-title {
    padding-bottom: 1rem;
}

.ts-title h1 {
    margin-bottom: 0;
}

.ts-title h5 {
    font-weight: normal;
    opacity: .5;
}

.ts-block .ts-title {
    margin-bottom: 2rem;
}

.titulo-header-pagina {
    font-size: 12px;
    margin-bottom: 0;
}

/*-------------------------------------------
  -- Utilities
-------------------------------------------*/

.ts-element {
    position: relative;
    display: block;
}

/* Social Icons */

.ts-social-icons {
    font-size: 120%;
}

.ts-social-icons a {
    padding: .125rem .25rem;
    color: #9e9e9e;
}

/* Overlay */

.ts-has-overlay {
    position: relative;
}

.ts-has-overlay:after {
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/* Flip x */

.ts-flip-x {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

/* Flip Y */

.ts-flip-y {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.ts-full-screen {
    min-height: 100vh;
    width: 100%;
}

.ts-na {
    opacity: .5;
}

.ts-has-talk-arrow {
    position: relative;
}

.ts-has-talk-arrow:after {
    border-style: solid;
    border-width: .5rem .5rem 0 .5rem;
    border-color: #fff transparent transparent transparent;
    bottom: -0.375rem;
    content: "";
    left: 1rem;
    position: absolute;
}

.ts-white-gradient {
    position: relative;
}

.ts-white-gradient:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    content: "";
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 0;
    width: 100%;
    z-index: -1;
}

.ts-black-gradient {
    position: relative;
}

.ts-black-gradient:before {
    /*FF3.6-15*/

    /*Chrome10-25,Safari5.1-6*/
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
}

.ts-remove,
.MultiFile-remove {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    border-radius: 50%;
    color: transparent;
    position: absolute;
    background-color: red;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    top: -1rem;
    right: 1rem;
    z-index: 1;
}

.ts-remove:after,
.MultiFile-remove:after {
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f00d";
    color: #fff;
    font-size: 1rem;
}

.ts-responsive-block {
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
}

.ts-h-0 {
    height: 0 !important;
}

.ts-w-0 {
    width: 0 !important;
}

/*-------------------------------------------
  -- Z-index
-------------------------------------------*/

.ts-z-index__-1 {
    z-index: -1 !important;
}

.ts-z-index__0 {
    z-index: 0 !important;
}

.ts-z-index__1 {
    z-index: 1 !important;
}

.ts-z-index__2 {
    z-index: 2 !important;
}

.ts-z-index__1000 {
    z-index: 1000 !important;
}




/***********************************************************************************************************************
C. Components
***********************************************************************************************************************/

/* -- Badge */

.badge {
    border-radius: .1875rem;
    font-size: 80%;
    padding: .375rem .625rem;
}

/*-------------------------------------------
  -- Block
-------------------------------------------*/

.ts-block {
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: relative;
}

.ts-block-inside {
    padding: 1.25rem;
    position: relative;
}

section {
    position: relative;
}

/*-------------------------------------------
  -- Blockquote
-------------------------------------------*/

blockquote {
    font-size: 1.125rem;
    position: relative;
    padding-bottom: 2rem;
}

blockquote [class*="ts-circle"] {
    box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
    position: relative;
    z-index: 2;
    margin-top: 1rem;
}

blockquote p {
    background-color: #f1f1f1;
    border-radius: .25rem;
    margin-top: -2.5rem;
    padding: 2.5rem;
    position: relative;
    z-index: 1;
}

blockquote p:after {
    border-color: #f1f1f1 transparent transparent transparent;
    border-style: solid;
    border-width: .8125rem .8125rem 0 .8125rem;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -0.8125rem;
}

blockquote h4 {
    margin-bottom: .3125rem;
}

blockquote h6 {
    opacity: .5;
}

.blockquote-footer {
    color: inherit;
}

.blockquote-footer:before {
    display: none;
}

.ts-carousel-blockquote .owl-item figure,
.ts-carousel-blockquote .owl-item p,
.ts-carousel-blockquote .owl-item .blockquote-footer {
    opacity: 0;
    transition: .6s ease;
    -webkit-transform: translateY(.625rem);
    transform: translateY(.625rem);
}

.ts-carousel-blockquote .owl-item.active figure,
.ts-carousel-blockquote .owl-item.active p,
.ts-carousel-blockquote .owl-item.active .blockquote-footer {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.ts-carousel-blockquote .owl-item.active p {
    transition-delay: .1s;
}

.ts-carousel-blockquote .owl-item.active .blockquote-footer {
    transition-delay: .2s;
}

/*-------------------------------------------
  -- Box
-------------------------------------------*/

.ts-box {
    background-color: #fff;
    border-radius: .25rem;
    margin-bottom: 2rem;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    padding: 1.5rem;
    position: relative;
}

/*-------------------------------------------
  -- Buttons
-------------------------------------------*/

/******************** GIF DE CARGA *************/
.btn-carga {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff81;
    padding: 7px 20px;
    border-radius: 50px;
    white-space: nowrap;
    z-index: 1000;
    border: 0;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
}
/*****/

.btn, .cmtx_button_primary  {
    border-radius: .1875rem;
    border-width: .0625rem;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    font-size: .9375rem;
    padding: .5rem 1.25rem;
    position: relative;
    outline: none !important;
}

.btn:hover .fa-arrow-right {
    -webkit-transform: translateX(.5rem);
    transform: translateX(.5rem);
}

.btn .fa-arrow-right {
    transition: .6s cubic-bezier(.85, -0.37, .17, 1.45);
    -webkit-transform: translateX(0) rotate(.02deg);
    transform: translateX(0) rotate(.02deg);
}

.btn span {
    transition: .3s ease;
}

.btn .status {
    bottom: 0;
    height: 1.375rem;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5rem;
}

.btn .status .spinner {
    left: .3125rem;
    transition: .3s ease;
    top: .1875rem;
    position: absolute;
    opacity: 0;
}

.btn .status .status-icon {
    border-radius: 50%;
    left: 0;
    opacity: 0;
    font-size: .625rem;
    padding: .25rem .4375rem;
    position: relative;
    transition: .3s ease;
    z-index: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.btn .status .status-icon.valid {
    background-color: green;
}

.btn .status .status-icon.invalid {
    background-color: red;
}

.btn.processing span {
    opacity: .2;
}

.btn.processing .spinner {
    opacity: 1;
}

.btn.done .ts-spinner {
    opacity: 0;
}

.btn.done .status-icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.btn-light {
    background-color: #fff;
    border-color: #fff;
}

.btn-light:hover {
    background-color: #ececec;
    border-color: #ececec;
}

.btn-circle {
    aspect-ratio: 1 / 1;
    padding: 0px 5px;
    align-items: center;
    justify-content: center;
}

.btn-transp,
.btn-transp:active,
.btn-transp:focus,
.btn-transp:hover {
    background: transparent;
    border-color: transparent !important;
    box-shadow: none;
}

.btn-transp:hover {
    background: #ffffff57;
    border-color: #ffffff57 !important;
}

.btn-success {
    background-color: #2ea47c;
    border-color: #2ea47c;
}

.btn-danger {
    background-color: #ba5435;
    border-color: #ba5435;
}

.btn-success.focus,
.btn-success:focus,
.btn-danger.focus,
.btn-danger:focus {
    box-shadow: none;
}

button {
    cursor: pointer;
}

.ts-btn-arrow:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .625rem;
    margin-left: .75rem;
    position: relative;
    top: -0.0625rem;
    vertical-align: middle;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--blue);
    border-color: var(--blue);
    box-shadow: .125rem .1875rem .9375rem rgba(0, 0, 0, .3);
}

.btn-primary {
    background-color: var(--blue);
    border-color: #fff;
    color: #fff;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: rgb(0, 0, 204);
    border-color: rgb(0, 0, 204);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    background-color: #0062cc91;
    border-color: #0062cc91;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .2);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: rgb(0, 0, 204);
    border-color: rgb(0, 0, 204);
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .2);
}

.btn-dark {
    background-color: #191919;
    border-color: #191919;
}

.btn-secondary {
    background-color: var(--gray-dark);
    border-color: var(--gray-dark);
}

.btn-secondary:hover {
    background-color: #191919;
    border-color: #191919;
}

.btn-outline-primary {
    border-color: var(--blue);
    color: var(--blue);
}

.btn-outline-primary:hover {
    background-color: var(--blue);
    border-color: var(--blue);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    background-color: var(--blue);
    border-color: var(--blue);
    box-shadow: 0 0 0 .2rem rgba(0, 0, 255, .5);
}

.btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.125rem;
}

.btn-sm {
    font-size: .8125rem;
    padding: .375rem 1rem;
}

.btn-xs {
    font-size: .75rem;
    font-weight: 600;
    padding: .125rem .6875rem;
}

[class*="btn-outline-"] {
    box-shadow: none;
}

.ts-btn-border-muted {
    border-color: rgba(25, 25, 25, .1);
}

.btn-link {
    color: var(--blue);
}

.btn-link:hover {
    color: var(--blue);
}


/* -- Breadcrumb */

.breadcrumb {
    background-color: transparent;
    margin-bottom: 1rem;
    padding: 0;
    font-size: .8125rem;
}

.breadcrumb-item {
    opacity: .5;
}

.breadcrumb-item.active {
    color: #191919;
    opacity: 1;
}

.breadcrumb-item+.breadcrumb-item:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .625rem;
    opacity: .5;
}

/*-------------------------------------------
  -- Card
-------------------------------------------*/

.card {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: none;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    margin-bottom: 2rem;
}

.card-columns .card {
    margin-bottom: 1.5rem;
}

.ts-cards-same-height>div[class*='col'] {
    display: flex;
}

.ts-cards-same-height>div[class*='col'] .card {
    width: 100%;
}

.ts-card__flat {
    border-radius: 0;
    box-shadow: none;
}

.ts-card__flat .card-footer {
    background-color: transparent;
    border: none;
}

.ts-card__image {}

.ts-card {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    border-radius: .1875rem;
    margin-bottom: 2rem;
    position: relative;
    transition: .3s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.ts-card:hover {
    box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
    color: inherit;
    -webkit-transform: translateY(-0.3125rem);
    transform: translateY(-0.3125rem);
}

.ts-card .card-body {
    position: relative;
}

.ts-card .card-img {
    border-top-left-radius: .1875rem;
    border-top-right-radius: .1875rem;
    display: block;
    height: 15rem;
    position: relative;
    z-index: 1;
}

.ts-card .card-footer {
    background-color: #f6f6f6;
    border-top: .0625rem solid rgba(0, 0, 0, .1);
    padding: .5rem 1.25rem;
}

.ts-card .card-footer .ts-btn-arrow {
    color: #191919;
    font-size: .6875rem;
    font-weight: 500;
    text-transform: uppercase;
}

.ts-card .card-footer .ts-btn-arrow:after {
    color: var(--blue);
}

.ts-card .ts-item__info-badge {
    background-color: #fff;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    bottom: -0.75rem;
    border-radius: .1875rem;
    color: #191919;
    display: inline-block;
    left: 1.25rem;
    font-size: .75rem;
    font-weight: 500;
    position: absolute;
    padding: .25rem .5rem;
    z-index: 2;
}

.ts-items-carousel {
    padding-left: 1rem;
    padding-right: 1rem;
}

.ts-items-carousel .owl-stage-outer {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.ts-items-carousel .ts-item {
    margin-left: 1rem;
    margin-right: 1rem;
}

[class*="ts-gallery-carousel"] .ts-image {
    border-radius: .25rem;
    display: block;
    width: 100%;
    height: 40vh;
    position: relative;
}

[class*="ts-gallery-carousel"] .ts-zoom {
    background-color: #fff;
    border-radius: .25rem;
    bottom: 1rem;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    display: inline-block;
    left: 1rem;
    padding: .5rem;
    position: absolute;
}

[class*="ts-gallery-carousel"] .ts-zoom i {
    margin-right: .5rem;
    opacity: .5;
}

[class*="ts-gallery-carousel"] .owl-stage-outer {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
}

.ts-gallery-carousel__multi .owl-stage-outer {
    box-shadow: none;
    padding-bottom: 1rem;
    padding-top: .75rem;
}

.ts-gallery-carousel__multi .slide {
    padding-right: .5rem;
    padding-left: .5rem;
}

.ts-gallery-carousel__multi .ts-image {
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
}

/*-------------------------------------------
  -- Circle
-------------------------------------------*/

.ts-circle__xs {
    border-radius: 50%;
    display: inline-block;
    height: 3rem;
    flex: 0 0 3rem;
    overflow: hidden;
    text-align: center;
    line-height: 3rem;
    width: 3rem;
}

.ts-circle__sm {
    border-radius: 50%;
    display: inline-block;
    height: 4.375rem;
    flex: 0 0 4.375rem;
    overflow: hidden;
    text-align: center;
    line-height: 4.375rem;
    width: 4.375rem;
}

.ts-circle__md {
    border-radius: 50%;
    display: inline-block;
    height: 6.25rem;
    flex: 0 0 6.25rem;
    overflow: hidden;
    text-align: center;
    line-height: 6.25rem;
    width: 6.25rem;
}

.ts-circle__lg {
    border-radius: 50%;
    display: inline-block;
    height: 8.125rem;
    flex: 0 0 8.125rem;
    overflow: hidden;
    text-align: center;
    line-height: 8.125rem;
    width: 8.125rem;
}

.ts-circle__xl {
    border-radius: 50%;
    display: inline-block;
    height: 10rem;
    flex: 0 0 10rem;
    overflow: hidden;
    text-align: center;
    line-height: 10rem;
    width: 10rem;
}

.ts-circle__xxl {
    border-radius: 50%;
    display: inline-block;
    height: 15.625rem;
    flex: 0 0 15.625rem;
    overflow: hidden;
    text-align: center;
    line-height: 15.625rem;
    width: 15.625rem;
}

.ts-circle {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    padding: 50%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.ts-circle>* {
    line-height: 0;
    position: absolute;
    width: 100%;
}

/* -- Collapse */

[data-toggle="collapse"] .ts-visible-on-collapsed {
    display: none;
}

[data-toggle="collapse"].collapsed .ts-visible-on-collapsed {
    display: inline-block;
}

[data-toggle="collapse"].collapsed .ts-visible-on-uncollapsed {
    display: none;
}

/* -- Description List */

.ts-description-lists dl {
    display: inline-block;
    margin-right: 1.5rem;
}

.ts-description-lists dl dt {
    font-size: .8125rem;
    opacity: .6;
    margin-bottom: .25rem;
}

.ts-description-lists dl dd {
    font-size: .875rem;
}

.ts-description-list__line dt {}

.ts-description-list__line dd {
    color: rgba(0, 0, 0, .5);
}

.favorites__list{
    padding:0;
}.favorites__list li{
    list-style: none;
}

/* -- Dropdown */

.dropdown-menu {
    border-radius: .1875rem;
    box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
    font-size: .875rem;
    margin-top: .25rem;
}

.dropdown-menu .dropdown-item {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* -- FAQ */

.ts-faq {
    border-bottom: .0625rem solid rgba(25, 25, 25, .1);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    padding-top: .75rem;
    margin-left: 4rem;
    position: relative;
}

.ts-faq:before {
    background-color: #191919;
    border-radius: 50%;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    content: "";
    left: -4rem;
    padding: 1.25rem;
    position: absolute;
    top: 0;
}

.ts-faq:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f128";
    color: #fff;
    position: absolute;
    z-index: 1;
    top: .5rem;
    left: -3rem;
}

.ts-feature {
    margin-bottom: 2rem;
}

.ts-feature .ts-feature__icon {
    position: relative;
    margin-bottom: 1.5rem;
}

.ts-feature .ts-feature__icon .ts-circle {
    background-color: var(--blue);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 1rem;
    position: absolute;
}

.ts-feature h4 {
    margin-bottom: 1rem;
}

.ts-feature-box {
    border-radius: .1875rem;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 5rem;
    padding-top: 5rem;
    position: relative;
    overflow: hidden;
}

.ts-feature-box:hover {
    color: #fff;
}

.ts-feature-box h3 {
    font-weight: normal;
    margin-bottom: .5rem;
}

.ts-feature-box h5 {
    font-weight: normal;
    opacity: .5;
    margin-bottom: 2rem;
}

.ts-feature-box .ts-background {
    background-color: #191919;
}

.ts-feature-box .ts-background .ts-background-image {
    opacity: .4;
}

/*-------------------------------------------
  -- Forms
-------------------------------------------*/

form,
.ts-form {
    position: relative;
}

form.ts-labels-inside-input .form-group,
.ts-form.ts-labels-inside-input .form-group {
    position: relative;
}

form.ts-labels-inside-input .form-group label,
.ts-form.ts-labels-inside-input .form-group label {
    line-height: 2.625rem;
    left: .8125rem;
    opacity: .4;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: .3s ease;
}

form.ts-labels-inside-input .form-group label.focused,
.ts-form.ts-labels-inside-input .form-group label.focused {
    top: -2.1875rem;
    left: 0;
    font-size: .75rem;
    opacity: 1;
}

form .ts-form-advanced-search,
.ts-form .ts-form-advanced-search {
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    background-color: var(--blue);
    bottom: 0;
    color: #fff;
    left: 1rem;
    font-size: .75rem;
    position: absolute;
    padding: 1rem;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.ts-form__map-search {
    max-height: 100%;
    overflow-y: auto;
    padding: 1rem;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.ts-form__map-search .ts-form {
    background-color: rgba(255, 255, 255, .95);
    border-radius: .1875rem;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    padding: 1rem;
}

.ts-form__map-horizontal {
    height: auto;
    bottom: 0;
    margin: 1rem 0;
    position: relative;
    z-index: 1;
    width: 100%;
}

.ts-form__map-horizontal>.container {}

.form-control,
.custom-select {
    border-width: .0625rem;
    border-color: rgba(0, 0, 0, .1);
    font-size: .9375rem;
    border-radius: .1875rem;
    padding: .5rem .75rem;
    transition: .3s ease;
    min-height: 2.5rem;
}

.form-control:hover,
.custom-select:hover {
    border-color: rgba(0, 0, 0, .2);
}

.form-control:focus,
.custom-select:focus {
    box-shadow: none;
    border-color: #9e9e9e;
}

.form-group,
.input-group {
    margin-bottom: 1.5rem;
}

.input-group label {
    width: 100%;
}

.input-group .form-control:focus~.input-group-append .input-group-text {
    border-color: #9e9e9e;
}

.input-group-append {
    margin-left: 0;
}

.input-group-append .input-group-text {
    border-color: rgba(25, 25, 25, .15);
    color: rgba(25, 25, 25, .3);
    transition: .3s ease;
    font-size: .875rem;
}
.input-group-round {
    border-radius: 50px;
    border: 1px solid var(--blue);
    background: #ffffff;
    width: 100%;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    padding: 5px;
}
.input-group-round .form-control{
    background-color: transparent;
}
   
.input-group-round *{
    border:0;
}

label:not(.custom-control-label) {
    font-size: .875rem;
    font-weight: 600;
}

.custom-checkbox {
    padding-left: 2rem;
}

.custom-checkbox .custom-control-label {
    color: rgba(0, 0, 0, .5);
    transition: .3s ease;
}

.custom-checkbox .custom-control-label:hover {
    cursor: pointer;
}

.custom-checkbox .custom-control-label:after {
    top: .125rem;
    left: -1.8125rem;
}

.custom-checkbox .custom-control-label:before {
    background-color: #fff;
    border: .0625rem solid rgba(0, 0, 0, .15);
    border-radius: .1875rem;
    height: 1.25rem;
    left: -2rem;
    top: 0;
    width: 1.25rem;
    transition: .3s ease;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label {
    color: inherit;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
    background-color: var(--blue);
    border-color: var(--blue);
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
}

.custom-checkbox .custom-control-input:active~.custom-control-label::before {
    background-color: rgba(0, 0, 0, .1);
}

.custom-radio .custom-control-label:before {
    background-color: #fff;
    border: .0625rem solid rgba(0, 0, 0, .15);
}

.custom-radio .custom-control-label {
    color: rgba(0, 0, 0, .5);
    transition: .3s ease;
}

.custom-radio .custom-control-input:checked~.custom-control-label {
    color: inherit;
}

.custom-select {
    cursor: pointer;
    padding: .5625rem 1.5rem .5625rem .75rem;
    height: auto;
    color: rgba(0, 0, 0, .5);
}

.custom-select.ts-selected {
    color: inherit;
}

.custom-checkbox {
    margin-bottom: .5rem;
}

select [value=""] {
    color: rgba(0, 0, 0, .5);
}

.ts-icons-checkboxes {
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
    padding: 1rem .25rem;
}

.ts-icons-checkboxes .ts-icon-checkbox {
    margin-right: 1.5rem;
    padding-left: 0;
    width: 100%;
}

.ts-icons-checkboxes .ts-icon-checkbox:last-child {
    margin-right: 0;
}

.ts-icons-checkboxes .ts-icon-checkbox i {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: .5rem;
    right: .5rem;
    font-size: 1.5rem;
    color: #191919;
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
    transition: .3s ease;
}

.ts-icons-checkboxes .ts-icon-checkbox .form-check-input {
    visibility: hidden;
    position: absolute;
}

.ts-icons-checkboxes .ts-icon-checkbox .form-check-input:checked~.form-check-label {
    box-shadow: 0 .25rem .3125rem rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-0.125rem);
    transform: translateY(-0.125rem);
    opacity: 1;
}

.ts-icons-checkboxes .ts-icon-checkbox .form-check-input:checked~.form-check-label img {
    opacity: 1;
}

.ts-icons-checkboxes .ts-icon-checkbox .form-check-input:checked~.form-check-label i {
    -webkit-transform: scale(1) rotate(90.002deg);
    transform: scale(1) rotate(90.002deg);
}

.ts-icons-checkboxes .ts-icon-checkbox .form-check-label {
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0;
    min-width: 6rem;
    padding: 0;
    opacity: .3;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: .3s ease;
    text-align: center;
    width: 100%;
}

.ts-icons-checkboxes .ts-icon-checkbox .form-check-label .ts-icon-checkbox-image {
    display: flex;
    justify-content: center;
    height: 7rem;
    opacity: .7;
    transition: .3s ease;
}

.ts-icons-checkboxes .ts-icon-checkbox .form-check-label .ts-icon-checkbox-text {
    background-color: #f8f8f8;
    border-top: .0625rem solid rgba(0, 0, 0, .1);
    display: block;
    padding: .5rem 1rem;
    position: relative;
}

.ts-icons-checkboxes .ts-icon-checkbox .form-check-label .ts-icon-checkbox-text:after {
    border-color: #f8f8f8 transparent transparent transparent;
    border-style: solid;
    border-width: .25rem .25rem 0 .25rem;
    bottom: -0.25rem;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}

.ts-icons-select {
    display: flex;
    padding: 1.75rem .5rem;
    overflow-x: auto;
}

/*.ts-icons-select a {
    align-items: center;
    border: .0625rem solid rgba(25, 25, 25, .1);
    border-radius: .25rem;
    display: flex;
    min-width: 14rem;
    padding: 1.5rem 1rem 1.5rem 2rem;
    position: relative;
    margin-left: .75rem;
    margin-right: .75rem;
    width: 100%;
}*/

/*.ts-icons-select a:hover {
    color: inherit;
    background-color: rgba(255, 255, 255, .4);
}*/

.ts-icons-select a aside {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    bottom: 0;
    margin: auto;
    height: 2rem;
    font-size: .75rem;
    line-height: 2rem;
    text-align: center;
    left: -0.5rem;
    width: 2rem;
    position: absolute;
    top: 0;
}

.ts-icons-select a img {
    margin-right: 1rem;
    opacity: .3;
}

.ts-icons-select a figure {
    margin-bottom: 0;
}

.ts-icons-select a h6 {
    margin-bottom: 0;
}

.ts-icons-select a small {
    opacity: .5;
    font-size: .6875rem;
    text-transform: uppercase;
}

.ts-icons-select.ts-icons-select__dark {
    background-color: #181818;
}

.ts-icons-select.ts-icons-select__dark a {
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
}

.ts-icons-select.ts-icons-select__dark a:hover {
    background-color: rgba(255, 255, 255, .1);
}

.ts-icons-select.ts-icons-select__dark a aside {
    color: #191919;
}

.ts-borderless-inputs .form-control,
.ts-borderless-inputs .custom-select,
.ts-borderless-inputs .input-group-append .input-group-text {
    border: none;
}

/* -- Footer */

#ts-footer {
    background-color: #fff;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    margin-top: 7rem;
}

#ts-footer address {
    line-height: 1.5rem;
}

#ts-footer #ts-footer-main {
    padding-bottom: 4rem;
    padding-top: 4rem;
}

#ts-footer #ts-footer-main nav {
    opacity: .5;
}

#ts-footer #ts-footer-main nav .nav-link {
    padding-left: 0;
}

#ts-footer #ts-footer-secondary {
    border-top: .0625rem solid rgba(0, 0, 0, .1);
    font-size: .8125rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

#ts-footer #ts-footer-secondary .container {
    justify-content: space-between;
    align-items: center;
}

#ts-footer .brand {
    display: inline-block;
    margin-bottom: 1.875rem;
}

#ts-footer .brand img {
    width: 300px;
    max-width: 100%;
}

.lista-enlace-descripcion li {
    margin-bottom: 1em;
}

.lista-enlace-descripcion h5 {
    margin-bottom: 0;
}

.lista-enlace-descripcion p {
    font-size: small;
    line-height: 1;
    color: var(--dark);
}

/*-------------------------------------------
  -- HR
-------------------------------------------*/

.ts-hr-light {
    border-top-color: rgba(255, 255, 255, .2);
}

/*-------------------------------------------
  -- Inputs
-------------------------------------------*/

.ts-inputs__transparent input,
.ts-inputs__transparent textarea {
    background-color: transparent;
    color: #fff;
}

.ts-inputs__transparent input:active,
.ts-inputs__transparent input:focus,
.ts-inputs__transparent textarea:active,
.ts-inputs__transparent textarea:focus {
    background-color: transparent;
    color: #fff;
}

/* -- Item */

.ts-item.ts-item__lg .card-img {
    height: 18rem;
}

.ts-item.ts-item__lg .card-img h4 {
    font-size: 1.25rem;
}

.ts-item.ts-item__lg .card-body {}

.ts-item.ts-item__lg .ts-description-lists dt {
    font-size: .875rem;
}

.ts-item.ts-item__lg .ts-description-lists dd {
    font-size: .875rem;
}

.ts-item.ts-item__lg .ts-item__info-badge {
    font-size: 1rem;
    font-weight: 600;
}

.ts-item>.badge {
    position: absolute;
    top: 0;
    left: 0;
    margin: 1.5rem;
    z-index: 2;
}

.ts-item .card-img:before {
    /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100*/

    /*FF3.6-15*/

    /*Chrome10-25,Safari5.1-6*/
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
}

/*.ts-item .card-img:after {
    border-style: solid;
    border-width: .5rem .5rem 0 0;
    border-color: #191919 transparent transparent transparent;
    bottom: -0.4375rem;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}*/

.ts-item .ts-item__info {
    bottom: .5rem;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #fff;
    margin-bottom: 0;
    position: absolute;
    padding: 1.25rem;
    overflow: hidden;
    transition: .3s ease;
    z-index: 1;
}

.ts-item .ts-item__info h4 {
    margin-bottom: 0;
    transition-delay: .2s;
}

.ts-item .ts-item__info aside {
    font-size: .8125rem;
    transition-delay: .1s;
    opacity: .6;
}

.ts-item .card-body {
    background-color: #fff;
    padding: 1.5rem 1rem 1rem 1.25rem;
}

.ts-item .ts-description-lists dl {
    margin-right: 1rem;
    margin-bottom: 0;
}

.ts-item .ts-description-lists dt {
    font-size: .75rem;
}

.ts-item .ts-description-lists dd {
    font-size: .8125rem;
}

.ts-compare-items-table {
    display: block;
    overflow-x: auto;
    padding-top: 1.5rem;
    width: 100%;
}

.ts-compare-items-table .row {
    margin: 0;
    flex-wrap: nowrap;
}

.ts-compare-items-table .row:last-child {
    border: none;
}

.ts-compare-items-table .row:last-child .col {
    border: none;
}

.ts-compare-items-table .row .col {
    border-bottom: .0625rem solid rgba(0, 0, 0, .1);
    padding-top: .5rem;
    padding-bottom: .5rem;
    min-width: 14rem;
}

.ts-compare-items-table .row .col:first-child {
    padding-left: 0;
}

.ts-compare-items-table .row .col:last-child {
    padding-right: 0;
}

.ts-compare-items-table .row .col:not(.ts-row-title) {
    text-align: center;
}

.ts-compare-items-table .card {
    height: 14rem;
}

.ts-compare-items-table .card .card-img:after {
    display: none;
}

.ts-compare-items-table h3 {
    margin-bottom: 2rem;
}

.ts-compare-items-table .ts-row-title {
    font-weight: bold;
}

.ts-compare-items-table .ts-row-title i {
    opacity: .5;
    margin-right: .5rem;
}

.ts-compare-items-table .ts-available:after,
.ts-compare-items-table .ts-not-available:after {
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    font-style: normal;
}

.ts-compare-items-table .ts-available:after {
    color: var(--blue);
    content: "\f00c";
}

.ts-compare-items-table .ts-not-available:after {
    content: "\f00d";
    opacity: .3;
}

@-moz-document url-prefix() {
    .ts-item {
        transform: rotate(.002deg);
        transform-style: preserve-3d;
    }
}

.ts-item__list {
    width: 100%;
}

.ts-item__list .ts-item__info {
    bottom: inherit;
    top: -5rem;
    padding: 0;
}

.ts-item__list .ts-item__info-badge {
    bottom: inherit;
    top: -1rem;
}

.ts-item__company .card-img {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center;
}

.ts-item__company .card-img:before,
.ts-item__company .card-img:after {
    display: none;
}

.ts-item__company .card-body {
    background-color: #f6f6f6;
    padding-bottom: 0;
}

.ts-item__company .card-footer {
    border: none;
}

.ts-item__company .ts-item__info {
    position: relative;
    color: inherit;
    margin-bottom: 1rem;
    top: inherit;
}

.ts-item__company .ts-description-list1,
.ts-item__company .ts-company-info {
    background-color: #fff;
    padding: 1rem 1rem .5rem 1rem;
    border-radius: .1875rem;
    justify-content: space-between;
    font-size: .875rem;
}

.ts-item__company .ts-description-list1 .ts-company-contact i,
.ts-item__company .ts-company-info .ts-company-contact i {
    margin-right: 1rem;
    opacity: .5;
}

/*-------------------------------------------
  -- List
-------------------------------------------*/

ul {
    line-height: 2.625rem;
}

ul.ts-list-colored-bullets {
    list-style: none;
    padding-left: 0;
}

ul.ts-list-colored-bullets li:before {
    text-shadow: 0 0 .5rem rgba(0, 0, 255, .8);
    content: "•";
    color: var(--blue);
    vertical-align: middle;
    font-size: 1.75rem;
    padding-right: .75rem;
}

ul.ts-list-divided {
    list-style: none;
    padding-left: 0;
}

ul.ts-list-divided li {
    border-bottom: .0625rem solid rgba(0, 0, 0, .1);
    padding-bottom: .3125rem;
    padding-top: .3125rem;
}

ul.ts-list-divided li:last-child {
    border-bottom: none;
}

ul.ts-list-check-marks {
    list-style: none;
    padding-left: 0;
}

ul.ts-list-check-marks li {
    position: relative;
    padding-left: 1.5rem;
    color: rgba(0, 0, 0, .5);
}

ul.ts-list-check-marks .ts-checked {
    color: #191919;
    line-height: 1.3em;
    margin-bottom: 1.3em;
}

ul.ts-list-check-marks .ts-checked:before {
    color: var(--blue);
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left: 0;
    position: absolute;
}

ul.ts-list-icons {
    list-style: none;
    padding-left: 0;
    color: rgba(0, 0, 0, .5);
}

ul.ts-list-icons i {
    margin-right: .5rem;
}

/* -- Main Content */

#ts-main {
    padding-top: 1rem;
}

.ts-homepage #ts-main {
    padding-top: 0;
}

/*-------------------------------------------
  -- Map
-------------------------------------------*/

.ts-map {
    position: relative;
}

.ts-map a[href^="http://maps.google.com/maps"] {
    display: none !important;
}

.ts-map a[href^="https://maps.google.com/maps"] {
    display: none !important;
}

.ts-map .gmnoprint a,
.ts-map .gmnoprint span,
.ts-map .gm-style-cc {
    display: none;
}

.ts-map .cluster>div,
.ts-map .marker-cluster>div {
    /* background-color: var(--blue); */
    background-color: #FF6F61;
    box-shadow: inset 0 0 0 2px #ffffff, 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    border-radius: 50%;
    /* color: #fff !important; */
    color: #ffffff !important;
    font-weight: 800;
    text-align: center;
    transition: .3s ease;
}

.ts-map .cluster>div,
.ts-map .marker-cluster.marker-cluster-large>div {
    background-color: #CC574E;
}

.ts-map .cluster>div,
.ts-map .marker-cluster.marker-cluster-medium>div {
    background-color: #FF6F61;
    height: 3rem !important;
    width: 3rem !important;
    line-height: 3rem;
}

.ts-map .cluster>div,
.ts-map .marker-cluster.marker-cluster-small>div {
    background-color: #FFA38D;
    height: 2rem !important;
    width: 2rem !important;
    line-height: 2rem;
}


.ts-map .cluster>div:hover,
.ts-map .cluster>div.ts-hover,
.ts-map .marker-cluster>div:hover,
.ts-map .marker-cluster>div.ts-hover {
    box-shadow: inset 0 0 0 .375rem rgba(255, 255, 255, .3),
        0 .3125rem 1.5625rem rgba(0, 0, 0, .5);
}

.ts-map .marker-cluster>div {
    line-height: 4rem;
    height: 4rem !important;
    width: 4rem !important;
}

.ts-map .gm-style-mtc>div {
    font-size: .75rem !important;
    height: 2rem !important;
    padding: 0 .75rem !important;
}

.ts-map__detail {
    height: 18rem;
}

.ts-contact-map {
    height: 25rem;
}

.ts-sidebar-map {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    height: 18rem;
}

/* =====================================================================================================================
  MARKER
 */

.ts-marker-wrapper {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 2.75rem;
    transform-origin: 0 2.75rem;
    transition: .3s ease;
}

.ts-marker-wrapper.ts-hide-marker {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.leaflet-div-icon {
    background-color: transparent;
    border: none;
}

.leaflet-marker-icon.ts-hide-marker .ts-marker {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.ts-marker {
    display: inline-block;
    position: relative;
    padding-bottom: .5rem;
    transition: .6s cubic-bezier(.16, .64, .31, 1.68);
    -webkit-transform: translateY(0) rotate(.002deg);
    transform: translateY(0) rotate(.002deg);
}

.ts-marker:hover,
.ts-marker.ts-hover {
    color: inherit;
    -webkit-transform: translateY(-0.25rem);
    transform: translateY(-0.25rem);
    z-index: 1;
}

.ts-marker:hover .ts-marker__title,
.ts-marker:hover .ts-marker__info,
.ts-marker.ts-hover .ts-marker__title,
.ts-marker.ts-hover .ts-marker__info {
    opacity: 1;
    -webkit-transform: translate(0, -70px);
    transform: translate(0, -70px);
}

.ts-marker:hover .ts-marker__info,
.ts-marker.ts-hover .ts-marker__info {
    transition-delay: .05s;
}

.ts-marker:hover:before,
.ts-marker.ts-hover:before {
    /*-webkit-transform: translateY(.25rem) scaleX(.8);
            transform: translateY(.25rem) scaleX(.8);
    opacity: .2;*/
}

.ts-marker:after {
    /*border-color: #191919 transparent transparent transparent;
    border-width: .375rem .375rem 0 0;
    border-style: solid;
    bottom: .1875rem;
    content: "";
    left: 0;
    width: 0;
    height: 0;
    position: absolute;*/
}

.ts-marker:before {
    /*content: url("../img/marker-shadow.png");*/
    content: url("images/marker-mispicaderos.png");
    bottom: -0.375rem;
    left: -0.0625rem;
    position: absolute;
    opacity: .8;
    transition: .6s cubic-bezier(.16, .64, .31, 1.68);
    -webkit-transform: translateY(0) scaleX(1);
    transform: translateY(0) scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
}

.ts-marker .ts-marker__title,
.ts-marker .ts-marker__info {
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    position: absolute;
    font-size: .6875rem;
    font-weight: 500;
    left: .25rem;
    white-space: nowrap;
    border-radius: .0625rem;
    pointer-events: none;
    padding: .0625rem .25rem;
    transition: .5s cubic-bezier(.03, .18, .05, 1.01);
    -webkit-transform: translateX(.25rem);
    transform: translateX(.25rem);
    opacity: 0;
}

.ts-marker .ts-marker__title {
    background-color: #fff;
    top: .25rem;
    z-index: 2;
}

.ts-marker .ts-marker__info {
    background-color: var(--blue);
    color: #fff;
    top: 1.25rem;
    z-index: 1;
}

.ts-marker .ts-marker__feature {
    top: -0.625rem;
    left: -0.625rem;
    position: absolute;
    z-index: 3;
}

.ts-marker .ts-marker__feature>* {
    background-color: var(--blue);
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    border-radius: 50%;
    color: #fff;
    font-size: .5rem;
    width: 1.375rem;
    text-align: center;
    height: 1.375rem;
    line-height: 1.375rem;
}

.ts-marker .ts-marker__image {
    background-size: cover;
    background-position: 50% 50%;
    border-radius: .125rem;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .3);
    height: 2.625rem;
    width: 2.625rem;
    position: relative;
}

.ts-marker .ts-marker__image:before {
    border-bottom-right-radius: .125rem;
}

/* =====================================================================================================================
  INFOBOX
 */

.infobox-wrapper {
    transition: .3s transform cubic-bezier(.51, .31, .28, 1.16);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.infobox-wrapper>img {
    display: none;
}

.infobox-wrapper.ts-show {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.infobox-wrapper.ts-show .ts-infobox {
    min-width: 100%;
    background: white;
    border-radius: 20px;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
}

.infobox-wrapper.ts-show .ts-infobox .ts-close {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    transition-delay: .15s;
}

.infobox-wrapper.ts-show .ts-infobox .ts-close:hover {
    transition-delay: 0s;
    opacity: 1;
}

.infobox-wrapper .btn-primary {
    color: white;
}

.infobox-wrapper .btn-blanco {
    color: var(--blue);
}

.infobox-wrapper.ts-show .ts-infobox .media img {
    max-height: 34px;
}

.infobox-wrapper.ts-show .ts-infobox .media i {
    font-size: 30px;
    margin-right: 5px;
}

.leaflet-popup {
    margin-bottom: 0;
}

.leaflet-popup .leaflet-popup-content-wrapper {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    margin: 0;
}

.leaflet-popup .leaflet-popup-tip-container {
    display: none;
}

.ts-infobox {
    display: inline-block;
    position: relative;
}

.leaflet-container a.leaflet-popup-close-button {
    top: 12px;
    right: 12px;
    font: 28px / 14px Tahoma, Verdana, sans-serif;
    background: #ffffff;
    display: flex;
    width: 35px;
    line-height: 0.7;
    height: 35px;
    padding: 5px;
    border-radius: 50px;
    justify-content: center;
    /*box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);*/
}

.ts-infobox:after {
    border-color: #ffffff transparent transparent transparent;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    z-index: 900;
}

.ts-infobox .ts-ribbon {
    right: 1.5rem;
}

.ts-infobox .ts-ribbon-corner:before {
    left: 1.5625rem;
}

.ts-infobox .ts-ribbon-corner:after {
    bottom: 1.5625rem;
}

.ts-infobox .badge {
    position: absolute;
    top: .75rem;
    left: .75rem;
    z-index: 1;
}

.ts-infobox .ts-infobox__wrapper {
    align-items: flex-end;
    color: #fff;
    display: flex;
    border-radius: .25rem;
    box-shadow: 0 .5rem 4rem rgba(0, 0, 0, .5);
    height: 14rem;
    overflow: hidden;
    width: 15rem;
    padding: .75rem;
    position: relative;
    z-index: 1;
}

.ts-infobox .ts-infobox__wrapper:before {
    height: 70%;
    z-index: 1;
}

.ts-infobox .ts-close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    z-index: 3;
    -webkit-filter: drop-shadow(0 .1875rem .125rem rgba(0, 0, 0, .2));
    filter: drop-shadow(0 .1875rem .125rem rgba(0, 0, 0, .2));
    cursor: pointer;
    transition: .3s ease;
    -webkit-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg);
    opacity: .7;
}

.ts-infobox .ts-infobox_image {
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.ts-infobox .img-infobox {
    max-width: 30px;
}

.ts-infobox .ts-infobox__content {
    z-index: 1;
    width: 100%;
    padding: 1rem;
}

.ts-infobox .ts-item__info {
    margin-bottom: 1.5rem;
}

.ts-infobox .ts-item__info h4 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.375rem;
    padding-right: 20px;
}

.ts-infobox p {
    line-height: 1rem;
    color: rgba(0, 0, 0, 1);
    margin: 0;
}

.ts-infobox .datos {
    font-size: 14px;
    flex: 1;
}

.ts-infobox .media {
    flex: 1;
}

.ts-infobox .descripcion {
    margin: 5px 0;
}

.ts-infobox .ts-item__info aside {
    font-size: .75rem;
    opacity: .7;
}

.ts-infobox .ts-item__info-badge {
    display: inline-block;
    background-color: var(--blue);
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    border-radius: .1875rem;
    font-weight: 500;
    font-size: .6875rem;
    margin-bottom: .25rem;
    padding: .25rem .375rem;
}

.ts-infobox .ts-description-lists {
    border-top: .0625rem solid rgba(255, 255, 255, .4);
    padding-top: .5rem;
}

.ts-infobox .ts-description-lists dl {
    margin-bottom: 0;
    margin-right: .5rem;
}

.ts-infobox .ts-description-lists dt {
    font-size: .6875rem;
    opacity: .5;
}

.ts-infobox .ts-description-lists dd {
    font-size: .6875rem;
    margin-bottom: 0;
}

.H_ui * {
    box-sizing: border-box;
}

.H_ib_tail {
    display: none;
}

.H_ib_body {
    background-color: transparent;
    padding: 0;
}

.H_ib_body .H_ib_close {
    display: none;
}

.H_ib_body .H_ib_content {
    margin: 0;
}

.H_ib_body .infobox-wrapper {
    bottom: 0;
    left: 6.25rem;
    position: absolute;
}

.here-map-marker .ts-marker-wrapper {
    margin-top: -3rem;
    position: relative;
}

@-webkit-keyframes ts-dimIn {
    0% {
        width: 0;
    }

    1% {
        width: 100%;
    }

    5% {
        opacity: 0;
    }

    100% {
        opacity: .6;
    }
}

@keyframes ts-dimIn {
    0% {
        width: 0;
    }

    1% {
        width: 100%;
    }

    5% {
        opacity: 0;
    }

    100% {
        opacity: .6;
    }
}

@-webkit-keyframes ts-dimOut {
    0% {
        opacity: .6;
    }

    95% {
        opacity: 0;
    }

    99% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

@keyframes ts-dimOut {
    0% {
        opacity: .6;
    }

    95% {
        opacity: 0;
    }

    99% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

#ts-map-hero {
    transition: .3s ease;
}

#ts-map-hero.leaflet-container:after {
    z-index: 401;
}

#ts-map-hero:after {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: ts-dimOut;
    animation-name: ts-dimOut;
    background-color: black;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: opacity .4s ease;
    opacity: 0;
}

#ts-map-hero.ts-dim-map:after {
    -webkit-animation-name: ts-dimIn;
    animation-name: ts-dimIn;
    /*opacity: .6;
      height: 100%;
      width: 100%;*/
}

/*-------------------------------------------
  -- Hero
-------------------------------------------*/

#ts-hero {
    display: flex;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    /*padding-top: 80px;*/
}

#ts-hero .ts-background-image {
    background-position: top center;
}

#ts-hero .slide,
#ts-hero .ts-image {
    height: 100%;
}

/* Hero slider height */

.ts-hero-slider .owl-carousel,
.ts-hero-slider .ts-slide {
    height: 100%;
}

.ts-hero-slider .owl-carousel {
    opacity: 0;
    transition: 1s ease;
}

.ts-hero-slider .owl-carousel.owl-loaded {
    opacity: 1;
}

.ts-hero-slider .owl-item.active .ts-slide-description h3,
.ts-hero-slider .owl-item.active .ts-slide-description figure,
.ts-hero-slider .owl-item.active .ts-slide-description .ts-description-list,
.ts-hero-slider .owl-item.active .ts-slide-description .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.ts-hero-slider .ts-slide-description {
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    color: #fff;
    position: absolute;
    padding-bottom: 2rem;
    padding-top: 2rem;
    width: 100%;
}

.ts-hero-slider .ts-slide-description h3 {
    margin-bottom: .25rem;
}

.ts-hero-slider .ts-slide-description h2 {
    margin-bottom: .75rem;
}

.ts-hero-slider .ts-slide-description h3,
.ts-hero-slider .ts-slide-description figure,
.ts-hero-slider .ts-slide-description .ts-description-list,
.ts-hero-slider .ts-slide-description .btn {
    opacity: 0;
    transition: .5s cubic-bezier(.03, .18, .05, 1.01);
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
}

.ts-hero-slider .ts-slide-description figure {
    transition-delay: .1s;
}

.ts-hero-slider .ts-slide-description .ts-description-list {
    transition-delay: .2s;
}

.ts-hero-slider .ts-slide-description .btn {
    transition-delay: .3s;
}

.ts-hero-slider-control {
    height: 0;
    bottom: 2.5rem;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.ts-hero-slider-control .container,
.ts-hero-slider-control .owl-nav {
    height: 0;
    text-align: right;
}

.ts-hero-slider-control .owl-prev,
.ts-hero-slider-control .owl-next {
    background-color: #fff;
    display: inline-block;
    padding: 1.25rem;
    opacity: .8;
    transition: .3s ease;
    position: relative;
}

.ts-hero-slider-control .owl-prev:hover,
.ts-hero-slider-control .owl-next:hover {
    opacity: 1;
    cursor: pointer;
}

.ts-hero-slider-control .owl-prev:after,
.ts-hero-slider-control .owl-next:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    height: 1rem;
    width: .375rem;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    font-size: .75rem;
}

.ts-hero-slider-control .owl-prev:after {
    content: "\f053";
}

.ts-hero-slider-control .owl-next:after {
    content: "\f054";
}

/*-------------------------------------------
  -- Navbar
-------------------------------------------*/

#ts-header:not(.fixed-top) {
    z-index: 3;
    position: relative;
}

#ts-header.ts-expanded {
    max-height: 100%;
    overflow-y: auto;
}

/*1st level*/

ul.navbar-nav {
    margin-top: .5rem;
}

ul.navbar-nav .nav-item {
    position: relative;
    border-bottom: .0625rem solid rgba(25, 25, 25, .1);
    transition: .3s ease;
}

ul.navbar-nav .nav-item.ts-active {
    background-color: rgba(25, 25, 25, .08);
    border-radius: .25rem;
}

ul.navbar-nav .nav-item:hover>ul.ts-child {
    opacity: 1;
    pointer-events: auto;
}

ul.navbar-nav .nav-link {
    color: rgba(25, 25, 25, .5);
}

ul.navbar-nav .nav-link:hover {
    color: rgba(25, 25, 25, .8);
}

ul.navbar-nav .nav-link.active {
    color: #191919;
}

ul.navbar-nav>.nav-item .nav-link {
    padding-left: .5rem;
    padding-bottom: 0;
    padding-top: 0;
}

ul.navbar-nav>.nav-item>.nav-link {
    margin-right: .5rem;
}

ul.navbar-nav>.nav-item>ul.ts-child>.nav-item:first-child>.nav-link {
    /* 2nd level up arrow on first item */
}

ul.navbar-nav>.nav-item>ul.ts-child>.nav-item:first-child>.nav-link:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0 .25rem .25rem .25rem;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -0.1875rem;
    left: 1rem;
    transition: .3s ease;
}

ul.navbar-nav>.nav-item>ul.ts-child>.nav-item:first-child>.nav-link:hover:after {
    border-color: transparent transparent #f3f3f3 transparent;
}

ul.navbar-nav .nav-item.ts-has-child:hover>.ts-child {
    height: auto;
}

/* 1st level arrow down */

ul.navbar-nav>.ts-has-child>.nav-link {
    padding-right: 1.25rem;
}

ul.navbar-nav>.ts-has-child>.nav-link:after {
    color: #191919;
    content: "\f0dd";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: .75rem;
    top: -0.125rem;
}

ul.navbar-nav>.ts-active>.nav-link:after {
    content: "\f0d8";
}

ul.navbar-nav>.ts-active .ts-active:after {
    content: "\f0d8" !important;
}

/*2nd level*/

ul.navbar-nav ul.ts-child {
    border-radius: .125rem;
    list-style: none;
    min-width: 13rem;
    padding-left: 0;
    height: 0;
    width: 100%;
    text-align: left;
    overflow: hidden;
    transition: .3s ease;
    pointer-events: none;
    z-index: 2;
}

ul.navbar-nav ul.ts-child .nav-item {
    border-bottom: .0625rem solid rgba(25, 25, 25, .1);
}

ul.navbar-nav ul.ts-child .nav-item:first-child {
    border-top: .0625rem solid rgba(25, 25, 25, .1);
}

ul.navbar-nav ul.ts-child .nav-item:last-child {
    border-bottom: none;
}

ul.navbar-nav ul.ts-child>.nav-item:hover>.nav-link {
    background-color: rgba(25, 25, 25, .05);
}

ul.navbar-nav ul.ts-child .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

ul.navbar-nav ul.ts-child .ts-has-child:after {
    color: rgba(25, 25, 25, .2);
    content: "\f0dd";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: .75rem;
    top: -0.125rem;
}

/*3rd level*/

ul.navbar-nav ul.ts-child ul.ts-child {
    top: 0;
    left: 0;
    margin-left: 0;
}

ul.navbar-nav .nav-item:hover {
    background-color: rgba(25, 25, 25, .05);
}

.navbar-dark {
    color: #fff;
}

.navbar-dark #ts-primary-navigation {
    background-color: #171717;
}

.navbar-dark #ts-secondary-navigation {
    background-color: #000;
}

.navbar-dark #ts-secondary-navigation .form-control,
.navbar-dark #ts-secondary-navigation .custom-select {
    color: rgba(255, 255, 255, .5);
}

.navbar-dark .navbar-nav .nav-link {
    /*color: rgba(255, 255, 255, .5);*/
    color: rgba(255, 255, 255, 1);
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .8);
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-item.ts-active {
    background-color: rgba(255, 255, 255, .08);
}

.navbar-dark .navbar-nav>.nav-item>ul.ts-child>.nav-item:first-child>.nav-link:hover:after {
    border-color: transparent transparent #000;
}

.navbar-dark .navbar-nav>.nav-item>ul.ts-child>.nav-item:first-child>.nav-link:after {
    border-color: transparent transparent #000;
}

.navbar-dark .navbar-nav>.ts-has-child>.nav-link:after {
    color: #fff;
}

.navbar-dark .navbar-nav ul.ts-child .ts-has-child:after {
    color: rgba(255, 255, 255, .6);
}

.navbar-dark [class*="border-"] {
    border-color: rgba(255, 255, 255, .2) !important;
}

.navbar-collapse.collapse.show {
    max-height: 75vh;
    overflow-y: auto;
    background-color: var(--blue);
    border-radius: 20px;
    padding: 10px;
}

#ts-primary-navigation {
    font-size: .875rem;
    font-weight: 400;
    padding-bottom: 1rem;
    padding-top: 1rem;
    transition: .3s ease;
    z-index: 999;
}

@media screen and (max-width: 767px) {
    #ts-primary-navigation {
        padding-bottom: 0.7rem;
        padding-top: 0.8rem;
        min-height: 70px;
    }
}

#ts-secondary-navigation {
    background-color: #f6f6f6;
    border-bottom: .0625rem solid rgba(0, 0, 0, .1);
    color: #9e9e9e;
    font-size: .75rem;
}

#ts-secondary-navigation a {
    color: #9e9e9e;
    display: inline-block;
}

#ts-secondary-navigation input {
    font-size: .75rem;
}

#ts-secondary-navigation .form-control,
#ts-secondary-navigation .custom-select {
    border: none;
    border-radius: 0;
    color: rgba(0, 0, 0, .5);
    min-height: inherit;
}

.gt_selector {
    border: 0;
    background-color: transparent;
}

.navbar-dark .gt_selector {
    color: #fff;
}

.navbar-dark .gt_selector option {
    color: #000000;
}

/*-------------------------------------------
  -- Page
-------------------------------------------*/

body.ts-full-screen-page {
    position: fixed;
    width: 100%;
    height: 100%;
}

.ts-page-wrapper {
    overflow-x: hidden;
}

#ts-main {
    position: relative;
}

#ts-main section:not(.ts-block) {
    margin-bottom: 2rem;
}

/* -- Pagination */

.pagination {
    margin-top: 4rem;
}

.page-link {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #191919;
    margin: 0 .125rem;
    padding: .75rem 1rem;
    position: relative;
}

.page-link:hover {
    background-color: #fff;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    color: #191919;
}

.page-link:after {
    border-style: solid;
    border-width: .5rem .5rem 0 0;
    border-color: transparent transparent transparent transparent;
    bottom: -0.4375rem;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
    transition: .3s ease;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0;
}

.page-item.active .page-link {
    background-color: var(--blue);
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
}

.page-item.active .page-link:after {
    border-color: var(--blue) transparent transparent transparent;
}

/*-------------------------------------------
  -- Partners
-------------------------------------------*/

.ts-partners a {
    display: block;
    padding: .625rem .3125rem;
}

/* -- person */

.ts-person .card-body {
    padding: 0;
}

.ts-person .card-body .ts-item__info {
    padding: 1.5rem;
    background-color: #f6f6f6;
}

.ts-person .card-body dl {
    padding: .5rem 1.5rem;
}

.ts-person .card-body dl dt {
    text-transform: uppercase;
    font-size: .6875rem;
}

.ts-person .card-body dl dd {
    color: rgba(0, 0, 0, .5);
}

.ts-person .card-body dl dd a {
    color: rgba(0, 0, 0, .5);
}

.ts-person .card-body h4 {
    font-weight: 500;
    margin-bottom: .25rem;
}

.ts-person .card-body aside {
    color: rgba(0, 0, 0, .5);
    font-size: .8125rem;
}

.ts-person .card-footer {
    background-color: transparent;
}

/*-------------------------------------------
  -- Price Box
-------------------------------------------*/

.ts-price-box h5 {
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.ts-price-box h3 {
    font-size: 2.25rem;
    margin-bottom: 0;
}

.ts-price-box .ts-title {
    margin-bottom: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.ts-price-box .card-header {
    padding: 0;
}

.ts-price-box .card-footer {
    padding: 0 0 1.5rem 0;
}

.ts-price-box__promoted {
    box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
    margin-top: -1.25rem;
    margin-bottom: .625rem;
    z-index: 2;
}

.ts-price-box__promoted .ts-title {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/* -- Result */

.alert-banner{
    position: relative;
    padding: 0;
}
.alert-banner .close{
    position: absolute;
    z-index: 9;
    top: 25px;
    right: 20px;
    color:#ffffff;
    font-size: 0.8rem;
}
.alert-banner .banner{
    min-height: 200px;
    border-radius: 15px;
}

/*#ts-results {
    height: 100%;
    position: relative;
}*/

.ts-results-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
}

/* ====================================================================================================================
  VERTICAL Results
 */

.ts-results__vertical {
    position: relative;
    height: 100%;
}

.ts-results__vertical>.scroll-content {
    overflow-x: hidden !important;
}

.scrollbar-inner:hover>.scroll-element {
    opacity: 1;
}

.scrollbar-inner>.scroll-element {
    opacity: 0;
    transition: .3s ease;
}

.scrollbar-inner>.scroll-element.scroll-y {
    height: calc(100% - 1rem);
    top: .5rem;
    width: .25rem;
    right: .375rem;
}

/* ====================================================================================================================
  GRID Results
 */

.ts-results__grid.scroll-wrapper {
    position: absolute !important;
    -webkit-transform: translateX(calc(100% - 3rem));
    transform: translateX(calc(100% - 3rem));
    transition: .4s transform ease;
}

.ts-results__grid.scroll-wrapper .scrollbar-inner {
    padding-right: 4rem;
}

.ts-results__grid.scroll-wrapper.ts-expanded {
    -webkit-transform: translateX(4rem);
    transform: translateX(4rem);
}

.ts-results__grid.scroll-wrapper.ts-expanded .ts-result {
    pointer-events: auto;
}

.ts-results__grid .ts-results-wrapper {
    padding: 1rem;
}

.ts-results__grid .ts-form__grid {
    padding: 1rem;
}

.ts-results__grid .ts-sly-frame {
    position: absolute;
    padding: 1rem;
    width: 100%;
    height: 100%;
}

.ts-results__grid .ts-result {
    display: inline-block;
    margin: 1rem;
    width: calc(100% - 24px);
}

.ts-results__grid .ts-item__info-badge {
    top: -0.875rem;
    bottom: inherit;
}

.ts-results__grid .ts-item__info {
    bottom: inherit;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ts-results__grid .card-img {
    background-size: cover;
}

/* ====================================================================================================================
  HORIZONTAL Results
 */

.ts-results__horizontal {
    min-height: 9rem;
    width: 100%;
    white-space: nowrap;
}

.ts-results__horizontal .scroll-element.scroll-x {
    bottom: .5rem;
    height: .375rem;
    left: .5rem;
    width: calc(100% - 1rem);
}

.ts-results__horizontal .ts-results-wrapper {
    padding-top: 1rem;
}

/* ====================================================================================================================
  Horizontal Results in Map
 */

.ts-map .ts-results__horizontal {
    bottom: 7.5rem;
    left: 0;
    height: 0;
    position: absolute;
    z-index: 1;
}

/* ====================================================================================================================
  HORIZONTAL Results Elements
 */

.ts-results__horizontal .ts-result,
.ts-results__vertical-list .ts-result {
    border-radius: .1875rem;
    display: inline-flex;
    flex-direction: row;
    white-space: normal;
    margin: .25rem;
    width: 19rem;
    height: 6rem;
}

.ts-results__horizontal .ts-result h4,
.ts-results__vertical-list .ts-result h4 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: .1em;
    line-height: 1.375rem;
}

.ts-results__horizontal .ts-result aside,
.ts-results__vertical-list .ts-result aside {
    opacity: .5;
    font-size: .75rem;
}

.ts-results__horizontal .ts-result .card-body,
.ts-results__vertical-list .ts-result .card-body {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.125rem 1rem;
}

.ts-results__horizontal .ts-result .card-img,
.ts-results__vertical-list .ts-result .card-img {
    border-radius: .1875rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-size: cover;
    height: 100%;
    float: left;
    position: relative;
    width: 4rem;
    z-index: 1;
}

.ts-results__horizontal .ts-result .card-img:before,
.ts-results__horizontal .ts-result .card-img:after,
.ts-results__vertical-list .ts-result .card-img:before,
.ts-results__vertical-list .ts-result .card-img:after {
    display: none;
}

.ts-results__horizontal .ts-result .card-footer,
.ts-results__vertical-list .ts-result .card-footer {
    display: none;
}

.ts-results__horizontal .ts-result .ts-item__info-badge,
.ts-results__vertical-list .ts-result .ts-item__info-badge {
    background-color: rgb(0, 0, 179);
    bottom: inherit;
    color: #fff;
    top: -0.75rem;
    left: 1rem;
}

.ts-results__horizontal .ts-result .ts-item__info,
.ts-results__vertical-list .ts-result .ts-item__info {
    color: #191919;
    overflow: visible;
    padding: 0;
    position: relative;
    bottom: inherit;
}

.ts-results__horizontal .ts-result .ts-description-lists,
.ts-results__vertical-list .ts-result .ts-description-lists {
    display: none;
    border-top: .0625rem solid rgba(25, 25, 25, .1);
    padding-top: .5rem;
}

.ts-results__horizontal .ts-result .ts-description-lists dl,
.ts-results__vertical-list .ts-result .ts-description-lists dl {
    margin-bottom: 0;
    margin-right: .5rem;
}

.ts-results__horizontal .ts-result .ts-description-lists dt,
.ts-results__vertical-list .ts-result .ts-description-lists dt {
    font-size: .6875rem;
    opacity: .5;
}

.ts-results__horizontal .ts-result .ts-description-lists dd,
.ts-results__vertical-list .ts-result .ts-description-lists dd {
    font-size: .6875rem;
    margin-bottom: 0;
}

.ts-results__horizontal .ts-result .ts-ribbon,
.ts-results__vertical-list .ts-result .ts-ribbon {
    right: inherit;
    left: .5rem;
}

/* ====================================================================================================================
  VERTICAL LIST Results
 */

.ts-results__vertical-list {
    /*z-index: 1;*/
    width: 100%;
    position: absolute !important;
}

.ts-results__vertical-list.scroll-wrapper {
    -webkit-transform: translateX(calc(-100% + 3rem));
    transform: translateX(calc(-100% + 3rem));
    transition: .4s transform ease;
}

.ts-results__vertical-list.scroll-wrapper .scrollbar-inner {
    padding-left: 4rem;
}

.ts-results__vertical-list.scroll-wrapper.ts-expanded {
    -webkit-transform: translateX(-4rem);
    transform: translateX(-4rem);
}

.ts-results__vertical-list.scroll-wrapper.ts-expanded .ts-result {
    pointer-events: auto;
}

.ts-results__vertical-list .ts-result {
    /*border-top: .0625rem solid rgba(25, 25, 25, .1);*/
    border: .0625rem solid rgba(25, 25, 25, .1);
    border-radius: 20px;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: auto;
    height: auto;
    padding: 1rem;
    pointer-events: auto;
    margin: 0.5em;
    background-color: #ffff;
    font-size: 12px;
}

.ts-results__vertical-list .ts-result:hover {
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    background-color: #f8f8f8;
}

.ts-results__vertical-list .ts-result .card-img {
    border-radius: .1875rem;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    width: 100%;
    height: 10rem;
}

.ts-results__vertical-list .ts-result .card-body {
    padding: 1.5rem 0 0 0;
}

.ts-results__vertical-list .ts-result .ts-description-lists {
    display: block;
    right: 0;
    border: none;
    padding-left: 0;
    top: 0;
    position: relative;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.ts-results__vertical-list .ts-result .ts-description-lists dt {
    font-size: .75rem;
}

.ts-results__vertical-list .ts-result .ts-description-lists dd {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.ts-results__vertical-list .ts-result .ts-item__info-badge {
    background-color: #fff;
    color: inherit;
    top: -0.875rem;
}

.ts-results__vertical-list .ts-result .ts-ribbon {
    right: .5rem;
    left: inherit;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: -0.875rem;
}

.ts-results__vertical-list .ts-result .ts-ribbon-corner {
    top: 0;
}

.ts-results__vertical-list .ts-result .ts-ribbon-corner:before {
    display: none;
}

.ts-result .card-img {
    background-position: center;
}
.ts-result h4 {
    color: rgba(0, 0, 0, 1);
}
.ts-result p {
    line-height: 1rem;
    color: rgba(0, 0, 0, 1);
    margin: 0;
}

.ts-result .datos {
    font-size: 14px;
    flex: 1;
}

.ts-result .tipo {
    /*font-weight: 600;*/
}

.ts-result .media {
    flex: 1;
}

.ts-result .media img {
    max-height: 34px;
}

.ts-result .media i {
    font-size: 30px;
    margin-right: 5px;
}

.ts-full-screen.ts-has-horizontal-results .ts-map {
    height: calc(100% - 9rem);
}

.blue {
    background-color: blue !important;
}

/* -- Ribbon */

.ts-ribbon {
    border: 1rem solid var(--blue);
    border-top: 0 solid;
    border-bottom: 1rem solid rgba(0, 0, 0, 0);
    color: #fff;
    line-height: 2.5rem;
    position: absolute;
    right: 1rem;
    top: -0.25rem;
    z-index: 2;
    width: 0;
}

.ts-ribbon i {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ts-ribbon-corner {
    height: 7.5rem;
    position: absolute;
    top: -0.375rem;
    overflow: hidden;
    right: -0.375rem;
    width: 7.5rem;
}

.ts-ribbon-corner:before,
.ts-ribbon-corner:after {
    width: 0;
    height: 0;
    border-style: solid;
    content: "";
    position: absolute;
}

.ts-ribbon-corner:before {
    border-width: .375rem 0 0 .375rem;
    border-color: transparent transparent transparent #191919;
    left: 1.4375rem;
    top: 0;
}

.ts-ribbon-corner:after {
    border-width: .375rem 0 0 .375rem;
    border-color: transparent transparent transparent #191919;
    right: 0;
    bottom: 1.4375rem;
}

.ts-ribbon-corner span {
    background-color: #f6f6f6;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #000000;
    font-size: .625rem;
    /*font-weight: 600;*/
    /*text-transform: uppercase;*/
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding: .5rem 2rem;
    position: absolute;
    z-index: 2;
    width: 200%;
    display: block;
    top: 1.25rem;
    right: -5rem;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
}

/*.ts-ribbon-corner span img{
    max-width: 16px;
}*/
/* -- Sidebar */

.ts-sidebar {
    flex-direction: column;
}

.ts-sidebar h3 {
    margin-bottom: 2.5rem;
}

.ts-sidebar .form-group {
    margin-bottom: 1rem;
}

.ts-sidebar section {
    width: 100%;
}

/*-------------------------------------------
  -- Slider
-------------------------------------------*/

.ts-slider {
    height: 100% !important;
}

.ts-slider div {
    height: 100% !important;
}

/*-------------------------------------------
  -- Tabs
-------------------------------------------*/

.nav-tabs {
    border-bottom-width: .1875rem;
    margin-bottom: 2rem;
}

.nav-tabs h4 {
    font-weight: normal;
    margin-bottom: 0;
}

.nav-tabs .nav-item {
    margin-bottom: -0.1875rem;
}

.nav-tabs .nav-link {
    background-color: transparent;
    border: none;
    border-bottom: .1875rem solid transparent;
    color: inherit;
    opacity: .5;
}

.nav-tabs .nav-link:first-child {
    margin-left: 0;
}

.nav-tabs .nav-link>* {
    padding-bottom: 0;
    margin-bottom: 0;
}

.nav-tabs .nav-link.active {
    color: #191919;
    background-color: transparent;
    border-bottom: .1875rem solid var(--blue);
    opacity: 1;
}

/** -- Quick Info */

.ts-quick-info {
    text-align: center;
    padding: 0;
    overflow: hidden;
}

.ts-quick-info .ts-quick-info__item {
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 1rem;
    width: 100%;
}

.ts-quick-info .ts-quick-info__item h6 {
    color: rgba(0, 0, 0, .5);
}

.ts-quick-info .ts-quick-info__item figure {
    margin-bottom: 0;
    font-size: 1.5rem;
}

/***********************************************************************************************************************
D. Plugins Styles
***********************************************************************************************************************/

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: .0625rem;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 5rem;
    width: 5rem;
    left: 50%;
    top: 50%;
    margin-left: -2.5rem;
    margin-top: -2.5rem;
    background: url("owl.video.play.png.html") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/* Magnific Popup CSS */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 .5rem;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: .5rem;
    right: .5rem;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 1.125rem .625rem;
    color: white;
    font-style: normal;
    font-size: 1.75rem;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: .0625rem;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    right: -0.375rem;
    text-align: right;
    padding-right: .375rem;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: .75rem;
    line-height: 1.125rem;
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -3.4375rem;
    padding: 0;
    width: 5.625rem;
    height: 6.875rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -3.375rem;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 2.1875rem;
    margin-left: 2.1875rem;
    border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: .8125rem;
    border-bottom-width: .8125rem;
    top: .5rem;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 1.3125rem;
    border-bottom-width: 1.3125rem;
    opacity: .7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 1.0625rem solid white;
    margin-left: 1.9375rem;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 1.5625rem;
    border-right: 1.6875rem solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 1.0625rem solid white;
    margin-left: 2.4375rem;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 1.6875rem solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 56.25rem;
}

.mfp-iframe-holder .mfp-close {
    top: -2.5rem;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .6);
    background: black;
}

/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 2.5rem 0 2.5rem;
    margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 2.5rem;
    bottom: 2.5rem;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: .75rem;
    line-height: .875rem;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -2.25rem;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 1.125rem;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 2.25rem;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 37.5rem;
    left: 50%;
    margin-left: -18.75rem;
    margin-top: .3125rem;
    padding-bottom: .3125rem;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 2.75rem;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

/*-------------------------------------------
  -- Magnific Popup
-------------------------------------------*/

/* overlay at start */

.mfp-fade.mfp-bg {
    opacity: 0;
    background-color: #000;
    transition: all .15s ease-out;
}

/* overlay animate in */

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8;
}

/* overlay animate out */

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all .15s ease-out;
}

/* content animate it */

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/*-------------------------------------------
  -- Owl Carousel
-------------------------------------------*/

.owl-carousel .owl-stage,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-item {
    height: 100%;
}

.owl-carousel .owl-dots {
    text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    padding: .3125rem;
}

.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
    opacity: .7;
}

.owl-carousel .owl-dots .owl-dot span {
    background-color: #191919;
    border-radius: 50%;
    display: inline-block;
    height: .625rem;
    opacity: .2;
    transition: .3s ease;
    width: .625rem;
}

.owl-carousel .owl-nav {
    position: absolute;
    bottom: 4rem;
    height: 0;
    margin: auto;
    width: 100%;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    background-color: rgba(255, 255, 255, .6);
    border-radius: 50%;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .1);
    color: #191919;
    display: inline-block;
    height: 2.5rem;
    position: absolute;
    text-align: center;
    transition: .3s ease;
    width: 2.5rem;
}

.owl-carousel .owl-nav .owl-prev:after,
.owl-carousel .owl-nav .owl-next:after {
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    font-size: 1.375rem;
    line-height: 2.5rem;
    -webkit-font-smoothing: antialiased;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    background-color: rgba(255, 255, 255, .8);
}

.owl-carousel .owl-nav .owl-next {
    right: 1rem;
}

.owl-carousel .owl-nav .owl-next:after {
    content: "\f105";
    margin-left: .1875rem;
}

.owl-carousel .owl-nav .owl-prev {
    left: 1rem;
}

.owl-carousel .owl-nav .owl-prev:after {
    content: "\f104";
    margin-right: .0625rem;
}

@media (min-width: 36rem) and (max-width: 47.9375rem) {
    html {
        font-size: 85%;
    }

    h1,
    .h1 {
        font-size: 1.875rem;
    }

    .ts-column-count-sm-1 {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .ts-column-count-sm-2 {
        -webkit-column-count: 2;
        column-count: 2;
    }

    .ts-column-count-sm-3 {
        -webkit-column-count: 3;
        column-count: 3;
    }

    .ts-column-count-sm-4 {
        -webkit-column-count: 4;
        column-count: 4;
    }

    .ts-bokeh-background {
        top: -5rem;
    }

    .ts-hero-slider .ts-slide-description h3 {
        margin-bottom: .5rem;
    }

    .ts-results__vertical-list {
        width: 28rem;
    }
}

@media (min-width: 48rem) and (max-width: 61.9375rem) {
    html {
        font-size: 90%;
    }

    h1,
    .h1 {
        font-size: 1.75rem;
    }

    .ts-homepage h1 {
        font-size: 2rem;
    }

    .ts-column-count-md-1 {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .ts-column-count-md-2 {
        -webkit-column-count: 2;
        column-count: 2;
    }

    .ts-column-count-md-3 {
        -webkit-column-count: 3;
        column-count: 3;
    }

    .ts-column-count-md-4 {
        -webkit-column-count: 4;
        column-count: 4;
    }

    .ts-bokeh-background {
        top: -7rem;
    }

    .ts-results__vertical-list {
        width: 30rem;
    }
}

@media (min-width: 62rem) and (max-width: 74.9375rem) {
    html {
        font-size: 95%;
    }

    h1,
    .h1 {
        font-size: 1.875rem;
    }

    .ts-homepage h1 {
        font-size: 3rem;
    }

    .ts-column-count-lg-1 {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .ts-column-count-lg-2 {
        -webkit-column-count: 2;
        column-count: 2;
    }

    .ts-column-count-lg-3 {
        -webkit-column-count: 3;
        column-count: 3;
    }

    .ts-column-count-lg-4 {
        -webkit-column-count: 4;
        column-count: 4;
    }

    .ts-block {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }

    .ts-card__image {
        height: 12.5rem;
    }

    .ts-results__grid .ts-result {
        width: calc(50% - 2rem);
    }

    .ts-results__vertical-list {
        width: 32rem;
    }
}

@media (min-width: 75rem) {
    html {
        font-size: 100%;
    }

    h1,
    .h1 {
        font-size: 2.25rem;
    }

    .ts-homepage h1 {
        font-size: 4rem;
    }

    .ts-column-count-xl-1 {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .ts-column-count-xl-2 {
        -webkit-column-count: 2;
        column-count: 2;
    }

    .ts-column-count-xl-3 {
        -webkit-column-count: 3;
        column-count: 3;
    }

    .ts-column-count-xl-4 {
        -webkit-column-count: 4;
        column-count: 4;
    }

    .ts-xl-h__auto {
        height: auto;
    }

    .ts-block {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }

    .ts-card__image {
        height: 15.625rem;
    }

    .navbar-dark .navbar.navbar-expand-xl ul.navbar-nav ul.ts-child {
        background-color: black;
    }

    .navbar.navbar-expand-xl ul.navbar-nav {
        margin-top: 0;
    }

    .navbar.navbar-expand-xl ul.navbar-nav .nav-item:first-child {
        border-top: none;
    }

    .navbar.navbar-expand-xl ul.navbar-nav .nav-item:hover {
        background-color: transparent;
    }

    .navbar.navbar-expand-xl ul.navbar-nav .nav-item:hover>ul.ts-child {
        opacity: 1;
    }

    .navbar.navbar-expand-xl ul.navbar-nav>.nav-item {
        border-bottom: none;
    }

    .navbar.navbar-expand-xl ul.navbar-nav>.nav-item>ul.ts-child>.nav-item:first-child>.nav-link:after {
        border-style: solid;
    }

    .navbar.navbar-expand-xl ul.navbar-nav ul.ts-child {
        background-color: #fff;
        box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
        position: absolute;
        height: auto;
        width: auto;
        overflow: visible;
        opacity: 0;
    }

    .navbar.navbar-expand-xl ul.navbar-nav ul.ts-child .ts-has-child:after {
        content: "\f0da";
    }

    .navbar.navbar-expand-xl ul.navbar-nav ul.ts-child ul.ts-child {
        left: 13rem;
        margin-left: -0.25rem;
    }

    .ts-results__grid .ts-result {
        width: calc(33.33% - 2rem);
    }

    .ts-results__vertical-list {
        width: 34rem;
    }
}

@media (max-width: 35.9375rem) {

    h1,
    .h1 {
        margin-bottom: 1.25rem;
    }

    /*[class*="ts-column-count-"] {
        -webkit-column-count: 1;
                column-count: 1;
    }*/

    .ts-xs-text-center {
        text-align: center !important;
    }

    .ts-title {
        margin-bottom: 2rem;
    }

    .ts-infobox .ts-infobox__wrapper {
        height: 11rem;
        width: 12rem;
    }

    .ts-infobox .ts-item__info {
        border-bottom: none;
    }

    .ts-infobox .ts-description-lists {
        display: none;
    }

    .leaflet-popup {
        margin-left: -1.75rem;
    }

    .H_ib_body .infobox-wrapper {
        left: 2rem;
    }

    .ts-quick-info .ts-quick-info__item {
        border-bottom: .0625rem solid rgba(25, 25, 25, .1);
    }
}

@media (min-width: 36rem) and (max-width: 61.9375rem) {

    h1,
    .h1 {
        margin-bottom: 1.875rem;
    }

    .ts-title {
        margin-bottom: 3rem;
    }

    .ts-block-inside {
        padding: 2.5rem;
    }
}

@media (min-width: 62rem) {

    h1,
    .h1 {
        margin-bottom: 2.5rem;
    }

    .ts-bokeh-background {
        top: -10rem;
    }

    .ts-lg-h__auto {
        height: auto;
    }

    .ts-title {
        margin-bottom: 4rem;
    }

    .ts-block-inside {
        padding: 3.75rem;
    }

    .navbar-dark .navbar.navbar-expand-lg ul.navbar-nav ul.ts-child {
        background-color: black;
    }

    .navbar.navbar-expand-lg ul.navbar-nav {
        margin-top: 0;
    }

    .navbar.navbar-expand-lg ul.navbar-nav .nav-item:first-child {
        border-top: none;
    }

    .navbar.navbar-expand-lg ul.navbar-nav .nav-item:hover {
        background-color: transparent;
    }

    .navbar.navbar-expand-lg ul.navbar-nav .nav-item:hover>ul.ts-child {
        opacity: 1;
    }

    .navbar.navbar-expand-lg ul.navbar-nav>.nav-item {
        border-bottom: none;
    }

    .navbar.navbar-expand-lg ul.navbar-nav>.nav-item>ul.ts-child>.nav-item:first-child>.nav-link:after {
        border-style: solid;
    }

    .navbar.navbar-expand-lg ul.navbar-nav ul.ts-child {
        background-color: #fff;
        box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
        position: absolute;
        height: auto;
        width: auto;
        overflow: visible;
        opacity: 0;
    }

    .navbar.navbar-expand-lg ul.navbar-nav ul.ts-child .ts-has-child:after {
        content: "\f0da";
    }

    .navbar.navbar-expand-lg ul.navbar-nav ul.ts-child ul.ts-child {
        left: 13rem;
        margin-left: -0.25rem;
    }

    .ts-full-screen.ts-has-horizontal-results .ts-map {
        height: calc(100% - 13em);
    }

    .ts-map .ts-results__horizontal {
        bottom: 11rem;
    }

    .ts-results__horizontal {
        min-height: 12rem;
    }

    .ts-results__horizontal .ts-result {
        height: 9rem;
    }

    .ts-results__horizontal .ts-result .ts-description-lists {
        display: block;
    }
}

@media (min-width: 36rem) {
    .ts-bokeh-background {
        -webkit-filter: blur(2.5rem);
        filter: blur(2.5rem);
    }

    .ts-sm-h__auto {
        height: auto;
    }

    .ts-description-list__line dt {
        float: left;
    }

    .ts-description-list__line dd {
        text-align: right;
    }

    .ts-form__map-search {
        width: 20rem;
    }

    .ts-form__map-horizontal {
        height: 0;
        position: absolute;
    }

    .ts-form__map-horizontal>.container {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    #ts-footer #ts-footer-secondary .container {
        display: flex;
    }

    .ts-item__list .card-img {
        border-top-right-radius: 0;
        border-bottom-left-radius: .1875rem;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 14rem;
    }

    .ts-item__list .card-img:after {
        display: none;
    }

    .ts-item__list .card-img:before {
        border-bottom-left-radius: .1875rem;
    }

    .ts-item__list .card-body,
    .ts-item__list .card-footer {
        padding-left: 15rem;
    }

    .ts-item__list .ts-item__info {
        top: inherit;
        color: #191919;
        margin-bottom: 1rem;
        padding: 0;
        position: relative;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .ts-item__list .ts-ribbon {
        right: inherit;
        left: 11rem;
    }

    .ts-item__list .ts-item__info-badge {
        bottom: -1rem;
        font-size: .875rem;
        left: 1.5rem;
        top: inherit;
    }

    .ts-item__list.ts-item__compact .card-img {
        width: 11rem;
    }

    .ts-item__list.ts-item__compact .card-body {
        padding: .5rem .5rem 0 .5rem;
    }

    .ts-item__list.ts-item__compact .card-body,
    .ts-item__list.ts-item__compact .card-footer {
        padding-left: 12rem;
    }

    .ts-item__list.ts-item__compact .ts-ribbon {
        left: 8rem;
    }

    .ts-item__list.ts-item__compact .ts-item__info-badge {
        font-size: .75rem;
    }

    .ts-item__company .ts-description-list1,
    .ts-item__company .ts-company-info {
        display: flex;
    }

    .navbar-dark .navbar.navbar-expand-sm ul.navbar-nav ul.ts-child {
        background-color: black;
    }

    .navbar.navbar-expand-sm ul.navbar-nav {
        margin-top: 0;
    }

    .navbar.navbar-expand-sm ul.navbar-nav .nav-item:first-child {
        border-top: none;
    }

    .navbar.navbar-expand-sm ul.navbar-nav .nav-item:hover {
        background-color: transparent;
    }

    .navbar.navbar-expand-sm ul.navbar-nav .nav-item:hover>ul.ts-child {
        opacity: 1;
    }

    .navbar.navbar-expand-sm ul.navbar-nav>.nav-item {
        border-bottom: none;
    }

    .navbar.navbar-expand-sm ul.navbar-nav>.nav-item>ul.ts-child>.nav-item:first-child>.nav-link:after {
        border-style: solid;
    }

    .navbar.navbar-expand-sm ul.navbar-nav ul.ts-child {
        box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
        position: absolute;
        height: auto;
        width: auto;
        overflow: visible;
        opacity: 0;
    }

    .navbar.navbar-expand-sm ul.navbar-nav ul.ts-child .ts-has-child:after {
        content: "\f0da";
    }

    .navbar.navbar-expand-sm ul.navbar-nav ul.ts-child ul.ts-child {
        left: 13rem;
        margin-left: -0.25rem;
    }

    .ts-results__grid.scroll-wrapper {
        position: relative !important;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .ts-results__grid.scroll-wrapper .scrollbar-inner {
        padding-right: 0;
    }

    .ts-results__grid .ts-form__grid {
        padding: 2rem;
    }

    .ts-results__vertical-list.scroll-wrapper {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .ts-results__vertical-list.scroll-wrapper .scrollbar-inner {
        padding-left: 0;
    }

    .ts-results__vertical-list .ts-result {
        pointer-events: auto;
    }

    /*.ts-results__vertical-list {
        position: relative !important;
    }*/


    .ts-results__vertical-list .ts-result .card-body {
        padding: 0 0 1rem 0;
    }

    .ts-results__vertical-list .ts-result .card-img {
        width: 50%;
        height: 9rem;
    }

    .ts-results__vertical-list .ts-result .ts-description-lists {
        position: absolute;
        padding-top: 0;
        top: 4.5rem;
        padding-left: .75rem;
        -webkit-column-count: 2;
        column-count: 2;
        width: 50%;
    }

    .ts-results__vertical-list .ts-result .ts-item__info-badge {
        top: 6rem;
    }

    .ts-quick-info .ts-quick-info__item {
        border-right: .0625rem solid rgba(25, 25, 25, .1);
        padding: 3rem 1rem;
    }

    .owl-carousel .owl-nav {
        bottom: 0;
        top: 0;
    }
}

@media (min-width: 48rem) {
    .ts-md-h__auto {
        height: auto;
    }

    .ts-hero-slider .ts-slide-description h3 {
        margin-bottom: 1rem;
    }

    .navbar-dark .navbar.navbar-expand-md ul.navbar-nav ul.ts-child {
        background-color: black;
    }

    .navbar.navbar-expand-md ul.navbar-nav {
        margin-top: 0;
    }

    .navbar.navbar-expand-md ul.navbar-nav .nav-item:first-child {
        border-top: none;
    }

    .navbar.navbar-expand-md ul.navbar-nav .nav-item:hover {
        background-color: transparent;
    }

    .navbar.navbar-expand-md ul.navbar-nav .nav-item:hover>ul.ts-child {
        opacity: 1;
    }

    .navbar.navbar-expand-md ul.navbar-nav>.nav-item {
        border-bottom: none;
    }

    .navbar.navbar-expand-md ul.navbar-nav>.nav-item>ul.ts-child>.nav-item:first-child>.nav-link:after {
        border-style: solid;
    }

    .navbar.navbar-expand-md ul.navbar-nav ul.ts-child {
        background-color: #fff;
        box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
        position: absolute;
        height: auto !important;
        width: auto;
        overflow: visible;
        opacity: 0;
        /*para limitar el alto de lista */
        /*overflow-y: scroll;
        max-height: 60vh;*/
    }

    .navbar.navbar-expand-md ul.navbar-nav ul.ts-child .row {
        padding: 1em;
    }

    .navbar.navbar-expand-md ul.navbar-nav ul.ts-child .ts-has-child:after {
        content: "\f0da";
    }

    .navbar.navbar-expand-md ul.navbar-nav ul.ts-child ul.ts-child {
        left: 13rem;
        margin-left: -0.25rem;
    }
}

@media (max-width: 61.9375rem) {
    .ts-card__image {
        height: 15.625rem;
    }
}

@media screen and (max-width: 50rem) and (orientation: landscape),
screen and (max-height: 18.75rem) {
    /**
       * Remove all paddings around the image on small screen
       */

    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: .3125rem;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: .1875rem .3125rem;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: .3125rem;
        top: .1875rem;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 2.1875rem;
        height: 2.1875rem;
        line-height: 2.1875rem;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 56.25rem) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: .375rem;
        padding-right: .375rem;
    }
}

/***********************************************************************************************************************
D. Modificaciones para mispicaderos
***********************************************************************************************************************/
@media only screen and (max-device-width : 768px) {
    .tooltip {
        display: none !important;
    }
 }

/*********banners**********/
/*diseño de banners particulares por pagina*/
.banner-map {
    position: fixed;
    right: 1vw;
    top: 20vh;
    bottom: 15vh;
    width: 10vw;
    min-width: 180px;
    border-radius: 20px;
    overflow: hidden;
    transition: width .2s;
}
.banner-map:hover {
    width: 30vw;
}
/*diseño general*/
.contenedor-vertical, .contenedor-horizontal{
	-webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -kthtml-transition: all 1s ease-out; transition: all 1s ease-out;
	/*background-color: #000000;*/
}
.contenedor-vertical:hover,.contenedor-horizontal:hover{
	/*transform: scale(1.05,1.05);*/
    box-shadow: 0 0 30px #0000006b;
}
.contenedor-horizontal .logo img{
	width: 40%;
}
@media (max-width: 460px){
	.contenedor-horizontal .logo img{
		width: 80%;
	}
}
.banner{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    color: #ffffff;
    padding: 10px;
    flex-direction: column;
    min-height: 200px;
}
.important-text {
    text-align: right;
    margin-right: 20px;
}
/*.banner .logo img{				  
	left: 5px;
    position: absolute;
}*/
.banner:hover{
    color: #ffffff;
}
	
.banner .content{
	text-align: right;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}
.banner .btn{
	white-space: normal !important;
	border-radius: 50px;
    background-color: #f51943;
	color:#ffffff;
}
.banner:hover .btn {
    background-color: #ffffff;
	color:#000000;
}

.banner .text {
    text-transform: uppercase;
    font-weight: 700;
	margin: 0;
	display: block;
} 
.contenedor-horizontal .banner .text {	
	overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
} 
.contenedor-horizontal .banner .logo img{
    max-width: 80%;
	min-width: 165px;
}

.contenedor-horizontal .banner-buscapecados-gay{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/gays-buscapecados.jpg) no-repeat center 70%;
}
.contenedor-horizontal .banner-buscapecados-swinger{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/swingers-buscapecados.jpg) no-repeat center 80%;
}
.contenedor-horizontal .banner-buscapecados-hombres{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/chico-buscapecados.jpg) no-repeat center 80%;
}
.contenedor-horizontal .banner-buscapecados-generico{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/chica-buscapecados.jpg) no-repeat center 70%;
}
.contenedor-horizontal .banner-dating-trovacamporella{
	/*background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(https://trovacamporella.com/img/banners/automobile-beautiful-car.jpg) no-repeat center 70%;*/
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/montaje-tanga-parking-coche-rojo.jpg) no-repeat center 70%;
}
.contenedor-horizontal .banner-dating-placesforlove{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/pareja-placesforlove.jpg) no-repeat center 70%;
}

.contenedor-horizontal .banner{
	background-size: cover;
	-webkit-transition: all 5s ease-out; -o-transition: all 5s ease-out; -moz-transition: all 5s ease-out; -ms-transition: all 5s ease-out; -kthtml-transition: all 5s ease-out; transition: all 5s ease-out;
}
@media (max-width: 460px){
	.contenedor-horizontal .banner{
		/*background-attachment: fixed;*/
  		background-position: center;
	}
}
.contenedor-horizontal .banner:hover{
	background-position: center 5%;
	outline: 2px solid white;
}

a.contenedor-horizontal:hover {
	text-decoration: none;
}
@media (max-width: 460px){
	.text{
		font-size:12px;
	}
}
/*@media (max-width: 460px){
	.contenedor-horizontal .btn{
		display: none;
	}
}*/

/*PARA SI ESTAMOS EN TAMAÑO MOVIL QUE SE MUEVA SOLITO*/
@media only screen and (max-width: 350px){ 
	
	.contenedor-horizontal .banner{
		-webkit-animation-name: MOVE-BG-VERTICAL;
		-webkit-animation-duration: 50s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-delay: 1s;
		animation-name: MOVE-BG-VERTICAL;
		animation-duration: 50s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-delay: 1s;
	}
	.contenedor-horizontal .banner:hover{	
		-webkit-animation-play-state:paused;
		-moz-animation-play-state:paused;
		-o-animation-play-state:paused;
		animation-play-state:paused;
	}
}

@-webkit-keyframes MOVE-BG-VERTICAL {
	0% {
		background-position: center 65%
	}
	50% { 
		background-position: center 0%
	}
	100% {
		background-position: center 100%
	}
}
@keyframes MOVE-BG-VERTICAL {
	0% {
		background-position: center 65%
	}
	50% { 
		background-position: center 0%
	}
	100% {
		background-position: center 100%
	}
}



.contenedor-vertical, .contenedor-horizontal{
	-webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -kthtml-transition: all 1s ease-out; transition: all 1s ease-out;
	background-color: transparent;
}
.contenedor-vertical:hover,.contenedor-horizontal:hover{
	/*transform: scale(1.05,1.05);*/
    box-shadow: 0 0 30px #0000006b;
}
.contenedor-vertical{
	height:100%;
}
.contenedor-vertical .logo{
	text-align: left;
    width: 100%;
	max-height: 50%;
}
.contenedor-vertical .logo img{
	    max-height: 250px;
}
.contenedor-vertical .banner{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    padding: 10px;
    flex-direction: column;
}
.contenedor-vertical .important-text {
    text-align: right;
    margin-right: 20px;
}

.contenedor-vertical .banner .content{
	margin: 10px;
	width: 100%;
}
.contenedor-vertical .banner .btn{
	margin-top: 10px;
	white-space: normal !important;
	border-radius: 50px;
}
.contenedor-vertical .banner .text {
    text-transform: uppercase;
    font-weight: 700;
	margin: 0;
	display: block;
    word-break: break-word;
}

.contenedor-vertical .banner-buscapecados-gay{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/gays-buscapecados.jpg) no-repeat 30% center;
}

.contenedor-vertical .banner-buscapecados-swinger{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/swingers-buscapecados.jpg) no-repeat 30% center;
}

.contenedor-vertical .banner-buscapecados-generico{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/chica-buscapecados.jpg) no-repeat 30% center;
}

.contenedor-vertical .banner-buscapecados-hombres{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/chico-buscapecados.jpg) no-repeat 30% center;
}

.contenedor-vertical .banner-dating-trovacamporella{
	/*background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(https://trovacamporella.com/img/banners/automobile-beautiful-car.jpg) no-repeat 45% center;*/
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/montaje-tanga-parking-coche-rojo.jpg) no-repeat 70% center;
}
.contenedor-vertical .banner-dating-placesforlove{
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)), url(../img/banners/pareja-placesforlove.jpg) no-repeat center 70%;
}


.contenedor-vertical .banner{
	background-size: cover;
	transition: all 3s ease-out 0s;
}
.contenedor-vertical .banner:hover{	
	background-position: 60% center;
	outline: 2px solid white;
}
.banner:hover .btn {
    background-color: #f51943;
	color:#ffffff;
}
.contenedor-vertical .btn{
	width:100%;
}
a.contenedor-vertical:hover {
	text-decoration: none;
}
@media (max-width: 150px){
	.contenedor-vertical .btn-text{
		display: none;
	}
}

/*PARA SI ESTAMOS EN TAMAÑO MOVIL QUE SE MUEVA SOLITO*/

@media only screen and (max-width: 350px){ 
	.contenedor-vertical .banner{
		-webkit-animation-name: MOVE-BG-HORIZONTAL;
		-webkit-animation-duration: 50s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-delay: 0s;
	}
	.contenedor-vertical .banner{
		animation-name: MOVE-BG-HORIZONTAL;
		animation-duration: 50s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-delay: 0s;
	}
	.contenedor-vertical .banner:hover{	
		-webkit-animation-play-state:paused;
	  -moz-animation-play-state:paused;
	  -o-animation-play-state:paused;
	  animation-play-state:paused;
	}

}
@-webkit-keyframes MOVE-BG-HORIZONTAL {
	0% {
		background-position: 40% center
	}
	50% { 
		background-position: 187% center
	}
	100% {
		background-position: 40% center
	}
}
@keyframes MOVE-BG-HORIZONTAL {
	0% {
		background-position: 40% center
	}
	50% { 
		background-position: 187% center
	}
	100% {
		background-position: 40% center
	}
}


.banner-included {
    height: 200px;
    width: 80%;
    margin: -30px auto 30px;
    border-radius: 20px;
    border: 2px solid #ffffff;
    overflow: hidden;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .3);
}
@media (max-width: 768px) {
    .banner-included {
        height: 200px;
        width: 90%;
        background-position: left;
    }
}


/****** banner para el video*******/
.banner { position: relative; overflow: hidden; }
.banner-video {
  position: absolute;
  top: 50%; 
  left: 50%;
  min-width: 100%; 
  min-height: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 0;
}
.banner .logo,
.banner .content { position: relative; z-index: 1; }


/****fin banners****/


ul.navbar-nav>.nav-item>.nav-link {
    white-space: nowrap;
}

.navbar-brand {
    margin: 0;
    padding-top: 0;
}

.navbar-brand img {
    width: 60vw;
    max-width: 250px;
}

.navbar .navbar-toggler {
    border: 1px solid;
    background-color: transparent;
    border-radius: 50px;
    color: #ffffff;
    background-color: transparent;
    font-size: 25px;
    /*aspect-ratio: 1 / 1; */
}

.navbar .btn {
    padding: 5px 10px;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
    font-size: 15px;
    white-space: normal;
}

.navbar .nav-item .btn {
    aspect-ratio: unset;
}

@media (min-width: 36rem) {
    .navbar .btn {
        aspect-ratio: unset;
    }
}

.navbar-header-ellipsis .navbar-brand {
    width: calc(100% - 100px);
}

.navbar-header-ellipsis .navbar-brand .titulo-header-pagina {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 36rem) {
    .navbar-header-ellipsis .navbar-brand {
        width: auto;
    }
}

.btn {
    border-radius: 50em;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: #0062cc91;
    border-color: #0062cc91;
}

.btn-icon {
    min-width: 130px;
    width: 100%;
    flex: 1;
    max-width: 100%;
    white-space: normal;
    color: #333333;
    cursor: pointer;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    line-height: 1;
    padding: 8px;
    border-radius: 5px;
}
.btn-icon i{
    font-size: 30px;
}


/********modal******/
.img-modal {
    position: absolute;
    max-width: 90px;
    background-color: #ffff;
    left: 50%;
    top: -50px;
    transform: translate(-50%);
    border-radius: 50%;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
}

/******** redieño mapa-lista****/

.ts-results__vertical-list {
    top: 60px;
}

@media (min-width: 36rem) {
    .ts-results__vertical-list {
        top: 0;
    }
}

.ts-results-wrapper {
    overflow-y: auto;
    height: 80vh;
    position: relative;
}

.header-search {
    position: fixed;
    top: 65px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 10px 10px;
    gap: 20px;
    z-index: 10;
    align-items: center;
    width: calc(100% - 75px);
}

@media (min-width: 36rem) {
    .header-search {
        top: 83px;
        width: 40vw;
        left: auto;
        right: 0px;
    }
}

.header-search .input-group {
    /*align-items: center;
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid var(--blue);
    background: #ffffff;
    display: flex;
    flex-wrap: nowrap;*/
}

.header-search .leaflet-bar {
    box-shadow: none;
    background-color: transparent;
}

/******* sidebar header *******/
.sidebar-header {
    padding: 2em 1.5em 0.5em;
}

.sidebar-header p {
    line-height: 1rem;
    margin-bottom: .5rem;
    margin-top: .5rem;
}

.sidebar-header .sidebar-title {
    font-size: 1.6em;
    margin: 0;
    font-weight: 600;
    line-height: 1.6rem;
    padding-bottom: 0;
}

@media (MAX-width: 36rem) {
    .sidebar-header {
        padding: 0px 20px 10px;
    }
}


/***** Input de búsqueda por dirección **/
.geocoder-container {
    width: 100%;
    margin-top: 5px;
}

.geocoder-clean {
    position: absolute;
    right: 10px;
}


.locate-control-container {
    position: absolute;
    top: 2px;
    left: -2px;
}

.locate-control-container .leaflet-bar a {
    background-color: var(--blue);
    /* border: 1px solid var(--blue); */
    color: #ffffff;
    border-radius: 50px;
    /* width: 30px; */
    /* height: 30px; */
    /* line-height: 30px; */
    margin: 9px;
    /* color: var(--blue); */
    font-size: 16px;
    display: flex;
    justify-content: center;
    padding: 15px;
    align-items: center;
}

.leaflet-control-geocoder .leaflet-control-geocoder-form {
    border-radius: 20px;
    border: 1px solid var(--blue);
    background: #ffffff;
    width: 100%;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
}

.leaflet-control-geocoder-alternatives {
    width: auto;
    background-color: #ffffff;
    border-radius: 20px;
    margin-top: 5px;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15);
}

.leaflet-control-geocoder-icon {
    display: none !important;
}

.leaflet-control-geocoder-form input {
    width: 100%;
    font-size: 100%;
    padding: 7px 7px 7px 40px;
}

.leaflet-control-attribution {
    display: none !important;
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
}


/*******filtros**/
#filters {
    z-index: 9;
}

.open-filters {
    position: fixed;
    top: 80px;
    right: 10px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 5px;
    min-height: 35px;
}

.badge-active:after {
    content: '';
    height: 10px;
    width: 10px;
    background-color: #ff5050;
    position: absolute;
    border-radius: 50%;
    top: -2px;
    right: -2px;
}
.group-icon-text .badge-active:after {
    top: 6px;
    right: 14px;
}

.form-fields {
    overflow-y: auto;
    height: 83vh;
    padding-bottom: 140px;

}

select option:checked {
    background-color: #ffcc00;
    /* Color de fondo para la opción seleccionada */
    font-weight: bold;
    /* Negrita para la opción seleccionada */
}

/*.form-actions {
    left: 20px;
    right: 35px;
    position: absolute;
    border-radius: 50px;
    bottom: 10px;
    background-color: #f6f6f6;
    padding: 10px;
    box-shadow: 0 0 10px #00000029;
}*/

/****mapa-lista***/
.btn-toggle {
    position: fixed;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    bottom: 11vh;
    border: 2px solid #ffffff;
}

.collapsing {
    transition: height 0.1s ease;
}

/*@media (min-width: 36rem) {
    .ts-results__vertical-list>.collapse:not(.show){ display: block !important;}
}*/
@media (min-width: 36rem) {
    .filtros.collapse:not(.show) {
        display: block !important;
    }
}

/********forms con iconos******/
.btn-collapse{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1em;
}
.btn-collapse:after {
    content: "";
    display: block;
    width: 0.7em;
    height: 0.7em;
    position: absolute;
    top: 50%;
    right: 1rem;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    transform: rotate(-45deg) translateY(-100%);
}
.btn-collapse:not(.collapsed):after {
    transform: rotate(135deg) translateY(30%);
}
.icon-form {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px;
    font-weight: 600;
    text-align: center;
}

.icon-form p {
    margin: 0;
    line-height: 1em;
}

.icon-form i:before {
    font-size: 26px;
}

.icon-form .btn i:before {
    /*font-size: 12px;*/
}

.icon-form img {
    height: 70px;
}

.icon-form input {
    opacity: 0;
    position: absolute;
}

.icon-form input+label,
.icon-form .btn {
    color: #333333;
    cursor: pointer;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    /*aspect-ratio: 1 / 1;*/
    /*max-width: 100px;*/
    line-height: 1;
    padding: 8px;
    border-radius: 5px;
}
.icon-form .custom-control{
    padding-left: 1rem;
}

.icon-form input+label:hover,
.icon-form .btn:hover {
    background-color: #f6f6f6;
}

.icon-form input:checked+label {
    color: #000000;
    background-color: #428bca40;
}

.icon-form.horizontal ul {
    flex-direction: column;
}

.icon-form.horizontal input+label,
.icon-form.horizontal .btn {
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: flex-start;
    flex-direction: row;
    text-align: left;
}

.icon-form.horizontal .custom-control {
    padding: 0 0.5em;
}

.icon-form li {
    display: inline-block;
    margin: 0
}
.icon-form li .btn {
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
}

.icon-form ul {
    text-align: center;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
}


.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

.bootstrap-select>.dropdown-toggle {
    border-radius: 3px;
    border-color: rgba(0, 0, 0, .1);
    box-shadow: none;
    color: #000000 !important;
}

.bootstrap-select>.dropdown-toggle:focus {
    outline: none !important;
}

.bootstrap-select>.dropdown-toggle::after {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    right: 1rem;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid var(--blue);
    border-left: 2px solid var(--blue);
    transform: rotate(-45deg) translateY(-100%);
}

.bootstrap-select .dropdown-menu li a.opt {
    padding-left: 1em;
    display: flex;
    gap: 0.5em;
    font-weight: 600;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    color: #000 !important;
    text-decoration: none;
    background-color: #428bca40;
}

.bootstrap-select .dropdown-menu li a span[class*='icon-'] {
    font-size: 2em;
}

.filter-option-inner-inner {
    padding-left: 1em;
    display: flex;
    gap: 0.5em;
    margin-left: -1em;
    padding-top: 0.3em;
    font-weight: 600;
}

.filter-option-inner-inner i {
    font-size: 1.5em;
    line-height: 0;
}

/*******map ************/
/*oculto imagen de fondo*/
.ts-infobox .ts-infobox_image {
    display: none;
}

.leaflet-control-layers-toggle {
    background-image: url("images/layers.png");
}

.leaflet-bottom {
    bottom: 40px;
}

.leaflet-control-geocoder-alternatives a,
.leaflet-control-geocoder-alternatives a:hover {
    display: flex;
    gap: 5px;
}

.leaflet-control-geocoder-alternatives a .leaflet-control-geocoder-address-context {
    color: #9E9E9E;
}

.leaflet-control-geocoder-alternatives a::before {
    content: "\f3c5";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--gray);
    margin-right: 0.5em;
}


/****scroll**/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background: #dddddd;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--blue);
}


/*****************capas slide**************/
html {
    scroll-behavior: smooth;
}

.contenedor {
    display: flex;
    position: static;
    /*ñapa*/
}


.filtros {
    z-index: 11;
    position: fixed;
    top: 85px;
    bottom: 0;
    width: 26%;
}

.contenido {
    z-index: 9;
    height: calc(100% - 83px);
    top: 83px;
    left: 26%;
    width: 24%;
    position: absolute;
}

.contenido.detalle {
    left: 0;
    width: 50%;
    /*overflow: auto;*/
    height: auto;
    min-height: calc(100% - 83px);
}

.contenido.detalle .media i {
    font-size: 30px;
}

.contenido.detalle-estrecho {
    left: 0;
    width: 30%;
    /*overflow: auto;*/
    height: auto;
    left: 0;
    min-height: calc(100% - 83px);
}

.mapa {
    display: block;
    width: inherit;
    position: fixed !important;
    top: 80px;
    bottom: 0;
    right: 0;
    width: 50%;
}
.mapa.detalle-estrecho {
    width: 70%;
}

/*para eter banner en pagina detalle.php*/
/*@media screen and (min-width: 767px) {
    .contenido.detalle {
        left: 0;
        width: 40%;
    }
    .mapa.detalle {
        right: 0;
        left: 40%;
        width: 45%;
    }
}*/

.view-controls {
    position: fixed;
    bottom: 60px;
    right: 10px;
    z-index: 999;
}

.linea-gris {
    background-color: #cccccc;
    border-radius: 50px;
    height: 4px;
    margin: 10px auto;
    width: 24px;
}

.compartir {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 767px) {
    .filtros {
        width: 100%;
        top: 125px;
        border-radius: 20px;
    }

    .contenido {
        position: absolute;
        top: 0;
        z-index: 10;
        width: 100%;
        -webkit-transition: all .05s ease-out;
        -o-transition: all .05s ease-out;
        transition: all .05s ease-out;
        top: 85vh;
        margin-top: auto;
        left: 0;
        border-radius: 20px;
        margin-left: 0;
        height: auto;
    }

    .contenido.detalle,
    .contenido.detalle-estrecho {
        left: 0;
        width: 100%;
    }
    .contenido.detalle-estrecho {
        min-height: 100%;
    }


    .visible-xs {
        display: inline-block !important;
    }

    .mapa {
        width: 100%;
        /* height: 80vh; */
        top: 55px;
        bottom: 60px;
    }
    .mapa.detalle-estrecho {
        width: 100%;
    }
}

.scroll-container {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none; /* Oculta la barra en Firefox */
  -ms-overflow-style: none; /* Oculta la barra en IE y Edge */
  gap: 0.5rem; /* Espaciado entre elementos */
  padding: 0.5rem;
  scroll-snap-type: x mandatory; /* (opcional) efecto de encaje */
  position: relative;
}

/* Ocultar scrollbar en Chrome, Safari y Opera */
.scroll-container::-webkit-scrollbar {
  display: none;
}

/* Degradado que sugiere que hay más contenido 
.scroll-container::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to left, white 60%, transparent);
}
*/

/* Opcional: mejora visual de los elementos */
.scroll-container .btn {
  scroll-snap-align: start; /* para encaje suave */
}

/*******************menu-inferior*************/
.bottom-navigation {
    position: fixed;
    bottom: 0;
    z-index: 20;
    background-color: var(--light);
    box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
    border-bottom: 1px solid #0000000d;
}

.group-icon-text {
    display: flex;
    width: 100%;
    justify-content: space-around;
    line-height: 1.8em;
    text-align: center;
        align-items: flex-end;
    padding: 0 5px;
}
.group-icon-text .destacado {
    border-radius: 50%;
    background-color: var(--light);
    box-shadow: 0px -1rem 1.5625rem rgb(0 0 0 / 13%);
    margin-top: -16px;
    padding: 0px 4px;
}
@media screen and (min-width: 767px) {
    .group-icon-text .destacado {
        padding: 0 16px;
    }
}
.group-icon-text .nav-item {
    position:relative;
}
@media screen and (max-width: 767px) {
    .group-icon-text .nav-item {
        flex: 1;
        min-width: 0;
    }
}
.group-icon-text a,
.group-icon-text button {
    padding: 0.5em 0 0.2em;
    font-size: 1.5em;
    color: #6A6A6A;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.group-icon-text a.toggleScroll {
    flex-direction: row;
    align-items: center;
    background-color: var(--gray-dark);
    color: #ffffff;
    padding: 0.3em 0.6em;
    border-radius: 50px;
    justify-content: space-evenly;
    gap: 5px;
    margin: 4px 10px;
    font-size: 1.3em;
}

.group-icon-text a.toggleScroll span {
    font-size: 0.7em;
}

.group-icon-text a span,
.group-icon-text button span {
    display: block;
    font-size: .5em;
    white-space: nowrap;
    line-height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.toggleScroll.togglefixed{
    position: fixed;
    bottom: 15vh;
    right: 50%;
    z-index: 9;
    transform: translateX(50%);
    background-color: var(--light) !important;
    color: var(--gray-dark) !important;
    font-weight: bold;
    box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
    width: auto;
    transition: all 0.5s;
}

.group-icon-text i {
    height: 30px;
    padding-top: 3px;
}

.icon-big i,
.icon-big img {
    font-size: 40px;
    max-height: 48px;
}

.icon-big a {
    font-size: small;
    line-height: initial;
    color: var(--blue);
}

.icon-big>div {
    width: 100%;
}

.icon-big .icon-container {
    height: 50px;
}

.nav-pills .nav-link,
.nav-pills .show>.nav-link {
    color: #6A6A6A;
    background-color: transparent;
    font-weight: 700;
    border-bottom: 3px solid transparent;
    border-radius: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border-bottom: 3px solid var(--blue);
    color: #000000;
    background-color: #abcae421;
    font-weight: 700;
    border-radius: 0;
}

/*.nav-pills .nav-link.active i,
.nav-pills .show>.nav-link i {
    background-color: #abcae4;
    border-radius: 20px;
    min-width: 40px;
}*/


.icon-keypad-outline:before,
.icon-ios-plus-outline:before {
    font-weight: bolder !important;
}


/* Boostrap modal */
.modal-content {
    border-radius: 20px;
    overflow: hidden;
    max-height: 80vh;
}

.modal-body {
    overflow-y: auto;
    padding: 0;
}

.full-screen.modal-dialog {
    max-width: 90%;
    margin: 1.75rem auto;
}

.full-screen .modal-content {
    height: 90vh;
}

.full-screen .map-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.modal-dialog.fill-screen {
    max-width: 100vw;
    width: 100vw;
    margin: 0;
    padding: 0;
}
.modal-dialog.fill-screen .modal-content {
    border-radius: 0;
    max-height: 100vh;
    padding: 20px;
    background-color: #191919;
}

/* Para que modal salga deesde el bottom*/
.modal.fade .modal-dialog {
    transform: translate(0, 100%);
}

.modal.show .modal-dialog {
    transform: none;
    /*align-items: end;*/
    /*bottom: 10vh;*/
}

@media screen and (min-width: 767px) {
    .bottom-navigation {
        position: relative;
        box-shadow: none;
    }
}

/*modal off-canvas*/
.modal.offcanvas-menu {
    width: 400px;
    max-width: 100%;
    transition: transform .2s ease-in-out;
    transform: translateX(100%);
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    z-index: 9999;
    background: #ffff;
    pointer-events: auto; /* Esto es importante */
} 
@media screen and (max-width: 767px) {
    .modal.offcanvas-menu {
        top:60px;
    }
}
.modal.offcanvas-menu.show {
    transform: translateX(0);
}
.modal.offcanvas-menu .modal-dialog,
.modal.offcanvas-menu .modal-content{
    border-radius: 0;
    margin: 0;
    border:0;
    max-height: none;
}



/********************* grid cambiando 4 imagenes *************/
.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    /*max-width: 1200px;
    margin: 0 auto;
    width: 100%;*/
}

.grid-item {
    position: relative;
    width: 100%;
    color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.grid-item::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slideshow-1 {
    background: #ffebee;
}

.slideshow-2 {
    background: #e8f5e9;
}

.slideshow-3 {
    background: #e3f2fd;
}

.slideshow-4 {
    background: #fff3e0;
}

.slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    animation: fadeInOut 12s infinite;
}

/* Textos descriptivos - Ahora siempre visibles */
.grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 15px;
    z-index: 2;
    text-align: center;
    font-size: clamp(12px, 2.5vw, 16px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    backdrop-filter: brightness(0.8);
    color: #ffffff;
}

.grid-text .title {
    line-height: 1em;
}
.grid-text>i{
    font-size: 2em;
    opacity: .5;
}


/* Configuramos diferentes delays para cada imagen */
.slideshow-1 img:nth-child(1) {
    animation-delay: 0s;
}

.slideshow-1 img:nth-child(2) {
    animation-delay: 4s;
}

.slideshow-1 img:nth-child(3) {
    animation-delay: 8s;
}

.slideshow-2 img:nth-child(1) {
    animation-delay: 2s;
}

.slideshow-2 img:nth-child(2) {
    animation-delay: 6s;
}

.slideshow-2 img:nth-child(3) {
    animation-delay: 10s;
}

.slideshow-3 img:nth-child(1) {
    animation-delay: 3s;
}

.slideshow-3 img:nth-child(2) {
    animation-delay: 7s;
}

.slideshow-3 img:nth-child(3) {
    animation-delay: 11s;
}

.slideshow-4 img:nth-child(1) {
    animation-delay: 1s;
}

.slideshow-4 img:nth-child(2) {
    animation-delay: 5s;
}

.slideshow-4 img:nth-child(3) {
    animation-delay: 9s;
}

@keyframes fadeInOut {

    0%,
    33% {
        opacity: 1;
    }

    34%,
    100% {
        opacity: 0;
    }
}

/* Media queries ajustados */
@media (max-width: 600px) {

    .grid-text {
        padding: 8px;
    }
}

@media (min-width: 601px) and (max-width: 1024px) {


    .grid-container {
        gap: 15px;
    }
}

@media (min-width: 1025px) {


    .grid-container {
        gap: 20px;
        grid-template-columns: repeat(4, 1fr);
    }
}

/*************************************/
/*******buscador de la home***********/
/*************************************/
.buscador-home {
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    flex-direction: column;
    transition: all 0.3s;
}
.buscador-home.full {
    justify-content: flex-start;
}



.btn-gps {
    position: absolute;
    margin: 5px;
    z-index: 1;
}


#gpsButton:hover {
    background-color: #000000;
}

#gpsButton:disabled {
    background-color: #458cc8;
    border-color: #458cc8;
    cursor: not-allowed;
}


.searchInput {
    width: 100%;
    padding: 10px 15px 10px 50px;
    border: 1px solid #ccc;
    border-radius: 50px;
    font-size: 16px;
    background-color: #ffffff;
    line-height: normal;
}
.searchInput-home {
    width: 100%;
    padding: 15px 15px 15px 160px;
    border: 1px solid #ccc;
    border-radius: 50px;
    font-size: 16px;
    background-color: #ffffff;
    line-height: normal;
}
#searchInput:before {
    content: "\f002";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none;
    z-index: 9999999999;
    background-color: red;
}

.search-container {
    position: relative;
    width: 100%;
}

.search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none;
}

.suggestions-container {
    background-color: #f6f6f6;
    border-radius: 20px;
    width: 100%;
}

.suggestions {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    max-height: 300px;
    overflow-y: auto;

}

.suggestions li {
    padding: 0px 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    color: #000000;
    text-align: left;
}

.suggestions li::before,
.suggestions div::before {
    content: "\f3c5";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--gray);
    margin-right: 0.5em;
}

.suggestions li:last-child {
    border-bottom: none;
}

.suggestions li:hover {
    background-color: #f0f0f0;
}


#loading {
    display: none;
    margin-bottom: 10px;
    font-style: italic;
    color: #666;
}

@media screen and (max-width: 767px) {
    .buscador-home {
        align-items: center;
    }

    .buscador-home.full {
        flex-direction: column;
        justify-content: flex-start;
        position: fixed;
        background-color: #ffffff;
        left: 0;
        top: 0;
        z-index: 9999;
        height: 100%;
        width: 100%;
        padding: 20px;
    }

    .buscador-home.full .btn-gps {
        margin-top: 20px;
    }

    .btn-gps {
        position: relative;
        margin: 10px auto;
    }

    .searchInput-home {
        padding: 10px 15px;
    }
}


/*************************************/
/**************detalle****************/
/*************************************/
.tab-content>.tab-pane {
    background-color: var(--light);
    padding-top: 1em;
}

.detalle h3 {
    font-size: clamp(18px, 2.5vw, 24px);
    line-height: 1em;
}

.detalle-principal {
    padding: 0 20px 40px;
}

.detalle-principal h2 {
    font-weight: 600;
    margin-bottom: 0;
}

.detalle-cercanos .sidebar-title {
    font-size: 1em;
}

.detalle-cercanos .sidebar-header {
    padding: 0 1.5em 0.5em;
}

.detalle-info,
.detalle-unete,
.formulario-colabora {
    padding-bottom: 120px;
}

section[class^="detalle-"] {
    padding-bottom: 120px;
}

.map-buttons {
    position: fixed;
    top: 80px;
    left: 10px;
    z-index: 11;
    right: 10px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
.map-buttons .right {
    text-align: right;
}

@media screen and (min-width: 767px) {
    .map-buttons .verMapa {
        position: absolute;
        right: 10px;
        top: 10px;
    }
}
/*******check slider****/
.slider-container {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media screen and (min-width: 767px) {
    .slider-container {
        display: none;
    }
}
.slider {
    width: 62px;
    height: 32px;
    background-color: white;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.slider-ball {
    width: 26px;
    height: 26px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    transition: transform 0.3s ease;
    box-shadow: 0 0 10px #000000b3;
}
.slider.active {
    background-color: var(--light);
}
.slider.active .slider-ball {
    transform: translateX(30px);
}
.icon {
    font-size: 12px;
    pointer-events: none;
    z-index: 1;
}
.icon.map{
    margin-right: -32px;
}
.icon.streetview{
    margin-left: -32px;
}


.detalle-streetview {
    position: fixed;
    height: 100%;
    left: 0;
    padding: 0px;
    bottom: 0;
    right: 0;
    width: 100%;
    top: auto;
}

#iframe_streetview {
    height: 100%;
    width: 100%;
    margin-top: -10px;
    border-radius: 20px;
}

@media screen and (min-width: 767px) {
    .detalle-streetview {
        position: fixed;
        height: 200px;
        width: 200px;
        left: 50%;
        padding: 0px;
        bottom: 10px;
        right: 0;
        top: auto;
        z-index: 10;
        margin: 10px;
        transition: all 0.3s;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .streetview-big {
        height: 50%;
        left: 0;
        width: 48%;
    }

    #iframe_streetview {
        margin-top: -20px;
        border-radius: 20px;
        border: 2px solid #ffffff;
        box-shadow: 0 .3125rem 1.5625rem rgba(0, 0, 0, .25);
    }
}


/***********************************favoritos********************/
.favorite-button {
    border: 0;
    background-color: transparent;
}

.favorite-button:hover {
    transform: scale(1.1);
}

.favorite-button span {
    color: #cc574e;
    white-space: nowrap;
    font-size: 0.7em;
    font-weight: 800;
}

.favorite-button i {
    text-shadow: -2px 0 #cc574e, 0 2px #cc574e, 2px 0 #cc574e, 0 -2px #cc574e;
    color: white;
    display: block;
    font-size: 1.3em;
}

.favorite-button[data-is-favorite] i {
    color: #cc574e;
    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)
}


.under-text {
    color: var(--grey);
    text-align: center;
}

.under-text i {
    display: block;
    font-size: 1.3em;
    line-height: 1em;
}

.under-text span {
    font-size: 0.7em;
}

.share-button {
    color: #116511;
}


/************cards de la home*************/

.pestanas .nav-link {
    line-height: 1em;
}

.pestanas .nav-link.active {
    color: #000000;
    font-weight: 600;
}

.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-region {
    height: auto;
    min-height: 150px;
    width: 15%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: var(--blue);
    /*display: none; */
    background-size: cover;
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-bottom: 0;
    box-shadow: none;
}

.card-region:hover {
    transform: scale(1.05);
    z-index: 15;
    box-shadow: 0 0 30px #0000007a;
}

.card-region .card-content {
    border: 2px solid #ffffff;
    padding: 5px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: absolute;
    z-index: 9;
    border-radius: 20px;
}
@media screen and (min-width: 767px) {
    .card-region .card-content h3, .h3 {
        font-weight: 400;
        font-size: 1.3rem;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.card-region: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-region:hover:after {
    height: 50%;
}

.card-region .card-content a {
    color: #ffffff;
    padding: .5em;
}
.card-region .card-content a:hover {
    background-color: #ffffff29;
}


.card-region .card-content small {
    color: #ffffff;
    display: block;
}

.tabs-responsive .nav-link {
    padding: 0.5em !important;
    color: var(--dark) !important;
}
@media screen and (max-width: 767px) {

    .card-region {
        width: 48%;
    }

    .card-region h3 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .tabs-responsive {
        display: flex;
        align-items: flex-start;
    }

    .tabs-responsive .nav {
        text-align: left;
        display: flex;
        flex-direction: column;
        /*padding-top: 20px;
        border-right: 1px solid #dedede;*/
    }
    .tabs-responsive .nav-link {
        padding: 0.5em !important;
        color: var(--dark) !important;
    }
    

    .tabs-responsive .nav-link.active {
        background-color: var(--blue);
        color: #ffff !important;
        border: 0;
    }

    .tabs-responsive .tab-content {
        flex: 1;
    }

    .tabs-responsive .tab-pane {
        flex: 1;
        box-shadow: -20px 1px 20px 1px #0000001a;
        /* border-radius: 20px; */
        padding: lef;
        padding-left: 5px;
        padding-top: 0;
    }

    .tabs-responsive .list-unstyled.list-columns {
        text-align: left;
        padding-left: 1em;
    }

    .tabs-responsive .list-unstyled.list-columns a {
        color: var(--dark);
    }
}

@media screen and (max-width: 500px) {
    .card-region {
        width: 100%;
        min-height: 40px;
        background-image: none !important;
        background-image: none !important;
        background-color: transparent;
        color: var(--dark);
        border-radius: 0;
    }

    .card-region:after {
        background: none;
    }

    .card-region:hover {
        transform: scale(1.05);
        z-index: 15;
        box-shadow: none;
    }

    .card-region .card-content {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        border: 0;
        position: relative;
        padding: 0;
        border-radius: 0;
        border-bottom: 1px solid #cccccc;
    }

    .card-region h3 {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 1em;
        text-align: left;
        font-weight: 600;
    }

    .card-region .card-content a {
        color: #6A6A6A;
        padding: .3em .4em;
    }

    .card-region .card-content small {
        color: var(--gray-dark);
        display: inline;
    }

    .card-region .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***********/

/*************************************/
/**************colabora****************/
/*************************************/


#map {
    /*height: 100%;*/
}

#bootstrap-alert {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1100;
    width: 80%;
    max-width: 500px;
}

.formulario-colabora {
    width: 50%;
    z-index: 1;
}

.formulario-colabora form {
    background-color: var(--light);
    padding: 20px;
}
.formulario-colabora #test-screenshot-container input{
    display:none;
}

.searchInput-colabora {
    width: 100%;
    padding: 10px 15px 10px 100px;
    border: 1px solid #ccc;
    border-radius: 50px;
    font-size: 16px;
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .searchInput-colabora {
        padding: 10px 15px 10px 130px;
        font-size: 1em;
    }

    .formulario-colabora {
        width: 100%;
    }
}

#locateUserBtn {
    position: absolute;
    top: 13px;
    left: 15px;
    z-index: 1000;
}

.overflow-auto {
    height: 100vh;
}

#street-view {
    height: 45%;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
@media screen and (max-width: 767px) {
    #street-view {
        height: 40%;
    }
}

.map-wrapper,
.street-view-wrapper {
    height: 50%;
    position: relative;
}

#search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border-radius: 20px;
    border-top: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

#search-results .result-item {
    padding: 10px;
    cursor: pointer;
}

#search-results .result-item:hover {
    background-color: #f8f9fa;
}

@media (max-width: 767px) {
    #formContainer {
        display: none;
    }

    /*#mapContainer {
        height: calc(100vh - 56px);
    }*/
}

.toggle-button {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
}

.ayuda-streetview{
    top: 60%;
    z-index: 10;
    color: #ffffff;
    font-weight: 900;
    margin-right: 60px;
    text-shadow: 0 0 3px black;
}

.colabora-osm .leaflet-popup,
.colabora .leaflet-popup {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 0 10px;
    left: -100px !important;
    bottom: 10px !important;
}
.colabora-osm .leaflet-marker-pane,
.colabora .leaflet-marker-pane {
    z-index: 999 !important;
}

/*sobreescribo estilos de googlemaps*/
.gm-style-iw {
    border-radius: 20px !important;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .15) !important;
}

.gm-style-mtc-bbw {
    /*boton mapa hibrido*/
    transform: scale(0.7);
}

.gm-style-iw-chr {
    /*position: absolute;
    right: 0;*/
    display: none;
}

/**************************************/
/***************error.php**************/
/**************************************/
.searchInput-simple {
    background-color: #ffffff;
    padding: 8px;
    border-radius: 50px;
    margin-bottom: 1em;
    border: 0;
    width: 100%;
}

.searchInput-simple .input-group {
    margin-bottom: 0;
}

.searchInput-simple * {
    border: 0;
}

/***********************************/
/**************commentics***********/
/***********************************/
.cmtx_container h3 {
    font-weight: 100 !important;
}
#commentics iframe{
    min-height: 400px;
}

/*************************************/
/****************region.php***********/
/*************************************/

.hero {
    min-height: 40vh;
    padding-top: 80px;
    /*padding-bottom: 20px;*/
    text-align: center;
    color: #ffff;
    display: flex;
    align-items: center;
    position: relative;
}
.hero-title{
    font-size: calc(1.8rem + 1vw);
    text-transform: uppercase;
}
.hero-eslogan{
    font-size: calc(1rem + 1vw);
    padding: 1rem 0 2rem 0;
}
.hero-eslogan.largo{
    font-size: calc(1rem + .2vw);
    line-height: 1.5rem;
}

.titulo-subtitulo h2,
.titulo-subtitulo h3{
    font-weight: 600;
    margin: 0;
    padding-bottom: .2em;
    line-height: 1.2em;
} 
.titulo-subtitulo p::first-letter{
    text-transform: uppercase;
    font-size: 1em;
} 
.eslogan::first-letter, .titulo-header-pagina::first-letter{
    text-transform: uppercase;
} 
.ts-icons-select .media i {
    font-size: 30px;
    margin-right: 5px;
}
.ts-icons-select .media  {
    line-height: 1;
}
@media (max-width: 480px) {
    .ts-icons-select .media  {
        flex-direction: column;
    }
}
.top-results {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 20px;
    box-sizing: border-box;
    justify-content: space-between;
}

.ts-result {
    border: .0625rem solid rgba(25, 25, 25, .1);
    border-radius: 20px;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: auto;
    height: auto;
    padding: 1rem;
    pointer-events: auto;
    background-color: #ffff;
    font-size: 12px;
    position: relative;
}

.ts-result h4 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: .1em;
    line-height: 1.375rem;
}
/* 6 items per row 
.top-results .ts-result {
    flex: 1 1 calc(16.66% - 20px); 
    max-width: calc(16.66% - 20px);
}
*/
.top-results .ts-result {
    flex: 1 1 calc(25% - 20px); /* 4 items per row */
    /*max-width: calc(25% - 20px);*/
}
@media (max-width: 1500px) {
    .top-results .ts-result {
        flex: 1 1 calc(25% - 20px); /* 4 items per row */
        /*max-width: calc(25% - 20px);*/
    }
}

@media (max-width: 1000px) {
    .top-results .ts-result {
        flex: 1 1 calc(50% - 20px); /* 2 items per row */
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    .top-results .ts-result {
        flex: 1 1 100%; /* 1 item per row */
        max-width: 100%;
    }
}

/******************************************** ESTILO SEGUN DOMINIO **************************/

.navbar-dark,
.navbar-dark .ts-child,
.btn-primary,
.cmtx_button_primary,
.navbar-collapse,
header:hover  {
    background-color: var(--blue);
    background:var(--gradient);
}


.swingerplaces .navbar-dark,
.swingerplaces .navbar-dark .ts-child,
.swingerplaces .btn-primary,
.swingerplaces .cmtx_button_primary,
.swingerplaces .navbar-collapse,
.swingerplaces header:hover  {
    background-color: #F44336 ;
    background:var(--gradient-swingerplaces);
}


.cruisingmap .navbar-dark,
.cruisingmap .navbar-dark .ts-child,
.cruisingmap .btn-primary,
.cruisingmap .cmtx_button_primary,
.cruisingmap .navbar-collapse,
.cruisingmap header:hover  {
    background: hsla(208, 56%, 53%, 1);
    background:var(--gradient-cruisingmap);
}


.blablafuck .navbar-dark .ts-child,
.blablafuck .btn-primary,
.blablafuck .cmtx_button_primary,
.blablafuck header:hover  {
    background: hsla(208, 56%, 53%, 1);
    background:var(--gradient-blablafuck);
}
.blablafuck .navbar-dark{
    background: #3fbffb;
    background:var(--gradient-blablafuck);
}

.blablafuck .navbar-dark .navbar-brand,
.blablafuck .navbar-dark .navbar-nav .nav-link,
.blablafuck .navbar-dark .gt_selector,
.blablafuck .navbar-dark .navbar-toggler {
    color: var(--dark);
}
.blablafuck.index .navbar-dark .navbar-brand,
.blablafuck.index .navbar-dark .navbar-nav .nav-link,
.blablafuck.index .navbar-dark .gt_selector,
.blablafuck.index .navbar-dark .navbar-toggler {
    color: #ffffff;
}
.blablafuck .nav-dark .btn-primary{
    background: #ffffff;
    color: var(--dark);
    box-shadow: none;
    padding: 0;
    font-size: 2em;
    }
@media screen and (min-width: 767px) {
    .navbar-collapse{
        background: transparent !important;
    }
}


.navbar-dark .ts-child a {
    color: #ffffff;
}

.trovacamporella .hero-background {
    /*background: #2161a4 url("../img/fondo-trovacamporella-desenfocado.jpg") no-repeat bottom right / cover;*/
    background: #2161a4 url("../../assets/img/fondo-trovacamporella-noche.jpg") no-repeat center right / cover;
}

.mispicaderos .hero-background, .placesforlove .hero-background {
    background: #2161a4 url("../../assets/img/fondo-mispicaderos-noche-fordfiesta.jpg") no-repeat center right / cover;
}

.cruisingmap .hero-background {
    background: #6c2b78 url("../../assets/img/fondo-cruisingmap.jpg") no-repeat bottom right / cover;
}

.swingerplaces .hero-background {
    background: #000000 url("../../assets/img/fondo-swingerplaces.jpg") no-repeat bottom right / cover;
}

@media screen and (max-width: 767px) {
    .trovacamporella .hero-background,
    .mispicaderos .hero-background,
    .placesforlove .hero-background {
        background-color: var(--blue);
        background:var(--gradient);
    }
    .cruisingmap .hero-background,
    .cruisingmap .tabs-responsive .nav-link.active {
        background: var(--gradient-cruisingmap);
    }
    .swingerplaces .hero-background,
    .swingerplaces .tabs-responsive .nav-link.active {
        background: var(--gradient-swingerplaces);
    }
    .blablafuck .hero-background,
    .blablafuck .tabs-responsive .nav-link.active {
        background: var(--gradient-blablafuck);
    }
}

/*****condicion en caso de que estemos en la home*/
nav, 
.region .navbar-dark, 
.index .navbar-dark, 
.blablafuck.index .navbar-dark,
.lugares-nuevos .navbar-dark {
    background: transparent;
}

/*********** modificaciones para SexNotes */
ul .list-group-item{
    line-height: 1.3em;
}
.margin-anti-header-fixed{
    margin-top: 60px;
}


/******************************************** BLABLAFUCK **************************/

@media screen and (max-width: 767px) {
    .group-icon-text .nav-li {
        flex: 1;
        min-width: 0;
    }
}

/* Hero section custom styles */
    
.hero-overlay-left {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(6, 10, 20, 0.6) 0%, rgba(6, 10, 20, 0.25) 45%, rgba(6, 10, 20, 0.0) 100%);
}

.hero-wrap {
    position: relative;
    background-image: url('/img/route69-mispi-md.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 10vw 0;
}
.hero-wrap h1 {
    font-size: 56px;
    line-height: 1.02;
    font-weight: 700;
    margin-bottom: 8px;
}

.hero-wrap p {
    letter-spacing: 4px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1em;
}

@media (max-width: 767px) {
    .hero-wrap h1 {
        font-size: 36px;
    }
    .hero-wrap {
        padding: 25vw 0 10vw;
    }
    .hero-overlay-left {
        background: linear-gradient(180deg, rgba(6, 10, 20, 0.6) 0%, rgba(6, 10, 20, 0.25) 45%, rgba(6, 10, 20, 0.0) 100%);
    }
}