.blog_bg{background:url("../images/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{/*border:2px dotted #bdbdbd;*/} 
.blog_img img{padding:10px;}
.bar_overview{background:url("../images/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/view_more.svg") no-repeat 0 0 !important; width:42px; height:41px; display:inline-block} .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; background:#ffffff} .mydiv li{list-style:none; padding:10px;} .mydiv li li:hover{/*background:#475a20; color:#ffffff*/} 
div.mydiv{border:1px solid #b7b7b7;/*position:fixed; right:-200px; z-index:999; background:#ffffff; width:200px; bottom:100px*/} .mydiv h3, .blogn_title{margin:0; /*background:#81a043; color:#ffffff !important;*/ padding:10px; font-size:20px; display:block;}
div.mydiv li a{color:#000000;} div.mydiv a.blogn_title:hover, div.mydiv a.blogn_title:focus, div.mydiv a.blogn_title{color:#ffffff; background:#6f8d30; text-decoration:none}



#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;
	/*margin-top: 100px;*/ 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-device-width:1200px) {#banner{margin-bottom:0;} div.mydiv{margin:20px;} }
@media screen and (max-device-width:767px) {#banner-text{opacity:1 !important;}}
#filter{/*position: fixed; height: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 999; top: 0px; width:100%; margin: 0px auto; left: 0;*/}
#filter .modal-dialog{padding:0 !important; margin:0; height:100%; width:100%; background:#ffffff} #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:100px; border-radius:7px; z-index:999;} .filter_icon:hover, .filter_icon:focus{color:#000000 !important}
.blog_tags p{display:inline-block; padding:10px 20px; border-radius:7px; border:1px solid #cccccc}

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

@media screen and (min-width: 320px) and (max-width: 1000px) {
.h1_blog{ padding:35px 0;}
}
.MB50{margin-bottom:50px} .modal-header .close{margin-right:10px} #filter .modal-footer{padding:0 20px} #filter .modal-footer .btn-danger:hover{color:#ffffff !important;}
#filter .close span{color:#000000; font-size:40px}
.viewmore{background:#61a52a; border-radius:4px; padding:10px 20px; display:inline-block; color:#ffffff !important} .MT40{margin-top:40px} a.white:hover, a.white:focus{color:#ffffff;} #myCarousel .carousel-control.left, #myCarousel .carousel-control.right{background:none; opacity:1; top:0 !important; height:100%; width:15%}
#myCarousel .carousel-control.left{left:0} #myCarousel .carousel-control.right{right:0; left:inherit} #myCarousel .carousel-control.right .sr-only, #myCarousel .carousel-control.left .sr-only{position:inherit}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:50% !important; margin-right:0; position:inherit !important; color:#ffffff} .MB30{margin-bottom:30px} .MB100{margin-bottom:100px}
.blog_cat li a:hover, .blog_cat li a:focus{color:#000000} h1, h2{font-size:1.2em}  .blog_content{word-wrap:break-word}