*
{
	margin:0px;
	padding:0px;

}
html,body
{
	height: 100%;
}
.withbg
{
	height: 100%;
	background-image: url("images/room.jpg");
	background-position: center;
	background-size: cover;
}
.icons
{
	position: fixed;
	top: 20%;
	right: 0%;
	width: 200px;
	display: flex;
	flex-direction: column;
	z-index: 1000000000;

}
.icons a
{
	text-decoration: none;
	text-transform: uppercase;
	padding: 7px;
	font-size: 22px;
	font-family: 'Oswald',sans-serif;
	margin: 2px;
	text-align: left;
	border-radius: 50px 0px 0px 50px;
	transform: translate(145px, 0px);
	transition: all 0.8s;

}
@media (max-width: 1200px){
.story-card.item.explore-item .info {
    width: 46%;
    left: 8%;
}

.icons{
  display: none;
}

.image-post3 .hover-box, .video-post .hover-box {
    position: relative;
  }


}
.icons a:hover
{
	transform: translate(0px, 0px);
}
.icons a i
{
	margin-right: 20px;
	background-color: white;
	height: 35px;
	width: 35px;
	color: black;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	transition: all 0.8s;
}
.icons a:hover i
{
	transform: rotate(360deg);
}
.icons a i.fa-map-marker-alt
{
	color: #fa0910;
} 
.icons a i.fa-facebook-f
{
	color: #2C80D3;
} 
.icons a i.fa-youtube
{
	color: #fa0910;
} 
.icons a i.fa-twitter
{
	color: #53c5ff;
} 
.google
{
	background-color: #fa0910 ;
	color: white;
}
.facebook
{
	background-color: #2C80D3;
	color: white;
}
.youtube
{
	background-color: #fa0910;
	color: white;
}
.twitter
{
	background-color: #53c5ff;
	color: white;
}
.content
{
	margin-left: 80%;
	margin-right: 80%;
}

.p
{
	text-align: justify;
	padding: 5px;

}