body {
  padding: 0;
  margin: 0;
  font-size: var(--font-size, 14px);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  
  background-color: #f4f4f4;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	box-sizing: border-box;
}

._b { border: 1px solid !important; }
._bb { border: 1px solid !important; box-sizing: border-box; }

.hide { display: none !important; }

.border-box { box-sizing: border-box; }

a { text-decoration: none !important; color: #0064ff; }

h1,h2,h3,h4,h5,h6,p { margin: 0; }
p { margin: 0.5rem 0; }

hr, .hr { border-bottom: 1px solid #393a41; }

.img-responsive { display: block; width: 100% !important; }
.img-round { border-radius: 50% !important; }

.cursor-pointer { cursor: pointer !important; }

.font-0_8x { font-size: 0.8rem !important; }
.font-0_9x { font-size: 0.9rem !important; }
.font-1x { font-size: 1rem !important; }
.font-2x { font-size: 1.1rem !important; }
.font-3x { font-size: 1.2rem !important; }
.font-4x { font-size: 1.4rem !important; }
.font-5x { font-size: 1.6rem !important; }
.font-6x { font-size: 1.8rem !important; }
.font-big { font-size: 2rem !important; }

.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }


.lowercase { text-transform: lowercase !important; }
.uppercase { text-transform: uppercase !important; }
.capitalize { text-transform: capitalize !important; }

.bg-white { background: white !important; }

.text-white { color: white !important; }
.text-black { color: #000 !important; }
.text-light { color: #f1f1f1 !important; }
.text-dark { color: #333 !important; }
.text-red { color: #ea0000 !important; }
.text-blue { color: #0084f0 !important; }
.text-green { color: #56a300 !important; }

.no-overflow { overflow: hidden !important; }

.truncate-line-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}

.truncate-line-2 {
  overflow: hidden;
  text-overflow: ellipsis; 
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
}

.truncate-line-3 {
  overflow: hidden;
  text-overflow: ellipsis; 
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
}

.relative { position: relative !important; }
.absolute { position: absolute !important; }


figure {
	margin: 0;
}



.btn {
	/*padding: 8px 25px 10px;*/
	padding: 7px 25px 9px;
	background: #0064ff;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	border: 0;
	cursor: pointer;
}

button.btn {
	padding-top: 9px;
	padding-bottom: 11px;
}

.btn-round {
	border-radius: 100px;
}

/*grid-template-columns: repeat(5, minmax(0, 1fr));*/

.grid-masonary {
	/*column-width: 250px;*/
	column-gap: 10px;
	column-count: 3;
	box-sizing: border-box;
	
	/* & > div { */
		/*
		margin-bottom: 15px;
		border-radius: 6px;
		overflow: hidden;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
		*/
		/* padding: 10px; */
	/* } */
}



.dropdown-menu {
	position: absolute;
	background: white;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 3px 10px 1px rgb(0 0 0 / 15%);
	z-index: 1;
	border-radius: 10px;
	min-width: 270px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
}

.dropdown-menu.loaded {
	display: none;
	visibility: visible;
	opacity: 1;
}









@media (min-width: 576px) {
  
}

@media (min-width: 768px) {
  .align-md-left {
    text-align: left !important;
  }
  
  .align-md-center {
    text-align: center !important;
  }
  
  .align-md-right {
    text-align: right !important;
  }
  
}

@media (min-width: 992px) {
  
  .align-lg-left {
    text-align: left !important;
  }
  
  .align-lg-center {
    text-align: center !important;
  }
  
  .align-lg-right {
    text-align: right !important;
  }
  
}

@media (min-width: 1200px) {
  
}

@media (min-width: 1400px) {
  
}