@import url('../fonts/font.css');
a:hover, a:focus, a:active{
	text-decoration:none;
}
input, input:focus{
	outline:none;
}
.width-page{
	max-width: 1920px;
	width: 100%;
	margin:0 auto;
}
img{
	max-width: 100%;
	max-height: 100%;
}
.blk-room-sleep.container-fluid{
	max-width: 1920px;
}
.text-green{
	color: #92b700;
}
.mt-1{
 margin-top: 10px;
}
.mt-2{
 margin-top: 20px;
}
.mt-3{
 margin-top: 30px;
}
.mt-4{
 margin-top: 40px;
}
.mt-5{
	margin-top: 50px;
}
.mb-1{
 margin-bottom: 10px;
}
.mb-2{
 margin-bottom: 20px;
}
.mb-3{
  margin-bottom: 30px;
}
.mb-4{
   margin-bottom: 40px;
}
.mb-5{
	margin-bottom: 50px;
}
.f-right{
	float: right;
}
.f-left{
	float: left;
}
.w-100{
	width: 100%;
}
.w-25{
 width: 25%;
}
.w-80{
	width: 80%;
}
.ml-10-per{
	margin-left: 10%;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.content-page-child{
	padding-top: 100px;
	padding-bottom: 30px;
	background: #1f2024;
}
.text-white{
	color: #fff;
}
/*======== Defautl img align-middle ========*/
.thumbnail-parent{
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	margin-bottom:20px;
}

.thumbnail-child{
	position:absolute;
	width:100%;
	height:100%;
}
.thumbnail-child img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.thumbnail-parent img{
	max-height:100%;
	max-width:100%;
}
/*======== END Defautl img align-middle ========*/