:root {
    --vartodarkblue: #24303c;
    --vartogreen: #6fc500;
    --vartoblue: #4d6688;
    --vartobluegreen: #307779;
    --vartobluegreenlight: #449f8a;
    --vartoorange: #f17e3b;
    --vartoorangelight: #f0a445;
    --vartowhite: #ffffff;
    --vartologogreen: #20998a;
    


    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-light: #cccccc;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  
body,a, a:hover{color:#3774a3;}
  
header{
    background: var(--vartodarkblue);
}
.header_wrap{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  position: relative;
}
.logo_wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;  
  margin: 10px 25px 10px 25px;
  width:350px;
}
.logo_wrap a{
  width:100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;  
}
.logo_wrap img{
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.search_wrap{
  flex:1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding:0 5px 0 10px;
  margin: 0 20px 0 0;
  background-color: var(--vartodarkblue);
  z-index: 10000;
}
.search_wrap>div{
  display: flex;
  line-height: 0;
  position: relative;
  justify-content: flex-start;
}
.search_wrap>div input{
  width:calc(100% - 50px);
  border:1px solid var(--vartowhite);
  background: var(--vartowhite);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding:7px 10px 7px 10px;
  color:var(--vartodarkblue);
  max-width: 1000px;
  outline: none;
}
.search_icon_wrap{
  width:50px;
  color:#ffffff;
  background:var(--vartoorangelight); 
  padding:10px;
  font-size: 20px;
  text-align:center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 0;
}

  .cwc_pagination:before{content:" ";display:block;clear:both;width:100%;height:10px;}
  .cwc_pagination{width:100%;display:block;clear:both;border-top:1px dotted #ccc;padding-top:7px;margin:7px 0 10px 0;font-size:12px;}
  .cwc_pagination ul{margin:3px auto;display: table}
  .cwc_pagination ul li{display:inline-block;color:var(--vartoblue);margin:1px;padding:5px 10px 8px 10px;font-size:18px;border:1px solid #eee;}
  .cwc_pagination ul li a{color:var(--vartoblue);;font-size:18px;text-decoration:none;}
  .cwc_pagination ul li:hover{border:1px solid var(--vartoblue);;}
  .cwc_pagination ul li.current_page{background:var(--vartoblue);;font-size:18px;color:#fff;border:1px solid var(--vartoblue);}
  .cwc_pagination ul li.current_page:hover{border:1px solid var(--vartoblue);}
  

.button_icons_wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hello_span{
  font-size:16px;
}

.isMobile .hello_span{
  display:none;
}

.button_icons_wrap>div{
  display: flex;
  justify-content: flex-end;
}
.button_icons_wrap>div>div{
  font-size: 30px;
  margin-right: 5px;
  margin-left: 20px;
  cursor: pointer;
}
.button_icons_wrap>div>div>img{
  width: 30px;  
}

.button_icons_wrap>div>div.fa_cart_wrap{
  color:var(--vartowhite);
}
.button_icons_wrap>div>div.fa_heart_wrap{
  color:var(--vartowhite);
}
.button_icons_wrap>div>div.fa_user_wrap{
  color:var(--vartowhite);;
}



.button_icons_wrap>div>div:first-child{
  margin-left: 0;
}
.button_icons_wrap>div>div:last-child(){
  margin-right: 0;
}

.button_icons_wrap>div>div.fa_heart_wrap span{
  position: absolute;
  color:#ffffff;  
  font-size: 12px;
  display: block;
  width:31px;
  text-align: center;
  margin-top:4px;
}


.button_icons_wrap>div>div.fa_cart_wrap span{
  position: absolute;
  color:#777777;  
  font-size: 11px;
  display: block;
  width:40px;
  text-align: center;
  margin-top:11px;
}

.bars_solid_wrap{display:none !important ;width:30px !important;justify-content: center;flex-direction: column;flex: unset !important;padding: 0 40px 0 0;}
.bars_solid_wrap img{width:30px;cursor: pointer;}
.filters_list button{display: none;}
.filters_list_close{display: none;}
#icon-filter{display: none;}
.header_langs{position: absolute;top:0;right:0;color:#ffffff;display: flex;z-index: 100000;}
.header_langs a{color:#ffffff; font-size: 13px;}
.header_langs a.header_langs_current{color:#999999;}
/* .header_langs a:nth-child(1){margin-right: 10px;} */
.header_langs a{margin-right: 10px;}
.header_langs a:last-child{margin-right: 0;}
  

footer{
    background-color: #efefef;
    color:#333333;
    font-size:12px;
  }
  footer a{
    color:#333333;
    padding:0 10px 0 10px;
  }
  footer a:first-child{
    padding:0 10px 0 0;
  }
  
  footer a:hover{
    color:#ffffff;
    text-decoration: none;
  }
  .country_header_wrap {display: flex;}
  .country_header{padding:10px 30px 10px 30px;margin-bottom:3px;background-color: #eaa73d;width: fit-content;}
  .country_header h3{margin: 0;padding: 0; font-size: 34px;}
  .country_header a{text-decoration: none;color:#3774a3;}

  .country_header_more_acttractions{padding-left:15px; display: flex; flex-direction: column;justify-content: center;}
  .country_header_more_acttractions a{display: block;margin: auto;color:#ccc;text-decoration: none; color: #3774a3;}
  .country_header_more_acttractions a:hover{text-decoration: underline;}

  .country_description{display: flex;justify-content: center;flex-direction: column;width: 100%;height: auto;margin: 20px 0 0 0;}
  .country_description>div{display: block;margin: auto;width: 100%;}
  .country_description>div a{text-decoration: none;}
  .country_description>div a:hover{text-decoration: underline;}

  .isMobile .country_description{height: auto;}

  .city_description{margin-top:20px;}

  .attraction_wrap{overflow: hidden;margin-bottom:10px;padding:10px;height: 100%;}
  .attraction_wrap{border:1px solid #eaa73d}
  .attraction_wrap:hover {
    box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.15);
  }

  .attraction_wrap_selected{
    background: #eeeeee;
    box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.15);
  }
  .attraction_wrap h6{
    display:flex;
    margin:7px 0 7px;
    height: 50px;
    font-weight: normal;
    margin-bottom: 20px; 
      }
  .attraction_wrap h6>span{margin-right:5px;display: flex;flex-direction: column;}
  .attraction_wrap h6>span>span{margin: auto;}
  .attraction_wrap h6 a{
    text-decoration: none;
    font-size: 20px;
    line-height: 22px;
    color:#3774a3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;    
  }
  .rating_stars{font-size: 20px;color:#f0a445;}
  .h6_map_marker{display: inline-block; border-radius: 14px; background:  #3774a3; color:#ffffff;cursor: pointer;padding:5px;}
  .h6_map_marker:hover{ background:  #eaa73d; }

  .attraction_wrap .image_wrap a{display: flex;width: 100%;height: 400px;overflow: hidden;justify-content: center;color:#cccccc;}
  .attraction_wrap .image_wrap a>img{margin: auto;}

  img.img_by_width {
    max-width: calc(100% - 5px) !important;
    /* max-height: 100%; */
    height: auto !important;
    margin: auto !important;
  }
  img.img_by_height  {
    max-height: calc(100% - 5px) !important;
    /* max-width: 100%; */
    width: auto !important;
    margin: auto !important;
  }

.bars_menu_wrap{display: none;position: fixed;z-index: 10000;width:100%;height:100%;background:var(--vartodarkblue);overflow-y: auto; padding:30px;color:#eeeeee;}
.bars_menu_wrap>ul{padding:0;margin:0}
.bars_menu_wrap>ul ul{display: none;padding:0;margin:0}
.bars_menu_wrap>ul ul>li{padding-left:80px}
.bars_menu_wrap li{padding:7px 0 7px 0;margin:0;list-style: none;font-size: 18px;display: flex;justify-content: flex-start;border-bottom: 1px solid #eeeeee;}
.bars_menu_wrap li>a{line-height: 1.5;color:#eeeeee;}
.bars_menu_wrap li>i{line-height: 1.5;padding-left: 10px;color:#eeeeee;}
.bars_menu_wrap li a i{margin-right:7px;}
.bars_menu_wrap .bars_subcategories{margin-left: 40px;display: block;}
.bars_menu_wrap .bars_subcategories ul{margin-left: 40px;display: block;} 

.bars_menu_close{position: absolute; top:10px;right:10px;font-size: 30px;}
.bars_menu_wrap li li{padding:0;margin:0;list-style: none;font-size: 16px;margin: 5px 0 5px 0;}
.bars_menu_wrap li.bars_bold>a{font-weight: normal;color:var(--vartoorangelight);}
.bars_menu_wrap .bars_current{display: block;}

.breadcrumb-list{display: flex;margin: 0;padding:0;flex-wrap: wrap;background: #efefef;padding:5px;}
.breadcrumb-list li {list-style: none;margin: 0 14px 0 0;padding:0;}
.breadcrumb-list li span{margin-right:7px;}
.breadcrumb-list li span i:first-child{margin-right:7px;}
.breadcrumb-list li span i:nth-child(2){color:var(--vartogreen)}
.mobile_marker{display: none;}
@media (max-width: 576px) {
 .breadcrumb-list li {display:none}
 .breadcrumb-list li.visible4mobile{display: block;}
 .breadcrumb-list li span{display: none;}
 .breadcrumb-list li span.mobile_marker{display: inline-block;} 
}

.attraction_markers_list{margin: 10px 0 0 0;padding: 0;display: flex;flex-wrap: wrap;}
.attraction_markers_list li{margin:0 20px 5px 0; list-style: none;cursor: pointer; color:#3774a3; font-size: 14px; padding:3px;border:1px solid #3774a3;}
.attraction_markers_list li:hover, .marker_active{background: #3774a3; color:#ffffff !important;}
.attraction_markers_list li:last-child{margin-right: 0;}
.attraction_markers_list li span{color:#eaa73d; margin-right: 5px;}

.leaflet_map{width:100%;height:100%;min-width:300px;}
.rating_val_text{color:#333333;}
.short_desc{
  height: 75px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.short_desc a{text-decoration: none;}
.icons_rows{display: flex;font-size: 12px;}
.icons_rows_rating{color:#eaa73d; white-space: normal;margin-right:15px;}
.icons_rows_rating i{padding-right: 3px;}
.icons_rows_rating span{color:#777777;}

.icons_rows_photos{color:#3774a3;margin-right:15px;}
.icons_rows_photos i{padding-right: 3px;}
.icons_rows_photos span{color:#777777;}

.icons_rows_distance{color:#076804;margin-right:15px;}
.icons_rows_distance i{padding-right: 3px;}
.icons_rows_distance span{color:#777777;}

.icons_rows_review{color:#2f0468;}
.icons_rows_review i{padding-right: 3px;}
.icons_rows_review span{color:#777777;}


.short_generated_text{margin-top:20px;}


.search_results_wrap span{width:20px;height:20px; text-align: center;}

.faq button{text-decoration: none; color:#4d6688;}

.review_button{cursor: pointer;}
.review_button span{color:#FF7F00;}

.review_button:hover{color:#FF7F00;}


#search_results_wrap{
  z-index: 1000;
  background: #ffffff;
  display: block;
  position: absolute;
  font-size: 18px;
  line-height: 22px;
  padding:20px;
  margin-left: 5px;
  margin-top: 40px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(148,148,148,1);
  -moz-box-shadow: 0px 0px 7px 0px rgba(148,148,148,1);
  box-shadow: 0px 0px 7px 0px rgba(148,148,148,1);
  /* box-shadow: 0 5px 10px 0px rgba(148,148,148,0.8), 0 -7px 0px 0px white, 7px 0 7px -4px rgba(148,148,148,0.8), -7px 0 7px -4px rgba(148,148,148,0.8); */
  max-height:400px;
  overflow-y: auto;
  display: none;
  min-width: 250px;
}
#search_results_wrap_close{
    position: absolute;
    right: 65px;
    top: 10px;
    color: #333;
    font-size: 24px;
    cursor: pointer;
}

#search_results_wrap .wheel, #search_results_wrap .wheel img, .wheel img{
  width:20px;
  height:20px;
}
#search_results_wrap ul, .search_results_wrap_page ul{
  list-style: none;
  padding:0;
  margin:0;
}

#search_results_wrap ul li, .search_results_wrap_page ul li{
  list-style: none;
  padding:0;
  margin:0;
  padding:2px 0 2px 0;
}

#search_results_wrap ul li a, .search_results_wrap_page ul li a{
  display: flex;
}
#search_results_wrap ul li a:hover, .search_results_wrap_page ul li a:hover{
  text-decoration: none;
  background:#eeeeee;
}

#search_results_wrap .pimg, .search_results_wrap_page .pimg{padding:0 0 0 0;margin-right:10px;width:70px;height:70px;display: flex;justify-content: center;overflow: hidden;border:1px solid #eeeeee}
#search_results_wrap .ptxt, .search_results_wrap_page .ptxt{display:flex; flex-direction: column; justify-content: center;margin:auto;width:100%;text-align: left;}

#review_content{
  width:20px;
  height:20px;
  margin: 0 0 0 12px;
  padding: 0;
}
.comment_body{margin:0 0 20px 0;padding:20px;background: #eeeeee;}
.comment_body li{margin:0;padding:0;list-style: none;}
.comment_author{font-size: 12px; color:#333333;border-bottom:1px dotted #999999;padding-bottom:7px !important;margin-bottom:14px !important;}
.comment_author span{color:#999999;}
.comment_text{font-size: 16px; line-height: 24px; color:#555555;font-family: serif;
}

.attraction_wrap h6 span{cursor: pointer;}

.pimg img.img_by_width {
  max-width: calc(100% - 5px) !important;
  max-height: 100%;
  height: auto !important;
  margin: auto !important;
}
.pimg img.img_by_height  {
  max-height: calc(100% - 5px) !important;
  max-width: 100%;
  width: auto !important;
  margin: auto !important;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}


.leaflet_map{ height:590px !important;}
.booking_map{display: block;}
.leflet_map_colomn{height: fit-content;}