html, body {
    margin: 0;
	padding: 0;
	height: 100%;
}
body.overflow-hidden {
	overflow: hidden;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
}

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

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

.text-upper {
	text-transform: uppercase !important;
}

.position-relative {
	position:relative;
}
.position-absolute {
	position: absolute;
}
.position-static {
	position: static !important;
}
.display-block {
	display:block !important;
}
.display-table {
	display:table !important;
}

p {
	margin: 0;
}
a, button {
	text-decoration: none !important;
	outline: none !important;
	border: none;
}
.clear-button {
	background:none;
	border: none;
	padding:0;
	margin:0;
}
input, textarea {
	outline: none !important;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
hr {
    margin:30px 0;
    color: inherit;
    border: 0;
    opacity: 1;
}
hr.black {
    background-color: rgba(var(--custom-rgb-color-black),1);
}
hr.gray {
    background-color: rgba(var(--custom-rgb-color-gray),1);
}
hr.gray-dark {
    background-color: rgba(var(--custom-rgb-color-gray-dark),1);
}
hr.gray-light {
    background-color: rgba(var(--custom-rgb-color-gray-light),1);
}

[class^="olaf-icon-"]:before, [class*=" olaf-icon-"]:before {
	line-height: inherit !important;
}

.word-wrap {
	overflow: hidden;
}
.inline-word-wrap {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* --------------------------------------------------------------- */
/* ------------------------------ IMG ---------------------------- */
/* --------------------------------------------------------------- */

img {
    max-width: 100% !important;
    height: auto;
}
.img-mg-auto {
	display: block;
	margin-left:auto !important;
	margin-right:auto !important;
}

.hover-img-zoom {}
.hover-img-zoom .this-img-zoom {
	transform: scale(1);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
}
.hover-img-zoom:hover .this-img-zoom {
	transform: scale(1.05);
}

.img-on-xl,
.img-on-lg,
.img-on-md,
.img-on-sm,
.img-on-xs {
	display:none !important;
}
.img-on-xxl {
	display:block !important;
}

.img-on-laptop,
.img-on-tablet,
.img-on-mobile {
	display:none !important;
}
.img-on-desktop {
	display:block !important;
}

/* --------------------------------------------------------------- */
/* --------------------------- IMG SEC --------------------------- */
/* --------------------------------------------------------------- */

.img-sec {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    /* line-height: 0; */
	padding-top:0;
	transition: padding-top 0.3s ease;
	-webkit-transition: padding-top 0.3s ease;
	-moz-transition: padding-top 0.3s ease;
	-ms-transition: padding-top 0.3s ease;
	-o-transition: padding-top 0.3s ease;
	background-color: rgba(var(--custom-rgb-color-gray-light),1);
}

/* ------ img size onload ----- */

.size-onload[data-img-size-onload],
[data-img-size-onload] .size-onload {
	transition: height 2s ease;
	-webkit-transition: height 2s ease;
	-moz-transition: height 2s ease;
	-ms-transition: height 2s ease;
	-o-transition: height 2s ease;
}
.size-onload.h-zero {
    height: 0;
}
.size-onload.h-zero.overflow-hidden {
	overflow: hidden !important;
}

/* ------ slide ----- */

.img-sec .splide,
.img-sec .splide>.splide-track,
.img-sec .splide>.splide-track>ul.splide-list {
	position: relative;
    height: 100%;
}

/* .img-sec:before,
.img-sec>.img-inner{
	position: absolute;
	width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
	right: 0;
}
.img-sec:before {
	content: "";
	z-index: 2;
} */

.img-sec .img-file {
	position: absolute;
	width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
	right: 0;
}
.img-sec>.img-inner {
	z-index: 1;
}
.img-sec .img-file.this-bg,
.img-sec .img-file>.this-bg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.img-sec .img-file>.this-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
	right: 0;
}
.img-sec .img-file>.this-img {
	position: relative;
	display: block;
	max-width: 100% !important;
	width: 100% !important;
	height: auto;
}

.img-sec .img-file>.this-bg,
.img-sec .img-file>.this-img {
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.img-sec .img-file>.this-bg.disable,
.img-sec .img-file>.this-img.disable {
	opacity: 0;
}

.img-sec .img-file.this-bg::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 2;
}
.img-sec .img-file.this-bg>.this-img.disable {
	z-index: 1;
}

/* ----- img size - img file ----- */

.img-sec>.img-size-sec.z-index-top,
.img-sec>.img-file-sec.z-index-top {
    z-index: 2;
}
.img-sec>.img-size-sec.z-index-bottom,
.img-sec>.img-file-sec.z-index-bottom {
    z-index: 1;
}

/* img size */
.img-sec>.img-size-sec {
    display: block;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 1;
}

/* img file */
.img-sec>.img-size-sec+.img-file-sec {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}

/* --------------------------------------------------------------- */
/* ------------------------- TABLE TEXT -------------------------- */
/* --------------------------------------------------------------- */

.table-text-section,
.table-text-group,
.table-text-row,
.table-text-row > .table-text-col {
	position:relative;
}

.table-text-row {
    display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	/* align-items: flex-start;	 */
	word-wrap: break-word;
}
.table-text-row > .this-col-label {}
.table-text-row > .this-col-detail {
	flex: 1 0 0%;
	word-wrap: break-word;
}
.table-text-row > .this-col-colon {
	width: 20px;
	text-align: center;
}
.table-text-row > .this-col-label.w-flex-full,
.table-text-row > .this-col-detail.w-flex-full {
	flex: 1 0 0%;
}
.table-text-row > .this-col-label.w-flex-none,
.table-text-row > .this-col-detail.w-flex-none {
	flex: none;
}
.table-text-row > .this-col-label .colon,
.table-text-row.clear-flex .colon {
    position: relative;
    margin: 0 5px;
}
.table-text-row > .this-col-detail .colon {
	position: relative;
    margin: 0 10px 0 0;
}
.table-text-row > .this-col-colon .colon:before,
.table-text-row > .this-col-label .colon:before,
.table-text-row > .this-col-detail .colon:before,
.table-text-row.clear-flex .colon:before {
    position: relative;
    content: ":";
}

/* wrap */
.table-text-row.wrap {
    flex-wrap: wrap;
}
.table-text-row.wrap > .this-col-label,
.table-text-row.wrap > .this-col-detail {
    flex: none;
    width: 100%;
}

/* auto */
.table-text-row.clear-flex {
	display: block;
	flex: none;
}

/* custom label */
.label-w-custom.w-50 .this-col-label {width: 50px; }
.label-w-custom.w-60 .this-col-label {width: 60px; }
.label-w-custom.w-70 .this-col-label {width: 70px; }
.label-w-custom.w-80 .this-col-label {width: 80px; }
.label-w-custom.w-90 .this-col-label { width: 90px; }
.label-w-custom.w-100 .this-col-label {width: 100px; }
.label-w-custom.w-110 .this-col-label { width: 110px; }
.label-w-custom.w-120 .this-col-label { width: 120px; }
.label-w-custom.w-130 .this-col-label { width: 130px; }
.label-w-custom.w-140 .this-col-label { width: 140px; }
.label-w-custom.w-150 .this-col-label { width: 150px; }
.label-w-custom.w-160 .this-col-label { width: 160px; }
.label-w-custom.w-170 .this-col-label { width: 170px; }
.label-w-custom.w-180 .this-col-label { width: 180px; }
.label-w-custom.w-190 .this-col-label { width: 190px; }
.label-w-custom.w-200 .this-col-label { width: 200px; }

.label-w-custom.w-210 .this-col-label { width: 210px; }
.label-w-custom.w-220 .this-col-label { width: 220px; }
.label-w-custom.w-230 .this-col-label { width: 230px; }
.label-w-custom.w-240 .this-col-label { width: 240px; }
.label-w-custom.w-250 .this-col-label { width: 250px; }

/* custom label - xxl */
.table-text-row.label-w-custom.w-xxl-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-xxl-full .this-col-label,
.label-w-custom.w-xxl-full .this-col-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-xxl-50 .this-col-label {width: 50px; }
.label-w-custom.w-xxl-60 .this-col-label {width: 60px; }
.label-w-custom.w-xxl-70 .this-col-label {width: 70px; }
.label-w-custom.w-xxl-80 .this-col-label {width: 80px; }
.label-w-custom.w-xxl-90 .this-col-label {width: 90px; }
.label-w-custom.w-xxl-100 .this-col-label {width: 100px; }
.label-w-custom.w-xxl-110 .this-col-label { width: 110px; }
.label-w-custom.w-xxl-120 .this-col-label { width: 120px; }
.label-w-custom.w-xxl-130 .this-col-label { width: 130px; }
.label-w-custom.w-xxl-140 .this-col-label { width: 140px; }
.label-w-custom.w-xxl-150 .this-col-label { width: 150px; }
.label-w-custom.w-xxl-160 .this-col-label { width: 160px; }
.label-w-custom.w-xxl-170 .this-col-label { width: 170px; }
.label-w-custom.w-xxl-180 .this-col-label { width: 180px; }
.label-w-custom.w-xxl-190 .this-col-label { width: 190px; }
.label-w-custom.w-xxl-200 .this-col-label { width: 200px; }

.label-w-custom.w-xxl-210 .this-col-label { width: 210px; }
.label-w-custom.w-xxl-220 .this-col-label { width: 220px; }
.label-w-custom.w-xxl-230 .this-col-label { width: 230px; }
.label-w-custom.w-xxl-240 .this-col-label { width: 240px; }
.label-w-custom.w-xxl-250 .this-col-label { width: 250px; }

/* border */
.table-text-group.border-middle .table-text-row+.table-text-row {
	border-top: 1px solid rgba(var(--custom-rgb-color-black),0.1);
	margin-top: 15px;
	padding-top: 15px;
}

/* bg */
.table-text-group.bg-even .table-text-row,
.table-text-group.bg-odd .table-text-row {
	padding: 15px 20px;
	border-radius: 10px;
}
.table-text-group.bg-even .table-text-row:nth-child(even),
.table-text-group.bg-odd .table-text-row:nth-child(odd) {
	background-color: rgba(var(--custom-rgb-color-black),0.05);
}

/* --------------------------------------------------------------- */
/* --------------------------- PADDING --------------------------- */
/* --------------------------------------------------------------- */

/* left */
.pd-left-5 {
	padding-left: 5px !important;
}
.pd-left-10 {
	padding-left: 10px !important;
}
.pd-left-15 {
	padding-left: 15px !important;
}
.pd-left-20 {
	padding-left: 20px !important;
}
.pd-left-25 {
	padding-left: 25px !important;
}
.pd-left-30 {
	padding-left: 30px !important;
}
.pd-left-35 {
	padding-left: 35px !important;
}
.pd-left-40 {
	padding-left: 40px !important;
}
.pd-left-45 {
	padding-left: 45px !important;
}
.pd-left-50 {
	padding-left: 50px !important;
}

/* right */
.pd-right-5 {
	padding-right: 5px !important;
}
.pd-right-10 {
	padding-right: 10px !important;
}
.pd-right-15 {
	padding-right: 15px !important;
}
.pd-right-20 {
	padding-right: 20px !important;
}
.pd-right-25 {
	padding-right: 25px !important;
}
.pd-right-30 {
	padding-right: 30px !important;
}
.pd-right-35 {
	padding-right: 35px !important;
}
.pd-right-40 {
	padding-right: 40px !important;
}
.pd-right-45 {
	padding-right: 45px !important;
}
.pd-right-50 {
	padding-right: 50px !important;
}

/* top */
.pd-top-5 {
	padding-top: 5px !important;
}
.pd-top-10 {
	padding-top: 10px !important;
}
.pd-top-15 {
	padding-top: 15px !important;
}
.pd-top-20 {
	padding-top: 20px !important;
}
.pd-top-25 {
	padding-top: 25px !important;
}
.pd-top-30 {
	padding-top: 30px !important;
}
.pd-top-35 {
	padding-top: 35px !important;
}
.pd-top-40 {
	padding-top: 40px !important;
}
.pd-top-45 {
	padding-top: 45px !important;
}
.pd-top-50 {
	padding-top: 50px !important;
}

/* bottom */
.pd-bottom-5 {
	padding-bottom: 5px !important;
}
.pd-bottom-10 {
	padding-bottom: 10px !important;
}
.pd-bottom-15 {
	padding-bottom: 15px !important;
}
.pd-bottom-20 {
	padding-bottom: 20px !important;
}
.pd-bottom-25 {
	padding-bottom: 25px !important;
}
.pd-bottom-30 {
	padding-bottom: 30px !important;
}
.pd-bottom-35 {
	padding-bottom: 35px !important;
}
.pd-bottom-40 {
	padding-bottom: 40px !important;
}
.pd-bottom-45 {
	padding-bottom: 45px !important;
}
.pd-bottom-50 {
	padding-bottom: 50px !important;
}

/* all */
.pd-all-5 {
	padding: 5px;
}
.pd-all-10 {
	padding: 10px;
}
.pd-all-15 {
	padding: 15px;
}
.pd-all-20 {
	padding: 20px;
}
.pd-all-25 {
	padding: 25px;
}
.pd-all-30 {
	padding: 30px;
}
.pd-all-35 {
	padding: 35px;
}
.pd-all-40 {
	padding: 40px;
}
.pd-all-45 {
	padding: 45px;
}
.pd-all-50 {
	padding: 50px;
}

/* left - right */
.pd-left-right-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.pd-left-right-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.pd-left-right-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.pd-left-right-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.pd-left-right-25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
.pd-left-right-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.pd-left-right-35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}
.pd-left-right-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.pd-left-right-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}
.pd-left-right-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

/* top - bottom */
.pd-top-bottom-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.pd-top-bottom-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.pd-top-bottom-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.pd-top-bottom-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.pd-top-bottom-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.pd-top-bottom-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.pd-top-bottom-35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}
.pd-top-bottom-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.pd-top-bottom-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}
.pd-top-bottom-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

/* none padding */
.none-pd {
	padding: 0 !important;
}
.none-pd-top {
	padding-top: 0 !important;
}
.none-pd-bottom {
	padding-bottom: 0 !important;
}
.none-pd-left {
	padding-left: 0 !important;
}
.none-pd-right {
	padding-right: 0 !important;
}

/* --------------------------------------------------------------- */
/* --------------------------- MARGIN ---------------------------- */
/* --------------------------------------------------------------- */

.mg-auto {
	margin-left:auto !important;
	margin-right:auto !important;
}

/* top */
.mg-top-auto {
	margin-top: auto !important;
}
.mg-top-3 {
	margin-top: 3px !important;
}
.mg-top-5 {
	margin-top: 5px !important;
}
.mg-top-10 {
	margin-top: 10px !important;
}
.mg-top-15 {
	margin-top: 15px !important;
}
.mg-top-20 {
	margin-top: 20px !important;
}
.mg-top-25 {
	margin-top: 25px !important;
}
.mg-top-30 {
	margin-top: 30px !important;
}
.mg-top-35 {
	margin-top: 35px !important;
}
.mg-top-40 {
	margin-top: 40px !important;
}
.mg-top-45 {
	margin-top: 45px !important;
}
.mg-top-50 {
	margin-top: 50px !important;
}

/* bottom */
.mg-bottom-auto {
	margin-bottom: auto !important;
}
.mg-bottom-3 {
	margin-bottom: 3px !important;
}
.mg-bottom-5 {
	margin-bottom: 5px !important;
}
.mg-bottom-10 {
	margin-bottom: 10px !important;
}
.mg-bottom-15 {
	margin-bottom: 15px !important;
}
.mg-bottom-20 {
	margin-bottom: 20px !important;
}
.mg-bottom-25 {
	margin-bottom: 25px !important;
}
.mg-bottom-30 {
	margin-bottom: 30px !important;
}
.mg-bottom-35 {
	margin-bottom: 35px !important;
}
.mg-bottom-40 {
	margin-bottom: 40px !important;
}
.mg-bottom-45 {
	margin-bottom: 45px !important;
}
.mg-bottom-50 {
	margin-bottom: 50px !important;
}

/* left */
.mg-left-auto {
    margin-left: auto;
}
.mg-left-5 {
	margin-left: 5px !important;
}
.mg-left-10 {
	margin-left: 10px !important;
}
.mg-left-15 {
	margin-left: 15px !important;
}
.mg-left-20 {
	margin-left: 20px !important;
}
.mg-left-25 {
	margin-left: 25px !important;
}
.mg-left-30 {
	margin-left: 30px !important;
}
.mg-left-35 {
	margin-left: 35px !important;
}
.mg-left-40 {
	margin-left: 40px !important;
}
.mg-left-45 {
	margin-left: 45px !important;
}
.mg-left-50 {
	margin-left: 50px !important;
}

/* right */
.mg-right-auto {
    margin-right: auto;
}
.mg-right-5 {
	margin-right: 5px !important;
}
.mg-right-10 {
	margin-right: 10px !important;
}
.mg-right-15 {
	margin-right: 15px !important;
}
.mg-right-20 {
	margin-right: 20px !important;
}
.mg-right-25 {
	margin-right: 25px !important;
}
.mg-right-30 {
	margin-right: 30px !important;
}
.mg-right-35 {
	margin-right: 35px !important;
}
.mg-right-40 {
	margin-right: 40px !important;
}
.mg-right-45 {
	margin-right: 45px !important;
}
.mg-right-50 {
	margin-right: 50px !important;
}

/* all */
.mg-all-5 {
	margin: 5px !important;
}
.mg-all-10 {
	margin: 10px !important;
}
.mg-all-15 {
	margin: 15px !important;
}
.mg-all-20 {
	margin: 20px !important;
}
.mg-all-25 {
	margin: 25px !important;
}
.mg-all-30 {
	margin: 30px !important;
}
.mg-all-35 {
	margin: 35px !important;
}
.mg-all-40 {
	margin: 40px !important;
}
.mg-all-45 {
	margin: 45px !important;
}
.mg-all-50 {
	margin: 50px !important;
}

/* left - right */
.mg-left-right-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.mg-left-right-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.mg-left-right-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.mg-left-right-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.mg-left-right-25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}
.mg-left-right-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.mg-left-right-35 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}
.mg-left-right-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}
.mg-left-right-45 {
	margin-left: 45px !important;
	margin-right: 45px !important;
}
.mg-left-right-50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

/* top - bottom */
.mg-top-bottom-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.mg-top-bottom-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mg-top-bottom-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.mg-top-bottom-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.mg-top-bottom-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
.mg-top-bottom-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.mg-top-bottom-35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}
.mg-top-bottom-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.mg-top-bottom-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}
.mg-top-bottom-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

/* none margin */
.none-mg {
	margin: 0 !important;
}
.none-mg-top {
	margin-top: 0 !important;
}
.none-mg-bottom {
	margin-bottom: 0 !important;
}
.none-mg-left {
	margin-left: 0 !important;
}
.none-mg-right {
	margin-right: 0 !important;
}


/* --------------------------------------------------------------- */
/* ------------------ BTN SITE MENU / BTN CLOSE ------------------ */
/* --------------------------------------------------------------- */

.website-menu-btn {
    position: relative;
	cursor: pointer;
}

.icon-menu,
.icon-close {
    position:relative;
    padding:0;
	margin:0;
}

.icon-menu,
.icon-close {
	width:30px;
    height:30px;
    line-height: 30px;
}
.icon-menu>.inside,
.icon-close>.inside {
    position: absolute;
	/* display:block;
	top:50%;
    left:50%; */
    display: block;
    height: 12px;
    left: 50%;
    margin: -6px auto auto -9px;
    position: absolute;
    top: 50%;
    width: 18px;
}
.icon-menu>.inside {
    width:18px;
	height:12px;
	margin:-6px auto auto -9px;
}

.icon-menu>.inside>span,
.icon-close>.inside>span {
	position:absolute;
	display:block;	
	border-top-width:2px;
	border-top-style:solid;
    transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -webkit-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
}
.icon-menu>.inside>span,
.icon-close>.inside>span,
.icon-menu.active>.inside>.bottom,
.icon-close>.inside>.bottom {
    width:18px;
}
.icon-menu>.inside>span.middle,
.icon-menu>.inside>span.bottom {
    /* width: 8px;
    left: 50%;
    margin-left: -4px; */
	width:18px;
}

.icon-menu.black>.inside>span,
.icon-close.black>.inside>span {
    border-color: rgba(33,37,41,1);
}
.icon-menu.white>.inside>span,
.icon-close.white>.inside>span {
    border-color: rgba(255,255,255,1);
}
.icon-menu>.inside>.top,
.icon-close>.inside>.top {
	top:0;
	left:0;
}
.icon-menu>.inside>.middle,
.icon-close>.inside>.middle {
	top:50%;
	right:0;
	margin-top:-1px;
}
.icon-close>.inside>.middle {
	display:none !important;
}
.icon-menu>.inside>.bottom,
.icon-close>.inside>.bottom {
	bottom:0;
	left:0;
}

/* hover */
/* .website-menu-btn:hover .icon-menu>.inside>.middle,
.icon-menu:hover>.inside>.middle {
	width:50%;
} */
.website-menu-btn:hover .icon-menu>.inside>span.middle,
.website-menu-btn:hover .icon-menu>.inside>span.bottom,
.icon-menu:hover>.inside>span.middle,
.icon-menu:hover>.inside>span.bottom {
    width: 100%;
    left: 0;
    margin-left: 0;
}

/* active */
.website-menu-btn.active .icon-menu>.inside>.middle,
.icon-menu.active>.inside>.middle {
    width:0 !important;
    display: none !important;
}
.icon-menu.active>.inside>.top,
.icon-close>.inside>.top {
	top:5px;
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.icon-menu.active>.inside>.bottom,
.icon-close>.inside>.bottom {
    bottom:5px;
    margin: 0;
    left: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.website-menu-btn:hover .icon-menu>.inside>span,
.icon-menu>.inside>.middle,
.icon-menu.active>.inside>.middle {
	transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-ms-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
}

/* btn close */
.close-btn {
    background: none !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    cursor: pointer !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
}
.close-btn.hover-opacity {
    opacity: .3!important;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
}
.close-btn.hover-opacity:hover {
    opacity: 1 !important;
}

/* bg */
.close-btn[class*="bg-"] {
    border-radius: 100% !important;
}
.close-btn.bg-white {
    background-color: rgba(var(--custom-rgb-color-white),1) !important;
}
.close-btn.bg-gray {
    background-color: rgba(var(--custom-rgb-color-gray),1) !important;
}
.close-btn.bg-gray-light {
    background-color: rgba(var(--custom-rgb-color-gray-light),1) !important;
}


/* xxl */
@media (min-width: 1400px) {

/* --------------------------------------------------------------- */
/* -------------------------- TEXT ALIGN ------------------------- */
/* --------------------------------------------------------------- */

.text-center-xxl {
	text-align: center;
}
.text-left-xxl {
	text-align: left;
}
.text-right-xxl {
	text-align: right;
}

/* --------------------------------------------------------------- */
/* ---------------------------- IMG ------------------------------ */
/* --------------------------------------------------------------- */

.img-on-xl,
.img-on-lg,
.img-on-md,
.img-on-sm,
.img-on-xs {
	display:none !important;
}
.img-on-xxl {
	display:block !important;
}

/* --------------------------------------------------------------- */
/* ---------------------- PADDING / MARGIN ----------------------- */
/* --------------------------------------------------------------- */

.xxl-none-pd-top {
	padding-top: 0 !important;
}
.xxl-none-pd-bottom {
	padding-bottom: 0 !important;
}
.xxl-none-pd-left {
	padding-left: 0 !important;
}
.xxl-none-pd-right {
	padding-right: 0 !important;
}

.xxl-none-mg-top {
	margin-top: 0 !important;
}
.xxl-none-mg-bottom {
	margin-bottom: 0 !important;
}
.xxl-none-mg-left {
	margin-left: 0 !important;
}
.xxl-none-mg-right {
	margin-right: 0 !important;
}

}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {

/* --------------------------------------------------------------- */
/* ------------------------- CONTAINER --------------------------- */
/* --------------------------------------------------------------- */

.container,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-xs {
	max-width: 1240px;
}

}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {

/* --------------------------------------------------------------- */
/* ------------------------- CONTAINER --------------------------- */
/* --------------------------------------------------------------- */

.container,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-xs {
	max-width: 1240px;
}

}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

/* --------------------------------------------------------------- */
/* ------------------------- CONTAINER --------------------------- */
/* --------------------------------------------------------------- */

.container,
/* .container-xxl, */
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-xs {
	max-width: 1140px;
}

/* --------------------------------------------------------------- */
/* -------------------------- TEXT ALIGN ------------------------- */
/* --------------------------------------------------------------- */

.text-center-xl {
	text-align: center;
}
.text-left-xl {
	text-align: left;
}
.text-right-xl {
	text-align: right;
}

/* --------------------------------------------------------------- */
/* ---------------------------- IMG ------------------------------ */
/* --------------------------------------------------------------- */

.img-on-xxl,
.img-on-lg,
.img-on-md,
.img-on-sm,
.img-on-xs {
	display:none !important;
}
.img-on-xl {
	display:block !important;
}



/* --------------------------------------------------------------- */
/* ------------------------- TABLE TEXT -------------------------- */
/* --------------------------------------------------------------- */

/* custom label - xl */
.table-text-row.label-w-custom.w-xl-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-xl-full .this-col-label,
.label-w-custom.w-xl-full .this-col-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-xl-50 .this-col-label {width: 50px; }
.label-w-custom.w-xl-60 .this-col-label {width: 60px; }
.label-w-custom.w-xl-70 .this-col-label {width: 70px; }
.label-w-custom.w-xl-80 .this-col-label {width: 80px; }
.label-w-custom.w-xl-90 .this-col-label {width: 90px; }
.label-w-custom.w-xl-100 .this-col-label {width: 100px; }
.label-w-custom.w-xl-110 .this-col-label { width: 110px; }
.label-w-custom.w-xl-120 .this-col-label { width: 120px; }
.label-w-custom.w-xl-130 .this-col-label { width: 130px; }
.label-w-custom.w-xl-140 .this-col-label { width: 140px; }
.label-w-custom.w-xl-150 .this-col-label { width: 150px; }
.label-w-custom.w-xl-160 .this-col-label { width: 160px; }
.label-w-custom.w-xl-170 .this-col-label { width: 170px; }
.label-w-custom.w-xl-180 .this-col-label { width: 180px; }
.label-w-custom.w-xl-190 .this-col-label { width: 190px; }
.label-w-custom.w-xl-200 .this-col-label { width: 200px; }

.label-w-custom.w-xl-210 .this-col-label { width: 210px; }
.label-w-custom.w-xl-220 .this-col-label { width: 220px; }
.label-w-custom.w-xl-230 .this-col-label { width: 230px; }
.label-w-custom.w-xl-240 .this-col-label { width: 240px; }
.label-w-custom.w-xl-250 .this-col-label { width: 250px; }


/* --------------------------------------------------------------- */
/* ---------------------- PADDING / MARGIN ----------------------- */
/* --------------------------------------------------------------- */

.xl-none-pd-top {
	padding-top: 0 !important;
}
.xl-none-pd-bottom {
	padding-bottom: 0 !important;
}
.xl-none-pd-left {
	padding-left: 0 !important;
}
.xl-none-pd-right {
	padding-right: 0 !important;
}

.xl-none-mg-top {
	margin-top: 0 !important;
}
.xl-none-mg-bottom {
	margin-bottom: 0 !important;
}
.xl-none-mg-left {
	margin-left: 0 !important;
}
.xl-none-mg-right {
	margin-right: 0 !important;
}

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

/* --------------------------------------------------------------- */
/* ------------------------- CONTAINER --------------------------- */
/* --------------------------------------------------------------- */

.container,
/* .container-xxl,
.container-xl, */
.container-lg,
.container-md,
.container-sm,
.container-xs {
	max-width: 960px;
}

/* --------------------------------------------------------------- */
/* -------------------------- TEXT ALIGN ------------------------- */
/* --------------------------------------------------------------- */

.text-center-lg {
	text-align: center;
}
.text-left-lg {
	text-align: left;
}
.text-right-lg {
	text-align: right;
}

/* --------------------------------------------------------------- */
/* ---------------------------- IMG ------------------------------ */
/* --------------------------------------------------------------- */

.img-on-xxl,
.img-on-xl,
.img-on-md,
.img-on-sm,
.img-on-xs {
	display:none !important;
}
.img-on-lg {
	display:block !important;
}



/* --------------------------------------------------------------- */
/* ------------------------- TABLE TEXT -------------------------- */
/* --------------------------------------------------------------- */

/* custom label - lg */
.table-text-row.label-w-custom.w-lg-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-lg-full .this-col-label,
.label-w-custom.w-lg-full .this-col-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-lg-50 .this-col-label {width: 50px; }
.label-w-custom.w-lg-60 .this-col-label {width: 60px; }
.label-w-custom.w-lg-70 .this-col-label {width: 70px; }
.label-w-custom.w-lg-80 .this-col-label {width: 80px; }
.label-w-custom.w-lg-90 .this-col-label {width: 90px; }
.label-w-custom.w-lg-100 .this-col-label {width: 100px; }
.label-w-custom.w-lg-110 .this-col-label { width: 110px; }
.label-w-custom.w-lg-120 .this-col-label { width: 120px; }
.label-w-custom.w-lg-130 .this-col-label { width: 130px; }
.label-w-custom.w-lg-140 .this-col-label { width: 140px; }
.label-w-custom.w-lg-150 .this-col-label { width: 150px; }
.label-w-custom.w-lg-160 .this-col-label { width: 160px; }
.label-w-custom.w-lg-170 .this-col-label { width: 170px; }
.label-w-custom.w-lg-180 .this-col-label { width: 180px; }
.label-w-custom.w-lg-190 .this-col-label { width: 190px; }
.label-w-custom.w-lg-200 .this-col-label { width: 200px; }

.label-w-custom.w-lg-210 .this-col-label { width: 210px; }
.label-w-custom.w-lg-220 .this-col-label { width: 220px; }
.label-w-custom.w-lg-230 .this-col-label { width: 230px; }
.label-w-custom.w-lg-240 .this-col-label { width: 240px; }
.label-w-custom.w-lg-250 .this-col-label { width: 250px; }


/* --------------------------------------------------------------- */
/* ---------------------- PADDING / MARGIN ----------------------- */
/* --------------------------------------------------------------- */

.lg-none-pd-top {
	padding-top: 0 !important;
}
.lg-none-pd-bottom {
	padding-bottom: 0 !important;
}
.lg-none-pd-left {
	padding-left: 0 !important;
}
.lg-none-pd-right {
	padding-right: 0 !important;
}

.lg-none-mg-top {
	margin-top: 0 !important;
}
.lg-none-mg-bottom {
	margin-bottom: 0 !important;
}
.lg-none-mg-left {
	margin-left: 0 !important;
}
.lg-none-mg-right {
	margin-right: 0 !important;
}

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

/* --------------------------------------------------------------- */
/* ------------------------- CONTAINER --------------------------- */
/* --------------------------------------------------------------- */

.container,
/* .container-xxl,
.container-xl,
.container-lg, */
.container-md,
.container-sm,
.container-xs {
	max-width: 720px;
}

/* --------------------------------------------------------------- */
/* -------------------------- TEXT ALIGN ------------------------- */
/* --------------------------------------------------------------- */

.text-center-md {
	text-align: center;
}
.text-left-md {
	text-align: left;
}
.text-right-md {
	text-align: right;
}

/* --------------------------------------------------------------- */
/* ---------------------------- IMG ------------------------------ */
/* --------------------------------------------------------------- */

.img-on-xxl,
.img-on-lg,
.img-on-xl,
.img-on-sm,
.img-on-xs {
	display:none !important;
}
.img-on-md {
	display:block !important;
}



/* --------------------------------------------------------------- */
/* ------------------------- TABLE TEXT -------------------------- */
/* --------------------------------------------------------------- */

/* custom label - md */
.table-text-row.label-w-custom.w-md-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-md-full .this-col-label,
.label-w-custom.w-md-full .this-col-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-md-50 .this-col-label {width: 50px; }
.label-w-custom.w-md-60 .this-col-label {width: 60px; }
.label-w-custom.w-md-70 .this-col-label {width: 70px; }
.label-w-custom.w-md-80 .this-col-label {width: 80px; }
.label-w-custom.w-md-90 .this-col-label {width: 90px; }
.label-w-custom.w-md-100 .this-col-label {width: 100px; }
.label-w-custom.w-md-110 .this-col-label { width: 110px; }
.label-w-custom.w-md-120 .this-col-label { width: 120px; }
.label-w-custom.w-md-130 .this-col-label { width: 130px; }
.label-w-custom.w-md-140 .this-col-label { width: 140px; }
.label-w-custom.w-md-150 .this-col-label { width: 150px; }
.label-w-custom.w-md-160 .this-col-label { width: 160px; }
.label-w-custom.w-md-170 .this-col-label { width: 170px; }
.label-w-custom.w-md-180 .this-col-label { width: 180px; }
.label-w-custom.w-md-190 .this-col-label { width: 190px; }
.label-w-custom.w-md-200 .this-col-label { width: 200px; }

.label-w-custom.w-md-210 .this-col-label { width: 210px; }
.label-w-custom.w-md-220 .this-col-label { width: 220px; }
.label-w-custom.w-md-230 .this-col-label { width: 230px; }
.label-w-custom.w-md-240 .this-col-label { width: 240px; }
.label-w-custom.w-md-250 .this-col-label { width: 250px; }


/* --------------------------------------------------------------- */
/* ---------------------- PADDING / MARGIN ----------------------- */
/* --------------------------------------------------------------- */

.md-none-pd-top {
	padding-top: 0 !important;
}
.md-none-pd-bottom {
	padding-bottom: 0 !important;
}
.md-none-pd-left {
	padding-left: 0 !important;
}
.md-none-pd-right {
	padding-right: 0 !important;
}

.md-none-mg-top {
	margin-top: 0 !important;
}
.md-none-mg-bottom {
	margin-bottom: 0 !important;
}
.md-none-mg-left {
	margin-left: 0 !important;
}
.md-none-mg-right {
	margin-right: 0 !important;
}

}

/* sm - xs */
@media (max-width: 767.98px) {

/* --------------------------------------------------------------- */
/* ---------------------------- IMG ------------------------------ */
/* --------------------------------------------------------------- */

.img-on-desktop,
.img-on-laptop,
.img-on-tablet {
	display:none !important;
}
.img-on-mobile {
	display:block !important;
}

}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {

/* --------------------------------------------------------------- */
/* ------------------------- CONTAINER --------------------------- */
/* --------------------------------------------------------------- */

.container,
/* .container-xxl,
.container-xl,
.container-lg,
.container-md, */
.container-sm,
.container-xs {
	max-width: 540px;
}

/* --------------------------------------------------------------- */
/* -------------------------- TEXT ALIGN ------------------------- */
/* --------------------------------------------------------------- */

.text-center-sm {
	text-align: center;
}
.text-left-sm {
	text-align: left;
}
.text-right-sm {
	text-align: right;
}

/* --------------------------------------------------------------- */
/* ---------------------------- IMG ------------------------------ */
/* --------------------------------------------------------------- */

.img-on-xxl,
.img-on-lg,
.img-on-xl,
.img-on-md,
.img-on-xs {
	display:none !important;
}
.img-on-sm {
	display:block !important;
}



/* --------------------------------------------------------------- */
/* ------------------------- TABLE TEXT -------------------------- */
/* --------------------------------------------------------------- */

/* custom label - sm */
.table-text-row.label-w-custom.w-sm-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-sm-full .this-col-label,
.label-w-custom.w-sm-full .this-col-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-sm-50 .this-col-label {width: 50px; }
.label-w-custom.w-sm-60 .this-col-label {width: 60px; }
.label-w-custom.w-sm-70 .this-col-label {width: 70px; }
.label-w-custom.w-sm-80 .this-col-label {width: 80px; }
.label-w-custom.w-sm-90 .this-col-label {width: 90px; }
.label-w-custom.w-sm-100 .this-col-label {width: 100px; }
.label-w-custom.w-sm-110 .this-col-label { width: 110px; }
.label-w-custom.w-sm-120 .this-col-label { width: 120px; }
.label-w-custom.w-sm-130 .this-col-label { width: 130px; }
.label-w-custom.w-sm-140 .this-col-label { width: 140px; }
.label-w-custom.w-sm-150 .this-col-label { width: 150px; }
.label-w-custom.w-sm-160 .this-col-label { width: 160px; }
.label-w-custom.w-sm-170 .this-col-label { width: 170px; }
.label-w-custom.w-sm-180 .this-col-label { width: 180px; }
.label-w-custom.w-sm-190 .this-col-label { width: 190px; }
.label-w-custom.w-sm-200 .this-col-label { width: 200px; }

.label-w-custom.w-sm-210 .this-col-label { width: 210px; }
.label-w-custom.w-sm-220 .this-col-label { width: 220px; }
.label-w-custom.w-sm-230 .this-col-label { width: 230px; }
.label-w-custom.w-sm-240 .this-col-label { width: 240px; }
.label-w-custom.w-sm-250 .this-col-label { width: 250px; }


/* --------------------------------------------------------------- */
/* ---------------------- PADDING / MARGIN ----------------------- */
/* --------------------------------------------------------------- */

.sm-none-pd-top {
	padding-top: 0 !important;
}
.sm-none-pd-bottom {
	padding-bottom: 0 !important;
}
.sm-none-pd-left {
	padding-left: 0 !important;
}
.sm-none-pd-right {
	padding-right: 0 !important;
}

.sm-none-mg-top {
	margin-top: 0 !important;
}
.sm-none-mg-bottom {
	margin-bottom: 0 !important;
}
.sm-none-mg-left {
	margin-left: 0 !important;
}
.sm-none-mg-right {
	margin-right: 0 !important;
}

}

/* xs */
@media (max-width: 575.98px) {

hr {
	margin:20px 0;
}

/* --------------------------------------------------------------- */
/* ------------------------- CONTAINER --------------------------- */
/* --------------------------------------------------------------- */

.container,
/* .container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm, */
.container-xs {
	max-width: 100%;
}

/* --------------------------------------------------------------- */
/* -------------------------- TEXT ALIGN ------------------------- */
/* --------------------------------------------------------------- */

.text-center-xs {
	text-align: center;
}
.text-left-xs {
	text-align: left;
}
.text-right-xs {
	text-align: right;
}

/* --------------------------------------------------------------- */
/* ---------------------------- IMG ------------------------------ */
/* --------------------------------------------------------------- */

.img-on-xxl,
.img-on-lg,
.img-on-xl,
.img-on-md,
.img-on-sm {
	display:none !important;
}
.img-on-xs {
	display:block !important;
}



/* --------------------------------------------------------------- */
/* ------------------------- TABLE TEXT -------------------------- */
/* --------------------------------------------------------------- */

/* custom label - xs */
.table-text-row.label-w-custom.w-xs-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-xs-full .this-col-label,
.label-w-custom.w-xs-full .this-col-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-xs-50 .this-col-label {width: 50px; }
.label-w-custom.w-xs-60 .this-col-label {width: 60px; }
.label-w-custom.w-xs-70 .this-col-label {width: 70px; }
.label-w-custom.w-xs-80 .this-col-label {width: 80px; }
.label-w-custom.w-xs-90 .this-col-label {width: 90px; }
.label-w-custom.w-xs-100 .this-col-label {width: 100px; }
.label-w-custom.w-xs-110 .this-col-label { width: 110px; }
.label-w-custom.w-xs-120 .this-col-label { width: 120px; }
.label-w-custom.w-xs-130 .this-col-label { width: 130px; }
.label-w-custom.w-xs-140 .this-col-label { width: 140px; }
.label-w-custom.w-xs-150 .this-col-label { width: 150px; }
.label-w-custom.w-xs-160 .this-col-label { width: 160px; }
.label-w-custom.w-xs-170 .this-col-label { width: 170px; }
.label-w-custom.w-xs-180 .this-col-label { width: 180px; }
.label-w-custom.w-xs-190 .this-col-label { width: 190px; }
.label-w-custom.w-xs-200 .this-col-label { width: 200px; }

.label-w-custom.w-xs-210 .this-col-label { width: 210px; }
.label-w-custom.w-xs-220 .this-col-label { width: 220px; }
.label-w-custom.w-xs-230 .this-col-label { width: 230px; }
.label-w-custom.w-xs-240 .this-col-label { width: 240px; }
.label-w-custom.w-xs-250 .this-col-label { width: 250px; }


/* --------------------------------------------------------------- */
/* ---------------------- PADDING / MARGIN ----------------------- */
/* --------------------------------------------------------------- */

.xs-none-pd-top {
	padding-top: 0 !important;
}
.xs-none-pd-bottom {
	padding-bottom: 0 !important;
}
.xs-none-pd-left {
	padding-left: 0 !important;
}
.xs-none-pd-right {
	padding-right: 0 !important;
}

.xs-none-mg-top {
	margin-top: 0 !important;
}
.xs-none-mg-bottom {
	margin-bottom: 0 !important;
}
.xs-none-mg-left {
	margin-left: 0 !important;
}
.xs-none-mg-right {
	margin-right: 0 !important;
}

}

/* xs custom */
@media (max-width: 399.98px) {}