/*
Theme Name: Hoteller
Theme URI: https://themes.themegoods.com/hoteller/landing
Description: Premium Hotel WordPress Theme
Version: 1.5
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: hoteller
*/


#media_image-2{margin-top: 30px;}

/*** ----- Popup Form ------ ***/

/*.modal_form #myModal { visibility: hidden; opacity: 0; display: none; }*/
.modal_form .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal_form .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }
.modal_form .fade.in { opacity: 1; }
.modal_form .modal-content { max-width: 342px; margin: 0 auto; position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); background-clip: padding-box; outline: 0; margin-top: 15%; }
.modal_form .close { float: right; font-size: 19.5px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); }
.modal_form button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; }
.modal_form .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.428571429px; }
.modal_form .modal-body { position: relative; padding: 20px; }
.modal-open { overflow: hidden; }
.modal-open .modal_form  .modal { overflow-x: hidden; overflow-y: auto; }
.modal_form .modal.in .modal-dialog { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.modal_form .modal.fade .modal-dialog { -webkit-transform: translate3d(0,-25%,0); transform: translate3d(0,-25%,0); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; }
div#myModal.fade.in::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #000; opacity: 0.5; bottom: 0; }

/*** ---- Contact Page ---- ***/
.contactUs_form .wpcf7-submit { background: #000; border-color: #000; }
.contactUs_form .wpcf7-submit:active, .contactUs_form .wpcf7-submit:focus, .contactUs_form .wpcf7-submit:hover { transform: scale(0.9);	background: #000; border-color: #000; }

/*** ---- Footer ---- ***/
.widget_wysija input.wysija-submit.wysija-submit-field { background: transparent; border-color: #fff; }
.widget_wysija input.wysija-submit.wysija-submit-field:active, .widget_wysija input.wysija-submit.wysija-submit-field:hover, .widget_wysija input.wysija-submit.wysija-submit-field:focus{ transform: scale(0.9); }
li.widget_media_image { margin-top: 30px; }
.updated ul li { font-family: "Raleway"; font-weight: 600; }
/*** ---- Things-TO-Do Page ---- ***/
.rate-content .price-wrap span { float: right; }

/*** --- Hot Specials Page --- ***/
.hot_specials p { padding-top: 10px !important; padding-bottom: 10px !important; }
span.red_c { color: rgb(192, 80, 77); font-weight: 600; }



  

/* Sidetab */

#option_btn{position:fixed;top:150px;right:-2px;cursor:pointer;z-index:9;background:#fff;border-right:0;width:40px;height:100px;padding:20px 0;text-align:center;border-radius:5px 0 0 5px;box-shadow:0 3px 15px rgba(0,0,0,.1);line-height:1.4;-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition:-webkit-transform .6s ease;-moz-transition:transform .6s ease;-o-transition:-o-transform .6s ease;transition:transform .6s ease}
#option_btn a{display:block;}
#option_btn span{font-size:15px;line-height:31px;color:#222}

/*
#option_btn.open{-webkit-transform:translate(-351px,0px);-moz-transform:translate(-351px,0px);transform:translate(-351px,0px)}
#option_wrapper{position:fixed;top:0;right:0;width:350px;background:#fff;z-index:99999;box-shadow:-1px 1px 10px rgba(0,0,0,.1);overflow:auto;height:100%;color:#222;line-height:1.5;font-size:14px;-webkit-transform:translate(351px,0px);-moz-transform:translate(351px,0px);transform:translate(351px,0px);-webkit-transition:-webkit-transform .6s ease;-moz-transition:transform .6s ease;-o-transition:-o-transform .6s ease;transition:transform .6s ease}
#option_wrapper.open{-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);transform:translate(0px,0px)}
#option_wrapper h4{color:#222}
#option_wrapper:hover{overflow-y:auto}*/


.ti-book {font-size: 22px !important;    margin-bottom: 40px;}
.ti-location-pin{font-size: 28px !important;}


.bounce {display: inline-block; position: relative; -moz-animation: bounce 2s infinite linear; -o-animation: bounce 2s infinite linear;
  -webkit-animation: bounce 2s infinite linear; animation: bounce 2s infinite linear;}
@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.05em; }
    70% { top: -0.1em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.05em; }
    70% { top: -0.1em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.05em; }
    70% { top: -0.1em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.05em; }
    70% { top: -0.1em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.05em; }
    70% { top: -0.1em; }
    100% { top: 0; }
}



.flipping {
  display: inline-block;
  animation: mirrorflip 10s 0s linear infinite;
  color: #f66e49;
}

@keyframes mirrorflip {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		
	}
	50% {
		transform: scale(-1, 1);
		-webkit-transform: scale(-1, 1);
		-moz-transform: scale(-1, 1);
		-o-transform: scale(-1, 1);
		-ms-transform: scale(-1, 1);
	}
	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
	}
}


.hire-table table {width: 100%; margin: 20px 0; border-top: 1px solid rgba(123, 123, 123, 0.3); border-left: 1px solid rgba(123, 123, 123, 0.3);}
.hire-table table tr th, .hire-table table tr td {padding: 10px;border-bottom: 1px solid rgba(123, 123, 123, 0.3); border-right: 1px solid rgba(123, 123, 123, 0.3); }

/*** ---- Responsive css ---- ***/
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.rates_title { font-size: 16px !important; }
}
@media only screen and (max-width: 1199px) {
	.luxury_berth ul.listing {margin-bottom: 0px !important;}
	.luxury_rates h2.elementor-heading-title { font-size: 18px !important; }
	.camping_boat h2.elementor-heading-title { font-size: 22px !important; }
	.things_todo_wrapper .things_title h2.elementor-heading-title {font-size: 16px !important;}	
	.things_todo_wrapper h2.elementor-heading-title {font-size: 14px !important;}
	.luxury_rates h2.elementor-heading-title { font-size: 16px !important; }
	.boat_2 h2.elementor-heading-title { font-size: 18px !important; }
	.new_year_cont h1.elementor-heading-title { font-size: 24px !important; }
	.call_book .elementor-text-editor p { padding: 0 !important; }
	.homepage_slider h2:not(.widgettitle) { font-size: 28px !important; }
	.modal_form .in .modal-content { margin-top: 200px; }

}

@media only screen and (max-width: 1024px) {
	.things_title h2.elementor-heading-title {font-size: 14px !important;}	
	.things_todo_wrapper h2.elementor-heading-title {font-size: 12px !important;}
	.luxury_rates h2.elementor-heading-title { font-size: 14px !important; }
	.cust_pgtitle h1.elementor-heading-title { font-size: 30px !important; }
	.cruiser_wrapper .elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-element-populated{ padding: 0; }
	.home_h2 h2.elementor-heading-title { font-size: 25px !important; }
	.home_h2 h3.elementor-image-box-title { font-size: 20px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.table_titles h2.elementor-heading-title {
		font-size: 16px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.homepage_slider .slider_parallax_wrapper .slide .image{ height: 100% !important; }
	.welcome_cont h2.elementor-heading-title { font-size: 25px !important; }
	.welcome_cont {border-width: 0px !important; }
	.fleet h1.elementor-heading-title { font-size: 32px !important; }

}
@media only screen and (max-width: 767px) {
	.widget_wysija input.wysija-submit.wysija-submit-field { display: inline-block;}
	body section.elementor-element.elementor-section-height-min-height.footer_shape { height: 50px !important; min-height: 50px !important; }
	.right1 { float: right; width: 50%; text-align: right; }
	.left1 { width: 50%; float: left; }
	.luxury_tabs .elementor-tab-title { border-bottom: 1px solid #d4d4d4 !important; }
	.luxury_tabs .elementor-tab-title a:hover, .luxury_tabs .elementor-tab-title a:active { color: #fff; }
	.price-wrap { padding: 0 15px; }
	.price-wrap > div { padding: 5px 0; }
	.luxury_tabs .elementor-toggle-item { padding: 10px 0; }
	.luxury_tabs .elementor-toggle .elementor-toggle-item .elementor-tab-content { border-left: 1px solid #d4d4d4 !important; border-right: 1px solid #d4d4d4 !important; border-bottom:  1px solid #d4d4d4 !important; }
	.luxury_tabs .elementor-toggle-item:first-child { padding-top: 0; }
	.new_year_cont h1.elementor-heading-title { font-size: 20px !important; }
	.modal_form .modal.fade .modal-dialog { margin-top: 200px; }
	body p { font-size: 14px; }
	.read_more h6.elementor-heading-title { font-size: 14px !important; }
}