:root {
    --swiper-theme-color: #F24B6A !important;
    --main-color: #D80040;
    --link-color: #4f95ff;
    --bg-dark: #212121;
    --bg-light-dark: #151b2c;
    --border-color: #444;
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --brand-pink: #e91e63;
}

/* Globálne nastavenie šírky a farby scrollbaru */
* {
  scrollbar-width: 14px;
/*  scrollbar-color: rgba(0, 0, 0, 0.2) transparent; */
  scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
  -webkit-overflow-scrolling: auto !important;
}

/* Globálne nastavenie šírky scrollbaru pre WebKit (Safari, Chrome) */
::-webkit-scrollbar {
  width: 14px;
}

/* Globálne nastavenie pozadia dráhy scrollbaru */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* Globálne nastavenie štýlu posuvníka scrollbaru */
::-webkit-scrollbar-thumb {
    /*
  background-color: rgba(0, 0, 0, 0.2);
  */
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  border: 5px solid transparent;
  background-clip: content-box;
}

body {
/*	background-color: #EAEDF4 !important;*/
    background-color: #191E31!important;
/*    color: #fff !important;*/
	/*
    font-family: "Inter", "Helvetica Neue",Helvetica,Arial, serif !important;
*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-optical-sizing: auto !important;
	padding: 0;
    margin: 0;
}
.jc-invisible { visibility: hidden; }
/*body:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    background-image: url(https://azprivaty.cz/wp-content/themes/privat/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .1;
}*/
img {
	max-width: 100%;
	height: auto;
}
a {
    color: var(--link-color);
	text-decoration: none;
}
.show-xs,
.show-sm { display:none; }

.hide-xs,
.hide-sm { display: block; }

@media( max-width: 600px) {
    .profile-detail{
        flex-direction: column !important;
        gap: 0px !important;
    }
    .detail-gallery, .profile-info { width: 100% !important; }
    .column {width: 50% !important;flex: 0 0 50% !important;}
    .show-xs,
    .show-sm { display:block !important; }
    .hide-xs,
    .hide-sm { display: none !important; }
    .modal .modal-dialog { max-width:90% !important; }
    .filters-box { margin-top: 20px !important; }
	.filters-box > * {cursor:pointer;}
    .filters-box select {width: calc(50% - 5px) !important; flex: auto !important;}
    .filter-btn.action { flex:1; }
    .filter-btn { padding: 10px; }
    .hero .cities-links { margin-top: 20px !important; max-height: 70px; overflow: hidden; }
    .hero h1 { font-size: 36px; margin:0; }
    .footer-nav { max-height: 190px !important; max-width:100%; overflow: hidden; }
    .footer-nav li { flex:1; padding: 0 30px; }
    .links-wrap { flex-wrap: wrap-reverse; justify-content: center; }
    .footer-links { justify-content: center !important; }
    footer h3 { text-align:center; }
    .copyright { display:none; }
	.detail-gallery { margin-bottom: 20px;}
}

.cons-dialog {
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:99999;
}
.cons-blur {
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background-color: rgba(0, 0, 0, .75);
	z-index: 1500;
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}
.cons-body {
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index: 3000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cons-content {
	display: flex;
	width:100%;
	max-width:700px;
	flex-direction: column;
	align-items: center;
	border-radius:8px;
	background:#fff;
	padding:30px;
	text-align:center;
}
.cons-content img { margin-bottom:20px; }
.cons-content p { margin: 20px 0 0 0; font-size: 12px; }
.cons-h {
	font-size: 30px; font-weight: bold;
}
.cons-p {
	font-size: 20px; margin-bottom: 20px;
}
/*Search*/
#modalsearch form {display: flex ; gap: 20px;}
#modalsearch .modal-dialog{height:auto;}
#modalsearch input {padding: 12px; border-radius: 8px; border: 1px solid #e7e7e9; flex: 1;}
#modalsearch .modal-content button {min-width: calc(100% / 3.5)}
.search {margin-right:15px;}
.search svg {width: 18px; height: 18px; fill: #fff;}

.swiper img {width: 100%;}
.profile-card {
    position: relative;
    padding: 6px;
    border-radius: 18px;
    overflow: hidden;
/*    background: #fff;*/
    background: #303546;
    /*box-shadow: rgba(0, 26, 52, 0.16) 0px 6px 16px, rgba(0, 26, 52, 0.05) 0px 0px 0px;*/
	box-shadow: 0px 0px 20px 0px hsl(0deg 0% 0% / 50%);
}
.massage-badge {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 2;
    background: var(--main-color);
    color: #fff;
    padding: 6px 10px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: bold;
}
.massage-badge svg { fill:#fff; }
.profile-gallery {
    border-radius: 12px;
}
.profile-details {
    padding: 10px;
}
.profile-tag {
	position: absolute;
    bottom: 0;
    z-index: 3;
    padding: 22px 12px 12px 12px;
    width: 100%;
    background: linear-gradient(0deg, rgb(0 0 0 / 100%) 0%, rgba(0, 0, 0, 0) 100%);
}
.profile-name {
	color: #fff;
    font-weight: bold;
    font-size: 22px;
	max-width: calc(100% - -10px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle;
}
.profile-name span {
    font-size: 60%;
    margin-left: 10px;
    font-weight: normal;
}
.profile-location {
	color: #afafaf;
}

.artic-info {
    display: flex;
    height: 40px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
}
.artic-info-item {
    font-size: 12px;
    text-transform: lowercase;
    display: flex;
    text-align: center;
/*    color: rgb(77, 90, 97);*/
    color: rgba(255,255,255,.7);
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex: 0 0 33.3333%;
}
.artic-info-item:not(:last-child) {
/*    border-right: 1px solid rgb(218, 218, 218);*/
    border-right: 1px solid #454A59;
}
.artic-info-item span {
    font-size: 13px;
/*    color: rgb(0, 0, 0);*/
    color: #fff;
    text-transform: lowercase;
    font-weight: 500;
}
.fields-location {
    color: rgba(3, 3, 3, 0.66);
    text-overflow: ellipsis;
    line-height: 19px;
    font-size: 13px;
    text-align: left;
/*    padding: 13px 0px 13px 0;*/
/*    border-top: 1px solid rgb(218, 218, 218);*/
	display:flex;
	gap:5px;
}

.contacts {
    display: flex;
    gap: 6px;
}
.contact-btn {
    font-size: 20px;
    display: inline-grid;
    height: 45px;
    cursor: pointer;
    border-radius: 30px;
    border-bottom: 0px;
}
.contact-btn.phone { background-color: var(--main-color); color: #fff; width: 100%; }

.contact-btn.telegram { color: #fff; }
.contact-btn.telegram i { color: #27a7e7; }

.contact-btn.whatsapp { color: #fff; }
.contact-btn.whatsapp i { color: #29a71a; }

.contact-btn a {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-weight: normal;
}
.contact-btn span {
    margin-right: 5px;
    margin-top: 0px;
    background: #fff;
    width: 35px;
    border-radius: 100%;
    margin-left: 5px;
    margin-bottom: 0px;
}
.contact-btn i {
    display: block;
    height: 35px;
    color: #000;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
}
.contact-btn.phone i {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2230%22%20viewBox%3D%220%200%2029%2030%22%3E%3Cpath%20fill%3D%22%23F24B6A%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.872%2019.905c-.947-.968-2.13-.968-3.072%200-.718.737-1.256.974-1.962%201.723-.193.206-.356.25-.59.112-.466-.262-.96-.474-1.408-.76-2.082-1.356-3.827-3.098-5.372-5.058-.767-.974-1.45-2.017-1.926-3.19-.096-.238-.078-.394.11-.587.717-.718.96-.98%201.665-1.717.984-1.024.984-2.223-.006-3.253-.56-.586-1.103-1.397-1.56-2.034-.458-.636-.817-1.392-1.403-1.985C5.4%202.2%204.217%202.2%203.275%203.16%202.55%203.9%201.855%204.654%201.12%205.378.438%206.045.093%206.863.02%207.817c-.114%201.556.255%203.023.774%204.453%201.062%202.96%202.68%205.587%204.642%207.997%202.65%203.26%205.813%205.837%209.513%207.698%201.665.836%203.39%201.48%205.268%201.585%201.292.075%202.415-.262%203.314-1.304.616-.712%201.31-1.36%201.962-2.042.966-1.01.972-2.235.012-3.234-1.147-1.192-2.48-1.88-3.634-3.065zm-.49-5.36l.268-.047c.583-.103.953-.707.79-1.295-.465-1.676-1.332-3.193-2.537-4.445-1.288-1.33-2.857-2.254-4.59-2.708-.574-.15-1.148.248-1.23.855l-.038.28c-.07.522.253%201.01.747%201.142%201.326.355%202.53%201.064%203.517%202.086.926.958%201.59%202.125%201.952%203.412.14.5.624.807%201.12.72zm2.56-9.85C21.618%202.292%2018.74.69%2015.56.02c-.56-.117-1.1.283-1.178.868l-.038.28c-.073.537.272%201.04.786%201.15%202.74.584%205.218%201.968%207.217%204.03%201.885%201.95%203.19%204.36%203.803%207.012.122.53.617.873%201.136.78l.265-.046c.57-.1.934-.678.8-1.26-.71-3.08-2.223-5.873-4.41-8.14z%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-size: 20px;
/*    width: 25px;*/

    background-position: center center;
}
.grid-lg-1, .grid-md-1, .grid-sm-1, .grid-xs-1, .grid-lg-2, .grid-md-2, .grid-sm-2, .grid-xs-2, .grid-lg-3, .grid-md-3, .grid-sm-3, .grid-xs-3, .grid-lg-4, .grid-md-4, .grid-sm-4, .grid-xs-4, .grid-lg-6, .grid-md-6, .grid-sm-6, .grid-xs-6, .grid-lg-7, .grid-md-7, .grid-sm-7, .grid-xs-7, .grid-lg-8, .grid-md-8, .grid-sm-8, .grid-xs-8, .grid-lg-9, .grid-md-9, .grid-sm-9, .grid-xs-9, .grid-lg-10, .grid-md-10, .grid-sm-10, .grid-xs-10, .grid-lg-11, .grid-md-11, .grid-sm-11, .grid-xs-11, .grid-lg-12, .grid-md-12, .grid-sm-12, .grid-xs-12, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{row-gap: var(--gap);}

.no-found {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.alert {
    padding: 10px;
    border-radius: 6px;
    background: #546E7A;
}
.alert.alert-danger {
	background: #E91E63;
}
.alert.alert-success {
	background: #4caf50;
}
.alert.alert-info {
	background: #0277bd;
}
.btn-close {
    float: right;
    background: transparent;
    border: none;
}

.button {
    padding: 10px;
    background: #303546;
    border-radius: 4px;
    /*color: rgb(255 255 255 / 90%);*/
	color: #fff;
    font-weight: 600;
    border: none;
}
.button-primary {
    background: var(--main-color);
}
.dropdown { position: relative; }
.dropdown a { display: inline-block; }
.dropdown-content { position: absolute; min-width: 100%; right: 0; }
.dropdown-content .button {
    border-radius: 0;
	display:block;
}

button.button:disabled {
	cursor: no-drop;
	background: #b5b4b4;
}

.dropdown-content .button:last-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.dropdown.active > .button {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.dropdown.active .button {
	background-color: var(--main-color);
}
.breadcrumb {
	display:flex;
	gap: 10px;
	align-items: center;
    border-radius: 6px;
    padding: 6px 10px;
    margin-bottom: 10px;
    color: hsl(0deg 0% 100% / 70%);
}
.breadcrumb a {
    color: rgba(255,255,255,.7);
}
.breadcrumb .last { color: #fff; }
.breadcrumb i { font-size: 80%; }

.hero {
    padding: 10px;
}
.hero:before {
    content: "";
    left: 0;
    position: absolute;
    background: radial-gradient(ellipse at bottom center, #237BFF, #191e31 47%);
    filter: blur(65px);
    width: 100%;
    height: 200px;
    z-index: -1;
}
.hero p { font-size: 16px; }
.cities-links {
    display: flex;
    gap: 5px;
    justify-content: center;
    flex-wrap: wrap;
}
.cities-links a { padding: 4px 8px; background: rgb(0 0 0 / 10%); color: #fff; border-radius: 6px; font-weight: 600; border: 2px solid rgb(255 255 255 / 10%); outline: 2px solid rgb(0 0 0 / 10%); }
.cities-links a:hover { border: 2px solid rgb(255 255 255 / .2); }
.filters-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 30px 0;
}
.filters-box > * {cursor:pointer;}
.filters-box select {
    padding: 16px;
    flex: 1;
    border-radius: 8px;
    color: #000;
}
.filter-btn {
    background: #fff;
    border-radius: 8px;
    color: #000;
    width: 120px;
    border: none;
}
.filter-btn svg {
    vertical-align: middle;
}
.filter-btn span {
    display:none;
}
.filter-btn.action {
    background: var(--main-color);
    color: #fff;
    fill: #fff;
}
.filter-btn.selected {
    background: var(--link-color);
    color: #fff;
    position: relative;
}
.filter-btn.selected span {
    display: block;
    background: #fff;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    color: var(--link-color);
    font-weight: bold;
    font-size: 90%;
    line-height: 20px;
}

main{color:#fff;}

.profile-detail {
    display: flex;
    flex-direction: row;
    gap: 50px;
}
.profile-info{
    width: 70%;
}
.detail-gallery {
    width: 40%;
}
.detail-gallery img { width: 100%; height: auto; }
.detail-gallery .swiper { border-radius:8px; }
.swiper-thumbs {overflow: hidden;}
.swiper-gallery .swiper-slide {opacity: .5; cursor: pointer !important; }
.swiper-slide img {border-radius: 8px;}
.swiper-gallery .swiper-slide-thumb-active {opacity:1;}

.services-list {
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    background: #303546;
    padding: 6px;
    border-radius: 10px;
}
.services-list li {
    background: #191e31;
    padding: 8px 10px;
    border-radius: 6px;
}
.services-list li:hover {
    cursor: pointer;
}
.services-list li:before{
    height: 19px;
    width: 19px;
    display: inline-block;
    vertical-align: bottom;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2392e842' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.393 7.5l-5.643 5.784-2.644-2.506-1.856 1.858 4.5 4.364 7.5-7.643-1.857-1.857z'/%3E%3C/svg%3E") center / 15px no-repeat;
    content: '';
    margin-right: 5px;
}
.services-list a {
    color: #fff;
}
.services-list a:hover {
    text-decoration: none;
}

.columns-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
/*
    border-bottom: 1px solid #dadada;
    background: #282f5b14;
    border-radius: 8px;
    border: 1px solid #eee;
*/
}
.columns-3 .column {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    -webkit-box-flex: 0;
    padding: 5px 10px;
    text-align: left;
}

.basics .columns-3 span{
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 5px;
}
.basics .columns-3 em{
    font-style: normal;
}

.columns-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
/*
    border-bottom: 1px solid #dadada;
    background: #282f5b14;
    border-radius: 8px;
    border: 1px solid #eee;
*/
}
.columns-4 .column {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    -webkit-box-flex: 0;
    padding: 5px 10px;
    text-align: left;
}

.basics .columns-4 span{
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 5px;
}
.basics .columns-4 em{
    font-style: normal;
}

.modal { background: rgba(0, 0, 0, .8) !important; }
.modal .modal-dialog {
    max-width: 670px;
    color: #000;
    height: 90vh;
    @supports (height: 90dvh) {
        height: 90dvh;
    }
    display: flex;
    flex-direction: column;
}
.modal-head {
    padding: 15px;
    border-bottom: 1px solid #e7e7e9;
}
.modal-heading {
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.modal-footer {
    padding: 15px;
    border-top: 1px solid #e7e7e9;
    display: flex;
    gap: 10px;
}
.modal-footer button {
    flex-grow: 1;
    border: none;
    border-radius: 8px;
    padding: 10px;
}
.modal-footer button.action{
    background: var(--main-color);
    color: #fff;
}
.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    opacity: .7;
    padding: 14px;
    border-top-right-radius: 6px;
    border: none;
    background: transparent;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.modal-content {
    padding: 15px;
    overflow-y: auto;
    flex-grow: 1;
}
.modal-content input[type="checkbox"]{
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    outline: none;
    content: none;
    padding: 10px;
    border: 1px solid #e4e4e7;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    line-height: 3px;
    cursor: pointer;
    margin-right: 6px;
}
.modal-content input[type="checkbox"]:before {
    content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iZmlfMTgyMTQ3MDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJtOTIuMjc0NzI2OSAxMC45NzYxMzMzYy0xNy40NzA2NzI2IDUuNzM0NjQ5Ny0zOS43NDI0MzkzIDIxLjA3MTQ5Ny02MC4yODA0NzU2IDQ3LjM0NDE4NDlsLTEyLjEzNjEwNjUtMTMuNDY5NzU5Yy0xLjg2NzEwMTctMi4xMzM4MjM0LTUuMzM0NTU3NS0yLjEzMzgyMzQtNy4yMDE2NTI1IDBsLTguOTM1MzgyNyAxMC4wMDIyOTI3Yy0xLjczMzczMDggMi4wMDA0NTc4LTEuNjAwMzY5IDQuOTM0NDY3My4yNjY3Mjg2IDYuNjY4MTkzOGwyNy40NzI5NTU3IDI2LjQwNjA0NzhjMi4yNjcxOTA5IDIuMTMzODM0OCA2LjAwMTM3NTIgMS42MDAzNjQ3IDcuNjAxNzQzNy0xLjIwMDI3MTYgMTQuNjcwMDI1NC0yNi41Mzk0MTM1IDMwLjQwNjk2NzctNDYuMjc3MjcxMyA1Ny4wNzk3NDMtNjguOTQ5MTMxIDMuMjAwNzM3LTIuODAwNjQwMS4yNjY3MjM2LTguMTM1MTk0OC0zLjg2NzU1MzctNi44MDE1NTc2eiI+PC9wYXRoPjwvc3ZnPg==);
    color: transparent;
    margin-left: -5px;
    margin-top: -7px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.modal-content input[type="checkbox"]:checked {
    background: var(--main-color);
}
.modal-content input[type="checkbox"]:checked:before{
    color: #fff;
}
.modal-content label { cursor: pointer; }
.modal-content .toggle:not(:last-child) {
    border-bottom: 1px solid #e7e7e9;
}
.toggle-heading {
    position: relative;
    font-size: 18px;
    padding: 16px 0;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.toggle-heading:hover {
    text-decoration: underline;
}
.toggle-heading:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmaV8yNzEyMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDkyLjAwMiA0OTIuMDAyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTIuMDAyIDQ5Mi4wMDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDg0LjEzNiwzMjguNDczTDI2NC45ODgsMTA5LjMyOWMtNS4wNjQtNS4wNjQtMTEuODE2LTcuODQ0LTE5LjE3Mi03Ljg0NGMtNy4yMDgsMC0xMy45NjQsMi43OC0xOS4wMiw3Ljg0NAoJCQlMNy44NTIsMzI4LjI2NUMyLjc4OCwzMzMuMzMzLDAsMzQwLjA4OSwwLDM0Ny4yOTdjMCw3LjIwOCwyLjc4NCwxMy45NjgsNy44NTIsMTkuMDMybDE2LjEyNCwxNi4xMjQKCQkJYzUuMDY0LDUuMDY0LDExLjgyNCw3Ljg2LDE5LjAzMiw3Ljg2czEzLjk2NC0yLjc5NiwxOS4wMzItNy44NmwxODMuODUyLTE4My44NTJsMTg0LjA1NiwxODQuMDY0CgkJCWM1LjA2NCw1LjA2LDExLjgyLDcuODUyLDE5LjAzMiw3Ljg1MmM3LjIwOCwwLDEzLjk2LTIuNzkyLDE5LjAyOC03Ljg1MmwxNi4xMjgtMTYuMTMyCgkJCUM0OTQuNjI0LDM1Ni4wNDEsNDk0LjYyNCwzMzguOTY1LDQ4NC4xMzYsMzI4LjQ3M3oiPjwvcGF0aD4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4=);
    position: absolute;
    right: 0;
    display: inline-block;
    transition: transform 0.1s linear;
    width: 18px;
    height: 18px;
}
.toggle-heading.active:after {
    transform: rotate(180deg);
    transition: transform 0.1s linear;
}
.toggle-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.toggle-body.active {
    max-height: auto;
    transition: max-height 0.3s ease;
    padding-bottom: 20px;
}
.range-filter {
    display: flex;
    align-items: center;
}
.range-filter .input {
    flex-grow: 1;
}
.range-filter .divider {
    width: 30px;
    background-color: rgba(0, 0, 0, .25);
    height: 2px;
    margin: 0 16px;
}
.range-filter input {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #E7E7E9;
}
.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: var(--main-color) !important;
}
.irs--round .irs-handle {
    border: 3px solid var(--main-color) !important;
}

.info {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #242b44;
   	color: #fff;
	font-size: 16px;
}

footer {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #242b44;
}
footer h3 {
    color: #fff;
}
.footer-nav {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 100px;
    list-style: disclosure-closed inside none;
}
.footer-nav li a {
    color: #fff;
}
.footer-nav li::marker {
    color: var(--main-color);
}
.links-wrap { display:flex; padding: 20px 0; justify-content: space-between; }
.footer-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: end;
}
.links-wrap,
.footer-links a { color: rgba(255, 255, 255, .7); }

.error-message.err {
    background: #AD1457;
    padding: 10px;
    border-radius: 4px;
}
.error-message.suc {
    background: var(--link-color);
    padding: 10px;
    border-radius: 4px;
}

.login-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 450px;
    margin: 0 auto;
}
.login-form input {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid color(srgb 0 0 0 / 0.5);
    background: #242b44;
}

#modalsignin .modal-dialog {height: auto;max-width: 500px;}
#modalsignin .login-form {max-width: auto;}
#modalsignin .login-form input {border: 1px solid color(srgb 0 0 0 / 0.2); background: #ffffff;}

.reg-types {
    display: flex;
    justify-content: center;
}
.reg-type {
    width: 50%;
}

#pwa-ios-banner {
    display:none;
    width: 98%;
    padding: 10px 35px 10px 10px;
    font-size: .6875rem;
    line-height: 1.3;
    color: #000;
    left: 1%;
    bottom: 20px;
    position: fixed;
    z-index: 9000;
    font-weight: 400;
    border-radius: 12px;
    background-color: #cdced2;
}
.jc-ios #pwa-ios-banner { display: block; }
.pwa-banner-close {
    top: 0;
    right: 0;
    position: absolute;
    width: 34px;
    height: 34px;
    z-index: 9000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
    border: none;
    background: none;
    cursor: pointer;
}
.pwa-banner-text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pwa-add-banner-icon {
    width: 60px;
    height: 40px;
    margin-right: 5px;
    color: #707074;
}
.pwa-banner-notice-box {
    padding-bottom: 7px;
}
.pwa-banner-arrow {
    width: 0;
    height: 0;
}
.pwa-banner-arrow[data-placement=bottom] {
    top: 100%;
    left: calc(50% - 6px);
    position: absolute;
    margin-left: -8px;
}
.pwa-banner-arrow:before {
    content: "";
    top: -1px;
    position: absolute;
    width: 0;
    height: 0;
    border-width: 15px;
    border-style: solid;
    border-color: transparent #cdced2 transparent transparent;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ui-mainprogress { z-index: 99999 !important; }

.values-wrap {
	/*display:flex;*/
}
.values-box {
	/*width: 50%;*/
}
.keyvalue {
	display: flex;
	padding: 6px;
	font-size: 90%;
	/*border-bottom: 1px solid #242b44;*/
}
.values-box .keyvalue:nth-child(odd) {
	background: #1c2239;
}
.keyvalue .key {
	font-weight: bold;
	width: 50%;
}

.paging {
    display: flex;
    justify-content: center;
}
.pagination {
    list-style-type: none;
    display: flex;
    gap: 5px;
	align-items: center;
}
.pagination li {
    display: inline-block;
    font-size: 20px;
    white-space: nowrap;
}
.pagination li a {
    display: block;
    padding: 10px 15px;
    background: #303546;
    color: #fff;
	border-radius: 4px;
}
.pagination li a:hover { text-decoration: none; }
.pagination li a.disabled {
    cursor: default;
}
.pagination li a.selected {
    /*border: 2px solid #ef3669;*/
	background: var(--main-color);
}
.pagination .page-btn {
    background: var(--main-color);
    color: #fff;
}
.pagination .page-btn.disabled {
	background: #191e31;
    color: #2f2f2f;
    pointer-events: none;
	border:none;
}

.tab-links {
    list-style: none;
    padding: 0;
    display: flex;
    border-bottom: 1px solid #303546;
}

.tab-links li {
    margin-right: 10px;
}

.tab-links a {
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
    border: 1px solid #303546;
    border-bottom: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.tab-links .active a {
    background-color: #303546;
    border-bottom: 1px solid #303546;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.nav-badge { background: var(--main-color); color: #fff; font-size: 70%; padding: 2px 6px; border-radius: 4px; text-transform: uppercase; }

.favorite-btn { background: #191e31; border-radius: 50%; padding: 12px; }
.favorite-btn path {stroke: #a9bbd9;}
.favorite-active svg {fill:#a9bbd9}

/*new*/
.main-header {
	background-color: #191f31;
    color: var(--text-primary);
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid var(--border-color);
}
.header-top .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header-top-content {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 20px;
}
.header-left, .header-center, .header-right {
	display: flex;
	align-items: center;
	gap: 20px;
}
.header-center {
	flex-grow: 1;
	justify-content: center;
}
.menu-toggle {
	border: 1px solid var(--border-color);
	color: var(--text-primary);
	font-size: 1.2rem;
	position: relative;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    vertical-align: top;
    text-decoration: none;
    border-radius: 10px;
    outline: 0;
    background: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    font: 0 / 0 a;
    text-shadow: none;
}
.caret {
    position: relative;
    display: block;
    width: 16px;
    height: 10px;
}
.caret:before, .caret:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}
.caret:before {
    top: 0;
    width: 100%;
}
.caret:after {
    bottom: 0;
    width: 12px;
}
.logo {
	color: var(--text-primary);
	text-decoration: none;
	font-size: 2.5rem;
	font-weight: bold;
}
.search-form {
	display: flex;
	flex-grow: 1;
	max-width: 400px;
}
.search-form input {
	width: 100%;
	background-color: var(--bg-light-dark);
	border: 1px solid var(--border-color);
	border-right: none;
	padding: 12px;
	color: var(--text-primary);
	border-radius: 5px 0 0 5px;
	outline: none;
}
.search-form .search-btn {
	background-color: var(--bg-light-dark);
	border: 1px solid var(--border-color);
	color: var(--text-secondary);
	padding: 0 15px;
	cursor: pointer;
	border-radius: 0 5px 5px 0;
}
.map-btn {
	background-color: var(--bg-light-dark);
	border: 1px solid var(--border-color);
	color: var(--text-primary);
	padding: 12px 15px;
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
}
.login-link {
	color: var(--text-secondary);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 8px;
}
.add-profile-btn {
	background-color: var(--brand-pink);
	color: var(--text-primary);
	text-decoration: none;
	padding: 12px 20px;
	border-radius: 5px;
	font-weight: bold;
	white-space: nowrap;
}
.header-bottom {
	margin-top: 10px;
	padding: 20px 0 10px 0;
}
.header-bottom .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main-nav {margin-right:auto;}
.main-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.main-nav a {
	color: var(--text-secondary);
	text-decoration: none;
	font-size: 0.9rem;
}
.main-nav a:hover {
	color: var(--text-primary);
}
.header-bottom-right {
	display: flex;
	align-items: center;
	gap: 20px;
}
.header-icon-link {
	color: var(--text-secondary);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 8px;
}
.header-icon-link .fa-chevron-down {
	font-size: 0.7rem;
}

@media (min-width: 1024px) {
	.main-header::after {
		height: 30px;
		border-radius: 30px 30px 0 0;
	}
}

@media (max-width: 1024px) {
	.header-center {
		order: 3;
		width: 100%;
		margin-top: 10px;
		max-width: none;
	}
	.header-top-content {
		flex-wrap: wrap;
	}
	.header-left {
		flex-grow: 1;
	}
	.main-nav, .header-bottom-right {
		display: none;
	}
	.header-bottom {
		display: none;
	}
}

@media (max-width: 768px) {
	.header-top-content {
		gap: 15px;
	}
	.logo {
		font-size: 2rem;
	}
	.map-btn span, .login-link span {
		display: none;
	}
	.map-btn, .login-link {
		padding: 10px;
	}
	.header-center {
		order: 3;
		flex-grow: 1;
		margin-right: auto;
		margin-left: auto;
	}
	.add-profile-btn {
		padding: 10px 15px;
		font-size: 0.9rem;
	}
}

@media (max-width: 480px) {
	.header-right {
		gap: 10px;
	}
	.login-link, .add-profile-btn {
		display: none;
	}
	.map-btn {
		display: none;
	}
	.search-form {
		flex-grow: 1;
	}
	.header-center {
		justify-content: flex-start;
	}
	.header-left {
		flex-grow: 0;
	}
}