html, body {
    margin: 0px;
    height: 100%;
    font-family: 'Noto Sans', sans-serif;
    /*font-family: 'Noto Sans', sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'PT Sans', sans-serif;*/
}

html strong, body strong {
    font-weight: 700;
}

body {
    min-height: 100vh !important;
    padding-top: 70px;
    background-color: #F6F9FE;
}

body.mobile .nav-main {
    /*    background: rgba(213, 28, 0, 0.9); */
}

body.destination, body.explorer, body.user {
}

body.item, body.raymi, body.site, body.event {
}

a {
    outline: 0;
}

a, a.disabled:hover, a:disabled:hover {
    color: #0077ff; /*#016777*/
    text-decoration: none;
}

.loading, .loading-w {
    min-width: 50px;
    min-height: 30px;
}

.loading {
    background-image: url(img/loading.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.loading-w {
    background-image: url(img/loading-w.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.container {
    clear: both;
}

.hide {
    display: none;
}

.h1, h1 {
    font-size: 280%; /*2.6rem*/
    line-height: 100%;
    font-weight: bold;
    letter-spacing: -0.1rem;
}

.h2, h2, .h3, h3, .h4, h4, .h5, h5 {
    font-weight: bold;
}

.h2, h2 {
    font-size: 1.6rem;
}

.h3, h3 {
    font-size: 1.4rem;
}

.h4, h4 {
    font-size: 1.2rem;
}

.h5, h5 {
    font-size: 1.15rem;
}

/* ITEM CARD - TMP */

/*
.card { margin-bottom: 2rem; }
*/

.items {
    clear: both;
}

.items .item {
    padding: 0 15px 15px 15px;
}

.items .item a:hover {
    text-decoration: none;
}

.items .card {
    overflow: hidden;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none !important;
    transition: 50ms linear;
}

.items .card:hover {
    box-shadow: 0 0 2px 0 rgba(220, 53, 69, 0.50);
}

.items .card .card-image {
    width: 100%;
    height: 0;
    margin-bottom: 10px;
    padding-bottom: 56.25%; /*16:9 56.25% - 3:2 66.666667% - 4:3 66.666667%*/
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.08);
    background-size: cover;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    box-shadow: 0 18px 15px -20px rgba(0, 0, 0, 0.3) !important;
    transition: 150ms linear;
    border-radius: 0.25rem;
}

.items .card:hover .card-image {
    box-shadow: 0 18px 15px -16px rgba(0, 0, 0, 0.3) !important;
}

.items .card .card-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(img/loading-w2.svg) transparent no-repeat center center;
}

.items .card .card-image .num {
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    font-size: 2.2rem;
    line-height: 100%;
    letter-spacing: -0.1rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.90);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    font-weight: bold;
    display: grid;
    align-items: center;
    text-align: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: 150ms linear;
}

.items .card:hover .card-image .num {
    opacity: 0.8;
}

.items .card .card-body {
    padding: 0 10px 0 0;
}

.items .card .card-title {
    color: #333333;
    font-size: 1.05rem;
    line-height: 130%;
    font-weight: normal;
    overflow: hidden;
    margin: 3px 0 6px 0;
}

.items a:hover .card .card-title {
    text-decoration: underline;
    transition: 50ms linear;
}

.items .card .card-text {
    font-size: 100%;
    line-height: 140%;
    color: #555555;
}

.items .card .info {
    width: 100%;
    font-size: 70%;
    color: #eeeeee;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.items .card .cat {
    color: #CCCCCC;
    text-transform: uppercase;
    font-weight: bold;
}

.items .card .loc {
    color: rgba(0, 0, 0, 0.5);
    margin-left: 6px;
}

.items .card .distance {
    height: 16px;
    background: #000000;
    color: #ffffff;
    display: block;
    font-size: 0.7rem;
    line-height: 16px;
    letter-spacing: -0.5px;
    padding: 0 8px 0 3px;
    position: absolute;
    left: 0;
    bottom: 8px;
    z-index: 1;
}

.items .card .distance::before {
    width: 12px;
    height: 12px;
    content: '';
    position: absolute;
    right: -6px;
    top: 2px;
    background: inherit;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.items-home {
    text-align: right;
}

.items-home.items .item {
    padding-bottom: 0;
}

.items-home.items .card .card-body {
    padding: 0;
}

.items-home.items .card .card-title {
    font-size: 140%;
    line-height: 110%;
    letter-spacing: -0.1px;
    font-weight: bold;
    margin: 0.5rem 0;
    padding: 0 0 0 10%;
}

.section-featured .cat-title {
    font-size: 2rem;
    font-weight: normal;
    text-align: right;
    line-height: 90%;
    letter-spacing: -1.4px;
    margin: 0 0 1.2rem;
}

.section-featured .cat-list {
    text-align: right;
    margin: 0 0 2rem;
}

.section-featured .cat-item {
    display: inline-block;
    background: #FFFFFF;
    white-space: nowrap;
    margin: 0 0px 5px;
    padding: 0.3rem 1rem;
    font-size: 90%;
    border-radius: 0.25rem;
}

.section-featured .cat-item.active {

}

.destination.section-featured .cat-item {
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.items-related-home {
}

.items-related-home .items {

}


.items-related-home .items .item {
    padding-bottom: 15px;
    margin-bottom: 0;
}

.items-related-home .items .card .card-image,
.items-related-home .items .card .card-body {
    min-height: 81px;
}

.items-related-home .items .card .card-image {
    width: 144px;
    padding: 0;
}

.items-related-home .items .card .card-body {
    width: auto;
    position: absolute;
    left: 156px;
}

.items-related-home .items .card .info {

}

.items-related-home .items .card .cat {
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
}

.items-related-home .items .card .card-title {
    min-height: auto;
    font-size: 98%;
    margin: 0 0 3px;
    font-weight: bold;
}


.items-title {
}

.items-title .view {
    width: 100%;
    display: block;
    border-radius: 0.25rem;
}

.items-title .inner {

}

.items-title .inner .icon {

}

.items-title .inner .label {
    margin: 0 0 20px 15px;
    font-size: 1.3rem;
    font-weight: bold;
}

.items-title .inner .label i {
}

.items-title .inner .label span {

}

.items-title .inner .readmore {
    font-weight: normal;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #ffffff;
    position: absolute;
    bottom: 0.4rem;
    right: 0.8rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.items-title:hover .inner .readmore {
    opacity: 1;
}

.item-nearby-wrapper {
    border-top: 1px solid #ffffff;
}

.items-nearby {
    position: relative;
}

.items-nearby > .items-nearby-inner {
    padding: 45px 0;
    border-bottom: 1px solid #ffffff;
}

.items-nearby .col-children > .items {
    padding: 0;
}

.items-nearby .col-children > .items.slick-initialized {
    display: block;
}

.items-nearby .col-children > .items .item {
}

/*
.items-nearby .slick-initialized .slick-slide .item { padding: 0; }
.items-nearby .slick-initialized .slick-slide .item > a { padding: 0 3px 16px 15px; display: block; }
 */

.items-nearby .col-parent {
    color: #000000;
    margin: 0 0 15px;
    position: relative;
}

.items-nearby .col-parent a {
    color: #000000;
    display: block;
    position: relative;
}

.items-nearby .col-parent .icon {
    width: 60px;
    height: 61px;
    float: left;
    background: no-repeat 0 0 transparent;
    background-size: 60px auto;
}

.items-nearby .col-parent .title-wrap {
    width: 100%;
    width: calc(100% - 30px);
}

.items-nearby .col-parent .title {
    line-height: 40px;
    font-weight: bold;
    font-size: 2rem;
    margin: 0;
    padding: 0 0 0 70px;
}

.items-nearby .col-parent .see-all {
    font-size: 1.3rem;
    padding: 0;
    font-weight: bold;
    position: absolute;
    right: 15px;
    bottom: 20px;
}

.items-nearby .col-parent .description {
    font-size: 1.6rem;
    color: #333333;
}

.items-nearby .col-children {
    min-height: 192px;
}

.item-raymi-wrapper > .bg,
.destination-children-wrapper > .bg {
    width: 100%;
    height: 87px;
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 0;
    background: #dedddd;
    background-image: linear-gradient(to bottom, #EBEAEA 0%, #f7f7f7 40%, #EBEAEA 100%);
}

.items-nearby .slick-track {
    margin: 0;
}

.items-nearby .slick-initialized .slick-slide {
}

.items-nearby .slick-initialized .slick-slide > div {
}

.items-nearby .slick-initialized .item {

}

.items-featured {
    margin: 45px 0;
}

.items-featured .items {

}

.items-featured .item {

}

.items-featured .items .card {

}

.items-featured .items .card .card-body {

}

.items-featured .items .card .card-image { /*padding-bottom: 100%;*/
}

.items-featured .items .card .card-title {

}

.items-featured .items .card .distance {

}

.items-featured .items .card .info {

}

.items-featured .items .card .info > div {

}

.items-featured .items .card .cat {

}

.items-featured .items .card .cat .cat-icon {

}

.items-featured .items .card .cat span {

}

.items-featured .items .card .loc {

}

.items-related {

}

.item-col-2 .items-related {

}

.item-col-2 .items-related .items-related {
    /*
    padding: 0 0 0 30px;
     */
}

.items-related .items .item {
    padding-bottom: 15px;
    margin-bottom: 18px;
}

.items-related .items .card {
    /*background-color: rgb(0, 103, 119);*/
    background-color: rgba(0, 103, 119, 0.06);
    background-size: cover;
    border-radius: 0.25rem;
}

.items-related .items .card .card-image,
.items-related .items .card .card-body {

}

.items-related .items .card .card-image {
    margin: 0;
    border-radius: 0;
}

.items-related .items .card .card-body {
    padding: 0;
}

.items-related .items .card .info {
    font-size: 70%;
    padding: 0.7rem 1rem 0;
    height: auto;
}

.items-related .items .card .cat, .items-related .items .card .loc {
    display: inline-block;
    padding: 0rem 0.3rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 18px 15px -20px rgba(0, 0, 0, 0.4);
}

.items-related .items .card .loc {
    background: rgba(255, 255, 255, 0.6);
}

.items-related .items .card .cat {
    letter-spacing: 0;
}

.items-related .items .card .card-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    padding: 0.5rem 1rem 1.2rem;
}

body.site .item-col-2 > .items-related:first-child {

}

.item-raymi-wrapper > .bg {
    height: 84px;
    bottom: auto;
    top: 0;
}

.item-raymi-wrapper .bg-bottom {
    padding: 0;
    position: absolute;
    left: 15px;
    top: 150px;
}

.badges {
    clear: both;
}

.badges .badge {

}

.badges .badge .card {
    padding: 0.25rem;
    border-radius: 0.25rem;
}

.badges .badge:hover .card {
    border-color: #33aaff; /* REV */
}

.badges .badge .card-image {

}

.badges .badge .card-image img {
    width: 60px;
    height: 60px;
}


body.site .col-main {
    padding-top: 0;
}

body.site .item-site-wrapper {
    margin: 0;
}

body.site .item-site-wrapper .wrapper {
    padding: 0 15px;
}

body.site .item-site-wrapper .col-parent .item-site {
}

body.site .item-site-wrapper .col-parent .item-site .title {
    display: none;
}

body.site.has-slides .item-site-wrapper {
    margin-top: -150px;
    /*overflow: hidden;*/
    /*border-bottom: 6px #FFFFFF solid;*/
    /*border-bottom: 1px solid #EEEEEE;*/
}

body.site.has-slides .item-site-wrapper .card {
    background-color: rgba(255, 255, 255, 0.94) !important;
}

body.site.has-slides .item-site-wrapper .card:hover {
    background-color: rgba(255, 255, 255, 0.98) !important;
}

/*
body.has-slides { padding-top: 0; }
body.has-slides:not(.scrolled) .nav-main {
    box-shadow: none; background: none; transition: 50ms linear;
}

body.has-slides:not(.scrolled) .nav-main .navbar-brand { }

body.has-slides:not(.scrolled) #navbarExplorerWrapper,
body.has-slides:not(.scrolled) #search-location-button { display: none; }

body.has-slides:not(.scrolled) #navbarUserWrapper { border: none; }

body.has-slides:not(.scrolled) .nav-main .navbar-brand,
body.has-slides:not(.scrolled) #navbarUserWrapper .nav-link {
    background: rgba(255, 255, 255, 0.96); border-radius: 0 0 5px 5px;
}
 */

body.site.has-slides .item-content-wrapper {
    margin-top: 0;
}

body.has-slides .path.explorer {
    position: relative;
    z-index: 100;
}

/*TEMPORAL FOR SITES*/


.items-nearby.manager .col-parent a {
    color: #36646e;
}

.items-nearby.buy .col-parent a {
    color: #ff4f02;
}

.items-nearby.directory .col-parent a {
    color: #ff0000;
}

.items-nearby.discover .col-parent a {
    color: #85379c;
}

.items-nearby.live .col-parent a {
    color: #36646e;
}

.items-nearby.learn .col-parent a {
    color: #375ca8;
}

.items-nearby.manager .col-parent .icon {
    background-image: url(img/categories/manager.png);
}

.items-nearby.destination .col-parent .icon {
    background-image: url(img/categories/destination.png);
}

.items-nearby.buy .col-parent .icon {
    background-image: url(img/categories/buy.png);
}

.items-nearby.directory .col-parent .icon {
    background-image: url(img/categories/directory.png);
}

.items-nearby.discover .col-parent .icon {
    background-image: url(img/categories/discover.png);
}

.items-nearby.live .col-parent .icon {
    background-image: url(img/categories/live.png);
}

.items-nearby.learn .col-parent .icon {
    background-image: url(img/categories/learn.png);
}


/*
DEFAULT
#000000
#dedddd

manager
#36646e
#f1fcff

buy
#ff4f02
#fff7f0

directory
#ff0000
#fef2f2

discover
#85379c
#fcedfe

live
#36646e
#ecfef4

learn
#375ca8
#edf6ff
*/

.items.raymi {
}

.items.raymi .item {
    padding: 0 3px 10px 10px;
}

.items.raymi .item.active {
}

.items.raymi .card {
    display: block;
    padding: 0;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 0.25rem;
}

.items.raymi .item.active .card {
}

.items.raymi .card .card-image {
    width: 55px;
    height: 65px;
    margin: 0;
    padding-bottom: 0;
    float: left;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5) !important;
    border-radius: 0;
}

.items.raymi .card:hover .card-image {
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.6) !important;
}

.items.raymi .card .card-image > img {

}

.items.raymi .item .card .card-image > .num {

}

.items.raymi .item.active .card .card-image > .num {

}

.items.raymi .card .card-title {
    height: 65px;
    font-size: 0.94rem;
    line-height: 110%;
    font-weight: normal;
    display: flex;
    align-items: center;
    margin: 0;
}

.items.raymi .item.active .card-title {

}

.items.raymi .card .card-body {
    width: 55%;
    width: calc(100% - 55px);
    padding: 0 0.7rem 0 0.7rem;
    float: left;
}


.items.site .item {
    padding: 0 3px 10px 10px;
}

.items.site .card {
    display: block;
    padding: 0;
    border-radius: 0.25rem;
}

.items.site .card .card-image {
    width: 55px;
    height: 65px;
    margin: 0;
    padding-bottom: 0;
    float: left;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5) !important;
    border-radius: 0;
}

.items.site .card:hover .card-image {
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.6) !important;
}

.items.site .card .info {
}

.items.site .card .card-title {
    height: 65px;
    font-size: 0.94rem;
    line-height: 110%;
    font-weight: normal;
    display: flex;
    align-items: center;
    margin: 0;
}

.items.site .card .card-body {
    width: 55%;
    width: calc(100% - 55px);
    padding: 0 0.7rem 0 0.7rem;
    float: left;
}

.items.site .card .info {
}

.item-preview {
}

.item-preview .card-image {
    background: rgba(0, 0, 0, 0.08);
    animation: previewBG 4s infinite; /* animation-name followed by duration in seconds / ms */
    -webkit-animation: previewBG 4s infinite; /* Chrome and Safari */
}

.item-preview .card-title span,
.item-preview .card-body .info span {
    width: 100%;
    display: block;
    border-radius: 3px;
    /*background: url(img/loading-bg.gif) repeat-y 0 0 #F5F7F9;*/
    background: rgba(0, 0, 0, 0.06);
    animation: previewBG 2s infinite; /* animation-name followed by duration in seconds / ms */
    -webkit-animation: previewBG 2s infinite; /* Chrome and Safari */
}

.item-preview .card-title span {
    height: 1.3rem;
}

.item-preview .card-body .info span {
    width: 35%;
    height: 0.7rem;
    margin: 4px 0;
}

.items.raymi .item-preview .card .card-title span { /*height: 1rem; margin-top: 0.42rem;*/
}

.items-raymi-preview {
    padding-left: 17px;
}

.items-raymi-preview .slick-slide {
}

.items-raymi-preview .item-preview {
    float: left;
    padding: 0;
}

.items-raymi-preview .card-title {
    width: 70%;
    margin: 0 auto;
}

.items-site-preview {
    margin: 0 15px;
}

.items-nearby .items-preview .items {
    padding-right: 0;
}

@keyframes previewBG {
    0% {
        background: rgba(0, 0, 0, 0.06);
    }
    25% {
        background: rgba(0, 0, 0, 0.1);
    }
    50% {
        background: rgba(0, 0, 0, 0.06);
    }
    75% {
        background: rgba(0, 0, 0, 0.1);
    }
    100% {
        background: rgba(0, 0, 0, 0.06);
    }
}

@-webkit-keyframes previewBG /* Safari and Chrome - necessary duplicate */
{
    0% {
        background: rgba(0, 0, 0, 0.06);
    }
    25% {
        background: rgba(0, 0, 0, 0.1);
    }
    50% {
        background: rgba(0, 0, 0, 0.06);
    }
    75% {
        background: rgba(0, 0, 0, 0.1);
    }
    100% {
        background: rgba(0, 0, 0, 0.06);
    }
}

.full-width-wrapper {
    margin: 30px 0 0 0;
}

/* Tooltip */
.tooltip .tooltip-inner {
    background-color: #016777;
    color: #FFFFFF;
}

.bs-tooltip-top .arrow::before {
    border-top-color: #016777;
}

.bs-tooltip-right .arrow::before {
    border-right-color: #016777;
}

.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #016777;
}

#navbarSearchWrapper {
    width: 240px;
    height: 70px;
    margin: 0 0 0 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#navbarSearchWrapper .input-group-prepend {
    margin: 0;
}

#navbarSearchWrapper .input-group-text {
    font-size: 0.8rem;
    color: #777777;
    padding: 0 10px;
    border-radius: 5px 0 0 5px;
    border-right: none;
}

#navbarSearchWrapper .form-control {
    padding: 0;
    border-radius: 0 5px 5px 0;
}

#navbarSearchWrapper .input-group-text,
#navbarSearchWrapper .form-control {
    height: 30px;
    border: none;
    background: rgba(255, 255, 255, 0.4);
}

#navbarSearchWrapper .nav-search {
    width: 100%;
    border-radius: 5px;
    color: #aaaaaa;
    transition: 150ms linear;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

#navbarSearchWrapper .nav-search:hover {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}

#navbarSearchWrapper .nav-search i {
    width: 40px;
    color: #777777;
    text-align: center;
    float: left;
    font-size: 1.2rem;
}

#navbarSearchWrapper .nav-search i,
#navbarSearchWrapper .nav-search span {
    height: 38px;
    line-height: 38px;
    display: block;
}

#navbarSearchWrapper .nav-search:hover i {
    color: #000000;
}

.navbar .navbar-brand span {
    display: none;
}

.cat-bg {
    color: #ffffff;
}

.cat-bg-alpha {
    color: #ffffff;
}

.destination .cat-color {
    color: #232323 !important;
}

.manager .cat-color {
    color: #36646e !important;
}

.buy .cat-color {
    color: #f58a34 !important;
}

.directory .cat-color {
    color: #ff0000 !important;
}

.discover .cat-color {
    color: #9b4e8d !important;
}

.live .cat-color {
    color: #1a8a44 !important;
}

.learn .cat-color {
    color: #0e5392 !important;
}

.destination .cat-bg,
.destination.active,
.destination > .nav-link > .cat-bg,
body.explorer.destination .explorer-tree > li > dt::before {
    background: #232323 !important;
}

.manager .cat-bg,
.manager.active,
.manager > .nav-link > .cat-bg,
body.explorer.manager .explorer-tree > li > dt::before {
    background: #36646e !important;
}

.buy .cat-bg,
.buy.active,
.buy > .nav-link > .cat-bg,
body.explorer.buy .explorer-tree > li > dt::before {
    background: #f58a34 !important;
}

.directory .cat-bg,
.directory.active,
.directory > .nav-link > .cat-bg,
body.explorer.directory .explorer-tree > li > dt::before {
    background: #ff0000 !important;
}

.discover .cat-bg,
.discover.active,
.discover > .nav-link > .cat-bg,
body.explorer.discover .explorer-tree > li > dt::before {
    background: #9b4e8d !important;
}

.live .cat-bg,
.live.active,
.live > .nav-link > .cat-bg,
body.explorer.live .explorer-tree > li > dt::before {
    background: #1a8a44 !important;
}

.learn .cat-bg,
.learn.active,
.learn > .nav-link > .cat-bg,
body.explorer.learn .explorer-tree > li > dt::before {
    background: #0e5392 !important;
}

.cat-bg {
    color: #ffffff;
}

.destination .cat-bg-soft {
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 75%, rgba(255, 255, 255, 0.05) 100%);
}

.manager .cat-bg-soft {
    background-color: #f1fcff;
    background-image: linear-gradient(to bottom, #f1fcff 0%, #f1fcff 75%, rgba(54, 100, 110, 0.05) 100%);
}

.buy .cat-bg-soft {
    background-color: #fff7f0;
    background-image: linear-gradient(to bottom, #fff7f0 0%, #fff7f0 75%, rgba(255, 79, 2, 0.05) 100%);
}

.directory .cat-bg-soft {
    background-color: #fef2f2;
    background-image: linear-gradient(to bottom, #fef2f2 0%, #fef2f2 75%, rgba(255, 0, 0, 0.05) 100%);
}

.discover .cat-bg-soft {
    background-color: #fcedfe;
    background-image: linear-gradient(to bottom, #fcedfe 0%, #fcedfe 75%, rgba(133, 55, 156, 0.05) 100%);
}

.live .cat-bg-soft {
    background-color: #ecfef4;
    background-image: linear-gradient(to bottom, #ecfef4 0%, #ecfef4 75%, rgba(54, 100, 110, 0.05) 100%);
}

.learn .cat-bg-soft {
    background-color: #edf6ff;
    background-image: linear-gradient(to bottom, #edf6ff 0%, #edf6ff 75%, rgba(55, 92, 168, 0.05) 100%);
}

.manager .cat-bg-alpha {
    background: rgba(54, 100, 110, 0.7) !important;
}

.buy .cat-bg-alpha {
    background: rgba(245, 138, 52, 0.7) !important;
}

.directory .cat-bg-alpha {
    background: rgba(255, 0, 0, 0.7) !important;
}

.discover .cat-bg-alpha {
    background: rgba(153, 78, 141, 0.7) !important;
}

.live .cat-bg-alpha {
    background: rgba(26, 138, 68, 0.7) !important;
}

.learn .cat-bg-alpha {
    background: rgba(14, 83, 146, 0.7) !important;
}

.cat-bg-alpha {
    color: #ffffff;
}

.cat-icon {
    width: 26px;
    height: 24px;
    margin: 0;
    display: inline-block;
    background: url(img/explorer-icons.png) no-repeat 0 0 transparent;
    background-size: auto 24px;
    transition: 50ms linear;
}

.nav-main .nav-item.home .icon {
}

.manager .cat-icon {
    background-position-x: -25px;
}

.buy .cat-icon {
    background-position-x: -51px;
}

.directory .cat-icon {
    background-position-x: -77px;
}

.discover .cat-icon {
    background-position-x: -103px;
}

.live .cat-icon {
    background-position-x: -129px;
}

.learn .cat-icon {
    background-position-x: -154px;
}

.destination .cat-icon {
    background-position-x: -180px;
}

.nav-main.manager, .nav-main.manager .active .nav-link {
    border-color: #36646e !important;
    color: #36646e !important;
}

.nav-main.buy, .nav-main.buy .active .nav-link {
    border-color: #f58a34 !important;
    color: #f58a34 !important;
}

.nav-main.directory, .nav-main.directory .active .nav-link {
    border-color: #ff0000 !important;
    color: #ff0000 !important;
}

.nav-main.discover, .nav-main.discover .active .nav-link {
    border-color: #9b4e8d !important;
    color: #9b4e8d !important;
}

.nav-main.live, .nav-main.live .active .nav-link {
    border-color: #1a8a44 !important;
    color: #1a8a44 !important;
}

.nav-main.learn, .nav-main.learn .active .nav-link {
    border-color: #0e5392 !important;
    color: #0e5392 !important;
}

/*
.chip.chip-md { height: 42px; line-height: 42px; border-radius: 21px; font-size: 1rem; }
.chip.chip-lg { height: 52px; line-height: 52px; border-radius: 26px; }
*/

body.explorer {
    background-image: none !important;
}

#sidebarCollapse {
    position: absolute;
    left: 10px;
    top: 0;
}

#helperbarCollapse {
    position: absolute;
    right: 10px;
    top: 0;
    display: none;
}

.btnCollapse {
    width: 40px;
    height: 70px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 70px;
    color: #777777;
    padding: 0;
    z-index: 5;
    cursor: pointer;
}

.btnCollapse:hover {
    color: #000000;
}

.btnCollapse small {
    display: inline-block;
    text-align: left;
    text-indent: -9999px;
}

#sidebar {
    margin-left: -17rem;
    z-index: 92;
}

#sidebar.active {
    margin-left: 0;
}

.vertical-nav {
    min-width: 15rem;
    width: 15rem;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.2s;
    background: #ffffff;
}

#content, footer, .footer-logos {
    width: 100%;
}

#content.active, footer.active, .footer-logos.active {

}

#helperbar {
    margin-right: -17rem;
    z-index: 92;
}

#helperbar.active {
    margin-right: 0;
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    background: #000000;
    opacity: 0.5;
    display: none;
}

.page-content {
    /*width: 100%;*/
    transition: all 0.2s;
    min-height: 350px;
}

.col-side, .col-main {
    /*position: relative;*/
    /*overflow: hidden;*/
}

.col-side {
    padding: 100px 0 0 0;
    font-size: 0.96rem;
    z-index: 1;
}

.col-side .inner {

}

.col-main {
    padding: 16px 0 5rem 0; /*30px 30px 0 30px;*/
}

.col-helper {
    min-height: 100vh;
    left: auto;
    right: 0;
    box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.1);
}

.col-helper .inner {
    padding-top: 80px;
}

body.destination, body.site.has-slides .col-main {

}

.container {
    /* DEV TMP */
    /*
    background-color: rgba(207, 10, 135, 0.2);
     */
}

body.explorer .item-nearby-wrapper {
    border: none !important;
}

.item-path {
    margin: 0.4rem 0 0.8rem;
    padding: 0;
}

.path.explorer {
}

.path.explorer i.fas {
    margin: 0 8px;
    color: rgba(44, 54, 67, 0.56);
}

.path.explorer span.cat-color {
    opacity: 0.3;
}

.list-btn {
    font-size: 0.8rem;
    letter-spacing: -0.1px;
    color: #AAAAAA;
    position: relative;
    z-index: 2;
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-btn li {
    display: inline-block;
    margin: 0 0.5rem 0 0;
    padding: 0 12px 0 0;
    position: relative;
}

.list-btn li::after {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.6rem;
    line-height: 38px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    content: '\f105';
    opacity: 1;
    color: red;
}

.list-btn a {
    display: block;
    color: #333333;
    margin: 0;
    border-radius: 20px;
    padding: 0.5rem 0;
    transition: all 0.2s ease 0s;
}

.list-btn a:first-child {
    margin-left: 0;
}

.list-btn a:hover {
    text-decoration: underline;
}

/*

.list-btn {
    font-size: 0.8rem;
    color: #AAAAAA;
    position: relative;
    z-index: 2;
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-btn li {
    display: inline-block;
    margin: 0 0 8px;
}

.list-btn a {
    display: block;
    color: #333333;
    margin: 0;
    border: 1px solid #E6E6E6;
    border-radius: 20px;
    padding: 5.5px 20px;
    transition: all 0.2s ease 0s;
}

.list-btn a:first-child {
    margin-left: 0;
}

.list-btn a:hover {
    text-decoration: underline;
}

.list-btn {
    font-size: 0.8rem;
    color: #AAAAAA;
    position: relative;
    z-index: 2;
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-btn li {
    display: inline-block;
    margin: 0 0 8px;
}

.list-btn a {
    display: block;
    color: #333333;
    margin: 0;
    border: 1px solid #E6E6E6;
    border-radius: 20px;
    padding: 5.5px 20px;
    transition: all 0.2s ease 0s;
}

.list-btn a:first-child {
    margin-left: 0;
}

.list-btn a:hover {
    text-decoration: underline;
}
*/

.nav-main {
    /*z-index: 100;*/
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    background: rgba(255, 255, 255, 0.99);
}

.nav-main .wrapper {
    height: 70px;
}

.nav-main .navbar-brand {
    width: 160px;
    height: 70px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    position: absolute;
    left: 60px;
    top: 0;
}

.nav-main .navbar-brand img {
    height: 30px;
    margin: 0;
}

.nav-main .nav-item {
    font-size: 0.90rem;
    text-align: center;
}

.nav-main .nav-link {
    color: #555555;
    transition: 50ms linear;
    overflow: visible;
}

.nav-main .nav-link i {
    margin: 0 auto;
    font-size: 24px;
}

.nav-main .nav-link span {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 0.76rem;
}

.nav-main .active .nav-link {
    background: #f1fcff !important;
}

.nav-main .disabled > a > span,
.nav-main .disabled > a > .icon {
    opacity: 0.1;
}

.nav-main .nav-item .icon {
    width: 26px;
    height: 24px;
    margin: 2px auto;
    display: block;
    filter: grayscale(1);
    background: url(img/explorer-icons.png) no-repeat 0 0 transparent;
    background-size: auto 24px;
    transition: 50ms linear;
}

.nav-main .nav-item:hover .icon {
    filter: grayscale(20%);
}

.nav-main .nav-item:hover .nav-link {
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.nav-main .nav-item:hover span {
}

.nav-main .nav-item.active .icon {
    filter: grayscale(0);
}

.nav-main .nav-item.home .icon {
    background-position-x: 0;
}

.nav-main .manager .icon {
    background-position-x: -25px;
}

.nav-main .buy .icon {
    background-position-x: -51px;
}

.nav-main .directory .icon {
    background-position-x: -77px;
}

.nav-main .discover .icon {
    background-position-x: -103px;
}

.nav-main .live .icon {
    background-position-x: -129px;
}

.nav-main .learn .icon {
    background-position-x: -154px;
}

.nav-main .destination .icon {
    background-position-x: -180px;
}

#nav-explorer {
}

#nav-explorer .navbar-nav {
    flex-direction: row;
}

#nav-explorer .nav-item {
}

#nav-explorer .nav-item:hover {
}

#nav-explorer .nav-link {
    width: 64px;
    height: 70px;
    padding: 14px 0 0 0;
    position: relative;
    border-bottom: 2px solid #FFFFFF;
}

.nav-main .nav-link span.num {
    opacity: 0.9;
    position: absolute;
    right: 6px;
    top: 6px;
    border-radius: 5px;
    font-size: 0.6rem;
    padding: 0px 4px;
}

#nav-explorer .nav-item:hover span.num {
    opacity: 0.5;
    color: #ffffff !important;
}

#nav-explorer .nav-item.active {
    background: none !important;
}

#nav-explorer .nav-item.active .nav-link {
    border-bottom: 2px solid;
    background: none !important;
}

#nav-explorer .nav-item.home {
    margin-right: 6px;
    padding-right: 12px;
    border-right: 1px solid #f2f2f2;
}

#nav-explorer .nav-item.home .nav-link {
    width: auto;
}

#nav-explorer .nav-item.home .nav-link span {
    min-width: 80px;
    max-width: 120px;
}

.nav-main.manager, .nav-main .nav-item.manager:hover span, .nav-main.manager .active .nav-link {
    border-color: #36646e !important;
    color: #36646e !important;
}

.nav-main.buy, .nav-main .nav-item.buy:hover span, .nav-main.buy .active .nav-link {
    border-color: #f58a34 !important;
    color: #f58a34 !important;
}

.nav-main.directory, .nav-main .nav-item.directory:hover span, .nav-main.directory .active .nav-link {
    border-color: #ff0000 !important;
    color: #ff0000 !important;
}

.nav-main.discover, .nav-main .nav-item.discover:hover span, .nav-main.discover .active .nav-link {
    border-color: #9b4e8d !important;
    color: #9b4e8d !important;
}

.nav-main.live, .nav-main .nav-item.live:hover span, .nav-main.live .active .nav-link {
    border-color: #1a8a44 !important;
    color: #1a8a44 !important;
}

.nav-main.learn, .nav-main .nav-item.learn:hover span, .nav-main.learn .active .nav-link {
    border-color: #0e5392 !important;
    color: #0e5392 !important;
}

.nav-main .home.active .nav-link, .nav-main .home.active .nav-link .bg1, .nav-main .home.active .nav-link .bg2 {
    background-color: #dedddd !important;
}

.nav-main.manager .active .nav-link, .nav-main.manager .active .nav-link .bg1, .nav-main.manager .active .nav-link .bg2 {
    background-color: #f1fcff !important;
}

.nav-main.buy .active .nav-link, .nav-main.buy .active .nav-link .bg1, .nav-main.buy .active .nav-link .bg2 {
    background-color: #fff7f0 !important;
}

.nav-main.directory .active .nav-link, .nav-main.directory .active .nav-link .bg1, .nav-main.directory .active .nav-link .bg2 {
    background-color: #fef2f2 !important;
}

.nav-main.discover .active .nav-link, .nav-main.discover .active .nav-link .bg1, .nav-main.discover .active .nav-link .bg2 {
    background-color: #fcedfe !important;
}

.nav-main.live .active .nav-link, .nav-main.live .active .nav-link .bg1, .nav-main.live .active .nav-link .bg2 {
    background-color: #ecfef4 !important;
}

.nav-main.learn .active .nav-link, .nav-main.learn .active .nav-link .bg1, .nav-main.learn .active .nav-link .bg2 {
    background-color: #edf6ff !important;
}

.nav-explorer {
    position: relative;
    top: -20px;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 5;
}

.nav-explorer .dropdown .dropdown-menu {
    padding: .5rem 0 0 0;
    border-radius: 0 0 .25rem .25rem;
}

.nav-explorer .dropdown .dropdown-menu .dropdown-item {
    font-size: 1rem;
    padding: .5rem 1rem;
    box-shadow: none;
    border-radius: 0;
}

.nav-explorer .navbar-brand {
}


.font-title {
}

.font-subtitle {
}

.title-main {
    font-size: 2.4rem;
    padding-bottom: 10px; /*border-bottom: 1px solid rgba(0, 0, 0, 0.02);*/
}

body.destination .title-main,
body.user .title-main,
body.explorer .title-main {
}

/* body.explorer .title-main, */


.explorer-section {
    position: relative;
}

.explorer-section .categories .btn {
    text-transform: none;
    font-size: .8rem;
    padding: .4rem .8rem;
    margin: 0 10px 10px 0;
}

.explorer-section .categories .btn:hover {
    color: #ffffff !important;
}

.explorer-categories {
    list-style: none;
    margin: 30px 0;
    padding: 0;
}

.explorer-categories li {
    list-style: none;
}

.explorer-categories li:hover {
}

.explorer-categories .font-subtitle {
    margin: 0;
    padding: 0;
}

.explorer-categories a {
    display: block;
    color: #ffffff !important;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    margin: 0 15px 15px 0;
    padding: 0 0 0 10px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #ffffff;
    position: relative;
    transition: 50ms linear;
}

.explorer-categories a:hover {
    border-color: initial;
}

.explorer-categories a span {
    min-width: 30px;
    display: block;
    float: right;
    font-size: 0.9rem;
    text-align: center;
    padding: 0 6px 0 6px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 0 0 10px;
    background: rgba(0, 0, 0, 0.4);
}

.explorer-categories a:hover {
}

.explorer-categories a:hover span {
    color: #ffffff;
}

.explorer-tree-wrapper {

}

.explorer-tree-wrapper .label {
    font-size: 1rem;
    font-weight: bold;
    display: block;
    padding: 0 0 6px 14px;
    text-transform: uppercase;
}

.explorer-tree {
    list-style: none;
    margin: 0 0 10px;
    padding: 0 15px;
}

.explorer-tree ul {
    margin: 0;
    padding: 0;
}

.explorer-tree li {
    position: relative;
}

.explorer-tree li:last-child {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
}

.explorer-tree:last-child li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.explorer-tree .total {
    opacity: 0.5;
    font-size: 76%;
    font-weight: normal;
}

.explorer-tree > li:hover > dt .total {
    opacity: 0.9;
}

.explorer-tree li a {
    width: 100%;
    display: block;
    position: relative;
    padding: 3px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 2;
}

.explorer-tree li > a::after {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1rem;
    line-height: 32px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    content: '\f111';
    opacity: 0.1;
}

.explorer-tree li > a::after {
    right: 0;
    top: 0;
}

.explorer-tree li:hover > a::after {
    opacity: 0.5;
}

.explorer-tree li.active > a {
    font-weight: bold;
}

.explorer-tree li.active > a::after {
    opacity: 1;
    font-weight: 600;
    content: '\f058';
}

.explorer-tree li a:hover > span {
    opacity: 0.9;
}

.explorer-tree .name {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0 28px 0 0;
    background-image: none;
}


#explorer-items {
}

.show-more {
    width: 260px;
    display: block;
    border: none;
    text-transform: uppercase;
    margin: 30px auto;
    padding: 10px 30px;
}

.show-more a {
    width: 100%;
    display: block;
}

.item-date {
    font-size: 0.8rem;
    text-align: center;
}

.item-author {
    height: 60px;
    margin: 1rem 0 3rem;
    font-size: 0.9rem;
    position: relative;
}

.item-author .user-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 0 10px;
    background: #ffffff;
    box-shadow: 0 18px 15px -25px rgba(0, 0, 0, .4);
}

.item-author .user-name {
    font-weight: bold;
    display: block;
    position: absolute;
    left: 75px;
    top: 15px;
}

.item-distance {
    text-align: center;
    font-size: 0.8rem;
}

.item-info {
    height: 90px;
    margin: 5px 0;
    overflow: hidden;
}

.item-info > div {
    margin: 0 20px 0 0;
    line-height: 90px;
    float: left;
}

.item-info i {
    font-size: 24px;
    margin: 0 5px 0 0;
}

.item-description {
    font-size: 100%; /* 1.1rem */
    position: relative;
    z-index: 0;
}

.item-description * {
}

.item-description *:first-child {
    margin-top: 0;
}

.item-description h1, .item-description h2, .item-description h3, .item-description h4,
.item-description h5, .item-description h6 {
    margin: 55px 0 25px;
    padding: 10px 0 10px 0;
    font-weight: bold;
    border-bottom: 1px solid #999;
}

.item-description p { /*margin-bottom: 1.5rem;*/
}

.item-description li {
    margin-bottom: 0.5rem;
}

.item-description li p {
    margin: 0;
}

.item-description .item-header {
    margin: 0 0 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(238, 238, 238, 0.6);
}

.item-description .img-fluid {
    width: 100%;
}


/* EVENTS - OLD IMPORTED */

.events {
}

.events .md-pills {
    border: none;
}

.events .md-pills li {
    margin: 0 2px 0 0;
    padding: 0;
    text-transform: uppercase;
}

.events .md-pills li a {
    text-align: center;
    font-size: 24px;
    line-height: 80%;
    padding: 12px 10px;
    /*background: rgba(0,122,147,0.50);*/
    border: 0;
    border-radius: 0.25rem 0.25rem 0 0;
}

.events .md-pills .nav-link span {
    display: block;
    font-size: 16px;
}

.events .md-pills .nav-link.active {
    color: #ffffff;
    background: #0B5464 !important;
}

.events .nav-tabs li a {
    margin: 0 1px 1px 0;
    border-radius: 0;
}

.events .tab-content {
    border: 1px solid #0B5464;
    padding: 10px 15px;
    border-radius: 0 0 0.25rem 0.25rem;
    background: rgba(14, 227, 250, 0.02);
}

.events .tab-pane {
}

.events .tab-pane.active {
}

.events .tab-pane h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
}

.events .tab-pane p {
    margin: 0 0 10px;
}

.events .tab-pane li {
    margin-bottom: 5px;
}

.events .event {
    font-size: 14px;
    border-bottom: 1px dashed rgba(0, 122, 147, 0.1);
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.events .event:last-child {
    border: none;
}

.events .date {
    margin: 0 0 10px;
    text-align: right;
    color: #0B5464;
    font-weight: bold;
    font-size: 14px;
}

.events .date::first-letter {
    text-transform: capitalize;
}

.events .time {
    text-transform: uppercase;
    color: #0B5464;
    padding: 0;
    margin: 0 20px 10px 0;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 20px;
}

.events .place {
    padding: 0 0 0 80px;
    margin: 0 0 5px;
    clear: both;
}

.events .place strong {
}

.events .description {
    padding: 0 0 0 80px;
    clear: both;
}


/*
.item-gallery { border-radius: 0.25rem; overflow: hidden; margin-bottom: 30px;  }
.item-gallery img{ width: 100%; height: 296px; }


*/
.item-gallery-wrapper {
}

.item-gallery-wrapper > .container {
}

.gallery-wrapper {
    margin: 1rem -1.5rem 0.5rem;
    overflow: hidden;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
    /*min-height: 395px; background: #000000; border-bottom: 58px solid #222222;*/
}

.gallery-wrapper.active {
    min-height: auto;
    border: none;
}

.gallery-wrapper:hover .slick-slider .slick-dots {
    opacity: 1;
}

body.site .gallery-wrapper {
    float: right;
    margin: 0 0 3.6rem;
    border-radius: 0 15px 15px 15px;
}

.item-gallery {
    overflow: hidden;
    background: #dddddd;
    z-index: 99;
}

.item-gallery > * {
    display: none;
}

.item-gallery.slick-initialized > * {
    display: block;
}

.item-gallery .media {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    display: block;
    position: relative;
    background-size: cover;
}

.item-gallery .media.loading {
    background-size: auto;
}

.item-gallery .media.video {
    cursor: pointer;
}

.item-gallery .media.video.init::after {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 4rem;
    transition: 150ms linear;
    font-family: 'Font Awesome 5 Free';
    content: '\f144';
    color: #ffffff;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 5px #000000;
}

.item-gallery .media.video:hover::after {
    text-shadow: 0 0 20px #000000;
}

.item-gallery .media img {
    width: auto; /*100%*/
    height: 100%;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.item-gallery .media.youtube img {
    width: 100%;
    height: auto;
    margin: 0;
    top: -16.5%;
}

.item-gallery .media .caption {
    width: 100%;
    height: auto;
    color: #999999;
    font-size: 0.8rem;
    line-height: 1rem;
    text-align: right;
    position: absolute;
    left: 0;
    top: 337px;
    padding: 0.4rem 1rem 0;
    background: rgba(0, 0, 0, 0.55);
    transition: 50ms linear;
}

.item-gallery .media-wrapper {
    background: #000000;
}

body.site .item-gallery {
    width: 480px; /*480 496*/
    height: 270px; /*270 279*/
    border-radius: 0 15px 15px 15px; /*360 203 - 500 281 width: 300px; height: 169px;*/ /*height: 200px;*/
}

body.site.has-slides .gallery-wrapper {
    margin-top: 30px;
    border-radius: 0 25px 25px 25px;
}

.item-gallery-sep {
    width: 90px;
    height: 260px;
    margin: 0 0 40px 40px;
    float: right;
}

body.site.has-slides .item-gallery-sep {
    margin-top: 30px;
}

/*
.item-gallery:hover .media .caption { opacity: 1; }
.item-gallery .caption:hover { display: none !important; opacity: 0 !important; }
*/

.item-gallery .slick-list { /*overflow: visible;*/
}

/* USER VIEW */

.user-header {
    margin: 3rem 0 3rem;
    position: relative;
}

.user-header .user-image img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
    line-height: 200px;
    display: block;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 18px 15px -25px rgba(0, 0, 0, .4);
}

.user-header .user-info {
    position: absolute;
    left: 245px;
    top: 1rem;
}

.user-header .user-name {

}

.user-header .user-intro {
    font-size: 1.2rem;
}

/* BADGE VIEW */

.badge-header {
    margin: 3rem 0 3rem;
    position: relative;
}

.badge-header .badge-image {

}

.badge-header .badge-image img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    display: block;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 18px 15px -25px rgba(0, 0, 0, .4);
}

.badge-header .badge-info {
    position: absolute;
    left: 125px;
    top: 1rem;
    color: #212529;
    background: none;
}

.badge-header .badge-name {

}

.badge-header .badge-intro {
    font-size: 1.2rem;
}

/* item-a11y */

.item-a11y {
    position: relative;
    right: 10px;
    top: -90px;
    z-index: 10;
    float: right;
}

.item-a11y .a11y-root i {
    font-size: 2rem;
}

.item-a11y .a11y-text-size {
}

.item-a11y .a11y-text-size-up {
}

.item-a11y .a11y-text-size-down {
}

body.a11y-text-size-1 .item-wrap {
    font-size: 1.2rem;
}

body.a11y-text-size-2 .item-wrap {
    font-size: 1.4rem;
}


#mapHeader {
    width: 320px;
    height: 180px;
    background: #DDDDDD;
    margin: 0 0 15px;
    cursor: pointer;
    clear: both;
    overflow: hidden;
    margin-top: 10px;
}

#mapHeader .cover {

}


.item-events-wrapper {
}

.slick-slider .slick-arrow {
    width: 3rem;
    height: 5rem;
    overflow: hidden;
    color: #A19D9C;
    border: none;
    padding: 0;
    outline: none;
    position: absolute;
    top: 36%;
    top: calc(50% - 5rem);
    z-index: 5;
    opacity: 0.04;
    transition: 150ms linear;
    font-family: 'Font Awesome 5 Free';
    cursor: pointer;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    background: none;
    opacity: 1;
}

.slick-slider:hover .slick-arrow {
}

.slick-slider .slick-arrow:hover {
    color: #7b7776;
}

.slick-slider .slick-arrow:focus {
    color: #595554;
}

.slick-slider .slick-arrow:before {
    padding: 0px 5px 0px 15px;
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 600;
}

.slick-slider .slick-prev:before {
    content: "\f053";
    padding: 0 15px 0 5px;
}

.slick-slider .slick-next:before {
    content: "\f054";
}

.slick-slider .slick-prev {
    left: 0;
    border-radius: 0 5px 5px 0;
}

.slick-slider .slick-next {
    right: 0;
    border-radius: 5px 0 0 5px;
}

.slick-slider .slick-disabled {
    opacity: 0.03 !important;
    cursor: auto;
}

.slick-slider .slick-dots {
    height: 15px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    transition: 50ms linear;
}

.slick-slider:hover .slick-dots {
    opacity: 1;
}

.slick-slider .slick-dots li {
    display: inline-block;
    margin: 0 2px;
    position: relative;
    top: -10px;
}

.slick-slider .slick-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
    text-align: left;
    border: none;
    float: left;
    padding: 0;
    outline: none;
    background: rgba(255, 255, 255, 0.50);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
    cursor: pointer;
}

.slick-slider .slick-dots button:hover {
    background: rgba(255, 255, 255, 0.80);
}

.slick-slider .slick-dots .slick-active button {
    background: rgba(255, 255, 255, 1.00);
}

.slick-slider.slick-arrow-bg .slick-arrow {
    height: 4.1rem;
    top: auto;
    bottom: 15px;
    opacity: 0.8;
}

.slick-slider.slick-arrow-bg:hover .slick-arrow {
    opacity: 0.9;
}

.slick-slider.slick-arrow-bg .slick-arrow:hover {
    opacity: 1;
}

.slick-slider.slick-arrow-bg .slick-prev {
    left: -222px;
}

.slick-slider.slick-arrow-bg .slick-next {
    right: -45px;
}

.slick-slider.slick-dots-sq .slick-dots {
    right: 0;
    bottom: -3px;
    left: auto;
    white-space: nowrap;
}

.slick-slider.slick-dots-sq .slick-dots li {
    margin: 0 0 0 3px;
}

.slick-slider.slick-dots-sq .slick-dots button {
    width: 10px;
    height: 3px;
    background: #CCCCCC;
    box-shadow: none;
    border-radius: 0;
}

.slick-slider.slick-dots-sq .slick-dots button:hover {
    background: rgba(255, 255, 255, 0.90);
}

.slick-slider.slick-dots-sq .slick-dots .slick-active button {
    background: #000000;
}


.gallery.slick-slider .slick-arrow {
    width: 2.6rem;
    height: 4rem;
    top: 30%;
    top: calc(50% - 2rem);
    color: #FFFFFF;
    opacity: 0.3;
}

.gallery.slick-slider:hover .slick-arrow {
    opacity: 0.8;
}

.gallery.slick-slider .slick-arrow:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.4);
}

.gallery.slick-slider .slick-arrow::before {
    font-size: 2.2rem;
    line-height: 2.2rem;
    padding: 0 10px 0 12px;
}

.gallery.slick-slider .slick-prev::before {
    padding: 0 12px 0 10px;
}

.item-raymi-wrapper {
    position: relative;
}

.item-raymi-wrapper.items-raymi-parent {
}

.item-raymi-wrapper > .container {
    height: 85px;
    position: relative;
    z-index: 1;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.item-raymi-wrapper .col-parent {
    padding-right: 0;
}

.item-raymi-wrapper .col-parent .card {
    box-shadow: none;
    background-color: transparent;
}

.item-raymi-wrapper .col-parent .card-title {
    max-height: 3rem;
    line-height: 100%;
    text-align: center;
    font-size: 0.96rem;
    font-weight: bold;
}

.item-raymi-wrapper .col-children {
    padding-top: 10px;
}

.item-raymi-wrapper:hover .slick-dots {
    opacity: 1;
}

.item-raymi-wrapper .card .distance {
    display: none;
}

.items-raymi {
    display: none;
}

.items-raymi.slick-initialized {
    display: block;
}

.items-raymi > .slick-list > .slick-track {
    margin-left: 0;
}

.items-raymi.slick-slider .slick-arrow {
    bottom: 10px;
    right: -45px;
}

.items-raymi.slick-slider .slick-prev {
    left: -45px;
}

.items-raymi.slick-slider .slick-dots {
    bottom: -14px;
}

.item-site-wrapper {
    height: 150px;
    position: relative;
    margin: 30px 0 30px;
}

.item-site-wrapper.items-raymi-parent {
}

.item-site-wrapper > .container {
    position: relative;
    z-index: 1;
}

.item-site-wrapper .col-parent {
    padding: 0;
}

.item-site-wrapper .col-parent .item-site {
    margin: 0 0 0 15px;
    padding: 4px 0 0 0;
    background: #ffffff;
    box-shadow: 0px -15px 10px rgba(0, 0, 0, 0.06);
    border: solid #EEEEEE;
    border-width: 1px 1px 0 1px;
    border-radius: 0.25rem 0.25rem 0 0;
}

.item-site-wrapper .col-parent .item-site a {
    width: 100%;
    height: 145px;
    display: flex;
    text-align: center;
    color: #000000;
}

.item-site-wrapper .col-parent .item-site picture {
    display: flex;
    margin: 0 auto;
}

.item-site-wrapper .col-parent .item-site .icon {
    max-width: 96%;
    max-height: 140px;
    align-self: center;
    margin: 0 auto;
}

.item-site-wrapper .col-parent .item-site .title {
    width: 98%;
    width: calc(100% - 15px);
    height: 31px;
    line-height: 100%;
    padding: 0 14px;
    overflow: hidden;
    background: #FFFFFF;
    display: flex;
    align-self: center;
    align-items: center;
    font-weight: normal;
    position: absolute;
    left: 15px;
    top: 149px;
    font-size: 0.7rem;
}

.item-site-wrapper .col-parent .card {
    box-shadow: none;
    background-color: transparent;
}

.item-site-wrapper .col-parent .card-title {
    max-height: 2.1rem;
    line-height: 0.9rem;
}

.item-site-wrapper .col-children {

}

.item-site-wrapper:hover .slick-dots {
    opacity: 1;
}

.item-site-logo {
    float: right;
}

.item-site-logo img {
    width: auto;
    height: 50px;
}

.item-site-logo span {
    display: none;
}

.item-site-logo-footer {
    text-align: center;
}

.item-site-logo-footer img {
    width: auto;
    height: 60px;
}

.item-site-logo-footer span {
    font-size: 80%;
    margin: 1rem;
    display: block;
}

.items-site {
}

.items-site > .item {
}

.items-site.slick-initialized {
}

.items-site:not(.slick-initialized) {
    max-height: 167px;
    overflow: hidden;
}

.items-site:not(.slick-initialized) > .item {
    width: 25%;
    float: left;
}

.items-site.slick-slider .slick-arrow {
    bottom: 17px;
    right: -45px;
}

.items-site .slick-slide > div {
    display: flex;
}

.items-nearby .slick-dots-sq .slick-dots {
    bottom: -10px;
}

.item-slides-wrapper {
    margin: 0;
    background: #dddddd;
}

.item-slides {
    overflow: hidden;
    background: #ffffff;
}

.item-slides, .item-slides .item-inner, .item-slides {
}

.item-slides .item {
    background-size: cover; /*background-image: none !important; background-color: #000000;*/
}

.item-slides .item > .container {
    padding: 0 140px;
}

.item-slides .item .item-inner {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /*16:9 56.25% - 3:2 66.666667% - 4:3 66.666667%*/
    position: relative; /*overflow: hidden;*/
}

.item-slides .item .item-inner > div {
    width: 100%; /*height: 100%; position: absolute; display: flex; align-items: center;*/
}

.item-slides > * {
    display: none;
}

/*.item-slides > .item { display: none; }*/
.item-slides > .item .slide, .item-slides > .item .caption-wrapper { /*display: none;*/
}

.item-slides > .item:first-child {
    display: block;
}

.item-slides.slick-initialized > * {
    display: block;
}

.item-slides.slick-initialized .slick-slide {
    height: auto;
}

/*
.item-slides > * { display: none; }
.item-slides.slick-initialized > * { display: block; }
 */

.item-slides {
}

.item-slides.slick-initialized {
}

.item-slides .item .slide {
    width: 100%;
    /*
        width: 100%; height: 100%; position: absolute; left: 0; top: 0; align-self: center;
    */
    transition: all 300ms ease-in-out;
    transform: scale(1.25, 1.25);

    -webkit-mask-image: radial-gradient(ellipse 100% 300% at 50% 50%, black 30%, transparent 50%);
    mask-image: radial-gradient(ellipse 100% 300% at 50% 50%, black 30%, transparent 50%); /*100% 200%*/
}

.item-slides .slick-slide > div {
    display: flex;
}

.item-slides .slick-active .item .slide {
    transform: scale(1, 1);
}


.item-slides .item .caption-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 0;
}

.item-slides .item .caption-wrapper .container {
    height: 100%;
    height: calc(100% - 5px);
    display: flex;
    align-items: center;
    position: relative;
}

/*
mask-image: url(img/slide-mask.svg); mask-size: 100% 100%;
-webkit-mask-image: url(img/slide-mask.svg); -webkit-mask-size: 100% 100%;
 */

/*
    mask-image: url(img/slide-mask.svg),
    linear-gradient(-45deg,
            rgba(0,0,0,1) 20%, rgba(0,0,0,0) 50%);
    mask-repeat: space;
 */
/*
    mask-image: url(img/slider-img-bg.png); mask-size: 100% 100%;
    -webkit-mask-image: url(img/slider-img-bg.png); -webkit-mask-size: 100% 100%;
*/
/*
mask-image: url(img/slider-img-bg.png);
-webkit-mask-image: url(img/slider-img-bg.png);
 */
/*
    -webkit-mask-image: radial-gradient(ellipse 100% 240% at 50% 50%, black 30%, transparent 50%);
    mask-image: radial-gradient(ellipse 100% 240% at 50% 50%, black 30%, transparent 50%);
*/

/*
.item-slides .item .caption-wrapper,
.gallery.slick-slider .slick-arrow,
.item-slides.slick-slider .slick-dots,
.item-slides .slick-active .item .slide,
.item-slides .item-inner a { display: none !important; }
*/

.item-slides .item .caption {
}

.item-slides .item .caption {
    max-width: 40%;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 220px;
    opacity: 1;
    margin: 0 -85px 0 0;
}

/*
.item-slides .item .caption.left { left: 15px; right: auto; }
.item-slides .item .caption.right { left: auto; right: 15px; }
.item-slides .item .caption.top { top: 80px; bottom: auto; }
.item-slides .item .caption.right { top: auto; bottom: 100px; }
*/

.item-slides .item .caption .line {
    padding: 0.6rem 0.8rem;
    margin: 0;
    line-height: 100%;
    margin: 0;
    z-index: 10;
    display: block;
    transition: 150ms linear;
    text-align: right;
    float: right;
    clear: both;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.1);
    font-size: 1.2rem;
}

.item-slides .item .caption .line-1 {
    font-size: 1.6rem;
    border-radius: 0.25rem 0.25rem 0 0;
    font-weight: bold;
}

.item-slides .item .caption .line-2 {
    border-radius: 0.25rem 0 0.25rem 0.25rem;
}

/*
.item-slides .item .caption-1{ background: none; box-shadow: none; }
.item-slides .item .caption-1 h2{ font-size: 20px; color: #FFFFFF; font-weight: bold; text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
.item-slides .item .caption-1 h2 span{ font-size: 24px; display: block; color: #000000; text-shadow: none; background: rgba(255,255,255,0.70); padding: 5px 0 5px 2px; }

.item-slides .item .caption-2{ background: none; box-shadow: none; text-align: center; margin: 0 auto; }
.item-slides .item .caption-2 h2{ font-size: 50px; letter-spacing: -3px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.6); }
.item-slides .item .caption-2 h2 span{
    border: solid rgba(255,255,255,0.80); border-width: 1px 0 1px 0; display: block; letter-spacing: 0; font-size: 18px;
    padding: 5px 0; margin: 0 0 5px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}
*/

.item-slides.slick-slider .slick-dots { /* bottom: 40px; */
}

.item-content-wrapper {
    /*margin: 0 0 60px 30px;*/
    margin-top: 1.5rem;
    margin-bottom: 60px;
    position: relative;
    z-index: 20;
}

.item-content-wrapper > .container {
    position: relative;
}

.item-wrap { /*465 300px 434px 234px 265px*/
    color: #333333;
    /*overflow: hidden;*/
}

.item-wrap .item-col {
    /*overflow: hidden;*/
}

.item-wrap.closed .item-col {
    overflow: hidden;
}

.item-wrap.opened {
    height: auto;
}

.item-wrap.opened .item-col {
}

.item-wrap.loaded { /*overflow: visible !important;*/
}

.item-wrap .item-col-1 {

}

.item-wrap .item-col-1 > .wrapper {
    /*
    width: calc(100% - 380px);
     */
    /*
    padding: 10px 30px 30px;

     */
    padding: 1rem 1.5rem;
    border: 1px solid #EEEEEE;
    background: #FFFFFF;

    /*
    -ms-flex: 0 0 calc(100% - 380px);
    flex: 0 0 calc(100% - 380px);
    max-width: calc(100% - 380px);
     */
}

.item-wrap .item-col-2 {
    /*width: 350px;*/
    /*
    overflow: visible !important;
    margin: 0 0 0 30px;
    padding-right: 0;
     */

    /*
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
    max-width: 350px;
     */
    padding-left: 30px;
    z-index: 101;
}

.item-wrap .item-col-2 > .wrapper {
    width: 300px;
    float: right;
}

.item-wrap .item-col-2 .item-news {
    clear: both;
    /*
    width: 320px;
    float: right;
     */
}

.item-wrap .item-col-2 .item-news .cover {
    width: 100%;
}

.item-wrap .item-col-2 .item-news > div {
    margin: 0 0 1.5rem;
    overflow: hidden;
    border-radius: 0.25rem;
}

.item-wrap .item-col-2 .item-news .item-gallery {
    width: auto;
    height: auto;
}

body.site .item-wrap {
    height: 400px;
    overflow: hidden;
}

body.site .item-wrap.closed .item-col-1 {

}

body.site .item-wrap .item-col-1 > .wrapper {
    border-radius: 0 0 5px 5px;
    border-top: none;
}

body.site .item-wrap .item-col-2 {
    overflow: visible !important;
}

body.destination .col-main {
    padding-top: 0;
}

body.destination .title-main {
    min-width: 20%;
    margin: 15px 0 0 0;
    float: left;
}

body.destination .item-content-wrapper {
    margin-top: 0;
}

body.destination .item-site-wrapper {
    margin: 0;
}

body.destination .item-site-wrapper .col-parent .item-site .title {
    display: none;
}

body.destination .item-site-wrapper .col-parent .item-site {
}

body.destination .item-site-wrapper .card {
    background-color: rgba(255, 255, 255, 0.86) !important;
}

body.destination .item-site-wrapper .card:hover {
    background-color: rgba(255, 255, 255, 0.96) !important;
}

body.destination .item-wrap {
    height: auto;
}

body.destination .item-wrap .item-col-1 > .wrapper {
    border-top: none;
}

body.destination .item-wrap > .row {
    display: block;
}

body.destination .item-wrap .item-col {
    border-top: none;
    padding-right: 0;
    padding-bottom: 0;

    width: calc(100%);
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

body.destination .item-wrap .items {
    padding: 0;
    display: block;
}

body.destination .item-wrap .items .item {
    align-self: auto;
    padding: 0;
}

body.destination .item-wrap .card {
    display: block;
    padding: 0;
    box-shadow: none;
    border-radius: 0 0 25px 0;
}

body.destination .item-wrap .card:hover .card-title,
body.destination .item-wrap .card:hover .card-readmore {
    text-decoration: underline;
}

body.destination .item-wrap .card-title {
    color: #999999;
}

body.destination .item-wrap .card-image {
    width: 448px;
    height: 252px;
    float: right;
    padding: 0;
}

body.destination .item-wrap .card-body {
    width: 50%;
    width: calc(100% - 540px);
    padding: 0 0 30px 0;
    float: left;
}

body.destination .item-wrap .card-text {
    font-size: 110%;
    line-height: 130%;
    margin: 1.2rem 0;
    color: #555555;
}

body.destination .item-wrap .card-readmore {
    font-weight: bold;
    display: block;
    float: right;
}

body.destination .item-wrap .card-readmore i {
    margin: 0 0 0 5px;
    position: relative;
    top: 2px;
}

/*
body.destination .destination-path-wrapper {
    width: 100%;
    position: absolute;
    top: 70px;
    background: rgba(255, 255, 255, 0.3);
}

body.destination .path.explorer {
    margin: 0;
    padding: 0;
}

body.destination .path.explorer a {
    line-height: 40px;
}
*/

body.destination .path.explorer {
    margin: 0 0 20px;
    padding: 0;
}

.destination-site-wrapper {
    padding-top: 100px;
    background-size: cover;
}


.item-readmore {
    width: 100%;
    width: calc(100% - 30px);
    height: 140px; /* 150*/
    position: absolute;
    left: 15px;
    bottom: 0; /*345px 314 180px*/
    cursor: pointer;
    border-bottom: 1px solid #EEEEEE;
    background: rgba(255, 255, 255, 0.60);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%);
    z-index: 100;
}

.item-readmore > i {
    width: 100%;
    font-size: 2rem;
    text-align: center;
    color: #0e88b1; /*#A19D9C*/
    transition: 150ms linear;
    display: none;
    position: absolute;
    left: 0;
    bottom: 6px;
    text-shadow: 0 0 10px #fff;
    /*background: rgba(255, 255, 255, 0.9);*/
}

.item-readmore:hover > i {
    color: #0E5392;
    bottom: 1px;
}

.item-readmore:focus > i {
    bottom: 3px;
}

.item-readmore .readmore {
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #0e88b1; /*#A19D9C*/
    transition: 150ms linear;
    display: block;
    position: absolute;
    bottom: 30px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}

.item-readmore:hover .readmore {
    color: #0E5392;
    bottom: 24px;
}

.item-readmore:focus .readmore {
    bottom: 22px;
}

.item-wrap.loaded .item-readmore > i {
    display: block;
}

.item-wrap.opened .item-readmore {
    display: none;
}


.item-title {
}

.item-title .font-title {
    margin: 0 0 16px;
}

body.site .item-title {
    width: 80%;
    padding: 15px 0 0 0;
    margin: 0 20% 0 0;
}

.item-intro {
    font-size: 110%; /*140% 1.4rem*/
    line-height: 140%;
    color: #555555;
    margin: 1.6rem 0;
    /*
    border-bottom: 1px solid #f2f2f2;

     */
    /*
    margin-bottom: 24px;
    padding-bottom: 24px;

     */
}

.item-logos {

}

.item-social {
    width: 100%;
    margin: 0.5rem 0 3rem 0;
    padding: 5px 0 2px 0;
    border: solid #f2f2f2;
    border-width: 0 0 1px 0;
    position: relative;
}

#item-stats {

}

#item-stats > div {
    width: 60px;
    display: inline-block;
    position: relative;
    margin: 0 0 8px;
    cursor: pointer;
    transition: 50ms linear;
    color: #999999;
}

#item-stats > div::after {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    border-radius: 50%;
}

#item-stats .like::after {
    content: '\f164';
}

#item-stats .dislike::after {
    content: '\f165';
}

#item-stats .favorite::after {
    content: '\f004';
}

#item-stats .wish::after {
    content: '\f022';
}

#item-stats .visited::after {
    content: '\f024';
}

#item-stats .review::after {
    content: '\f4ad';
}

#item-stats .contact::after {
    content: '\f0f3';
}

#item-stats > div:hover::after {
    color: #065FD4;
}

#item-stats > .active::after {
    font-weight: 600;
    color: #065FD4;
}

#item-stats .favorite:hover::after,
#item-stats .favorite.active::after {
    color: #ff0000;
}

#item-stats .wish:hover::after,
#item-stats .wish.active::after {
    color: #FF990F;
}

#item-stats .visited:hover::after,
#item-stats .visited.active::after {
    color: #FF990F;
}

#item-stats .review:hover::after,
#item-stats .review.active::after {
    color: #016777;
}

#item-stats .contact:hover::after,
#item-stats .contact.active::after {
    color: #ffd700;
}

#item-stats > div > span {
    display: block;
    font-size: 0.7rem;
    text-align: center;
    color: #BBBBBB;
    padding: 34px 0 0 0;
}

.item-sharer {
    margin: 10px 0 32px 0;
    z-index: 9;
    position: absolute;
    right: 0;
    top: -8px;
}

.item-sharer .label {
    width: auto;
    height: auto;
    float: left;
    font-size: 0.9rem;
    line-height: 54px;
    color: #AAAAAA;
    margin: 0 10px 0 0;
    background: none !important;
}

.item-sharer .icon {
    width: 34px;
    height: 34px;
    display: inline-block;
    margin: 10px 2px;
    cursor: pointer;
    text-align: center;
    background: #CCCCCC; /*#D7D4D4*/
    border-radius: 50%;
    font-size: 26px;
    line-height: 34px;
    color: #FFFFFF;
    transition: 50ms linear;
}

.item-sharer i {
    position: relative;
    line-height: 34px;
}

.item-sharer .facebook i {
    top: 5px;
}

.item-sharer .twitter {
    font-size: 22px;
}

.item-sharer .pinterest i {
    top: 4px;
}

.item-sharer .linkedin {
    font-size: 20px;
}

.item-sharer .email {
    font-size: 20px;
}

.item-sharer .more {
    font-size: 20px;
    color: #b9b6b6;
    background: none;
}

.item-sharer .dropdown-menu {
    padding: 10px;
}

.item-sharer .icon:hover {
    background-color: #333333;
}

.item-sharer .icon:hover.facebook {
    background-color: #3a579a;
}

.item-sharer .icon:hover.twitter {
    background-color: #00abf0;
}

.item-sharer .icon:hover.whatsapp {
    background-color: #25d366;
}

.item-sharer .icon:hover.pinterest {
    background-color: #cd1c1f;
}

.item-sharer .icon:hover.email {
}

body.site .item-sharer {
    position: relative;
    right: auto;
    top: auto;
}

.item-contact {
    position: relative;
}

.item-contact .contact {
    margin: 6px 10px 0 0;
    float: left;
}

.item-contact .contact a {
    font-size: 90%;
}

body.site .item-contact {
    top: -3rem;
}

.item-attachments {
    width: 80%;
    margin: 0 auto 2rem;
    position: relative;
}

.item-attachments > .wrapper {
    padding: 1.25rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
    border: 1px solid #f0ad4e;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
    background: rgba(240, 173, 78, 0.1);
}

.item-attachments .title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
}

.item-attachments ul {
    margin: 0;
    padding: 0;
}

.item-attachments ul li {
    list-style: none;
    border-bottom: 1px dashed rgba(240, 173, 78, 0.8);
}

.item-attachments ul li:last-child {
    border-bottom: none;
}

.item-attachments a {
    font-size: 90%;
    border-radius: 0.25rem;
    padding: 0.6rem;
    display: block;
}

.item-attachments a:hover {
    background: rgba(240, 173, 78, 0.3);
    /*background: linear-gradient(to bottom, #8B7676 0%, #675252 80%, #8B7676 100%);*/
    text-decoration: none;
}

.item-attachments a i {
    font-size: 1.3rem;
    padding: 0 0.4rem 0 0;
}

/* BOOTSTRAP ADDONS */

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}

.bd-callout-warning {
    border-color: #f0ad4e;
    background: rgba(240, 173, 78, 0.1);
}


/* homepage styles - BEGIN */
.homepage-search-wrapper {
    width: 100%;
    height: 238px;
    text-align: center;
    margin-bottom: 45px;

    background: #FFFFFF no-repeat left center;
}

.homepage-search-wrapper.bg1 {
    background-image: url(img/search-bg/01.jpg);
}

.homepage-search-wrapper.bg2 {
    background-image: url(img/search-bg/02.jpg);
}

.homepage-search-wrapper.bg3 {
    background-image: url(img/search-bg/03.jpg);
}

.homepage-search-wrapper.bg4 {
    background-image: url(img/search-bg/04.jpg);
}

.home-title {
    text-align: right;
    color: #005266;
    position: relative;
    top: 76px;
}

.section-featured {

}

.section-featured-inner {
    padding: 2.8rem 0 2rem 0;
    border-bottom: 1px solid #FFFFFF;
}

.sf-col-1 {
}

.sf-col-2 {
}

.sf-col-3 {
}

.section-home {
    padding: 2rem 0 2rem 0;
    border-bottom: 1px solid #FFFFFF;
}

.section-home .title {
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 2rem;
}

#section-objectives {
    background-color: #FFEAEA;
}

.home-objectives {
    margin-top: 2rem;
}

.home-objectives .block {
    text-align: center;
}

.home-objectives .block a {
    display: block;
    margin: 0 0 20px;
}

.home-objectives .block .caption {
    line-height: 120%;
    font-weight: bold;
    display: block;
    font-size: 90%;
    letter-spacing: 0.6px;
}

.home-objectives .block img {
    margin: 0 0 12px 0;
}

.home-objectives .block-1 {
    font-size: 112%;
    line-height: 110%;
    color: #000000;
}

.home-objectives .block-1 a {
    font-size: 120%;
    font-weight: bold;
    color: #000000;
    margin-top: 10px;
}

.home-objectives .block-1 span {
    font-size: 90%;
    font-weight: bold;
    margin: 0 3px;
    letter-spacing: 0.4px;
}

.home-objectives .block-2 a {
    color: #E43936;
}

.home-objectives .block-3 a {
    color: #B20D3E;
}

.home-objectives .block-4 a {
    color: #DE127B;
}

.home-objectives .block-5 a {
    color: #D98918;
}

#section-awards {
    background-color: #E8FBFE;
}

#section-sites {
    background-color: #FFFFFF;
}

.home-logos {
    text-align: center;
    margin-top: 0.9rem;
    margin-bottom: 0;
}

.home-logos a {
    color: #464646;
    display: block;
    margin-bottom: 20px;
}

.home-logos .caption {
    display: block;
    margin: 10px 0 0 0;
    line-height: 130%;
}

.home-logos .caption span {
    font-weight: bold;
    display: block;
    font-size: 96%;
    color: #666;
}

#section-footer-1 {
    background-color: #2B2B2B;
    padding: 1rem 0;
    border-bottom: none;
}

#section-footer-2 {
    background-color: #1E1E1E;
    font-size: 84%;
    border-bottom: none;
}

.footer-menu {
    margin-bottom: 0;
}

.footer-menu li {
    margin-bottom: 5px;
}

.footer-menu li:first-child {
    font-weight: bold;
    font-size: 105%;
}

.footer-menu a {
    color: #FFFFFF;
}

.footer-menu a:hover {
    text-decoration: underline;
}

#section-footer-3 {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 90%;
    text-align: center;
    padding: 1rem 0;
    border-bottom: none;
}


/* homepage styles - END */

.userInterface {
    background: #00a8c6;
}

/* styles for shopping cart's elements - BEGIN */
#stock-info-shopping,
#tour-info-shopping,
#habitation-info-shopping {
    height: 47px;
    width: 100%;
    border: solid #f2f2f2;
    border-width: 1px 0 0 0;
}

#stock-info-shopping span,
#tour-info-shopping span,
#habitation-info-shopping span {
    font-family: 'Roboto', sans-serif;
}

#stock-info-shopping > div,
#tour-info-shopping > div,
#habitation-info-shopping > div {
    display: inline-block;
    padding: 1rem 0rem 1rem 1rem;
    position: relative;
    transition: 50ms linear;
    color: #999999;
}

#tour-info-shopping,
#habitation-info-shopping {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

div.price span {
    font-size: 1.2rem;
}

div.quantity span {
    font-size: 0.8rem;
}

div.quantity span b {
    font-size: 1.2rem;
}

div.addproduct span {
    font-size: 0.8rem;
}

div.car-details span {
    font-size: 0.8rem;
}

#stock-info-shopping div.car-details,
#tour-info-shopping div.car-details,
#habitation-info-shopping div.car-details {
    visibility: hidden;
}

#stock-info-shopping div.quantity span:first-child {
    vertical-align: 0.1rem;
    display: inline-block;
    padding-right: 0.2rem;
}

#stock-info-shopping div.quantity span:nth-child(2) {
    vertical-align: 0rem;
    display: inline-block;
}

#stock-info-shopping div.addproduct span:first-child {
    vertical-align: 0.1rem;
    display: inline-block;
}

#stock-info-shopping div.car-details span:first-child,
#tour-info-shopping div.car-details span:first-child,
#habitation-info-shopping div.car-details span:first-child {
    vertical-align: middle;
    display: inline-block;
    padding-right: 0.2rem;
}

#stock-info-shopping div.car-details:hover,
#tour-info-shopping div.car-details:hover,
#habitation-info-shopping div.car-details:hover {
    color: coral;
}

#stock-info-shopping div.car-details a,
#stock-info-shopping div.car-details a:hover,
#tour-info-shopping div.car-details a,
#tour-info-shopping div.car-details a:hover,
#habitation-info-shopping div.car-details a,
#habitation-info-shopping div.car-details a:hover {
    color: coral;
    cursor: pointer;
    text-decoration: underline;
}

#stock-info-shopping div.car-details a span,
#tour-info-shopping div.car-details a span,
#habitation-info-shopping div.car-details a span {
    vertical-align: -0.05rem;
    display: inline-block;
    text-decoration: underline;
}

#stock-info-shopping div.price:hover {
    color: forestgreen;
}

#stock-info-shopping div.quantity:hover {
    color: blueviolet;
}

#stock-info-shopping div.addproduct:hover {
    color: dodgerblue;
    cursor: pointer;
}

#shopcart-wrapper {
    width: 100%;
    background-color: #f1fcff;
}

#shopcart-header {
    width: 100%;
}

#shopcart-title {
    font-size: 3em;
    color: Tomato;
    margin: 0 auto;
    display: table;
}

#shopcart-title span {
    font-family: 'Roboto', sans-serif;
    font-size: 0.4em;
    vertical-align: middle;
    padding-left: 1rem;
}

#shopcart-subtitle {
    margin: 0 auto;
    display: table;
    padding: 1.4rem;
}

#shopcart-subtitle span {
    vertical-align: middle;
}

#cart-details-wrap table tbody tr .editable_quantity {
    width: 3rem;
    text-align: center;
    border-radius: 0.5rem;
    border: 1px solid #ccc;
}

#cart-details-wrap table tbody tr .editable_quantity-style {
    width: 3rem;
    text-align: center;
    border-radius: 0.5rem;
    border: 2px solid red;
    outline-color: transparent;
}

#register_form_container .email-validation {
    border-radius: 0.5rem;
    border: 2px solid red;
    outline-color: transparent;
}

#cart-details-wrap table tbody tr span.editable_link {
    font-size: 0.8rem;
    cursor: pointer;
    border-bottom: dotted 1px;
    color: chocolate;
}

#cart-details-wrap table.table-striped tbody tr td:last-child {
    background-color: transparent;
    border-top: 0px;
}

#cart-details-wrap table tbody tr span.editable_link:hover {
    color: crimson;
}

#cart-details-wrap table tbody tr div.fa-trash-alt {
    color: coral;
    font-size: 0.8rem;
    font-weight: normal;
}

#cart-details-wrap table tbody tr div.fa-trash-alt:hover {
    color: crimson;
    cursor: pointer;
}

#cart-details-wrap table tbody tr div.fa-trash-alt span {
    font-family: fa5-proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
}

#cart-details-wrap div.cart-details-subtotal {
    text-align: right;
    width: 74px;
}

#cart-receipt {
    padding: 10px 30px 30px;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    background: #FFFFFF;
    margin: 0 5px;
}

#cart-receipt-details {
    padding: 10px 30px 30px;
    border-radius: 5px;
    background: #FFFFFF;
    margin: 0 5px;
}

.cart-optional-buttons {
    padding-top: 10px;
    font-family: 'Roboto', sans-serif;
}

.cart-optional-buttons div {
    position: absolute;
    bottom: -0.5rem;
}

.cart-optional-buttons input {
    font-family: 'Roboto', sans-serif;
    padding: 5px 1px;
}

.cart-optional-buttons div.fa-trash {
    left: 0;
    margin: 1rem 1rem 1.4rem 2rem;
    font-size: 14px;
    color: darkgrey;
    display: none;
}

.cart-optional-buttons div.fa-cart-plus {
    right: 0;
    margin: 1rem 2rem 1.4rem 1rem;
    font-size: 16px;
    color: dodgerblue;
}

.cart-optional-buttons div.fa-trash input {
    width: 6rem;
    font-size: 0.7rem;
}

.cart-optional-buttons div.fa-cart-plus input {
    width: 8.4rem;
    font-size: 0.8rem;
}

div.cart-optional-buttons div.alert-warning {
    position: relative;
}

.cart-receipt-title,
.cart-receipt-shipping-cost,
.cart-receipt-payment {
    text-align: center;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#abstract-cart-receipt {
    margin: auto;
    text-align: center;
}

#abstract-cart-receipt,
.cart-receipt-title span,
.cart-receipt-shipping-cost span,
.cart-receipt-shipping-cost p,
.cart-receipt-payment input {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
}

.cart-receipt-title {
    border-bottom: 1px dotted #aaa;
    margin-bottom: 0.7rem;
}

.cart-receipt-title span.abstract-title {
    display: block;
    padding-top: 0.7rem;
    padding-bottom: 0.4rem;
}

#cart-receipt-details div.cart-receipt-title {
    color: dodgerblue;
}

#cart-receipt-details div.cart-receipt-title span.abstract-title {
    display: block;
    padding-top: 0.7rem;
    padding-bottom: 0.4rem;
    font-size: 1.2rem;
}

.cart-receipt-title span.local-currency {
    font-size: 0.7rem;
}

#cart-receipt-details div.cart-receipt-title span.local-currency {
    font-size: 0.7rem;
    display: block;
}

.cart-receipt-shipping-cost p {
    font-weight: normal;
    padding-top: 0.7rem;
}

#cart-total-payment {
    font-size: 1.5rem;
}

.cart-receipt-payment input {
    display: block;
    margin: 0 auto;
    margin-top: 7px;
    padding: 4px 2px;
}

#payment-btn input {
    background-color: gold;
    padding: 4px 27px;
    font-size: medium;
    font-weight: 900;
    border-radius: 12px;
    color: #111;
    border: 1px solid #ccc;
}

#payment-btn input:hover {
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
}

#abstract-cart-receipt label {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 0.8rem;
    width: 8rem;
    text-align: left;
}

#abstract-cart-receipt span {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-align: right;
    display: inline-block;
    width: 5rem;
}

#abstract-cart-receipt div.fa-shipping-fast span {
    margin-left: -5px;
}

#abstract-cart-receipt-details label {
    width: 24%;
}

#abstract-cart-receipt-details div.txt-order-details {
    padding-left: 2rem;
}

#abstract-cart-receipt-details div.txt-order-details label {
    font-weight: bold;
}

div.subtitle-abstract-order-details {
    width: 100%;
    text-align: center;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    color: darkorange;
    padding-left: 1.7rem;
    padding-right: 1.7rem;
}

div.subtitle-abstract-order-details span {
    display: block;
    text-align: center;
    padding: 1rem;
    border-bottom: 1px dotted #ccc;
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
}

#payment-options {
    text-align: center;
    margin-bottom: 0.7rem;
    margin-top: 1rem;
}

#payment-options span {
    display: block;
    border-bottom: 1px dotted #aaa;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 900;
    padding-bottom: 1rem;
}

#payment-options-btns {
}

#admin-store-orders .payment-via {
    color: #f58a34;
}

#admin
div.table-order-details {
    padding: 0px 30px 30px;
}

#faq-link {
    position: absolute;
    top: -0.5rem;
    right: 3rem;
    padding: 10px 20px;
    text-align: center;
    color: #777;
    box-sizing: inherit;
}

div.faq-logo {
    height: 1.4rem;
    margin: auto;
    z-index: 1;
    position: relative;
    box-sizing: inherit;
}

div.faq-description {
    font-family: 'Roboto', sans-serif;
    z-index: 1;
    position: relative;
    box-sizing: inherit;
}

#faq-link:hover div.faq-logo {
    cursor: pointer;
    color: gold;
}

#faq-link:hover div.faq-description {
    color: #111;
    cursor: pointer;
}

span.faq-description-title {
    font-size: 1rem;
    display: block;
}

span.faq-description-subtitle {
    font-size: 0.7rem;
    display: block;
    text-align: center;
}

span.p2p_word_place,
span.p2p_word_pay {
    color: #7C7890;
}

span.p2p_word_to {
    color: #FC6C04;
}

#paypal-btn {
    width: 51px;
    height: 51px;
    display: block;
    padding-left: 1rem;
}

#placetopay-btn {
    width: 179px;
    height: 42px;
    display: block;
    margin: 1rem auto 0 auto;
}

#placetopay-btn img {
    display: block;
    height: 42px;
}

#opt_payment_p2p {
    text-align: center;
    margin-top: 0.7rem;
    font-size: 0.8rem;
}

#placetopay-network,
#paypal-network {
}

#placetopay-network span {
    display: block;
    font-size: 0.7rem;
    padding-left: 1rem;
}

#placetopay-network div.network-btns {
    background: url(img/store/logos-ec-25.png) no-repeat;
    width: 300px;
    height: 21px;
    margin: 0.7rem 0 0.7rem -0.4rem;
}

#placetopay-network div.network-btns-mc {
    background: url(img/store/mastercard-38-30.png) no-repeat;
    width: 38px;
    height: 30px;
    margin: auto;
}

#payment-terms-conditions {
    text-align: center;
}

#payment-terms-conditions label a {
    border-bottom: 1px dotted;
}

#payment-terms-conditions label a:hover {
    cursor: pointer;
    color: dodgerblue;
}

#paypal-network div.network-btns {
    background: url(img/store/paypal-network-logo.png) no-repeat;
    width: 272px;
    height: 41px;
    margin: auto;
    margin: 0.7rem auto;
}

#modal-tos .tos-logo,
#modal-advice .advice-logo,
#modal-stock-advice .advice-logo {
    background: url(img/logo-header.png) no-repeat;
    width: 208px;
    height: 50px;
    margin: 1rem auto 1rem auto;
}

#modal-tos .btn-default,
#modal-advice .btn-default,
#modal-stock-advice .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

#modal-tos .modal-body .container-fluid {
    height: 14rem;
    overflow-y: scroll;
}

#modal-advice .modal-body .container-fluid {
    height: auto;
    max-height: 100%;
}

#modal-advice a.confirm-delete {
    color: white;
}

#abstract-cart-receipt hr.cart-subtotal {
    width: 80%;
}

#lightbox-response,
div.processing-status {
    min-height: 26px;
    text-align: center;
    display: none;
    margin: auto;
}

#content #footer-trans-msg a,
#content #footer-trans-msg a:visited {
    color: rgb(51, 51, 51);
}

#content #footer-trans-msg a:hover {
    font-weight: 700;
    cursor: pointer;
    color: rgb(51, 51, 51);
}

#content #footer-trans-msg li {
    list-style: none;
}

#content #footer-trans-msg li i {
    color: #016777;
}

/* styles for shopping cart's elements - END */
/* styles for product-stocks - BEGIN */
div.stock-row-quantity {
    color: blueviolet;
}

div.stock-row-unit-price {
    color: darkcyan;
}

.row-stock-detail .row-author div,
.row-payments-detail .row-author div,
.row-store-orders-detail .row-author div,
.row-tour-detail .row-author div {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
    word-break: break-all;
    font-size: 0.77rem;
}

/* styles for product-stocks - END */
/* styles for shopping cart message - BEGIN */
#transaction-msg {
    padding: 4% 7%;
}

#header-trans-msg {
    text-align: center;
}

#header-trans-msg .fa-magic {
    color: steelblue;
}

#header-trans-msg .fa-info-circle {
    color: orange;
}

#header-trans-msg .fa-hourglass-half {
    color: limegreen;
}

#transaction-msg span {
    display: inline-block;
    margin-left: 2%;
    vertical-align: super;
    font-weight: 700;
    color: rgb(33, 37, 41);
}

#content-trans-msg p.greeting {

}

#content-trans-msg p.custom-message {
    padding: 3% 4%;
    border: 1px solid #ccc;
    border-radius: 2rem;
}

/* styles for shopping cart message - END */
/* styles for payment admin - BEGIN */
span.sonda-notification-msg {
    border: 1px solid #aaa;
    border-radius: 1rem;
    padding: 1% 4%;
    text-align: justify;
    font-size: 0.8rem;
    background: #ddd;
    margin: auto;
    display: none;
}

#admin-pending-payments div.payment-status {
    color: red;
    font-weight: 400;
}

#admin-approved-payments div.payment-status {
    color: darkmagenta;
    font-weight: 400;
}

#admin-rejected-payments div.payment-status {
    color: deepskyblue;
    font-weight: 400;
}

#admin-owner-payments div.payment-status {
    color: orange;
    font-weight: 400;
}

#admin-all-payments div.stat-apprvd {
    color: slategray;
    font-weight: 500;
}

#admin-all-payments div.stat-pendng {
    color: deepskyblue;
    font-weight: 500;
}

#admin-all-payments div.stat-rejctd {
    color: orange;
    font-weight: 500;
}

#admin-all-payments div.buyer,
#admin-all-payments div.date-creation {
    font-size: 0.7rem;
}

#pay-now a,
div.process-url a {
    color: #0073aa;
}

#pay-now a:hover,
div.process-url a:hover {
    cursor: pointer;
    color: #003e67;
    font-weight: 700;
}

div.order-nro a {
    color: green;
}

div.order-nro a:hover {
    cursor: pointer;
    color: darkgreen;
    font-weight: 700;
}

div.reference a {
    color: lightseagreen;
}

div.reference a:hover {
    cursor: pointer;
    font-weight: 700;
}

#payment-status div.item-col-1 {
    flex: 100%;
    max-width: 100%;
    width: 100%;
}

/* styles for payment admin - END */

/* styles for '...' */
.ellipsis-v {
    overflow: hidden;
    position: relative;
    max-height: 4rem;
    margin-right: -1rem;
    padding-right: 1rem;
}

.ellipsis-v:before {
    content: '...';
    position: absolute;
    right: 0.3rem;
    bottom: 0;
}

.ellipsis-v:after {
    content: '';
    position: absolute;
    right: 0.3rem;
    width: 1rem;
    height: 1rem;
    margin-top: 0.2rem;
    background: #ffffff;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#search-location-button {
    margin: 20px 30px 0 15px;
}

#search-location {
    width: auto;
    margin: 0;
    padding: 0;
    font-weight: bold;
    z-index: 4;
    white-space: nowrap;
}

#search-location > span {
    max-width: 150px;
    padding-right: 5px;
    float: left;
    font-size: 1rem;
    line-height: 120%;
}

#search-location i {
    margin-right: 8px;
}

#search-location-wrapper {
    display: none;
    position: absolute;
    left: 0;
    top: 36px;
}

#search-location-wrapper.active {
    display: block;
}

#search-location-wrapper .inner {
    width: 300px;
    min-height: 150px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    position: relative;
    z-index: 110;
    background: #ffffff;
}

#search-location-wrapper .modal-backdrop {
    opacity: 0.3;
    z-index: 100;
    display: block !important;
}

#search-location-wrapper .typeahead__list {
    border: none;
}

#search-location-wrapper .typeahead__list > li {
    border: none;
}

#form-search-location {
}

#form-search-location .waves-input-wrapper {
    display: block;
}

.search-location-input {
    width: calc(100% - 30px) !important;
    margin: 0 15px !important;
    padding: 10px 0 5px 0 !important;
    border: none !important;
    border-bottom: 1px solid #DDDDDD !important;
}

.search-web-input {
    width: 100% !important;
}

.search-web-input.typeahead__hint {
    padding: 4px 0 0 0;
}

#search-web-category { /*display: none;*/
    margin: 1rem;
    padding: 0;
    text-align: center;
}

#search-web-category.active { /*display: block;*/
}

#search-web-category li {
    font-size: 72%;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    padding: 8px 10px;
    margin: 0 0 4px;
    transition: 150ms linear;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.01);
}

#search-web-category li:hover {
    background: rgba(0, 0, 0, 0.04);
}

#search-web-category li.active {
    color: #FFFFFF;
    background: #107B91;
}

#search-web-category li.active {
    color: #FFFFFF;
    background: #107B91;
}

.destination-search {
    padding: 0 15px;
}

.destination-search .name {
    width: 100%;
    display: block;
    font-size: 0.92rem;
}

.destination-search .type {
    display: block;
    float: right;
    position: relative;
    top: 9px;
    font-size: 0.8rem;
    color: #BBBBBB;
}

.destination-search .country {
    width: 100%;
    display: block;
    font-size: 0.8rem;
    color: #999999;
}

.nav-main .dropdown-toggle::after {
    color: #999999;
}

#navbarExplorerWrapper {
    width: auto;
}

#navbarUserWrapper {
    width: auto;
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
    border-left: 1px solid #f2f2f2;
}

#nav-user {
    width: auto;
    height: 70px;
}

.nav-user {
}

.nav-user .nav-item {
    margin: 0;
    background: none;
}

.nav-user .nav-link {
    height: 70px;
    margin: 0;
    padding-top: 18px;
    background: none;
}

.nav-main .nav-link i {
    color: #777777;
}

.nav-user .nav-link span {
}

.nav-user .nav-link.dropdown-toggle::after {
    position: absolute;
    right: 4px;
    top: 46px;
}

.nav-user .nav-link.dropdown-toggle span {
    padding: 0 5px 0 0;
}

.nav-language {
    width: auto;
    margin: 0 10px;
}

.nav-language .nav-item {
}

.nav-language .nav-link {
    height: 70px;
    padding-right: 12px !important;
    text-transform: uppercase;
    display: flex !important;
    align-items: center;
}

.nav-language .nav-link i {
    font-size: 1rem;
    float: left;
}

.nav-language .nav-link.dropdown-toggle::after {
    position: absolute;
    right: 0;
    top: 34px;
}

.nav-language .nav-link span {
    font-size: 0.9rem;
    padding: 0 0 0 4px;
}

#search-web-wrapper {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    display: none;
    right: 0;
    margin: 0 auto;
    max-width: 800px;
}

#search-web-wrapper.active {
    display: block;
}

#search-web-wrapper .inner {
    width: 100%;
    min-height: 120px;
    position: relative;
    z-index: 110;
    background: #ffffff;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.25);
}

#search-web-wrapper .modal-backdrop {
    opacity: 0.3;
    z-index: 100;
    display: block !important;
}

#search-web-wrapper .inner > .container {
    padding: 0;
}

#search-web-wrapper .search-web-close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #016777;
}

#search-web-wrapper .search-web-close:hover {
    color: rgba(1, 103, 119, 0.7);
}

#search-web-wrapper .search-web-close span {
    display: none;
}

#search-web-wrapper .typeahead__container {
    width: 100%;
}

#search-web-wrapper .typeahead__list {
    position: relative;
    border: none;
}

#search-web-wrapper .typeahead__list > li {
    border: none;
}

#search-web-wrapper .form-control {
    padding: 10px;
    margin: 20px 0 0 0;
    box-sizing: border-box;
}

.form-web {
}

.destination-tag {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0 0.8rem 0 0;
    font-size: 0.9rem;
    color: #013867;
    float: left;
    border-radius: 1rem 0.6rem 0.6rem 1rem;
    background: #ffffff;
    box-shadow: 0 18px 15px -25px rgba(0, 0, 0, 0.2);
}

.destination-tag i {
    width: 30px;
    height: 30px;
    font-size: 1.1rem;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    background: #BFBFBF;
    border-radius: 50%;
    margin-right: 0.3rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    transition: 50ms linear;
}

.geo-dropdown-items-col-4 {
    padding-top: 10px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    column-fill: auto;
    -webkit-column-fill: auto;
    -moz-column-fill: balance
}

@media (max-width: 667px) {
    .geo-dropdown-items-col-4 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.geo-dropdown-item {
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0.42px;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0.5em 0 0
}

.geo-dropdown-item a {
    color: #382c14
}


.destination-children-wrapper {
    position: relative;
    margin-bottom: 40px;
}

.destination-children-wrapper > .container {
    z-index: 1;
    position: relative;
}

.destination-children {
    margin-top: 30px;
    margin-bottom: 60px;
}

.destination-children .col-parent {
}

.destination-children .col-parent .title {
    line-height: 40px;
    font-weight: bold;
    font-size: 2rem;
    margin: 0;
}

.destination-children .col-children {
    margin-top: 6px;
    padding-left: 0;
}

.destination-children .item {
    padding: 0 3px 4px 15px;
}

.destination-children .card {
    display: block;
    padding: 0;
}

.destination-children .card-title {
    max-height: 3.2rem;
    font-size: 1.1rem !important;
    padding: 0.3rem 0.6rem 0 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.destination-children .card-body {

}

.destination-children .items {

}

.column-count-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    column-fill: auto;
    -webkit-column-fill: auto;
    -moz-column-fill: balance;
}

.column-height {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 200px;
}

.column-height-200 {
    height: 200px;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    padding: 40px 0;
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* FOOTER */
footer {
    height: 124px;
    color: #000000;
    font-size: 80%;
    padding: 30px 0 30px 0;
    background: #FFEEEE no-repeat center center;
    background-size: cover;
}

.footer-logo {
    margin: 0 auto;
    padding: 0;
    padding: 0 12px;
    border-radius: 0.25rem;
}

.footer-logo img {
    height: 80px;
}

.footer-info {
    text-align: center;
}

.footer-info .info {
    line-height: 1rem;
}

.footer-apps {
    text-align: center;
}

.footer-apps ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-apps ul li {
    display: inline;
}

.footer-apps ul li a {
    display: inline-block;
    margin: 0 3px 6px;
}

.footer-apps ul li img {
    height: 38px;
}

.footer-apps ul li span {
    display: none;
}

.footer-social {
    text-align: center;
}

.footer-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-social ul li {
    display: inline;
}

.footer-social ul li a {
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    margin: 0 3px 6px;
    border-radius: 0.35rem;
    background: #675252;
    background: linear-gradient(to bottom, #8B7676 0%, #675252 80%, #8B7676 100%);
}

.footer-social ul li i {
    width: 38px;
    height: 38px;
    font-size: 24px;
    line-height: 38px;
    color: #FFFFFF;
}

.footer-social ul li span {
    display: none;
}

.footer-social ul li a:hover {
    /*background: #333333 !important;*/
    background: #757575;
    background: linear-gradient(217deg, #757575 0%, #343434 80%, #A5A5A5 100%);
}

#section-footer-1 .footer-social ul li a {
    margin: 0 3px 0;
    border-radius: 1rem;
    background: #545454;
    background: linear-gradient(217deg, #959595 0%, #545454 80%, #B5B5B5 100%);
}

.footer-logos {
    padding-top: 2rem;
    background: #1E1E1E;
}

.footer-copyrights {
    text-align: center;
    margin: 0;
    padding: 1rem 0;
    color: #FFFFFF;
    font-size: 80%;
}

.footer-credit {
    text-align: center;
    font-size: 0.82rem;
    line-height: 40px;
    background: #FFFFFF;
}

.footer-credit a {
    color: #0E424C;
    display: block;
}

.footer-credit i {
    color: #f58a34;
}

.footer-credit strong {
    color: #000000;
}

.footer-credit a:hover {
    text-decoration: underline;
}

footer .title {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

#footer-chatbot {
    position: fixed;
    left: 4rem;
    bottom: 0;
    z-index: 100;
    border-radius: 0.35rem 0.35rem 0 0;
    background: #128c7e;
}

#footer-chatbot a {
    display: block;
    color: #FFFFFF;
    padding: 0.5rem 1rem;
}

/* TMP BORRAR */
.footer-services-bg {
}

.footer-services .bg {
    width: 100%;
    height: 0;
    padding-bottom: 28.8235%;
    background: no-repeat center bottom;
    background-color: transparent;
    background-size: 100% auto;
}

.footer-services {
    overflow: hidden;
}

.item-services {
    height: 170px;
    font-size: 0.7rem;
    line-height: 100%;
    text-align: center;
    margin: -170px 0 0;
}

.item-service {
    color: #FFFFFF;
}

.item-service a {
    color: #FFFFFF;
    display: block;
}

.item-service .icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto 12px;
    position: relative;
    transition: 100ms linear;
    background-color: rgba(255, 255, 255, 0.4);
    background-repeat: no-repeat;
    background-position: center center;
}

.item-service:hover .icon {
    background-color: rgba(255, 255, 255, 0.8);
}

.icon-faq {
    background-image: url(img/services/faq.png);
}

.icon-electricity {
    background-image: url(img/services/electricity.png);
}

.icon-weather {
    background-image: url(img/services/weather.png);
}

.icon-money {
    background-image: url(img/services/money.png);
}

.icon-documents {
    background-image: url(img/services/documents.png);
}

.icon-howtoget {
    background-image: url(img/services/howtoget.png);
}

.item-service .title {
    font-weight: bold;
    font-size: 0.94rem;
    margin: 0 0 5px;
}

.item-service .intro {
}


.pagination-wrapper {
    margin: 30px 0;
}

.pagination-wrapper > nav {
    height: 42px;
    padding: 4px 0 0 0;
    background: #EEEEEE;
    border-radius: .25rem;
    position: relative;
}

.pagination-wrapper .pagination {
    margin: 0;
}

.pagination-wrapper .pagination .page-item {
    margin: 0 2px;
}

.pagination-wrapper .pagination .page-item .page-link {
    background-color: rgba(255, 255, 255, 0.6);
}

.pagination-wrapper .pagination .page-item .page-link:hover {
    background-color: rgba(255, 255, 255, 1);
}

.pagination-wrapper .pagination .page-item.active .page-link {
    color: #FFFFFF;
}

.pagination-wrapper .pagination .page-item .page-link i {
    opacity: 0.6;
}

.pagination-wrapper .pagination .page-item.arrow {
    position: absolute;
}

.pagination-wrapper .pagination .page-item.prev {
    left: 3px;
}

.pagination-wrapper .pagination .page-item.prev .page-link i {
    margin-right: 8px;
}

.pagination-wrapper .pagination .page-item.next {
    right: 3px;
}

.pagination-wrapper .pagination .page-item.next .page-link i {
    margin-left: 8px;
}

.pagination-wrapper .pagination .page-item.dots {
    margin: 0 5px;
}


/* IMPORT OLD CSS */

/* Auto translation for not default languages */
#google_translate_element,
.goog-te-banner-frame {
    display: none;
}

body,
html.translated-ltr body {
    top: 0 !important;
}

html.translated-ltr .nav-main {
}


/*
.item-translate-g{  z-index: 0 !important; margin: 0 0 0 -70px;}
.item-translate-g #google_translate_element{}
.item-translate-g .goog-te-gadget{}
.item-translate-g .goog-te-gadget img{ display: none;}
.item-translate-g .goog-te-gadget span{ border: none;}
.item-translate-g .goog-te-gadget-simple{
    width: 70px; height: 56px; position: absolute; left: 0; top: 0; text-indent: -9999px; background: none; border: none;
}

#google_translate_element { position: absolute; top: 0; width: 40px; overflow: hidden; }
#google_translate_element .goog-te-gadget {}
#google_translate_element .goog-te-gadget-simple { height: 38px; border: none; opacity: 0; }

*/


/* BORRAR */
#product_form .media-open,
#product_form .media-delete {
    padding: 20px;
    margin: 20px;
    background: red;
    color: #FFFFFF;
    float: left;
}


#header-bn {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background-size: cover;
    text-align: center;
}

#header-bn .imgbn {
    height: 100%;
    opacity: 0.4;
}

#header-bn .vidbn {
    width: 100%;
    position: absolute;
    left: 0;
    top: 38%;
}

#header-bn .vidbn video {
    width: 100%;
    max-width: 500px;
    height: auto;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

#header-bn .downbn {
    font-weight: bold;
    text-shadow: 1px 1px 5px #000;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3rem;
}

#header-bn .downbn a {
    margin: 0 5px;
}

#header-bn .downbn img {
    box-shadow: 0 18px 15px -25px rgba(0, 0, 0, 0.2);
}

#popup-bn {
    width: 200px;
    display: block !important;
    opacity: 0.98;
    position: fixed;
    right: 10px;
    bottom: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    transition: 50ms linear;
}

#popup-bn:hover {
    width: 500px;
}

#popup-bn img {
    width: 100%;
}

#popup-bn .close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    color: #FFFFFF;
    font-size: 1.2rem;
    padding: 5px 8px 0 0;
    opacity: 0.1;
    text-align: right;
}

#popup-bn:hover .close {
    opacity: 0.5;
}

#popup-bn:hover .close:hover {
    opacity: 1;
}


/* MAP */


#fullMap {
    padding: 0 !important;
}

#fullMap > .fa-times {
    width: 50px;
    font-size: 30px;
    line-height: 50px;
    text-shadow: 1px 1px 3px #000;
    text-align: center;
    z-index: 50;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #EEEEEE;
}

#fullMap > .fa-times:hover {
    color: #FFFFFF;
}

#fullMap .content {
    width: 100%;
    height: 100vh;
    height: calc(100vh - 56px);
    position: fixed;
    left: 0;
    top: 56px;
    background: url(img/loading.svg) transparent no-repeat center center;
    display: block;
    opacity: 1;
}

#fullMap .embedMap {
    width: 100%;
    height: 100vh;
    height: calc(100vh - 56px);
    position: fixed;
    left: 0;
    top: 56px;
}


/* LOGIN Y REGISTRO - OLD */
#modal-login {
}

#modal-login .modal-header {
}

#modal-login .modal-body {
}

.modal-header .close {
    position: absolute;
    right: 30px;
    font-size: 2rem;
    z-index: 10;
}

#modal-login .site-logo,
.form-signin .site-logo {
    max-width: 200px;
    max-height: 60px;
    margin: 0 !important;
}

.modal-body .login-social {
    padding-right: 30px;
    padding-bottom: 30px;
    border-right: 1px solid #e5e5e5;
}

.modal-body .login-social .btn {
    width: 100%;
    text-align: left;
    margin: 0 0 10px;
    padding: 6px 6px;
    color: #FFFFFF;
    position: relative;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    border-radius: 1px;
    transition: background-color 0.218s ease 0s, border-color 0.218s ease 0s, box-shadow 0.218s ease 0s;
}

.modal-body .login-social .btn:hover {
    box-shadow: 0 0 3px 3px rgba(66, 133, 244, 0.3);
}

.modal-body .login-social .btn .fas, .modal-body .login-social .btn .fab {
    width: 34px;
    font-size: 28px;
    line-height: 24px;
    float: left;
}

.modal-body .login-social .btn span {
    display: block;
    float: left;
    line-height: 24px;
}

.modal-body .login-social .btn-facebook {
    background: #3b5998;
}

.modal-body .login-social .btn-google {
    background: #FFFFFF; /*#4285F4*/
    color: #757575;
}

.modal-body .login-social .btn-google .fa-google {
    background: url(img/g-logo.png) transparent no-repeat 0 0;
    background-size: 25px;
    text-indent: -9999px;
}

.modal-body .login-social .btn-twitter {
    background: #339CC3;
}

.modal-body .login-social .btn-email {
    background: #5cb85c;
}

.modal-body .login-social .g-signin2 {
    margin: 0 0 10px;
}

.modal-body .login-social .g-signin2 .abcRioButton {
    width: 100% !important;
    text-align: left;
}

.modal-body .login-social .g-signin2 .abcRioButtonContents {
}

.modal-body .login-social .g-signin2 .abcRioButtonContents > span {
    font-size: 14px !important;
}

.modal-body .login-social .btn:hover {
}

.modal-body .login-email {
    padding-left: 29px;
    width: 100%;
    margin: 0 auto;
}

.modal-body .login-email a {
    display: block;
    font-size: 12px;
    margin: 0 0 15px;
}

.modal-body .login-email .form-control {
    margin: 11px 0 12px;
}

.modal-body .login-email .btn-login {
    width: 100%;
    text-transform: uppercase;
    margin: 0 0 20px;
}

#login_status {
    min-height: 33px;
    text-align: center;
    padding: 5px;
    margin: 20px 0 0 0;
    font-size: 14px;
}

#login_status.loading {
    background: url(img/loading.gif) #FFFFFF no-repeat center 0;
    background-size: 25px;
    text-indent: -9999px;
}

#register_status {
    float: left;
    min-height: 25px;
    text-align: center;
    padding: 5px;
    margin: 0;
    font-size: 14px;
}

#register_status.loading {
    min-width: 25px;
    background: url(img/loading.gif) #FFFFFF no-repeat center 0;
    background-size: 25px;
    text-indent: -9999px;
}

.omb_login {
}

.omb_login .omb_socialButtons {
}

.registro {
    cursor: pointer;
}

.terminosycondiciones {
    font-size: 10px;
}

.recuperar-contrasena {

}

.genero {
    text-align: center;
    font-size: 18px;
}

.genero input {
    left: 0 !important;
    position: relative !important;
    visibility: visible !important;
}


/* TEMPORAL MIGRATE */
.map-marker-label {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    overflow: hidden;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#map-side {
    display: none;
    background: rgba(255, 255, 255, 0.9);
    overflow: auto;
    width: 250px;
    max-height: 80vh;
    max-height: calc(100vh - 150px);
    position: absolute;
    left: 0 !important;
    top: 55px !important;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

#fullMap #map-side {
    display: block;
}

#map-side li {
    cursor: pointer;
    color: #333333;
    padding: 10px 5px;
    display: block;
    border-bottom: 1px solid #e4e4e4;
    border-bottom-color: rgba(228, 228, 228, 0.8);
    font-size: 14px;
    line-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#map-side li span {
    display: inline-block;
    width: 30px;
    text-align: right;
    font-size: 12px;
    color: #666666;
}

#map-side li:hover {
    background: #EEEEEE;
    color: #000;
}

#map-side li.active {
    background: #333333;
    color: #FFFFFF;
}

#map-side li.active span {
    color: #EEEEEE;
}


/* DEBUG */
pre.debug {
    width: 100%;
    padding: 20px;
    position: absolute;
    right: 0;
    z-index: 2;
    font-size: 0.8rem !important;
    color: #FFFFFF;
    background: #ff0000;
}

.notranslate { /*background: red !important; font-weight: bold !important;*/
}

/* ADMIN */

.adminBar {
    width: 100%;
    position: relative;
    /*top: 70px;*/
    z-index: 50;
    text-align: right;
    background: rgba(0, 123, 255, 0.50);
}

.adminBar .btn {
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 1rem 5rem;
}


/* TEMPORAL */

/*
#form-user_v1 .typeahead__result .row {
    display: table-row;
}

#form-user_v1 .typeahead__result .row  > * {
    display: table-cell;
    vertical-align: middle;
}

#form-user_v1 .typeahead__result .username {
    padding: 0 10px;
}

#form-user_v1 .typeahead__result .id {
    font-size: 12px;
    color: #777;
    font-variant: small-caps;
}

#form-user_v1 .typeahead__result .avatar img {
    height: 26px;
    width: 26px;
}

#form-user_v1 .typeahead__result .project-logo {
    display: inline-block;
    height: 100px;
}

#form-user_v1 .typeahead__result .project-logo img {
    height: 100%;
}

#form-user_v1 .typeahead__result .project-information {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0 0 20px;
}

#form-user_v1 .typeahead__result .project-information > span {
    display: block;
    margin-bottom: 5px;
}

#form-user_v1 .typeahead__result > ul > li > a small {
    padding-left: 0px;
    color: #999;
}

#form-user_v1 .typeahead__result .project-information li {
    font-size: 12px;
}
*/


/* Ads */
.google-auto-placed {
    margin: 1.8rem 0;
}

/* Ads GTM */
.wrapper_ad {
    background: repeating-linear-gradient(120deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 1px, transparent 0, transparent 4px);
    background-clip: content-box;
    background-color: #FFFFFF;
    /*min-height: 20px;*/
    margin: 0 0 15px;
    text-align: center;
}

.wrapper_ad.clear {
}

.wrapper_ad.clear iframe {
    display: block;
}

body.home .wrapper_ad {
    margin-bottom: 0;
}

.item-description .wrapper_ad {
    margin: 3rem 0;
}

#header_ad {
}

#header_ad > div {
    /*
    margin-bottom: 15px !important;
    background: repeating-linear-gradient(120deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1px, transparent 0, transparent 4px);
    background-clip: content-box;
     */
}

#header_ad_sh {
    text-align: center;
}

#header_ad_sh > div {
    margin-bottom: 15px;
}

.revisando {
    /*.layout-ad:not(:has(ned-ad[ad-rendered])), .layout-rev:not(:has(ned-ad[ad-rendered]))*/
    background: repeating-linear-gradient(120deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1px, transparent 0, transparent 4px);
    background-clip: content-box;
}

.revisando2 {
    background: repeating-linear-gradient(120deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1px, transparent 0, transparent 4px);
}

/* DEBUG CSS */

.dev-bg {
    width: 100%;
    min-height: 100px;
    background: rgba(12, 175, 198, 0.30);
}

.notranslate {
    /*
    background: red !important; border: 5px solid #00b4e6 !important;
     */
}

/* Tour - Establishment begin */
.row-tour-detail .row-author div {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
    word-break: break-all;
    font-size: 0.77rem;
}

#product-calendar .tab-content,
#product-establishment .tab-content {
    padding-top: 5rem;
}

#product-calendar #tab-gallery .tab-content,
#product-establishment #tab-gallery .tab-content {
    padding-top: 2rem;
}

#calcularTour {
    color: white;
}

div.tour-details {
    padding: 0.4rem 0 0 1rem;
}

div.tour-details div.departure-date {

}

div.tour-details div.departure-date label,
div.tour-details div.occupant-number h4 {
    font-weight: bold;
    font-size: 0.8rem;
    margin-bottom: 0;
}

div.tour-details div.departure-date span {
    font-weight: normal;
    font-size: 0.7rem;
}

div.tour-details div.occupant-details {
    font-weight: normal;
    font-size: 0.7rem;
    padding-left: 1rem;
    margin-top: 4px;
}

div.add-to-cart-tour-status {
    margin-top: 6px;
    font-size: 0.8rem;
    text-align: center;
    border-radius: 7px;
    background-color: aquamarine;
}

/* Tour - Establishment end */

/* Habitation - Establishment begin */
#habitations-wrap .nav-link:hover {
    cursor: pointer;
}

#results_habitations .item-intro {
    text-align: center;
}

div.add-to-cart-habitation-status {
    width: 33%;
    margin: 6px auto auto auto;
    font-size: 0.8rem;
    text-align: center;
    border-radius: 7px;
    background-color: aquamarine;
    line-height: 0.8rem;
    padding: 3px 0;
    display: none;
}

#habitation-finder .items-nearby {
    margin-bottom: 5px;
}

/* Habitation - Establishment end */

/* REVISAR */
.travel-slider-bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    border-radius: 16px;
    box-sizing: border-box;
    box-shadow: 0 10px 20px #00000080, 0 -1px #ffffff80;
}

.travel-slider-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 32px;
    box-sizing: border-box;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    line-height: 1.25;
    border-radius: 0 0 16px 16px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}