/*
Theme Name: Betheme
Author: Muffin group
Description: The biggest WordPress Theme ever
Theme URI: http://themes.muffingroup.com/betheme
Author URI: http://muffingroup.com
License: Themeforest Split Licence
License URI: -
Version: 17

All css files are placed in /css/ folder
*/
@media only screen and (min-width: 1240px){
body.under-construction.layout-boxed {
    padding: 25px !important;
}
}
.under-construction img.scale-with-grid{
	width: auto !important;
}
/*-------------- Home ------------------*/
#metaslider_container_85 li:hover .caption-wrap{
	background: #000 !important;
}
.main-top-social{
    width: 45px;
    vertical-align: middle;
}
.top_bar_right{
	display: none;
}
.water-floating-chalet{
	margin: 0 !important;
}
.activities-attraction table tr:nth-child(2n) td{
	background: #fff;
    padding-bottom: 20px !important;
}
table tr:first-child td {
    background: none !important;
}
#Footer .footer_copy {
    border-top: 2px solid #C43C3C !important;
}
.footer-tbl td{
	padding: 0px;
    text-align: left;
	border-color: transparent !important;
}
.footer-tbl .fas, .footer-tbl .fab{
	font-size: 20px;
}
.footer-tbl{
	font-size: 15px;
}
#text-2, #text-4{
    margin: 25px 0 0 60px;
}
/*-------------- Home ------------------*/
/*-------------- Mobile ----------------*/
@media only screen and (min-device-width : 410px){
	   .sharp-box-text h4{
				font-size: 20px !important;
	}
}
@media only screen and (min-device-width : 360px){
	   .sharp-box-text h4{
				font-size: 18px;
	}
}
	@media only screen and (max-device-width : 320px){
	   .sharp-box-text h4{
				font-size: 15px !important;
	}
}
@media only screen and (max-width: 767px){
	.page-id-30 .activities-vertical .section_wrapper{
		max-width: 90% !important;
	}
	.activities-vertical .activity-item:nth-child(odd) {
		margin-right: 2% !important;
	}
	.activities-vertical .trailer_box:hover .desc h2{
		font-size: 18px !important;
	}
	.activities-vertical .desc h2{
		font-size: 18px !important;
		font-family:'Roboto', 'Arial';
	    font-weight: 500;
		font-style: italic;
	}
	.activities-vertical img {
    	-webkit-filter: brightness(100%);
	}
	.activities-vertical .trailer_box:hover img{
		-webkit-filter: brightness(50%);
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	.activities-vertical .desc h2 {
		font-size: 16px !important;
		font-family: 'Roboto', 'Arial';
		font-weight: 500;
		font-style: italic;
	}
	.activities-vertical .desc{
		padding: 0 0 10px 0 !important;
		width: 100%;
		color: #fff;
		font-size: 18px;
		text-shadow: 1px 1px 5px #000;
		background: transparent;
	}
	.activities-vertical{
		padding-top: 0px !important;
	}
	.page-id-30 .activities-vertical .activity-item{
		width: 48% !important;
  		clear: none !important;
	}
	.contact-container h2{
		font-size: 22px !important;
	}
	.send-us {
		font-style: italic;
		font-weight: 600;
		font-size: 18px;
		padding-left: 5px;
	}
	.contact-container{
		padding-top: 0px !important;
	}
	.page-title{
		font-size: 30px;
		color: #000;
		border-bottom: 2px solid #ccc;
		padding-bottom: 5px;
		width: 60%;
		margin: 0 auto;
		text-align: center;
		font-family: 'Roboto';
		font-style: italic;
	}
	.page-title::after {
		content: "";
		display: block;
		border-bottom: 2px solid #B20000;
		width: 50%;
		position: relative;
		bottom: -7px;
		transition: width .6s ease;
	}
	.activities-attraction table{
		margin-bottom: 0px;
	}
	.fas, .fab{
		color: #C94C4C;
		font-size: 20px;
	}
	.btm-book .scale-with-grid{
		width: 150px !important;
	}
	.enjoy-stay{
		font-family: 'Mistral', Arial;
		font-size: 30px;
		color: #fff;
		text-align: center;
	}
	.activities-attraction td {
		padding: 0 !important;
		border: 0px;
	}
	.ample-activity{
		font-family: 'Mistral', Arial;
		font-size: 30px;
		color: #fff;
		padding: 15px 15px 0;
		text-align: center;
	}
	.suitable-for-all{
		padding-top: 30px !important;
	}
	.suitable-list{
		text-align: center;
		font-family: 'Mistral', Arial;
		font-size: 30px;
		color: #E73028;
	}
	.metaslider-133{
		margin: 0 auto;
	}	
	.homepage-title1{
		padding-bottom: 0px !important;
	}
	.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a{
		height: 40px !important;
    	margin-top: -10px !important;
		width: 40px !important;
	}
	.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap .caption {
		padding: 10px !important;
	}
	.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs){
		display: none !important;
	}
	.water-chalet{
		font-family: 'Mistral', Arial;
		font-size: 30px;
		color: #E73028;
		padding-bottom: 10px;
	}
	/*------------------- Sharp Box -------------------*/
	.sharp-box-container .section_wrapper{
    	max-width: 100% !important;
	}
	.sharp-box-container{
		width: 30% !important;
		top: -346px;
	}
	.sharp-box-content{
		position: absolute !important;
		margin-top: -20px!important;
		left: 0;
		z-index: 1;
		background: #000;
	}
	.sharp-box-text{
		padding: 11px 0 10px 15px;
		margin: 0 !important;
	}
	.sharp-box-text h4{
		color: white;
		position: relative;
		z-index: 10;
		font-weight: 400 !important;
		margin-bottom: 0px;
		font-family: 'Roboto';
    	font-style: italic;
	}
	.sharp-box-container .one.mcb-wrap {
		border-top: 0 !important;
	}
	.sharp-box-container .sharp-box-text:after {
		content: " ";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		z-index: 1;
		visibility: visible;
		background: #000;
		border-right: none;
		transform-origin: bottom left;
		transform: skew(-15deg,0deg);
	}
	.sharp-box-text:after {
		content: " ";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
		visibility: visible;
		background: #fff;
		border-right: 5px solid #64c3d1;
		transform-origin: bottom left;
		transform: skew(-15deg,0deg);
	}
	/*------------------- Sharp Box -------------------*/
	.page-id-47 .booking-form-outer input[type="submit"]{
		margin-bottom: 25px !important;
	}
	.book-now-container{
		padding: 30px !important;
	}
	.book-now-container h2{
		font-size: 30px !important;
    	margin: 20px 0 25px !important;
	}
	.slider-text{
		font-size: 20px !important;
		position: relative;
		right: 0px;
	}
	#menu-item-71{
		margin-left: 20px !important;
	}
	#Top_bar #menu #menu-item-71 a, #Top_bar #menu #menu-item-72 a, #Top_bar #menu #menu-item-73 a{
		padding: 0px !important;
	}
	#menu-item-71, #menu-item-72, #menu-item-73{
		width: 50px !important;
	}
    .layout-boxed{
    	padding: 0 !important;
    }
    #Wrapper {
        max-width: 100% !important;
    }
	#Footer .widgets_wrapper{
		display: none !important;
	}
	.desktop-copy{
		display: none;
	}
	#back_to_top{
		position: absolute;
    	z-index: 99;
    	right: -15px;
    	bottom: 20px;
	}
}
/*-------------- Mobile ----------------*/
/*------------- Desktop ----------------*/
@media only screen and (min-width: 768px){
	.page-title{
		font-size: 30px;
		color: #000;
		border-bottom: 2px solid #ccc;
		padding-bottom: 5px;
		width: 15%;
		margin: 0 auto;
		text-align: center;
		font-family: 'Roboto';
		font-style: italic;
	}
	.page-title::after {
		content: "";
		display: block;
		border-bottom: 2px solid #B20000;
		width: 50%;
		position: relative;
		bottom: -7px;
		transition: width .6s ease;
	}
	.trailer_box:hover .desc .line{
		display: none;
	}
	.activity-odd{
		padding-bottom: 60px;
	}
	.activity-even{
		padding-top: 60px;
	}
	.activities-vertical .trailer_box:hover .desc h2{
		font-size: 20px !important;
	}
	.activities-vertical .trailer_box:hover .desc{
		background: transparent;
		-webkit-transform: translateY(-200px);
		-moz-transform: translateY(-200px);
		transform: translateY(-200px);
		transition-duration: 0.5s !important;
	}
	.activities-vertical .desc h2{
		font-size: 18px !important;
		font-family:'Roboto', 'Arial';
	    font-weight: 500;
		font-style: italic;
	}
	.trailer_box .desc h2 {
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out !important;
	}
	.activities-vertical .desc{
		padding: 0 0 10px 0 !important;
		width: 100%;
		color: #fff;
		font-size: 18px;
		text-shadow: 1px 1px 5px #000;
		background: transparent;
	}
	.activities-vertical img {
    	-webkit-filter: brightness(100%);
	}
	.activities-vertical .trailer_box:hover img{
		-webkit-filter: brightness(50%);
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	
	.activities-vertical{
		width: 88%;
		margin: 0 auto;
	}
	.activities-vertical .one.column{
		width: 100% !important;
	}
	.send-us{
		font-style: italic;
		font-weight: 600;
		font-size: 18px;
		padding-left: 5px;
	}
	.enjoy-stay{
	    font-family: 'Mistral', Arial;
		font-size: 38px;
		color: #fff;
		padding: 18px 50px 0px;
	}
	.activities-attraction{
		padding: 25px 25px 0px;
	}
	.activities-attraction td{
		padding: 0 !important;
		border: 0px;
	}
	.img-activity{
		width: 100px !important;
	}
	.ample-activity{
	    font-family: 'Mistral', Arial;
		font-size: 38px;
		color: #fff;
		padding: 45px 100px 30px 0;
	}
	.suitable-ul{
		list-style: square !important;
   		margin: 30px 103px !important;
	}
	.suitable-ul > li{
		padding-left: 25px;
		padding-bottom: 15px;
    	font-size: 16px;
	}
	.suitable-list{
		text-align: center;
		font-family: 'Mistral', Arial;
		font-size: 35px;
		color: #E73028;
	}
	.suitable-for-all .two-third{
	    margin: 10px 0 10px 20px;
	}
	.suitable-for-all .one-third{
	    margin: 108px 0px 0 25px;
	}
	.suitable-for-all .section_wrapper{
		max-width: 1240px;
	}
	.suitable-for-all img.scale-with-grid{
		width: 100%;
	}
	.water-chalet{
		font-family: 'Mistral', Arial;
		font-size: 38px;
		color: #E73028;
		padding-bottom: 10px;
	}
	.flex-control-nav.flex-control-paging{
		display: none !important;
	}
	.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap{
		position: relative !important;
	    background: #353535 !important;
	}
	.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap .caption{
		padding: 20px !important;
	}
	.mcb-wrap-inner .home-meta{
		width: 100% !important;
		margin: 0;
	}
	.home-meta-container .section_wrapper{
	    max-width: 1240px;
	}
	#menu-item-71{
	/* margin-left: 160px !important; */
	margin-left: 50px !important;
	}
	#menu-item-71:hover{
		border-bottom: none !important;
	}
	#Top_bar.is-sticky .menu_wrapper .menu #menu-item-71,#Top_bar.is-sticky .menu_wrapper .menu #menu-item-72,#Top_bar.is-sticky .menu_wrapper .menu #menu-item-73{
		margin-top: 5px;
	}
	#Top_bar.is-sticky .menu_wrapper .menu #menu-item-71{
		/*margin-left: 220px !important;*/
		margin-left: 50px !important;
	}
	#Top_bar.is-sticky .menu_wrapper .menu #menu-item-71 > a, #Top_bar.is-sticky .menu_wrapper .menu #menu-item-72 > a, #Top_bar.is-sticky .menu_wrapper .menu #menu-item-73 > a{
		padding: 3px 0 !important;
	}
	#Top_bar.is-sticky .menu > #menu-item-71 > a:after, #Top_bar.is-sticky .menu > #menu-item-72 > a:after, #Top_bar.is-sticky .menu > #menu-item-73 > a:after{
		display: none;
	}
    #footer-htl-details-text{
	    display: none !important;
    }
	.mobile-copy{
		display: none;
	}
	.top_bar_left{
		width: 1196px !important;
	}
	#Top_bar .menu #menu-item-71 > a span:not(.description), #Top_bar .menu #menu-item-72 > a span:not(.description), #Top_bar .menu #menu-item-73 > a span:not(.description){
		padding: 0px;
	    border-right-width: 0px;
	}
	#Top_bar .menu #menu-item-49 > a span:not(.description){
		border-right-width: 0px;
	}
	.contact-container{
		padding: 20px 110px 0 !important;
	}
}
/*------------- Desktop ----------------*/
/*------------ Contact Us --------------*/
div.add-hov:hover ~ .t {
    display: none;
}
.icon_bar{
    border-radius: 50%;
    background: transparent !important;
}
.contact-table{
	font-size: 14px;
}
.contact-subtable td{
	padding: 0;
}
.contact-table tr:nth-child(2n) td{
	background: transparent;
}
.contact-table td{
	text-align: left;
	border: 0px !important;
	padding: 10px 0px 5px 10px !important;
}
.contact-subtable td{
	padding: 0px !important;
}
.contact-subtable{
	margin-bottom: 0px !important;
}
input[type="submit"]{
    background-color: #B20000 !important;
    border-radius: 0px !important;
    margin-left: 5px;
}
input[type="submit"]:hover{
	background-color: #E7302C !important;
}
a.icon_bar_small, a.icon_bar_small span{
	font-size: 22px !important;
}
a.icon_bar_location span.b{
    background: #B20000;
    color: #fff;
}
a.icon_bar_phone span.b {
    background: #3EB314;
    color: #fff;
}
a.icon_bar_mail span.b {
    background: #B20000;
    color: #fff;
}
a.icon_bar_facebook span.b {
    background: #3a589b;
    color: #fff;
}

.second-column:hover a.icon_bar_facebook span.b, .second-column:hover a.icon_bar_location span.b, .second-column:hover a.icon_bar_phone span.b, .second-column:hover a.icon_bar_mail span.b{
	-webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}
a:hover.icon_bar span{
	-webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}
.page-id-24 a.icon_bar{
	color: #B20000 !important;
}
.page-id-24 a:hover.icon_bar{
	color: #B20000 !important;
}
/*------------ Contact Us --------------*/
/*------------Pick Date ----------------*/
#booking-form{
position: relative;
top: 11px;
}

.booking-form-position{
margin-top:-94px;
}

.booking-form-outer input{
width:200px !important;
color:#2d2d2d !important;
}

.booking-form-outer input[type="submit"]{
color:#ffffff !important;
}

.booking-form-outer select{
width:113px !important;
-webkit-appearance:none !important;
color:#2d2d2d !important;
background-image:url(/wp-content/uploads/2019/06/DD2.png);
background-repeat: no-repeat;
background-position: right;
background-size:20px;
-moz-appearance:none;
/*font-weight:bold;*/      
background-position-x:98% !important;
}

.booking-form-outer select:focus, .booking-form-outer input[type="text"]:focus{
background-color:#fff !important;
}

.booking-form-outer select::-ms-expand {
display: none;
}

.booking-form-outer input, .booking-form-outer select, .booking-form-outer input[type="text"]{
background-color:#fff !important;
height:40px;
cursor:pointer;
}

.booking-form-outer input[type="submit"]{
background-color:#000 !important;
	border-radius: 0px;
	width: 100% !important;
	margin-bottom: 55px !important;
}

.date-selection, .input-selection{

}

.margin-val{
margin-right:10px !important;
}

.booking-form-outer .submit-btn{
padding:10px !important;
height:40px !important;
margin-right:0px !important;
margin-top: 0px;
margin-bottom: 0px !important;
}

.booking-form-outer{
text-align:center;
}

#dateto, #datefrom{
background-image:url(/wp-content/uploads/2019/06/hb-calendar-icon.png);
background-repeat: no-repeat;
background-position: right;
background-size:28px;
	width: 100% !important;
	    margin-bottom: 30px;
}

#dateto::-webkit-input-placeholder, #datefrom::-webkit-input-placeholder{
color:#2d2d2d;
/*font-weight:bold;*/
}

#dateto::-moz-placeholder, #datefrom::-moz-placeholder{
color:#2d2d2d;
/*font-weight:bold;*/
}

#dateto:-ms-input-placeholder, #datefrom:-ms-input-placeholder{
color:#2d2d2d;
/*font-weight:bold;*/
}

#dateto:-moz-placeholder, #datefrom:-moz-placeholder{
color:#2d2d2d;
/*font-weight:bold;*/
}

@media screen and (max-width:1280px){
.booking-form-outer select{
width:90px !important;	
}
}

@media screen and (max-width:1240px){
.booking-form-outer select{
width:80px !important;	
}
}

@media screen and (min-width:768px) and (max-width:1024px){
.booking-form-position{
margin-top:-58px;
}

.booking-form-outer select{
width:90px !important;
background-position: 73px center;  
}

.booking-form-outer #promo{
width:90px !important;
}
}

@media screen and (max-width:800px){
.booking-form-outer input{
width:150px !important;
}

.margin-val{
margin-right:5px !important;
}
}

@media screen and (max-width:750px){
#booking-form {
display: block;
}

.booking-form-outer input{
width:100% !important;
}

.booking-form-outer select{
width:100% !important;
background-position: right;
}

.margin-val{
margin-right:5px !important;
}

.mobile-last-element{
margin-right:0px !important;
}

.booking-form-position{
padding-top:20px;
}

.promo-code{
width:280px;
margin:0px auto;
}

#promo{
width:100% !important;
}

.date-selection, .input-selection{
display: block !important;
}
}

@media screen and (min-width:1024px){
.booking-form-outer #promo{
width:113px !important;
}
}

@media screen and (min-width: 750px){
.home-booking-widget{
    position: absolute !important;
    top: -120px;
    z-index: 29 !important;
}
}

@media screen and (max-width: 750px){
.booking-form-outer {
    width: 90%;
    margin: 0px auto;
}
.home-booking-widget {
    padding: 10px 0 !important;
    background: white;
}
}


@media (min-width: 1281px) {
.about-video {
    padding-top: 33% !important;
    padding-bottom: 4% !important;
}
}
/*------------Pick Date ----------------*/