@charset "utf-8";
:root {
--color-yellow: #e8e854;
--color-light-yellow: #ffef68;
--color-navy-blue: #0d547f;
--color-blue: #4e97d2;
--color-light-blue: #8ecdea;
--color-dark-grey: #3e5766;

--font-text: 'Lato', sans-serif;
--font-title: 'Yatra One', cursive;
--container-width: 1200px;
}


/* Animations */
@keyframes bg_bottom_pos{
   0%{ background-position: 0 100%;  }
   100% { background-position: 100% 100%; }
}
@keyframes bg_top_pos{
   0%{ background-position: 100% 0;  }
   100% { background-position: 100% 100%; }
}
@keyframes circle_effect1{
   0%{  transform: scale(1); opacity: 1; }
   60%{ transform: scale(1.75); opacity: 0; }
   61%{ transform: scale(1); opacity: 0; }
   100%{ transform: scale(1); opacity: 1; }
}


/* Global */
*, *::before, *::after { box-sizing: border-box; }
body{ overflow-x: hidden; background: #FFF; line-height: 1.4; }
body, p, .pure-g [class*="pure-u"]{ font-family: 'Lato', sans-serif; font-size:17px; font-weight:400; color:var(--color-dark-grey); }
h1,h2,h3,h4,h5{ font-family: 'Yatra One', cursive; color: var(--color-navy-blue); margin:0; padding-top: 5px;  padding-bottom: 10px; position: relative; font-weight: 400; line-height: 1.1; transition: all 0.6s; }
.heading{ font-family: 'Yatra One', cursive; color: var(--color-navy-blue); line-height: 1.1; }
h1,h2{ font-size: 40px; padding: 10px 0 55px 0; text-align: center; }
h1:before,h2:before{ position: absolute; content: ""; left:50%; transform: translateX(-50%); bottom:0; }
/*h1:after,h2:after{ position: absolute; content: ""; left:50%; transform: translateX(-50%); bottom:0; }*/
h1:before,h2:before{ width: 84px; height: 25px; background: url('../images/underline.svg') repeat-x left bottom; bottom:24px; }
/*h1:after,h2:after{ width: 40px; height: 4px; background: url('../images/wave-light-blue.png') repeat-x left bottom; bottom:25px; }*/
h3,h4{ font-size: 24px; padding-top: 5px; padding-bottom: 10px; }
h5{ font-size: 18px; text-transform: initial; }

/* Slideup animation */
h1, h2, h3, h4, .text-animate{ transform: translateY(60px); opacity: 0; position: relative; transition: all 0.6s; }
h1.h-animate, h2.h-animate, h3.h-animate, h4.h-animate, .text-animate-show{ transform: translateY(0); opacity: 1; }
.animated_items > *{ transform: translateY(80px); opacity: 0; position: relative; transition: all 0.6s cubic-bezier(.22,.61,.36,1); }
.animated_items > .animated_done{ transform: translateY(0); opacity: 1; }

a{ color: var(--color-blue); text-decoration: none; transition: color 0.2s; }
a:hover{ color: var(--color-navy-blue); }
ul{ list-style: none; padding-left: 0; }
iframe[src*="youtube"] { width: 100%; height: 720px; }
a img{ transition: all 0.3s; }
a:hover img{ opacity: 0.85; }
strong{ font-weight: 800; }
p{ margin-top: 0; margin-bottom: 20px; letter-spacing: normal; }
.text-justify{ text-align: justify; }
.text-center{ text-align: center; }
svg.icon, .svg_icon, .svg-icon{ width: 25px; height: 25px; fill: currentColor; color: #FFF; transition: all 0.2s; }
svg.icon:hover, .svg_icon:hover, .svg-icon:hover{ color:var(--color-navy-blue); }

#wpadminbar{ transition: all 0.3s; opacity: 0.6; }
#wpadminbar:hover{ transform: translateY(0); opacity: 1; }


/* Default Table Css */
table{ width: 100%; border:0 !important; }
table thead{ background: var(--color-dark-grey) !important; color: #FFF !important; }
table thead th{ padding: 15px !important; border: 0px !important; }
table td{ border: 0px !important; padding: 15px !important; font-weight: 900 !important; }
table td a{ color: var(--color-dark-grey); }
table.animated_table tr{ transform: translateY(60px); opacity: 0; position: relative; transition: all 0.6s; }
table.animated_table .tr-animate{ transform: translateY(0); opacity: 1; }


/* Container */
.container, .container-full{ padding-left: 30px; padding-right: 30px; position: relative; }
.container{ max-width: var(--container-width); margin:0 auto; box-sizing: content-box; }
.container-full{ max-width: none; width: auto; }
.container .container-full{ position: relative; left: 50%; transform: translateX(-50%); width: 100vw; }
.container .container, .container .container-full, .no-padding{  padding-left: 0px !important; padding-right: 0px !important; }
.container-full .container{ padding-left: 20px !important; padding-right: 20px !important; }


/* Inputs */
input[type=text], input[type=email], input[type=tel], input[type=number], textarea, select{ background: #FFF !important; border: 2px solid var(--color-blue) !important; border-radius: 30px !important; padding: 15px 20px !important; line-height: 1.3; height: 60px; width: 100%; outline: none; color: var(--color-dark-grey); }
select option{ color: var(--color-dark-grey); }
textarea{ height: 90px; border: 1px solid var(--color-dark-grey) !important; margin: 5px 0; padding: 5px; }
::-webkit-input-placeholder { color: var(--color-dark-grey); }
::-moz-placeholder { color: var(--color-dark-grey); opacity: 1; }
:-ms-input-placeholder { color: var(--color-dark-grey); }
:-moz-placeholder { color: var(--color-dark-grey); opacity: 1; }

/*Buttons*/
.pure-button, .wpcf7-submit, .button{ display: inline-grid; align-items: center; vertical-align: middle; padding: 8px 30px !important; text-transform: initial; border-radius: 25px/50%!important; transition: all 0.3s !important; color: var(--color-navy-blue) !important; text-decoration: none !important; font-family: var(--font-title); font-weight: 400 !important; white-space: normal; font-size: 24px; height: 50px; line-height: 1.2; cursor: pointer; }

.pure-button-primary, .wpcf7-submit, .button{ background:var(--color-yellow)!important; color: var(--color-navy-blue)!important; border: 0px solid var(--color-yellow)!important; position: relative; }
.pure-button-primary:hover, .wpcf7-submit:hover, .button:hover{ color: var(--color-navy-blue) !important; background-color: var(--color-light-yellow)!important; text-decoration: none; border: 0px solid var(--color-light-yellow)!important; }

.pure-button-secondary{ background: url('../images/wave-light-blue.svg') repeat-x 0 100% !important; background-size: 30px 4px !important; color: var(--color-light-blue)!important; border: 0px solid #FFF!important; position: relative; transition: background-position 1s ease !important; border-radius: 0 !important; }
.pure-button-secondary:after{content:'';background-image: url(../images/icons.svg#svg_arrow_right_blue) !important;width: 20px; height: 20px;position:absolute; right: 0;}
.pure-button-secondary:hover{ color: var(--color-blue) !important; background-position: 60% 100% !important;  text-decoration: none; border: 0px solid #FFF!important; }


/* Popup Modal */
.popup_modal{ position:fixed; width:100%; height:100%; top:0; background:rgba(0,0,0,0.5); transition:all 0.6s; opacity:0; overflow-x:hidden; overflow-y:auto; z-index:-99; }
.popup_modal .close_modal_button{ position:absolute; top:10px; right:10px; width: 30px; height: 30px; padding: 7px; z-index:99; }
.popup_modal .close_modal_button svg{ width:15px; height:15px; color: var(--color-blue); }
.popup_modal .close_modal_button:hover svg{ color: var(--color-blue); }
.popup_modal .popup_dialog{ background: #FFF; position: relative; max-width: 600px; min-height: 250px; margin: 20px auto; }
.popup_modal .popup_dialog.popup_small{ max-width: 480px; }
.popup_modal .popup_dialog.popup_large{ max-width: 800px; }
.popup_modal .popup_dialog.popup_slide{ overflow-y: auto; transform: translateX(-100%); width: 80%; height: 100%; top:0; left:0; transition: all 0.3s; margin: 0; }
.popup_modal .popup_dialog.popup_slide.slide_right{ transform: translateX(100%); float: right; left: auto; }
.popup_modal .popup_content{ padding: 25px; overflow-x: hidden; overflow-y: auto; }
.popup_modal.show_modal{ opacity:1; z-index:99999; }
.popup_modal.show_modal .popup_dialog.popup_slide{ transform: translateX(0); }


/* owlCarousel */
.owl-carousel .owl-nav{ width: 100%; margin: 0; }
.owl-carousel .owl-nav button{ font-size: 40px !important; color: var(--color-blue) !important; background-color: #FFF !important; width: 32px; height: 32px; line-height: 32px; z-index: 10; border-radius: 50% !important; }
.owl-carousel .owl-nav button span{ display: block; width: 32px; height: 32px; line-height: 25px; }
.owl-carousel .owl-nav button:hover{ background: var(--color-navy-blue) !important; }


/* Page Content */
main{ padding: 0; min-height: 400px; }
main > * { z-index: 2; position: relative; }
main > h1{ text-align: center; padding-top: 70px; }
main > h2{ text-align: center; padding-top: 30px; }
main h1 span,
main h2 span,
main h3 span,
main h1 .has-inline-color,
main h2 .has-inline-color,
main h3 .has-inline-color{ color: var(--color-blue) !important; display: block; margin-top: -20px; font-weight: 300; }
main > p{ text-align: center; width: 80%; margin-left:auto; margin-right:auto; }
.single-post main > h2{width: 80%; margin-left:auto; margin-right:auto; }
main p > a{ font-weight: 800; }
main p > a:hover{ text-decoration: underline; }
main > ol, main > ul{ padding-left: 0; list-style-position: inside; }
main > ol li, main > ul li{ margin-bottom: 5px; }
main.inner-page{ min-height: 200px; }


/* Header */
.header{ position: fixed; top:0; left:0; width:100%; height:100px;  z-index:99; transition:all 0.2s; }
.header .header_wrap{ height:100px; position:relative; z-index:1; }
.header .header_logo{ position:absolute; left:5px; top:0; z-index:10; }
.header .header_logo img{ width:229px; height:auto; }
.header .search_button{ position:absolute; right:5px; top:20px; z-index:10; }
.header .google_translate{ transition: all 0.3s; width: 165px; height: 35px; right: 0; top:30px; position: absolute; }
.header .google_translate select{ border-radius: 0 !important; padding: 0 5px !important; height: 35px; }

.fix_header{ background: var(--color-navy-blue) url('../images/wave-blue.svg') repeat center center; background-size: 30px 4px; }
.fix_header, .fix_header .header_wrap{ height: 60px; }
.fix_header .header_logo{ top:0; background: url('../images/killaloe-logo-115.png') no-repeat top center; background-size: 100% auto; }
.fix_header .header_logo img{ width: 115px; opacity: 0; }
.fix_header .main_nav{ margin-top:10px !important; }
.fix_header .google_translate{ top:0 !important; }


/* Header menu */
.main_nav{ display:inline-block; position:relative; margin-top: 35px; float: right; right: 180px; transition: all 0.3s; }
.main_nav .main_menu{ list-style: none; margin: 0; display: table; }
.main_nav .main_menu a{ font-size: 20px; font-family: 'Yatra One', cursive; position: relative; color: #FFF; text-decoration: none; transition: all 0.2s; }
.main_nav .main_menu > li{ position: relative; display: table-cell; vertical-align: top; }
.main_nav .main_menu > li > a{ background-position: 0 100%; display: block; text-align: center;  padding: 5px 15px; white-space: nowrap; position: relative; z-index: 1; transition: background-position 1s ease; }
.main_nav .main_menu > li:hover > a{ color: var(--color-light-blue); background: url('../images/wave-light-blue.svg') repeat-x; background-size: 30px 4px; background-position: 100% 100%; }
.main_nav .main_menu > li.current-menu-parent > a,
.main_nav .main_menu > li.current-menu-item > a{ color: var(--color-light-blue); background: url('../images/wave-light-blue.svg') repeat-x; background-size: 30px 4px; animation: bg_bottom_pos 2s linear 0s infinite; }
.main_nav .main_menu > li.menu-item-has-children > a:before{ position: absolute; left: 50%; bottom: 0; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid var(--color-blue); transform: translateX(-50%); }
.main_nav .main_menu > li:hover a:before{ display: none; }
.main_nav .main_menu ul{ padding: 20px 0; border-radius: 10px; min-width: 200px; position: absolute; background-color: var(--color-light-blue); opacity: 0; visibility: hidden; transition: all 0.3s; text-align: center; }
.main_nav .main_menu > li > ul { list-style: none; left: 50%; transform: translateX(-50%) scale(0.8); opacity: 0; z-index: 1; display: block; }
.main_nav .main_menu > li > ul:before{ position:absolute; left:50%; top:0; content:""; width:0; height:0; transform:translate(-50%,-100%); border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid var(--color-light-blue); }
.main_nav .main_menu > li:hover > ul{ transform: translate(-50%,10px) scale(1); opacity: 1; z-index: 99; visibility: visible; }
.main_nav .main_menu ul li { float: none; background: none; margin:0; text-align: left; position: relative; }
.main_nav .main_menu ul li a { padding: 8px 40px 8px 20px !important; background: none !important; color: #FFF !important; white-space: nowrap; display: block; }
.main_nav .main_menu ul li.current-menu-parent > a,
.main_nav .main_menu ul li.current-menu-item > a,
.main_nav .main_menu ul li:hover > a{ background: var(--color-blue) !important; color: #FFF !important; }
.main_nav .main_menu ul li.menu-item-has-children > a { background-size: 15px 15px !important; background-repeat: no-repeat !important; background-image: url(../images/icons.svg#svg_arrow_right_view) !important; background-position: 95% center !important; }
.main_nav .main_menu ul li:hover ul{ opacity: 1; visibility: visible; background: var(--color-navy-blue); }
.main_nav .main_menu ul ul{ position:absolute; top:0px; left:100%; }


/* HomePage Banner */
.blk_banners{ width: 100%; position: relative; height: 897px; z-index: 1; }
.blk_banners .banner_item{ position: relative; background: url('../images/banner-bg.jpg') no-repeat center center; background-size: cover; height: 897px; z-index: 1; }
.blk_banners .banner_item:before,
.blk_banners .banner_item:after{ position:absolute; content:" "; width:100%; z-index:2; }
.blk_banners .banner_item:before{ background-image: linear-gradient(to bottom, rgba(0,0,0,0.65), rgba(0,0,0,0)); top:0; height:33%; }
.blk_banners .banner_item:after{ background-image: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0)); bottom:0; left:0; width:100%; height:40%; }
.blk_banners .container-full{ position: relative; height: 100%; }
.blk_banners .banner_content{ position:absolute; bottom:175px; width:100%; color: #FFF; font-weight: normal; z-index: 4; padding-bottom: 40px; padding-left: 20px; }
/* .blk_banners .banner_title{ font-weight: normal; font-family: var(--font-title); font-size: 68px; margin-bottom: 20px; color: #FFF; line-height: 1.1; text-shadow: 10px 10px 50px #00000075; } */
.blk_banners .banner_title h1{ font-weight: normal; font-family: var(--font-title); font-size: 68px; margin-bottom: 20px; color: #FFF; line-height: 1.1; text-shadow: 10px 10px 50px #00000075; padding: 0;text-align: left;}
.blk_banners .banner_title h1:before{display: none;}
.blk_banners .banner_title p{font-family: var(--font-title); font-size: 18px;color: #FFF;}
.blk_banners .banner_title a.button{padding: 8px 60px !important;}
.blk_banners .banner_desc{ margin-bottom: 15px; font-weight: 800; font-size: 55px; color: #FFF; position: relative; }
.blk_banners .banner_item_bg{ width: 100%; height: 100%; position: absolute; top:0; bottom:0; left:0; z-index: 1; overflow: hidden; }
.blk_banners .banner_item_bg iframe{ width:135%; height:100%; transform:scale(1.25); left:-17.5%; position:relative; z-index:1; }
.blk_banners .banner_item_bg:after{ position: absolute; content: ""; width: 100%; height: 100%; left:0; top:0; z-index: 2; }
.blk_banners .banner_booking_calendar{ width: 340px; height: 480px; position: absolute; z-index: 4; top:40%; right: 60px; transform: translateY(-50%); border-radius: 10px; overflow: hidden; transition: opacity 0.6s; }
.blk_banners .banner_booking_calendar.hide_calendar{ opacity: 0; }
.blk_banners .banner_info{ background: url('../images/wave-white.png') repeat-x top left; width: calc( 100% - 60px ); position: absolute; height: 175px; bottom: 0; z-index: 4; text-align: center; }
.blk_banners .banner_info div[class^='pure-u']{ padding: 30px 0 40px 0; transition: transform 0.3s; }
.blk_banners .banner_info span{ transition: color 0.3s; color: #FFF; display: block; font-family: var(--font-title); font-size: 20px; clear: both; }
.blk_banners .banner_info div[class^="pure-u"]:hover{ transform: translateY(-10px); }
.blk_banners .banner_info div[class^="pure-u"]:hover span{ color: var(--color-light-yellow); }

.banner_booking_calendar #rezgo_content_container{ /*width: calc( 100% + 20px ) !important;*/ overflow-y: scroll !important; position: relative; overflow-y: scroll !important;background-color: #fff;}
.banner_booking_calendar #rezgo_content_container::-webkit-scrollbar { display: none; }

/* Breadcrumbs */
.breadcrumbs a{ color: #FFF; display: inline-block; }
.breadcrumbs a:after{ content: '/'; padding: 2px 10px; }
.breadcrumbs a:last-child:after{ display: none; }


/* Footer */
.footer{ color: var(--color-light-blue); background: var(--color-navy-blue) url('../images/wave-blue.svg') repeat center center; background-size: 30px 4px; padding: 45px 0 40px 0; font-size: 18px; clear: both; width: 100%; line-height: 1.4; position: relative; }
.footer:before{ content: ""; position: absolute; width: 100%; height: 30px; background: url('../images/wave-blk.png') repeat-x center bottom; top: 0px; left: 0; z-index: 1; transform: translateY(-100%);}

.footer .pure-g [class*="pure-u"]{ padding-left: 20px; padding-right: 40px; word-wrap: break-word; }
.footer .pure-g [class*="pure-u"]:first-child{ padding-left: 0; }
.footer .footer_logo img{ width: 100%; }
.footer h3{ color: #FFF; text-align: left; font-size: 24px; position: relative; padding-bottom: 5px; }
.footer p, .footer a:not(.button){ font-size: 18px; font-weight: 400 !important; color: var(--color-light-blue) !important; text-decoration: none; transition: all 0.2s; line-height: 1.4; }
.footer a.button{padding: 8px 12px!important;font-size: 22px!important;}
.footer a:hover{ text-decoration: underline; }
.footer ul{ list-style: none; display: inline-block; margin: 0; }
.footer .newsletter-form input{ margin-bottom: 10px; width: 100%; }
.footer .newsletter-gdpr{padding-left: 10px;}
.footer .newsletter-gdpr *{font-size: 13px!important;margin-bottom: 10px;}
.footer .newsletter-gdpr p a{text-decoration: underline;font-weight: 800!important;}
.footer .newsletter-gdpr input{display: inline-block;width: 20px;margin: 0;float: left;}


.footer .social_media_links{ display: inline-block; }
.footer .social_media_links a{ display: block; float: left; text-align: center; margin: 0 5px; transition: all 0.3s; }
.footer .social_media_links svg.icon{ color:#FFF; width: 35px; height: 35px; }
.footer .social_media_links a:hover{ color: #8ecdea; transform: scale(1.2); }
.footer .social_media_links a:hover svg{ color: #8ecdea; }

.footer-bottom{ background: #163e5a; text-align: center; padding: 30px 0; letter-spacing: normal; }
.footer-bottom-partners a{ display: inline-block; margin: 0 15px; }
.footer-bottom-partners a img{ max-width: 100%; height: auto; }
.footer-bottom-text{ padding-top: 25px; text-align: center; letter-spacing: normal; }
.footer-bottom-text *{ color: var(--color-light-blue) !important; }
.footer-bottom-text ul{ display: inline-block; margin: 0; }
.footer-bottom-text ul li{ display: inline-block; }
.footer-bottom-text ul li:first-child:before{ content: "/"; padding: 0 10px; }
.footer-bottom-text ul li:after{ content: "/"; padding: 0 10px; }
.footer-bottom-text ul li:last-child:after{ display: none; }
.footer-bottom-text p{ margin: 0; }
.footer-bottom-text a:hover{ text-decoration: underline !important; }

.booking_float_button{ position: fixed; bottom: 20px; right: 20px; opacity: 0; z-index: -1; transition: opacity 0.3s; box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12),0 16px 16px rgba(0,0,0,0.12); }
.booking_float_button.show_button{ opacity: 1; z-index: 99; }


/* Custom Card */
.custom_card{ text-align: center; background-color: var(--color-navy-blue); overflow: auto; transition: all 0.3s; }
.custom_card:hover{ box-shadow: 0 1px 1px rgba(16,27,30,0.15), 0 2px 2px rgba(16,27,30,0.15), 0 4px 4px rgba(16,27,30,0.15), 0 8px 8px rgba(16,27,30,0.15), 0 16px 16px rgba(16,27,30,0.15); transform: scale(1.05); }
.custom_card h4{ color: #FFF; padding: 0 0 12px 0; word-wrap: break-word; }
.custom_card > h4:before{ background: url('../images/wave-card-top.png') repeat-x center top;  position: absolute; content: ""; width: 100%; height: 8px; bottom:0; left:0; transform: translateY(100%); z-index: 9; }
.custom_card h4 a{ color: #FFF; }
.custom_card h4 span{ display: block; width: 100%; }
.custom_card .custom_card_img{ width: 100%; height: auto; display: block; }
.custom_card .custom_card_content{ background: var(--color-navy-blue) url('../images/wave-blue.svg') repeat center center; background-size: 30px 4px; color: #FFF; padding: 20px; padding-bottom: 10px; position: relative; z-index: 9; }
.custom_card .custom_card_content:before{ background: url('../images/wave-card-bottom.png') repeat-x center bottom;  position: absolute; content: ""; width: 100%; height: 8px; top:0; left:0; transform: translateY(-100%); }
.fcdm-blk2 .custom_card .custom_card_content p:first-child{min-height: 100px;}
.custom_card .custom_card_content p{ color: #FFF; margin-bottom: 20px; }
.custom_card .custom_card_content .button{ padding-left: 50px !important; padding-right: 50px !important; }


/* Comman Block ==>
========================= */

.blk{ padding: 60px 0; box-sizing: border-box; }
.blk .blk_wrap, .blk .col_wrap{ position: relative; }
.blk a{color: var(--color-light-blue);text-decoration: none; }
.blk a:hover{color: var(--color-blue);text-decoration: none; }

/* Block 1 */
.blk1{ background: var(--color-navy-blue) url('../images/wave-blue.svg') repeat center center; background-size: 30px 4px; text-align: center; color: #FFF; }
.blk1:before,
.blk1:after{ content: ""; position: absolute; width: 100%; height: 30px; background: url('../images/wave-blk.png') repeat-x center bottom; top: -29px; left: 0; z-index: 1; }
.blk1:after{  bottom: -30px; top: auto; transform: scaleY(-1); }
.blk1 .blk_wrap{ position: relative; background: url('../images/killaloe-blk1-bg.png') no-repeat center 200px; }
.blk1 h2{ width: 40%; margin-left: auto; margin-right: auto; color: #FFF; }
.blk1 p{ width: 50%; margin-left: auto; margin-right: auto; color: #FFF; }
.blk1 .blk1_info{ text-align: center; margin-top: 120px; }
.blk1 .blk1_info .icon_wrap{ position: relative; display: inline-block; width: 85px; height: 85px; margin-bottom: 20px; }
.blk1 .blk1_info .icon_wrap:before{ position: absolute; content: ""; left:0; top:0; width: 100%; height: 100%; border:1px solid #FFF; border-radius: 50%; }
.blk1 .blk1_info div[class^="pure-u"]:hover .icon_wrap:before{ animation: circle_effect1 0.8s ease-in-out 0s infinite; }
.blk1 .blk1_info span{ color: #FFF; font-size: 20px; display: block; font-family: var(--font-title); }
.blk1 .blk1-images{ position: absolute; z-index: 1; }
.blk1 .blk1-images{ left:30px; top: 25%; }
.blk1 .blk1-images img{ position: absolute; box-shadow:  0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12); }
.blk1 .blk1-images img:first-child{ transform: rotate(-5deg); top: 40px; }
.blk1 .blk1-images img:last-child{ transform: rotate(5deg) translateX(100%); }
.blk1 .blk1-ship1,
.blk1 .blk1-ship2{ position: absolute; z-index: 1; }
.blk1 .blk1-ship1{ bottom:20%; left:20%; transform: rotate(-48deg); }
.blk1 .blk1-ship2{ bottom:25%; right:5%; transform: rotate(48deg);  }


/* Block 2 - Explore Carousel */
.blk2{ padding-top: 0; padding-bottom: 20px; }
.blk2 .custom_card h4{ background: var(--color-navy-blue) url('../images/wave-blue.svg') repeat center center; background-size: 30px 4px; min-height: 50px; padding: 15px 0 10px 0; z-index: 9; }
.blk2 .owl-stage-outer{ overflow-y:visible; overflow-x:hidden; padding:10px 30px 40px 30px;  margin-left:-30px; margin-right:-30px; }


/* Block 3 - News Carousel */
.blk3{ padding-top: 0px; }
.blk3 time{ font-size: 12px; }
.blk3 .owl-stage-outer{overflow-y:visible; overflow-x:hidden; padding:10px 30px 40px 30px; margin-left:-30px; margin-right:-30px;}


/* Block 4 - Testimonial Carousel */
.blk4{ padding-top: 20px; padding-bottom: 0px; }
.blk4:after{ width: 100%; left:0; position:absolute; content: ""; height: 29px; bottom: 0; z-index: 9; background: url('../images/wave-blk-white.png') repeat-x center bottom; }
.blk4 div[class^="pure-u"]{ position:relative; background:url('../images/wave-blk-white.png') no-repeat center; background-size:cover; }
.blk4 .tripadvisor-logo{ position: absolute; bottom: 50px; left: 30px; z-index: 99; }
.blk-testimonial-carousel{ text-align: center; padding: 30px; padding-bottom: 50px; color: #FFF; background: var(--color-navy-blue) url('../images/wave-blue.svg') repeat center center; background-size: 30px 4px; background-position: center; }
.blk-testimonial-carousel .testimonial-wrap *{ color: #FFF; }
.blk-testimonial-carousel .testimonial-title{ font-size: 24px; }
.blk-testimonial-carousel .tripadvisor-note{ margin: 15px 0; color: #FFF; background: url('../images/tripadvisor-dots.png') no-repeat top center; padding-top: 30px; }
.blk-testimonial-carousel .owl-nav{ text-align: right !important; }

.blk.blk5 > h2,
.blk.blk5 > p{ text-align: center;}
.blk.blk5:before{ content: ""; position: absolute; width: 100%; height: 30px; background: url('../images/wave-blk-white.png') repeat-x center bottom; top: -30px; left: 0; z-index: 1; }
.blk.blk5 .post_result_wrap{ width: var(--container-width);margin: 0 auto;}

/* block 6 things to do */
.blk6 .blk1-ship1,
.blk6 .blk1-ship2{ position: absolute; z-index: -1; }
.blk6 .blk1-ship1{ top:12%;bottom:unset!important;  }
.blk6 .blk1-ship2{ top:12%;bottom:unset!important; }
.blk6 .blk6_info{width: 90%;margin: 0 auto;}
.blk6 .blk6_info .pure-g{ margin:80px 0px; }
.blk6 .blk6_info .description_wrap h2{width: auto;display: inline-block;} 
.blk6 .blk6_info .description_wrap.right h2{float: right;}
.blk6 .blk6_info .description_wrap.left h2{float: left;}
.blk6 .blk6_info .description_wrap p{clear: both;width: 100%;}
.blk6 .blk6_info .description_wrap strong{font-family: var(--font-title);font-size: 20px;font-weight: 400;}
.blk6 .gallery_wrap{position: relative;top: 3%;}
.blk6 .gallery_wrap, .blk.blk6 .description_wrap{margin: 0px 40px;}
.blk6 .gallery_wrap.left_images .blk6-carousel .owl-stage-outer{transform: rotate(-3deg);}
.blk6 .gallery_wrap.right_images .blk6-carousel .owl-stage-outer{transform: rotate(3deg);}
.blk6 .gallery_wrap .blk6-carousel .owl-stage-outer{box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12),0 16px 16px rgba(0,0,0,0.12);}
.owl-theme .owl-dots .owl-dot span{width: 20px;height: 20px;border-radius: 50%;border: 3px solid #fff;background: transparent;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}

.blk7 .blk_wrap{background: unset;}
.blk1 .blk7_info{ text-align: center;}
.blk1 .blk7_info .icon_wrap{ position: relative; display: inline-block; width: 85px; height: 85px; margin-bottom: 20px; }
.blk1 .blk7_info .icon_wrap img{ width: 55%;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.blk1 .blk7_info .icon_wrap:before{ position: absolute; content: ""; left:0; top:0; width: 100%; height: 100%; border:1px solid #FFF; border-radius: 50%; }
.blk1 .blk7_info div[class^="pure-u"]:hover .icon_wrap:before{ animation: circle_effect1 0.8s ease-in-out 0s infinite; }
.blk1 .blk7_info h3{ color: #FFF!important;}
.blk1 .blk7_info span{ color: #FFF; font-size: 17px; display: block; }

/* <== Comman Block */


/* WP Default Blocks */
.blocks-gallery-grid, .wp-block-gallery{ width: 100%; }
.wp-block-gallery{ padding-top: 20px !important; }
.wp-block-image img{ height: auto !important; }
.wp-block-columns{ padding: 15px 0; }


/* Single Post */
.single-post main{ padding: 50px 0; }
.single-post .post_img{ margin-bottom: 20px; text-align: center; }
.single-post .post_img img{ max-width: 100%; height: auto; }
.single-post .post_nav_btn{ margin-bottom: 30px; margin-top: 30px; border-top:1px solid #ccc; padding-top: 30px; width: 100%; clear: both; }
.single-post .post_date{ margin-top: -55px; margin-bottom: 20px; color: var(--color-blue); font-size: 22px; display: block; }
.single-post .news_categories li{ margin-bottom: 15px; }
.single-post .news_categories li a{ width: 100%; }
.single-post .more_news li{ font-size: 22px; margin-bottom: 15px; }
.single-post .more_news li a{ font-weight: 800; color: var(--color-blue); }
.single-post .more_news li span{ display: block; }


/* Single Image  */
.cs-single-image-blk{ margin-top: 40px !important; display: block; }
.cs-single-image-blk img{ margin-bottom: 40px !important; margin-top: 0 !important; }



/* CF7 */
.wpcf7 label{ color: var(--color-dark-grey); display:block; }
.wpcf7 div[class^="pure-u"]{ margin-bottom: 15px; padding: 0 10px; }
.wpcf7-not-valid-tip{ color: #ffb900 !important; }
.wpcf7 .wpcf7-list-item{ margin: 0 !important; }


/* Pojo Accessibility */
#pojo-a11y-toolbar .pojo-a11y-toolbar-item a{ text-decoration: none; }


/* TripAdvisor */
.TA_rated .cx_brand_refresh{ width: auto !important; }
.TA_rated .cx_brand_refresh .top-background.green{ width: auto !important; }


/* AdvGB Accordions */
.advgb-accordion-wrapper{ width: 586px; margin: 0 auto; }
.advgb-accordion-item{ margin-bottom: 10px; }
.advgb-accordion-item > div{ border: 0px !important; }
.advgb-accordion-header{ background-color: var(--color-navy-blue) !important; padding: 10px 15px !important; }
.advgb-accordion-header-title{ color: #FFF !important; font-size: 20px; line-height: 1.2 !important;  }
.advgb-accordion-body p{ margin-bottom: 0; }
.advgb-accordion-header-icon{ margin-top: -5px !important; margin-right: -15px !important; }
.advgb-accordion-header-icon svg{ fill: #FFF !important; width: 36px; height: 36px; }
.advgb-accordion-body, .advgb-accordion-wrapper .advgb-accordion-body.ui-widget-content{ border: 0px !important; border-color: #fff !important; }


/* Mapplic Map */
.mapplic-element{ overflow: visible !important; }
.mapplic-element .mapplic-container{ width: calc( 100% - 400px ) !important; }
.mapplic-element .mapplic-sidebar{ background: var(--color-navy-blue) url('../images/wave-blue.svg') repeat center center; background-size: 30px 4px; width: 400px !important; }
.mapplic-element .mapplic-list-container{ background: none; padding: 30px 0 !important; }
.mapplic-element .mapplic-list-container h4{ font-weight: 400 !important; }
.mapplic-sidebar .mapplic-dir-item > a{ padding: 6px 20px !important; letter-spacing: normal; }
.mapplic-sidebar .mapplic-dir-item.mapplic-active > a{ border: 0 !important;  }
.mapplic-sidebar .mapplic-dir-item:hover > a, 
.mapplic-sidebar .mapplic-dir-item > a:focus, 
.mapplic-sidebar .mapplic-dir-item.mapplic-active > a{ background-color: var(--color-light-orange) !important; }
.mapplic-sidebar .mapplic-dir-item h4{ padding: 0!important; margin: 0 !important; font-weight: 400 !important; font-size: 20px !important; color: #FFF; }
.mapplic-map .mapplic-tooltip::after{ border-color: var(--color-navy-blue) transparent transparent transparent !important; }
.mapplic-map .mapplic-tooltip-bottom.mapplic-tooltip::after { border-color: transparent transparent var(--color-navy-blue) transparent !important; }
.mapplic-map .mapplic-tooltip .mapplic-tooltip-wrap{ background-color: var(--color-navy-blue) !important; }
.mapplic-tooltip .mapplic-tooltip-title{ padding-bottom: 0px !important; color:#FFF; transform: translateY(0) !important; opacity: 1 !important; }
.mapplic-tooltip .mapplic-tooltip-body{ background: var(--color-navy-blue) url('../images/wave-blue.svg') repeat center center; background-size: 30px 4px; position: relative; text-align: center; padding-bottom: 6px !important; }
.mapplic-tooltip .mapplic-tooltip-body p{ color: #FFF; }
.mapplic-tooltip .mapplic-tooltip-wrap{ min-width: 300px; border-radius: 15px !important; overflow: hidden !important; }
.mapplic-tooltip .mapplic-tooltip-close .mapplic-icon{ background-color: var(--color-navy-blue) !important; }
.mapplic-element .mapplic-pin.pin-marker{ margin-top: -25px !important; margin-left: -25px !important; width: 30px !important; height: 30px !important; padding: 5px 0 !important; }
.mapplic-element .mapplic-pin.pin-marker::before{ width: 30px !important; height: 30px !important; }
.mapplic-element .mapplic-pin.pin-text{ margin-top: -30px !important; margin-left: -25px !important; background: url('../images/map-pin.svg') no-repeat center top !important; width: 50px; height: 60px; padding-top: 10px; }
.mapplic-element .mapplic-pin.pin-label{ font-family: var(--font-title); font-size: 20px !important; color: var(--color-dark-grey) !important; width: 40px; height: 40px; padding: 6px 5px; }



/* Media CSS */
@media screen and (max-width: 1599px) {
    
}

@media screen and (max-width: 1480px) {
    
    .container, .container-full{ padding-left: 20px; padding-right: 20px; }
    
}

@media screen and (max-width: 1366px) {
    
    .main_nav .main_menu > li > a{ padding: 10px 8px; font-size: 16px; }
    
    .blk1 .blk1-images{ left:-25px; }
    .blk1 .blk1-images img:first-child{ transform: rotate(-5deg) scale(0.75); }
    .blk1 .blk1-images img:last-child{ transform: rotate(5deg) translateX(70%) scale(0.70); }
    

    
}

@media screen and (max-width: 1280px){
    
}

@media screen and (max-width: 1199px){
       
    .main_nav .main_menu > li > a{ padding: 10px 5px; font-size: 14px; letter-spacing: 0.01px; }

}


@media screen and (max-width: 1120px){
    
    .header .header_logo{ left:0; }
    .header .header_logo img{ width: 100px; }
    
}


@media screen and (max-width: 1024px){
    
    .blk_banners .banner_title{ font-size: 50px; }
    
}