/* .container{    
   	margin:0 auto;
   }
   
   img{height: auto;
   border:none; object-fit:cover;} */

.img-view {
    max-width: 100%;
    display: block;
    width: auto;
}

/* ---------------- base ---------------- */


.d-block { display: block; }

.d-in-block { display: inline-block; }

.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.d-con{ display: contents; }

.m-lg-block{ display: none;}

.m-md-block{ display: none;}

.m-sm-block{ display: none;}

@media (max-width: 1240px) {
	.m-lg-block{
		display: block;
	}
	.m-lg-none{
		display: none!important;
	}
}
@media (max-width: 992px) {
	.m-md-block{
		display: block;
	}
	.m-md-none{
		display: none!important;
	}
}
@media (max-width: 768px) {
	.m-sm-block{
		display: block;
	}
	.m-sm-none{
		display: none!important;
	}
}
.flex_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.w-100 { width: 100%; }

.w-80 { width: 80%;}

.w-66 { width: 66.666%; }

.w-50 { width: 50%; }

.w-33 { width: 33.333%; }

.clearfix:after { content: ""; display: block; clear: both; }

.visible-xxxs {	display: none !important;}

.visible-xxs { display: none !important; }

.visible-xxss{ display: none !important;}




@media (max-width: 500px) { .visible-xxs { display: block !important; }
  .hidden-xxs { display: none !important; } }

@media (max-width: 400px) { .visible-xxss { display: block !important; }
  .hidden-xxss { display: none !important; } }

@media (max-width: 380px) { .visible-xxxs { display: block !important; }
  .hidden-xxxs { display: none !important; } }



.lht-2{line-height: 2;} .lht-7{line-height: 1.7;} .lht-8{line-height: 1.8;} .lht-4{line-height: 1.4;}
.lsp-0{letter-spacing: 0px;} .lsp-1{letter-spacing: 1px;} .lsp-2{letter-spacing: 2px;} .lsp-5{letter-spacing: 5px;}