.blog_bg {
	background: url("../themes/yosemite/img/blog.jpg") no-repeat;
	border-bottom: 5px solid;
}

.h1_blog {
	margin: 0px;
}

.h1_blog span {
	border: 2px dotted #ffffff;
	display: inline-block;
	padding: 10px;
}

.blog_img img {
	padding: 10px;
}

.bar_overview {
	background: url("../themes/yosemite/img/guestrooms.png") no-repeat;
	height: 15px;
	margin-bottom: 0px;
	width: 92%;
}

.share {
	background: url("../images/share.jpg") no-repeat 0 0;
	width: 277px;
	height: 25px;
}

.view_more {
	background: url("../images/read_more-dark.svg") no-repeat 0 0;
	width: 53px;
    height: 53px;
	display: inline-block;
	border-radius: 0 15px;
	transition: all .2s;
}

.view_more:hover {
	box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.75);
	transform: translateY(-3px);
}

.b_search:focus {
    outline: none;
}

.blog_listing {
	border-bottom: 1px solid #dddddd;
}

a#clickme {
	background: #475a20;
	cursor: pointer;
	display: block;
	position: fixed;
	right: 0;
	padding: 7px 10px;
	color: #ffffff;
	z-index: 9999;
	bottom: 100px;
}

a#clickme i {
	font-size: 26px;
}

.mydiv ul {
	padding: 0;
	margin: 0;
}

.mydiv li {
	list-style: none;
	padding: 10px;
}


div.mydiv {
	border: 1px solid #b7b7b7;
	box-shadow: 0px 1px 19px -9px rgba(0, 0, 0, 0.75);
}

.mydiv h3,
.blogn_title {
	margin: 0;
	background: var(--primary-dark);
	padding: 10px;
	color: #ffffff !important;
	font-size: 20px;
	display: block;
}

div.mydiv a {
	color: var(--primary-dark);
}

#searchText {
	border: 1px solid #bababa;
}

#banner {
	margin-bottom: 0px;
	overflow: hidden;
	width: 100%;
	height: 330px;
	position: relative;
	clear: both;
	background: url("../themes/yosemite/img/blog.jpg") no-repeat fixed center center / cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/image/1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/image/1.jpg',sizingMethod='scale')";
}

.wrap-center {
	margin: 0 auto;
	position: relative;
	max-width: 73.231em;
}

.banner-centered {
	text-align: center;
	position: absolute;
	display: block;
	max-width: 75.231em;
	height: inherit;
	overflow: hidden;
	width: 100%;
}

.banner-centered h2 {
	font-size: 5.385em;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fafafa;
	font-weight: 100;
	display: block;
}

@media screen and (max-width:1200px) {
	#banner {
		margin-bottom: 0;
	}

	div.mydiv {
		margin: 20px;
	}

}

@media screen and (max-width:767px) {
	#banner-text {
		opacity: 1 !important;
	}

	.width100tabmob.messages_bar {
		padding: 0;
	}

	.gaustroom.MT10_mobile {
		padding: 0;
	}
}

#filter .modal-dialog {
	padding: 0 !important;
	margin: 0;
	height: 100%;
	width: 100%;
	top: 0 !important
}

#filter .modal-content {
	position: fixed;
	width: 100%;
	height: 100%;
	border-radius: 0;
	overflow-y: scroll
}

#filter .modal-body {
	padding: 0 !important;
}

.filter_icon {
	position: fixed;
	right: 10px;
	bottom: 180px;
	border-radius: 7px;
	z-index: 99;
	color: #717171 !important;
}

.blog_tags p {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 7px;
	border: 1px solid #cccccc
}

.userddbox .btn:focus,
.btn:hover {
	color: #475a20;
}

@media screen and (min-width: 320px) and (max-width: 1000px) {
	.h1_blog {
		padding: 35px 0;
	}
}

.filtermobile {
	color: #717171 !important;
}

.filtermobile .btn:focus,
.btn:hover {
	color: #717171 !important;
}

.viewmore {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(153, 210, 87, 1) 0%, rgba(113, 180, 47, 1) 45%, rgba(102, 170, 46, 1) 100%) repeat scroll 0 0;
	border: medium none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	margin: 0.4em;
	padding: 12px 28px;
	text-decoration: none;
}

.blog_search {
	padding: 5px 13px !important
}

.b_search {
	color: #7a7a7a;
	position: absolute;
	border: 0;
	text-indent: -9999px;
	right: 9px;
	top: 6px;
	background: url("../images/search_icon.svg") no-repeat scroll transparent;
	height: 20px;
	width: 20px;
	padding: 0;
}

.blog_btn {
	padding: 6px !important
}

.blog_btn:hover {
	color: #ffffff !important
}

.blog_sresult {
	background: #dcdcdc;
	border-radius: 7px;
	padding: 10px;
	display: inline-block
}

.blog_sresult .search-close {
	font-weight: bold;
	cursor: pointer
}

.search_blog {
	color: #bababa
}

.search_blog:-moz-placeholder {
	color: #bababa
}

.search_blog:-ms-input-placeholder {
	color: #bababa
}

.search_blog::placeholder {
	color: #bababa
}

#scrollfix h3 a.white,
#myblogpage h3 a.white {
	color: #ffffff !important
}

.h2fontsize {
	display: inline-block;
	background: #393939;
	color: #fff;
	padding: 6px 20px;
	line-height: 1.2;
	font-size: 28px;
	box-shadow: 0px 2px 25px -8px rgba(0, 0, 0, 0.75);
	text-transform: uppercase;
}

#filter {
    z-index: 9999;
}

@media (max-width: 1199px) {
	#myModalLabel {
		font-size: 22px;
		font-weight: bold;
		color: #000;
	}
}