/*
	Theme Name:			VisitParnu2023
	Author:				Naxti
	Author URI:			https://www.naxti.ee
	Version:			1.1.5
	Text Domain: 		VisitParnu2023
*/


html {
    line-height: 1.15;
    overflow-x: hidden;
    margin-top: 0 !important;
}

body {
    margin: 0;
    font-family: 'TT Norms', sans-serif;
}

h1 {
    font-size: 70px;
    margin: .67em 0;
    color: #000;
    font-weight: bold;
}

h2 {
    font-size: 45px;
    font-weight: 700;
    margin: .67em 0;
    color: #000;
    line-height: 1.2 !important;
}

h3 {
    font-size: 25px;
    font-weight: 500;
    margin: .67em 0;
    color: #000;
}

a {
    text-decoration: none;
    color: #00005A;
}

a:hover {
    color: #0000B4;
}

b,
strong {
    font-weight: bolder
}

p {
    line-height: 1.8;
/*    font-size: 18px;*/
}
p a, .elementor-widget-text-editor li a {
    background-color: #FCEDC5!important;;
    color: #0000B4!important;;
    padding: 0 3px!important;;
/*    border-bottom: 1px solid #0000B4;*/
}
.elementor-widget-text-editor p a {
    text-decoration: underline;
}
p a:hover, .elementor-widget-text-editor li a:hover {
    background-color: aliceblue!important;;

}

footer .elementor-icon-list-item a span.elementor-icon-list-text {
    text-decoration: underline;
    text-underline-offset: 3px;
}


blockquote {
    margin: 0!important;
    padding: 0!important;
}

blockquote p {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    line-height: 1.5 !important;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

ul li,
ol li {
    padding: 3px 10px;
    font-size: 18px;
    line-height: 1.8
}
tr {
    
}
td {
    padding: 10px;
   border-bottom: 1px solid #ccc; 
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

fieldset {
    padding: .35em .75em .625em
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

template,
[hidden] {
    display: none
}

#copyright {
    opacity: .7;
    font-size: small;
    font-family: sans-serif;
    text-align: right;
    margin: .5rem
}

.alignright {
    float: right;
	padding-left: 15px;
}

.alignleft {
    float: left;
	padding-right: 15px;
}

.aligncenter {
    text-align: center
}

#navi {
    position: fixed;
    right: 0px;
    top: 0px;
    padding: 15px 5px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    z-index: 1000;
    max-width: 40px;
    /*    height: 100%;*/
    background-color: #fff;
    border-radius: 0 0 0 10px;
}

#navi img {
    width: 30px;
    height: auto;
}

.navi_txt {
    font-size: 22px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    padding: 7px 0;
    position: relative;
    top: 50px;
    right: 2px;
    overflow: auto;
    white-space: nowrap;
}

#logo {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1001
}

#logo-m {
    display: none;
}

#logo img {
    width: auto;
    height: 25px;
}

.langs {
    padding: 9px 0px;
}

.accessibility,
.search-btn,
.favs-btn {
    display: block;
    padding: 12px 5px;
    font-size: 22px;
}

.search-top {
    padding: 12px;
    font-size: 20px;
}

.header-top {
    display: flex;
    position: absolute;
    right: 45px;
    top: 3px;
}

.nl.alert {
	 position: fixed;
    color: #fff;
    background: #0000b4;
    z-index: 10000;
    width: 100%;
    text-align: center;
    padding: 30px;
	transition: opacity 0.5s ease-in-out;
	top: 0;
}

.alert.hide {
	opacity: 0;
}

main {
    /*    padding: 55px 55px 0 55px;*/
    padding: 55px 0px 0 0px;
    overflow-x: hidden;
}

.search {
    border: 0;
    font-size: 17px;
}

.quick-menu {
    transform: scale(0.95);
    display: flex;
    flex-flow: column;
    border-radius: 20px;
    padding: 15px;
    justify-content: center;
    min-width: 150px;
    min-height: 150px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.quick-menu:hover {
    transform: scale(1) translateY(-3px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.quick-menu img {
    height: 60px !important;
    width: auto;
}

.quick-menu h2 {
    width: 100%;
    font-weight: 400;
    font-size: 17px;
    text-align: center;
}


/*OBJ GRID*/

.obj-grid-header-wrapper {
    padding: 55px;
}

.obj-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.obj-grid-item {
    position: relative;
    width: 33.33%;
    text-align: center;
    padding: 25px 0;
    display: flex;
}

.obj-grid-item:hover h2 {
    color: #0000B4;
}


/*
.obj-grid-item-selected:hover {
    background-color: #f7f7f7;
    border-radius: 20px 20px 0 0 ;
}
*/

.connected_objects {
    max-width: 1350px;
margin: 0 auto;
}
.connected_objects .obj-grid {
  justify-content: center;
}
.connected_objects h3 {
    text-align: center;
}

#smly button {
        background-color: #00005A!important;
    color: #ffffff!important;
    border: 0px solid #e2e2e2!important;
     padding: 10px!important;
    
}
#smly input[type="text"], #smly input[type="email"] {
    font-size: 15px;
    padding: 10px;
    width: 100%;
}
.obj-grid-loading {
    display: none;
    margin-left: auto;
    margin-right: auto;
/*    width: 50%;*/
}

.read-more {
    font-size: 20px;
    padding: 10px 0px;
    border-radius: 10px;
    font-weight: 500;
    text-decoration: underline!important;
    background-color: transparent!important;
    margin-bottom: 20px;
    display: block;
/*    color: #A6E7E9;*/
}
.read-more:hover {
    background-color: transparent!important;
    opacity: 0.7;
}

.obj-grid-item-preview {
    /*min-height: 200px;*/
    /*    background-color: #f7f7f7;*/
    /*    border: 1px solid #ccc;*/
    width: 100%;
    margin: 0px 0 20px 0;
    padding: 30px;
    border-radius: 20px;
    /*    display: flex;*/
    display: none;
    -webkit-box-shadow: 0px 0px 83px -27px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 83px -27px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 83px -27px rgba(0, 0, 0, 0.75);
    background-color: #fff;
}

.obj-grid-item-preview > div {
    padding: 20px;
}

.obj-grid-item-preview > div:nth-child(1) {
    width: 50%;
}

.obj-grid-item-preview > div:nth-child(1) h2 {
    margin: 10px 0;
}

.obj-grid-item-preview > div:nth-child(2) > div {
    padding: 5px 0;
}

.obj-grid-item-preview > div:nth-child(2) > div i {
    margin-right: 10px;
    background-color: #CFDEED;
    color: #964542;
    padding: 8px;
    border-radius: 10px;
}

.obj-grid-item-preview > div:nth-child(2),
.obj-grid-item-preview > div:nth-child(3) {
    width: 25%;
    /*    border-left: 1px solid #ccc;*/
}

.obj-grid-item-selected {
    /*    background-color: #f7f7f7;*/
    /*   border-bottom: 1px solid #ccc;*/
    border-radius: 20px;
}

.obj-grid-item-selected:after {
    content: ' ';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
}

.img-black-overlay {
    background-color: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.obj-grid-item:hover .img-black-overlay {
    background-color: rgba(0, 0, 0, 0.50);
}

.obj-grid-item img,
.img-black-overlay {
    width: 150px !important;
    height: 150px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
    left: 0;
    max-width: none !important;
    transform: none;
}

.obj-grid-item h2 {
    font-size: 18px;
    margin: 0px 0 5px 0;
    font-weight: 500;
    padding: 0 20px;
    text-align: left;
}

.grid-item-label {
    position: absolute;
    top: 40px;
    left: 35%;
    transform: translateX(-50%);
    font-size: 13px;
    padding: 5px;
    font-weight: 500;
    width: auto;
    border-radius: 8px;
    z-index: 1;
}

.today {
    background-color: #0000B4;
    color: #fff;
}

.tomorrow {
    background-color: #0000B4;
    color: #fff;
}

.obj-grid-item-container {
    text-align: left;
}

.obj-grid-item .meta-info {
    font-size: 14px;
    background-color: aliceblue;
    padding: 10px;
    font-weight: 500;
    color: #000573;
    margin: 0 0 10px 20px;
    width: auto;
    display: inline-block;
    border-radius: 15px;
}

.grid-item-date {
    font-weight: 700;
    padding: 10px 20px;
}

.gi-date,
.gi-time {
    font-weight: 500;
}

.gi-separator {
    font-weight: 400;
    padding: 0 5px;
    color: #ccc;
}

.obj-grid-item .description {
    /*    font-size: 18px;*/
    line-height: 1.5;
    font-weight: 400;
    color: #323334;
    max-width: 100%;
    margin: 0 auto;
    /*    display: none;*/
}

.gi-open-group h4 {
    margin: 5px 0;
}

.gi-open-group-times div {
    font-size: 15px;
    border-bottom: 1px solid #f2f2f2;
    max-width: 200px;
    padding: 5px 0 5px 50px;
}

.obj-grid-item .add-to-fav:before {
    content: '\f004';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
        top: 80px;
    left: 17%;
    transform: translateX(-50%) scale(1);
    width: 30px;
    height: 30px;
    font-weight: 700;
    color: #fff;
    font-size: 36px;
    z-index: 1;
    opacity: 0.2;
}


/*
.obj-grid-item .add-to-fav {
    display: none;
     content: '\f004';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 115px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    font-size: 40px;
    color: #fff;
}
*/

.obj-grid-item.fav-active .add-to-fav:before {
    color: #FF4800;
    opacity: 1;
}

.obj-grid-item.fav-active .add-to-fav:hover:before {
    content: '\f7a9';
    color: #FF4800;
    opacity: 1;
}

.obj-grid-item .add-to-fav:hover:before {
    opacity: 1;
    animation-name: heartgrow;
    animation-duration: 0.5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    color: #fff;
}

.obj-grid-item:hover .add-to-fav:before {
    opacity: 1;
}

@keyframes heartgrow {
    from {
        color: white;
        transform: translateX(-50%) scale(1)
    }
    to {
        color: #FF4800;
        transform: translateX(-50%) scale(1.1)
    }
}

.obj-grid-item:hover .add-to-fav {
    display: block;
}

.obj-filter {
    text-align: center;
    padding: 20px 20px;
}

.open-filters-button,
.open-filters-button:hover {
    background-color: #000573;
    color: #A6E7E9;
    font-size: 25px !important;
}

.copy-favs {
    margin: 10px 0;
    text-align: center;
}

.copy-favs-wrapper {
    /*    display: inline-block;*/
    
}
.copy-favs-link {position: relative;}
.copy-favs-copied .copy-favs-button {
      animation-name: favs-button;
  animation-duration: 3s;
}

@keyframes favs-button {
  0%   {background-color: #2E6347;color: white;}
  80% {background-color: #2E6347;}
  100% {background-color: #000573;}
}

.copy-favs-copied .copy-favs-button .fa-copy:before {
      animation-name: favs-icon;
  animation-duration: 3s;
}

@keyframes favs-icon {
  0%   {content: "\f00c";}
  100% {content: "\f00c";}
}

.copy-favs-copied .copy-favs-link:before {
    content: ' ';
    position: absolute;
    left: 0%;
    top: 0;
    right: 100%;
    bottom:0;
    border-radius: 10px 0 0 10px;
    background-color: rgba(46, 99, 71, 1);
    animation-name: favs-link;
    animation-duration: 3s;
}

@keyframes favs-link {
  0%   {right: 100%;}
  60% {border-radius: 10px 0 0 10px;}
  80% {right: 0%;opacity: 1;border-radius: 10px;}
  100% {right: 0%;opacity: 0;border-radius: 10px;}
}



.copy-favs h3 {
    font-size: 19px;
    font-weight: 400;
}

.copy-favs-link {
    /*     border: 1px solid #000573;*/
    padding: 10px 20px;
    background-color: #A6E7E9;
    border-radius: 10px;
    font-size: 20px;
    width: auto;
    color: #0000B4;
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px;
}

.copy-favs-button,
.copy-favs-button:hover {
    /*    background-color: #000573;*/
    display: inline-block;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #000573;
    color: #A6E7E9;
    margin-top: 10px;
}


/*
.copy-favs-button:not(:active),.copy-favs-button:active  {
 animation-name: copy-anim;
  animation-duration: 2s;
}
@keyframes copy-anim {
  from {background-color: #000573;}
  to {background-color: green;}
}
*/

.rooms-prices {
padding: 10px 20px;
background-color: #ececec;
margin:5px;
display: inline-block;
border-radius: 10px;
font-size: 14px;
/* color: #0000B4; */
cursor: pointer;
}

.timerange-preset {
  background-color:#0000B4;
    color: aliceblue;
    font-size: 18px;
    padding: 10px 20px;
}


.weekdays {
    display: block;
    line-height: 1.7;
    padding: 15px;
}

.open-filters-button i,
.global-btn i,
.copy-favs-button i {
    margin-right: 7px;
}

.load-more-button,
.close-filters-button,
.load-more-button:hover,
.close-filters-button:hover{
    background-color: #0000B4;
    color: #A6E7E9;
}

.close-filters-button {
display: block!important;
max-width: 110px;
margin: 0 auto;
}


.load-more-button div {
    display: inline-block;
}

.obj-grid-footer {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.grid-total-info {
    text-align: center;
    padding: 10px;
}

.grid-total-info div {
    display: inline-block;
}

.active-filters {
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    align-items: center;
    justify-content: center;
}


/*.active-filters > div {*/

.active-filter i {
    cursor: pointer;
}

.active-filter {
    display: inline;
    float: left;
    border: 1px solid #C9DFEE;
    padding: 5px 12px;
    display: block;
    border-radius: 15px;
    font-size: 18px;
    color: #000573;
    font-weight: 400;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: default;
}


/*.active-filters > div:hover {*/

.active-filter:hover {
    background-color: #C9DFEE;
}


/*.active-filters > div i {*/

.active-filter i {
    display: inline-block;
    /*    padding: 5px;*/
    font-size: 22px;
    color: #FF4800;
    vertical-align: text-bottom;
    margin-right: 5px;
}

.remove-filters {
    display: none;
    font-size: 20px;
    text-decoration: underline !important;
    margin-right: 15px;
    margin-bottom: 15px;
}


/*SINGLE OBJ*/

.single-obj-header-img {
    background-color: aliceblue;
    /*    min-height: 400px;*/
    width: 100%;
}

.single-obj-header-img img {
    object-fit: cover;
    object-position: 100% 50%;
    width: 100%;
    height: 600px;
}
.event-single-header {
    background-color: white!important;
   height: 300px; 
    background-image: url('assets/vp_city_pat.jpg');
    background-repeat: repeat-x;
    background-size: auto 300px;
}
.event-single-header img{
    display: none;
    
}
.single-obj-gallery {
    width: 100%;
    margin-top: -75px;
    text-align: center;
}

.single-obj-gallery a {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    /*    border:5px solid #fff;*/
    border-radius: 20px;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
}

.single-obj-gallery a:nth-child(n+5) {
    display: none;
}

.single-obj-gallery a:hover {
    filter: brightness(130%);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
}

.tour-obj-gallery {
    width: 100%;
    /*    text-align: center;*/
}

.tour-obj-gallery a {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    /*    border:5px solid #fff;*/
    border-radius: 20px;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
}

.tour-obj-gallery a:nth-child(n+5) {
    display: none;
}

.tour-obj-gallery a:hover {
    filter: brightness(130%);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
}

.tour-obj-gallery img {
    border-radius: 20px;
    object-fit: cover;
    /*    object-position: 100% 50%;*/
    width: 141px;
    height: 110px;
}

.tour-obj-gallery a:nth-child(4) img {
    filter: brightness(20%);
}

.tour-obj-precontent {
    max-width: 1350px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

.tour-obj-precontent #breadcrumbs {
    justify-self: flex-start;
    width: 70%;
}

.tour-obj-precontent .social-sharing {
    justify-self: flex-end;
    width: 30%
}

.tour-content {
    display: flex;
    max-width: 1350px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.tour-single-content-left {
    padding: 50px 20px;
    max-width: 45%;
}

.tour-single-content-left .description {
    padding: 20px 0;
}

.how-many-pics {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
}

.single-obj-gallery img {
    border-radius: 20px;
    object-fit: cover;
    /*    object-position: 100% 50%;*/
    width: 141px;
    height: 110px;
}

.single-obj-gallery a:nth-child(4) img {
    filter: brightness(20%);
}

.social-sharing {
    text-align: right;
}

.single-content {
    text-align: center;
    padding: 15px;
}

.single-content h1 {
    margin: 50px auto;
    max-width: 900px
}

.single-content .location {
    font-size: 20px;
}

.single-content .location i {
    margin-right: 10px;
    font-size: 25px;
}

.single-content .location.data {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.single-content .location.data div {
    font-size: 20px;
    padding: 10px 20px;
}

.single-content .location.data div i {
    margin-left: 7px;
    font-size:
}

.single-content .location.data div:nth-child(2),
.single-content .location.data div:nth-child(3) {
    border-left: 1px solid #ccc;
}

.tours {
    padding: 50px 20px;
    max-width: 45%;
}

.tour-obj-header-img {
    max-width: 100%;
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
}

.tour-content .location.data {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    margin-top: 20px;
}

.tour-content .location.data div {
    font-size: 19px;
    /*    padding: 10px 10px;  */
    margin-right: 20px;
}

.tour-content .location.data div i {
    margin-left: 7px;
    font-size:
}

.tour-obj-header-title-wrapper {
    max-width: 1350px;
    margin: 0 auto;
    font-size: 35px;
    color: #fff;
}

.tour-obj-header-title-wrapper h1 {
    color: #fff;
    margin: 0 0 20px 0;
}

.view-on-map-button {
    margin-top: 20px;
    color: #000573;
    background-color: #A6E7E9;
}

.map-view {
    display: none;
    height: 400px;
    margin-top: 20px;
}

.map-view iframe {
    width: 50%;
    height: 400px;
}

.map-preview {
    display: block;
    height: 400px;
}

.map-preview iframe {
    width: 50%;
    height: 400px;
}

.white-back-blue-border {
    margin-top: 20px;
    color: #000573;
    background-color: #fff;
    border: 1px solid #000573;
}

.global-btn {
    display: inline-block;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 8px;
}

.get-in-touch {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    padding: 30px;
}

.get-in-touch a,
.get-in-touch div {
    color: #000;
    margin-right: 10px;
    padding: 8px 10px;
}

.get-in-touch a:hover {
    color: #000573;
    text-decoration: underline;
}

.get-in-touch a i {
    margin-right: 5px;
}

.description {
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
    padding: 30px;
}

.price_times {
    padding: 50px 30px;
}

.properties {
max-width: 1350px;
margin: 0 auto;
border-radius: 30px;
padding: 20px;
background-color: #f4f4f4;
}
.properties .properties-group {
   display: flex;
   flex-wrap: wrap;
   text-align: center;
   justify-content: flex-start;
}
.properties .properties-group h3 {
   width: 100%;
    width: 100%;
border-bottom: 1px solid #ccc;
padding: 10px;
}
.properties-group .properties-wrapper {
/*  flex: 1;*/
    width: 25%;

}
.properties-group .properties-wrapper p {
    line-height: 1.3!important;
    font-size: 14px !important;
}
.properties-group .properties-wrapper h4 {
    margin: 5px 0;
}
.elementor-widget-call-to-action {
    margin: 10px 0!important;
}
/*    quick menus  */

.elementor-cta__description {
    color:#000!important;
}

#cn-notice-buttons a {
    color:#fff!important;
}
.quickmenu {
    position: fixed;
    right: 5px;
    top: 40%;
    display: flex;
    flex-wrap: wrap;
    z-index: 500;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: scale(1);
}

.quickmenu:hover {
    transform: scale(1);
    right: 5px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.quickmenu a {
    transform: scale(0.95);
    width: 60px;
    height: auto;
    padding: 10px;
    border-radius: 15px;
    text-align: center;
    margin-bottom: 5px;
    font-size: 14px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    min-height: 65px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.quickmenu a:hover {
    transform: scale(1);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-box-shadow: 0px 0px 28px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 28px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 28px -12px rgba(0, 0, 0, 0.75);
}

#ajaxsearchpro1_1 .probox,
#ajaxsearchpro1_2 .probox,
div.asp_m.asp_m_1 .probox {
    margin: 0 !important;
}

.visitor,
.visitor:hover {
    background-color: #BAE6E8;
    color: #00005A;
}

.conference,
.conference:hover {
    background-color: #FCEDC5;
    color: #00005A;
}

.conf,
.conf:hover {
    background-color: #00005A;
    color: #FFCA9F;
}

.professional,
.professional:hover {
    background-color: #FCEDC5;
    color: #00005A;
}

.quickmenu img {
    display: block;
    max-width: 40px;
    margin-bottom: 10px;
    margin: 0 auto;
}


/*    popup menus */

.popup-menu {}

.menu-block {
    width: 18% !important;
}

.menublock {
    width: 100% !important;
}

.menublock ul {
    display: flex;
    flex-wrap: wrap;
}

.menublock ul li {
    width: 50%;
    /*    margin-bottom: 20px;*/
}

.menublock ul ul li {
    width: 100%;
    margin-bottom: 0px;
    padding-left: 10px;
}

.menublock ul ul {
    display: block !important;
    position: static !important;
    width: 100% !important;
}

.menublock .elementor-nav-menu--layout-horizontal {
    display: block !important;
}

.menublock .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li {
    display: block !important;
}

.menublock li a[href$='#'] {
    pointer-events: none;
    color: #000!important;
}

.menublock li a {
    font-size: 22px !important;
    line-height: 1 !important;
    color: #000573 !important;
    font-weight: 500;
    pointer-events: auto;
    white-space: normal !important;
    /*    padding: 10px 15px!important;*/
}

.menublock li a:hover {
    color: #0000B4 !important;
    text-decoration: underline!important;
}

.menublock li.current-menu-item {
    font-size: 22px;
    color: #000 !important;
    font-weight: 500 !important;
    border-width: 0px;
}

.menublock li.current-menu-item > a {
    font-size: 22px;
    color: #000 !important;
    background-color: transparent;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset:3px;
}

.menublock li ul a {
    pointer-events: all;
    font-size: 17px !important;
    color: #000 !important;
    display: block;
    font-weight: 400;
    padding: 7px 10px !important;
}

.menublock li ul a:hover {
    font-size: 17px;
    color: #0000B4;
    text-decoration: underline;
    background-color: transparent;
}

.menublock li ul ul a {
    pointer-events: all;
    font-size: 15px;
    color: #000;
    display: block;
    font-weight: 400;
    padding: 7px 10px !important;
    background-color: aliceblue;
}

.menublock li ul ul a:hover {
    font-size: 15px;
    color: #0000B4;
    text-decoration: underline;
    background-color: aliceblue;
}

.custom-popup-section {}

.popup-menu-items {}

.popup-menu-items .elementor-icon-list-item span {
    font-size: 17px !important;
    padding: 5px 15px;
    color: #c94343 !important;
}

.popup-menu-items .elementor-icon-list-item a span {
    font-size: 17px !important;
    padding: 5px 15px;
    color: #000000 !important;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    border-radius: 5px;
}


/*
.popup-menu-items .elementor-icon-list-item a span::after {
  content: 'e4b1';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #0000B4;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
*/

.popup-menu-items .elementor-icon-list-item a span:hover {
    color: #0000B4 !important;
    /*    text-decoration: underline;*/
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background-color: aliceblue;
}

.custom-popup-section h2 {
    font-size: 35px;
}

.custom-popup-section h3 {
    font-size: 22px;
}

.wpml-ls-legacy-dropdown-click {
    width: auto;
}

.wpml-ls-legacy-dropdown-click a {
    display: block;
    text-decoration: none;
    color: #000;
    border: 0px solid #cdcdcd;
    background-color: #fff;
    padding: 5px 5px;
    line-height: 1;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    border-width: 0;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    border-width: 0;
    top: 7px;
    position: absolute;
    right: 15px;
    font-family: "Font Awesome 6 Pro";
    content: '\f078';
    font-size: 13px;
}

div.asp_m.ajaxsearchpro .probox .proinput {
    width: 80% !important;
}

.proinput input {
    background-color: #fff !important;
}

div.asp_m.ajaxsearchpro .probox .proinput input {
    border-radius: 15px !important;
}

.tours-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 750px;
}

.tours-wrapper a {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px 20px;
    color: #000;
    align-items: center;
}

.limited .limit-tours {
    margin-top: -120px;
}

.limit-tours {
    position: relative;
    min-height: 100px;
    margin-top: -40px;
    padding: 20px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(54%, rgba(255, 255, 255, 1)), color-stop(99%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.tours-wrapper.limited a:nth-child(n+6) {
    display: none;
}
#mdp-readabler-popup #mdp-readabler-popup-close:focus, #mdp-readabler-popup #mdp-readabler-popup-close:hover {
outline: 0px dotted var(--readabler-text)!important;
}
.show-more-tours {
    color: #0000B4;
    cursor: pointer;
    padding: 10px;
    font-weight: 500;
    /*   background-color: aliceblue;*/
}

.show-more-tours:hover {
    background-color: aliceblue;
}

.tours-wrapper a:hover {
    color: #0000B4 !important;
    background-color: aliceblue;
}

.tours-wrapper a h3 {
    font-size: 20px;
    margin: 0 0 5px 0;
}

.tour-add-info {
    text-align: left;
    font-size: 15px;
}

.tours-wrapper a img {
    margin-right: 20px;
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 50%;
}

.tour-index {
    position: relative;
    font-size: 17px;
    font-weight: 500;
    padding: 20px;
    color: #000573
}

.tour-index:after {
    position: absolute;
    border-left: 1px dotted #000573;
    width: 0;
    height: 40px;
    display: block;
    content: '';
    left: 48%;
    z-index: 1;
    top: 50px;
    margin-left: 0px;
}

.tours-wrapper a:nth-last-child(2) .tour-index:after {
    border-left: 0px dotted #000573;
}

.related-tours {
    max-width: 1350px;
    margin: 0 auto;
}

.rel-tours-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 50px 30px;
}

.rel-tours-wrapper a {
    width: 30%;
    display: flex;
    flex-wrap: nowrap;
    padding: 20px 20px;
    color: #000;
    align-items: center;
}

.rel-tours-wrapper a:hover {
    color: #0000B4 !important;
    background-color: aliceblue;
    border-radius: 30px;
}

.rel-tours-wrapper a h3 {
    font-size: 25px;
    margin: 0 0 5px 0;
}

.rel-tour-add-info {
    text-align: left;
    font-size: 15px;
}

.rel-tour-add-info > * {
    display: block;
}

.rel-tour-add-info span {
    margin-top: 5px;
}

.rel-tours-wrapper a img {
    margin-right: 20px;
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
}

.filter-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.93);
    z-index: 2000;
    /*display: flex;*/
    display: none;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
}

.remove-all-filters {
    display: none;
    font-size: 20px;
    text-decoration: underline!important;
        display: block!important;
width: 250px;
/*margin: 20px auto;*/
    color:#FF4800;
    text-align: center;

}

.filter-modal h1 {
    margin-bottom: 20px;
}

.close-modal {
    position: fixed;
    top: 20px;
    right: 20px;
}

.close-modal i {
    font-size: 35px;
}
.close-modal img {
    width: 45px;
    height: 45px;
}


.filter-modal-content {
    max-width: 1350px;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
}
.filter-modal-content h2 {
    text-align: center;
}
.modal-column {
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
/*    justify-content: space-evenly;*/
}

.filter-group {
    text-align: left;
    width: 20%;
    padding-bottom: 50px;
    flex-grow: 1;
}

.filter-group h3 {
    font-size: 20px;
}

.filter-item {
    padding: 7px 10px 7px 25px;
    font-size: 17px;
    position: relative;
    cursor: default;
}

.filter-item:after {
    content: '\f058';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 20px;
    color: #d3d3d3;
    font-weight: normal;
}

.filter-item:hover {
    text-decoration: underline;
}

.filter-item.checked {
    color: #0000B4;
    font-weight: 500;
}

.filter-item.checked:after {
    content: '\f058';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 20px;
    color: #0000B4;
    font-weight: bold;
}

.elementor-toggle-title {
    font-size: 25px;
    font-weight: 500;
}

.filter-date-input {
position: relative;
/* width: 150px; */
/* height: 20px; */
color: white;
font-size: 18px;
padding: 5px 10px;
margin: 5px;
border-radius: 10px;
    
}

.filter-date-input:before {
    position: absolute;
    /*top: 3px;*/ 
    left: 3px;
    content: attr(data-date);
    display: inline-block;
    color: black;
}

.filter-date-input::-webkit-datetime-edit, 
.filter-date-input::-webkit-inner-spin-button, 
.filter-date-input::-webkit-clear-button {
/*    display: none;*/
    opacity: 0;
    background-color: white;
}

.filter-date-input::-webkit-calendar-picker-indicator {
    position: absolute;
    /*top: 3px;*/
    right: 0;
    color: black;
    opacity: 1;
}



/* OBJECT NEW LAYOUT */

.top-section {
    display: flex;
	justify-content: center;
}

.object-wrap .single-content h1 {
    font-size: 50px;
}

.obj-gallery {
    width: 100%;
    
}
.obj-gallery img {
    border-radius: 12px;
}
.gallery-wrap .single-obj-gallery {
    margin-top: -131px;
}
.location-col {
    width: 100%;
    max-width: 420px;
    flex-shrink: 0;
    padding-left: 15px;
    box-sizing: border-box;
}
.location-box {
    width: 100%;
    height: 50%;
    background-color: #A6E7E9;
    border-radius: 15px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.location-box i {
    display: block;
    font-size: 50px;
    text-align: center;
    margin-bottom: 15px;
}
.location-box .location {
    font-size: 24px;
    padding: 50px;
    text-align: center;
}
.map-box {
    height: 50%;
    width: 100%;
    position: relative;
}
.map-box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
}

.object-wrap .content-wrap {
    text-align: left;
}
.object-wrap .container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    
}
.object-wrap .row {
    display: flex;
    flex-wrap: wrap;
}
.object-wrap .col-left {
    width: 60%;
    padding-right: 15px;
    box-sizing: border-box;
}
.object-wrap .properties {
    border-radius: 16px;
    display: none;
    padding: 30px;
    max-width: 468px;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    box-sizing: border-box;
}
.object-wrap  .properties-group .properties-wrapper {
    width: 50%;
    text-align: left;
    margin-bottom: 30px;;
}
.object-wrap .properties-group .properties-wrapper p {
    font-size: 18px !important;
    line-height: 1.8 !important;
    margin: 0;
}
.object-wrap .properties h3 {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    font-size: 18px;
}
.object-wrap .col-right {
    width: 40%;
    
}
.object-wrap .box {
    background-color: #FCEDC5;  
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 15px;
}
.object-wrap .description-wrap {
    text-align: left;
    padding-right: 120px;
}
.object-wrap .time-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}
.object-wrap .time-item.time-item:last-child {
    border: none;
} 
.object-wrap .time-item .weekdays {
    width: 50%;
    text-align: right;
}
.object-wrap .time-item h4 {
    flex-shrink: 0;
	padding-right: 15px;
}
.object-wrap .box .contacts {
    display: flex;
    flex-wrap: wrap;
}
.object-wrap .box .contacts a {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.object-wrap .box .contacts i {
    font-size: 24px;
    margin-right: 10px;
}
.object-wrap .box .contacts a.email {
    width: 100%;
    margin-bottom: 0;
}
.object-wrap #openAttr {
    display: flex;
    align-items:center;
    gap: 5px;
    margin-bottom: 15px;
    margin-top: 30px;
}


.box.contacts-box {
    background-color: #A6E7E9;
}
.object-wrap .single-content {
    padding-bottom: 50px;
}


.elementor a.elementor-cta:focus {
    border: 2px solid #0000B4;
}

footer .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
    padding: 5px 5px;
    margin: 0;
}


.page-template-page-supeluse main > * {
    box-sizing: border-box;
}

.page-template-page-supeluse .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.75);
    padding: 0px;
    box-sizing: border-box;

}

/* Show modal when it has .open */
.page-template-page-supeluse .modal.open {
    display: block;
}

/* Optional: Prevent scroll on body when modal is open */
body.modal-open {
    overflow: hidden;
}

/* Example modal inner container */
.page-template-page-supeluse .modal .page-content {
    background: #F0F1F2F2;
    max-width: 100%;
    margin: auto;
   
    
    position: relative;
}

 .supeluse .map {
    background-color: #f0f1f2;
 }
 .supeluse .map-wrap {
    max-height: 100vh;
    width: 100%;
    margin: 0 auto;
    overflow: auto;
 }
 .supeluse .map-wrap .svg-wrap {
    max-width: 800px;
 }
 .supeluse .map-wrap svg {
    width: 100%;
 }
 .supeluse h1 {
    text-align: center;
 }
 .supeluse .map svg g[id*="Layer_"]:hover rect, .supeluse .map svg g[id*="Layer_"]:hover polygon,  .supeluse .map svg g[id*="Layer_"]:hover path {
    fill: orange;
 }
 .supeluse .gallery {
    overflow: auto;
    margin-bottom: 30px;
 }

 .supeluse .gallery ul {
    display: flex;
    padding-left: 0;
 }
 .supeluse .gallery ul li {
    margin-right: 1rem;
    list-style: none;
 }
 .supeluse .gallery ul li a img {
    width: 266px;
    height: 166px;
    object-fit: cover;
    border-radius: 16px;
 }


 .supeluse .info {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    max-width: 435px;
    background: #CFDDEB;
    border-radius: 12px;
    padding: 1.5rem;
    z-index: 1;
}

.supeluse .info a {
    display: block;
    margin-top: 1rem;
    background-color: transparent;
    text-decoration: underline;
    margin-bottom: 1rem;
}
.supeluse .markers {
    list-style: none;
    padding-left: 0;
}
.supeluse .markers li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
}
.supeluse .markers li:before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
.supeluse .markers li.history:before {
    background: #FFCA9C;

}
.supeluse .markers li.tourism::before {
    background: #B5CC75;

}
.supeluse {
    background-color: #F0F1F2F2;
}

.supeluse .container {
    width: 100%;
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
}
.supeluse .header {
    height: 95px;
    background-color: #BAE6E8;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 25px;
}
.supeluse .header-title {
    font-size: 45px;
    font-weight: 700;
    color: #00005A;
}
.supeluse .row {
    display: flex;
    align-items: flex-start;
	flex-direction: column;
    overflow: visible;
}
.supeluse .col {
    width: 100%;
    box-sizing: border-box;
}
.supeluse.gallery {
    align-self: flex-start;
    z-index: 10;
}
.supeluse .gallery-wrap {
    padding-right: 48px;
    box-sizing: border-box;
}
.supeluse .gallery-thumbnails {
    overflow: hidden;
    
}
.supeluse .gallery-thumbnails ul {
    display: flex;
    overflow: auto;
    list-style: none;
    padding: 0;
}
.supeluse .gallery-thumbnails ul li img {
    width: 118px;
    height: 78px;
    object-fit: cover;
    border-radius: 16px;
}
.supeluse .supeluse-content, .supeluse .supeluse-content h1, .supeluse .supeluse-content p {
    color: #00005A;
}
.supeluse #main-image a {
    display: flex;
    position: relative;
    padding-top: 61.5%;
}
.supeluse #main-image img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    object-fit: cover;
    border-radius: 16px;
    background: #fff;
}

.supeluse #close {
    position: absolute;
    right: 2rem;
    z-index: 1;
    width: 50px;
    height: 50px;
}
.supeluse .modal {
    display: none;
}


@media screen and (max-width: 767px) {
    .supeluse .object-wrap .container {
        padding: 0 1rem;
    }
    .supeluse .info {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        border-radius: 0;
    }
    .supeluse .map-wrap {
        overflow: normal;
        max-height: none;
    }
      
    .supeluse .supeluse-content h1 {
        font-size: 2rem;
    }
    .supeluse .header-title {
        font-size: 2rem;
    }
    .supeluse .header-title svg {
        display: none;
    }
    .supeluse .row {
        flex-direction: column;
    }
    .supeluse .row .col {
        width: 100%;
    }
    .supeluse .gallery-wrap {
        width: 100%;
        position: relative !important;
        top: 0 !important;
        width: auto !important;
        left: 0 !important;
        padding-right: 0px;
    }
   

}


/*
.elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
width: 10px;
height: 25px;
}
*/

@media screen and (min-width:1500px) {
    .obj-grid-item {
        width: 33.33%;
    }
}



/*M O B I L E*/

@media screen and (max-width:1024px) {
    main {
        padding: 55px 0px 0 0px;
    }
    #logo {
        display: none;
    }
    #logo-m {
        display: block;
        position: absolute;
        left: 0px;
        top: -1px;
        z-index: 1001;
        background-color: #fff;
        padding: 18px 10px;
    }
    #logo-m img {
        height: 14px;
        width: auto;
    }
    .navi_txt {
        display: none;
    }
    h1 {
        font-size: 45px;
        margin: .67em 0;
        color: #000;
    }
    h2 {
        font-size: 35px;
        font-weight: 700;
        margin: .67em 0;
        color: #000;
    }
    h3 {
        font-size: 25px;
        font-weight: 500;
        margin: .67em 0;
        color: #000;
    }
    .menu-block {
        width: 45% !important;
    }
    .popup-menu-items .elementor-icon-list-item a span {
        font-size: 15px !important;
        line-height: 1.3;
        padding: 3px 5px;
    }
    .custom-popup-section h2 {
        font-size: 25px;
    }
    .custom-popup-section h3 {
        font-size: 18px;
    }
    /*    quick menus  */
    .quickmenu {
        display: none;
        position: fixed;
        right: inherit;
        left: 50%;
        width: 100%;
        top: auto;
        bottom: 5px;
        
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transform: scale(1) translateX(-50%);
    }
    .quickmenu:hover {
        transform: scale(1) translateX(-50%);
        right: inherit;
        left: 50%;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    .quickmenu a {
        transform: scale(1);
        width: 50px;
        height: auto;
        padding: 10px;
        border-radius: 10px;
        text-align: center;
        margin-bottom: 5px;
        margin: 0 3px;
        font-size: 11px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        min-height: 34px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }
    .quickmenu a:hover {
        transform: scale(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -webkit-box-shadow: 0px 0px 28px -12px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 28px -12px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 28px -12px rgba(0, 0, 0, 0.75);
    }
    .quickmenu img {
        display: block;
        max-width: 30px;
        margin-bottom: 15px;
        margin: 0 auto;
    }
    .menublock li a {
        font-size: 16px !important;
    }
    .menublock li ul a {
        font-size: 15px !important;
        padding: 6px 0px !important;
    }
    .mob-menu-header h2 {
        font-size: 25px !important;
    }
    .mob-menu-header svg {
        font-size: 25px !important;
    }
    .single-obj-header-img img {
        object-fit: cover;
        object-position: 100% 50%;
        width: 100%;
        height: 250px;
    }
    .single-obj-gallery img {
        border-radius: 10px;
        object-fit: cover;
        /* object-position: 100% 50%; */
        width: 80px;
        height: 70px;
    }
    .single-obj-gallery {
        width: 100%;
        margin-top: -45px;
        text-align: center;
    }
    .single-obj-gallery a {
        display: inline-block;
        margin-right: 0px;
    }
    .single-content .location.data div:nth-child(2),
    .single-content .location.data div:nth-child(3) {
        border-left: 0px solid #ccc;
    }
    .single-content .location.data div {
        font-size: 15px;
    }
    .filter-group {
        text-align: left;
width: 50%;
padding-bottom: 20px;
    }
    filter-group h3 {
font-size: 18px;
}
    .filter-item {
padding: 6px 10px 3px 20px;
font-size: 14px;
position: relative;
cursor: default;
}
    .filter-item:after {

top: 5px;
font-size: 16px;

}
    .obj-grid-header-wrapper {
        padding: 25px 0;
    }
    .obj-grid-item {
        width: 100%;
    }
    .obj-grid-item {
        position: relative;
        width: 100%;
        text-align: center;
        padding: 5px 0;
        display: flex;
        align-items: start;
    }
    .img-black-overlay {
        background-color: transparent;
        position: absolute;
        left: 0%;
        transform: translateX(0%);
    }
    .obj-grid-item-img-container {
        display: inline-block;
        width: 40%;
        text-align: left;
    }
    .obj-grid-item-container {
        display: inline-block;
        width: 60%;
        text-align: left;
    }
    .obj-grid-item img,
    .img-black-overlay {
        max-width: inherit;
        width: 120px !important;
        height: 120px !important;
        border-radius: 16px !important;
        object-fit: cover !important;
    }
    .obj-grid-item h2 {
        font-size: 19px;
        margin: 0;
        font-weight: 500;
        padding: 0 0px;
        text-align: left;
    }
    .grid-item-date {
        padding-left: 0;
    }
    .obj-grid-item .meta-info {
        font-size: 11px;
        background-color: aliceblue;
        padding: 5px;
        font-weight: 400;
        color: #000573;
        margin: 5px 0 0px 0;
        width: auto;
        display: inline-block;
        border-radius: 15px;
        text-align: left;
    }
    .obj-grid-item-preview {
        flex-wrap: wrap;
    }
    .obj-grid-item-preview > div:nth-child(1),
    .obj-grid-item-preview > div:nth-child(2),
    .obj-grid-item-preview > div:nth-child(3) {
        width: 100%;
    }
    .obj-grid-item-preview > div {
        padding: 0px;
    }
    .obj-grid-item .add-to-fav:before {
        top: 45px;
        left: 56px;
    }
    .tour-single-content-left {
        padding: 20px;
        max-width: 100%;
    }
    .tour-obj-precontent #breadcrumbs {
        justify-self: flex-start;
        width: 100%;
        font-size: 13px;
    }
    .tour-obj-header-img {
        min-height: 300px;
        padding: 20px;
    }
    .tour-obj-gallery {
        text-align: center;
    }
    .tour-content .location.data div {
        font-size: 16px;
        padding: 5px;
        margin-right: 0px;
        /* display: block; */
        width: 100%;
        text-align: center;
    }
    .tours-wrapper a {
        padding: 10px 0px;
    }
    .view-on-map-button {
        margin: 10px auto;
    }
    .related-tours {
        padding: 20px;
    }
    .rel-tours-wrapper {
        padding: 0px;
    }
    .related-tours h3 {
        margin: 20px;
    }
    .rel-tours-wrapper a {
        width: 100%;
        padding: 20px 10px;
    }
    .rel-tours-wrapper a h3 {
        font-size: 18px;
        margin: 0 0 5px 0;
    }
    p {
        font-size: 16px;
    }
    blockquote p {
        font-size: 20px;
    }
    .tours {
        max-width: 100%;
    }
    .tours-wrapper a h3 {
        font-size: 18px;
    }
    .rel-tours-wrapper a img {
width: 100px;
height: 100px;

}
    .obj-filter {
text-align: center;
padding: 0px;
}
    .properties-group .properties-wrapper {
/*     flex: 1;*/
    width: 50%;

}
    .get-in-touch {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 0px;
padding: 20px;
        flex-direction: column;
}
    .description {
text-align: justify;
max-width: 850px;
margin: 0 auto;
padding: 20px;
}
.price_times {
padding: 20px;
}   
    .copy-favs-link {
/* border: 1px solid #000573; */
padding: 10px 20px;
font-size: 16px;
max-width: 100%;
        overflow-x: hidden;
}
    
  .filter-modal-content  h2 {
text-align: center;
}  
    .filter-modal-content .filter-modal-content  h2 {
text-align: center;
} 
  .map-view iframe {
    width: 100%;
    height: 400px;
}  
    .wpml-ls-legacy-dropdown-click a {
    font-size: 16px;
}
    
    
}

@media screen and (max-width:767px) {
    .obj-grid-item img,
    .img-black-overlay {
        max-width: inherit;
        width: 100px !important;
        height: 100px !important;
    }
    .header-top {
        right: 35px;
    }
    #navi {
        max-width: 35px;
    }
    
    .single-content {
        order: 1;
    }
    .top-section {
        flex-wrap: wrap;
        order: 2;
    }
    .map-box iframe {
        position: relative;
        height: 300px;
    }
    .location-col {
        margin-top: 15px;
        padding-right: 15px;
    }
    .map-box {
        height: auto;
    }
    .gallery-wrap {
        width: 100%;
    }
    .gallery-wrap .single-obj-gallery {
        margin-top: 15px;
    }
    .object-wrap .col-left,.object-wrap .col-right {
        width: 100%;
    }
    .object-wrap .description-wrap {
        padding-right: 0;
    }
    .object-wrap .single-content h1 {
        font-size: 32px;
        text-align: left;
        margin-top: 0;
    }
    .location-box {
        height: auto;
    }
    .object-wrap .page-content {
        display: flex;
        flex-direction: column;
    }
}

#site-header {
    position: fixed;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    min-height: 56px;
}

main {
    padding-top: 67px;
}

.header-top {
    z-index: 999;
}