@import'../plugins/font-awesome-4.7.0/css/font-awesome.css';
@import'../plugins/bootstrap/dropdown.css';
@import'../plugins/OwlCarousel2/dist/assets/owl.carousel.min.css';
@import'../plugins/swiper/swiper.min.css';
@import"https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";
@import"https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sora:wght@100..800&display=swap";
@import"https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sora:wght@100..800&display=swap";
@import"https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sora:wght@100..800&display=swap";
@import"https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sora:wght@100..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";

@font-face {
	font-family: "Google Sans";
	src: url("../fonts/GoogleSans/GoogleSans-Italic.eot");
	src: url("../fonts/GoogleSans/GoogleSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/GoogleSans/GoogleSans-Italic.woff2") format("woff2"), url("../fonts/GoogleSans/GoogleSans-Italic.woff") format("woff"), url("../fonts/GoogleSans/GoogleSans-Italic.ttf") format("truetype"), url("../fonts/GoogleSans/GoogleSans-Italic.svg#GoogleSans-Italic") format("svg");
	font-weight: normal;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Google Sans";
	src: url("../fonts/GoogleSans/GoogleSans-Bold.eot");
	src: url("../fonts/GoogleSans/GoogleSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GoogleSans/GoogleSans-Bold.woff2") format("woff2"), url("../fonts/GoogleSans/GoogleSans-Bold.woff") format("woff"), url("../fonts/GoogleSans/GoogleSans-Bold.ttf") format("truetype"), url("../fonts/GoogleSans/GoogleSans-Bold.svg#GoogleSans-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Google Sans";
	src: url("../fonts/GoogleSans/GoogleSans-BoldItalic.eot");
	src: url("../fonts/GoogleSans/GoogleSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GoogleSans/GoogleSans-BoldItalic.woff2") format("woff2"), url("../fonts/GoogleSans/GoogleSans-BoldItalic.woff") format("woff"), url("../fonts/GoogleSans/GoogleSans-BoldItalic.ttf") format("truetype"), url("../fonts/GoogleSans/GoogleSans-BoldItalic.svg#GoogleSans-BoldItalic") format("svg");
	font-weight: bold;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Google Sans";
	src: url("../fonts/GoogleSans/GoogleSans-MediumItalic.eot");
	src: url("../fonts/GoogleSans/GoogleSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GoogleSans/GoogleSans-MediumItalic.woff2") format("woff2"), url("../fonts/GoogleSans/GoogleSans-MediumItalic.woff") format("woff"), url("../fonts/GoogleSans/GoogleSans-MediumItalic.ttf") format("truetype"), url("../fonts/GoogleSans/GoogleSans-MediumItalic.svg#GoogleSans-MediumItalic") format("svg");
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Google Sans";
	src: url("../fonts/GoogleSans/GoogleSans-Medium.eot");
	src: url("../fonts/GoogleSans/GoogleSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GoogleSans/GoogleSans-Medium.woff2") format("woff2"), url("../fonts/GoogleSans/GoogleSans-Medium.woff") format("woff"), url("../fonts/GoogleSans/GoogleSans-Medium.ttf") format("truetype"), url("../fonts/GoogleSans/GoogleSans-Medium.svg#GoogleSans-Medium") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Google Sans";
	src: url("../fonts/GoogleSans/GoogleSans-Regular.eot");
	src: url("../fonts/GoogleSans/GoogleSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/GoogleSans/GoogleSans-Regular.woff2") format("woff2"), url("../fonts/GoogleSans/GoogleSans-Regular.woff") format("woff"), url("../fonts/GoogleSans/GoogleSans-Regular.ttf") format("truetype"), url("../fonts/GoogleSans/GoogleSans-Regular.svg#GoogleSans-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

:root {
	--bs-body-font-family: -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";
	--bs-font-second: "Google Sans", sans-serif;
	--bs-font-third: "Sora", sans-serif;
	--bs-font-4th: "DM Sans", sans-serif;
	--bs-font-5th: "IBM Plex Sans", sans-serif;
	--bs-font-6th: "Work Sans", sans-serif;
	--bs-body-font-size: 1rem;
	--bs-gray: #f6f6f6;
	--bs-menu: #54595f;
	--bs-body-color: #333333;
	--bs-body-color-2: #666666;
	--bs-body-color-3: #000000;
	--bs-body-color-4: #6d6d6d;
	--bs-body-background: #FFFFFF;
	--bs-primary: #009dd9;
	--bs-primary-rgb: 0, 157, 217;
	--bs-second: #ed1b24;
	--bs-second-rgb: 237, 27, 36;
	--bs-light: #FFFFFF;
	--bs-placeholder: #666666 --bs-primary-2: #0b2347;
	--bs-primary-blur: #080808;
	--bs-primary-dark: #51320D;
	--bs-primary-2-rgb: 82, 197, 242;
	--bs-border-color: #d2d2d2;
	--bs-hover-primary: #0b2347;
	--bs-hover-second: #00874E;
	--bs-hover-body-color: #174f9a;
	--bs-body-line-height: 1.5;
	--border-radius: 18px
}

a,
body {
	color: var(--bs-body-color)
}

a,
img {
	-webkit-transition: .3s;
	transition: .3s
}

html:focus-within {
	scroll-behavior: smooth
}

html {
	scroll-behavior: smooth
}

body {
	font-family: var(--bs-body-font-family);
	font-size: 16px;
	overflow-x: hidden
}

* {
	line-height: 1.5
}

main {
	min-height: 50vh
}

a {
	text-decoration: none
}

	a:focus-visible {
		outline-offset: 0;
		outline: 0
	}

img {
	max-width: 100%;
	height: auto
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5 !important
}

a:hover {
	color: var(--bs-primary)
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px
}

.text-primary {
	color: var(--bs-primary) !important
}

	.text-primary a {
		color: inherit
	}

	.text-primary .ico-arrow-right {
		font-size: 14px;
		margin-left: 7px
	}

.text-primarya:hover {
	color: var(--bs-second) !important
}

a.text-primary:hover {
	color: var(--bs-second) !important
}

.link-hidden {
	position: absolute;
	top: -99px;
	left: -99px;
	z-index: -99
}

.text-second {
	color: var(--bs-second) !important
}

.text-none {
	text-decoration: none;
	color: inherit;
	color: #333
}

.link-full {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5
}

.btn-dk-second {
	color: var(--bs-light);
	font-size: 16px;
	background-color: var(--bs-second);
	border-radius: var(--border-radius);
	padding: 8px 16px;
	display: inline-block;
	text-align: center;
	border: 1px solid var(--bs-second)
}

	.btn-dk-second:hover {
		border-color: var(--bs-primary);
		background-color: var(--bs-primary);
		color: var(--bs-light)
	}

		.btn-dk-second:hover .ico-arrow-right,
		.btn-dk-second:hover [class*=ico-arrow],
		.btn-dk-second:hover .fa {
			color: var(--bs-light);
			color: var(--bs-primary)
		}

		.btn-dk-second:hover img {
			-webkit-filter: saturate(0%) brightness(0%) invert(0) opacity(1);
			filter: saturate(0%) brightness(0%) invert(0) opacity(1);
			filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 var(--r)            0 0 0 0 var(--g)            0 0 0 0 var(--b)            0 0 0 1 0          "/>        </filter>      </svg>      #recolor')
		}

	.btn-dk-second:focus {
		-webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25);
		box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25)
	}

	.btn-dk-second .ico-arrow-right,
	.btn-dk-second [class*=ico-arrow],
	.btn-dk-second .fa {
		font-size: 13px;
		margin-left: 7px;
		color: var(--bs-primary)
	}

	.btn-dk-second img {
		display: inline-block;
		margin-right: 5px;
		vertical-align: text-top;
		-webkit-filter: saturate(0%) brightness(0%) invert(100%) opacity(1);
		filter: saturate(0%) brightness(0%) invert(100%) opacity(1);
		filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 1            0 0 0 0 1            0 0 0 0 1            0 0 0 1 0          "/>        </filter>      </svg>      #recolor')
	}

.btn-dk {
	color: var(--bs-light);
	font-size: 16px;
	font-style: normal;
	background-color: var(--bs-primary);
	border-radius: 5px;
	padding: 8px 21px;
	display: inline-block;
	text-align: center;
	position: relative;
	border: 1px solid var(--bs-primary)
}

	.btn-dk:hover {
		background-color: var(--bs-second);
		color: var(--bs-primary);
		color: var(--bs-light);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		border-color: var(--bs-second)
	}

		.btn-dk:hover .fa {
			color: var(--bs-light)
		}

		.btn-dk:hover img {
			-webkit-filter: saturate(0%) brightness(0%) invert(0) opacity(1);
			filter: saturate(0%) brightness(0%) invert(0) opacity(1);
			filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 var(--r)            0 0 0 0 var(--g)            0 0 0 0 var(--b)            0 0 0 1 0          "/>        </filter>      </svg>      #recolor')
		}

	.btn-dk img {
		display: inline-block;
		margin-left: 6px
	}

	.btn-dk .ico-arrow-right,
	.btn-dk [class*=ico-arrow],
	.btn-dk .fa {
		font-size: 15px;
		margin-left: 7px;
		color: var(--bs-primary);
		color: var(--bs-light)
	}

.btn-outline-dk {
	color: var(--bs-primary);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	background-color: var(--bs-light);
	border-radius: 5px;
	padding: 8px 24px;
	display: inline-block;
	text-align: center;
	position: relative;
	border: 1px solid var(--bs-primary)
}

	.btn-outline-dk:hover {
		background-color: var(--bs-primary);
		color: var(--bs-light)
	}

		.btn-outline-dk:hover img {
			-webkit-filter: saturate(0%) brightness(0%) invert(0) opacity(1);
			filter: saturate(0%) brightness(0%) invert(0) opacity(1);
			filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 var(--r)            0 0 0 0 var(--g)            0 0 0 0 var(--b)            0 0 0 1 0          "/>        </filter>      </svg>      #recolor')
		}

		.btn-outline-dk:hover .fa {
			color: inherit
		}

	.btn-outline-dk img {
		display: inline-block;
		margin-left: 5px;
		vertical-align: baseline
	}

	.btn-outline-dk .ico-arrow-right,
	.btn-outline-dk [class*=ico-arrow],
	.btn-outline-dk .fa {
		font-size: 15px;
		margin-left: 7px;
		color: var(--bs-primary);
		color: inherit;
		-webkit-transition: .1s ease !important;
		transition: .1s ease !important
	}

.btn-dk[download] .fa {
	margin-left: 5px
}

.btn-reset {
	border-radius: 0;
	text-transform: none;
	background-color: var(--bs-light);
	color: var(--bs-primary-dark)
}

.dk-table {
	font-size: 16px;
	color: #333
}

	.dk-table a {
		text-decoration: none;
		color: #333
	}

		.dk-table a:hover {
			color: var(--bs-primary)
		}

	.dk-table thead {
		font-weight: bold;
		border: 1px solid #dfdfdf;
		border-bottom: 0
	}

		.dk-table thead th {
			background-color: #e9eaf7;
			padding: 14px 9px 6px
		}

	.dk-table tbody {
		border: 1px solid #dfdfdf;
		border-top: 0
	}

		.dk-table tbody tr:hover {
			background-color: #dfdfdf
		}

	.dk-table .table-row:last-child {
		border: 0
	}

	.dk-table .table-row:hover {
		background-color: #dfdfdf
	}

	.dk-table td {
		padding: 9px;
		border-bottom: 1px solid #dfdfdf
	}

.col {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%
}

.col-auto {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto
}

.form-control,
.form-select {
	color: var(--bs-body-color);
	font-size: 16px;
	border-radius: 5px;
	padding: 8px 14px;
	background-color: var(--bs-light);
	background: rgba(255,255,255,.7);
	border: 1px solid var(--bs-primary);
	width: 100%
}

	.form-control:focus,
	.form-control:focus-visible,
	.form-select:focus,
	.form-select:focus-visible {
		-webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.15);
		box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.15);
		border-color: rgba(var(--bs-primary-rgb), 0.55);
		outline: none
	}

	.form-control::-webkit-input-placeholder,
	.form-select::-webkit-input-placeholder {
		color: var(--bs-body-color)
	}

	.form-control::-moz-placeholder,
	.form-select::-moz-placeholder {
		color: var(--bs-body-color)
	}

	.form-control:-ms-input-placeholder,
	.form-select:-ms-input-placeholder {
		color: var(--bs-body-color)
	}

	.form-control::-ms-input-placeholder,
	.form-select::-ms-input-placeholder {
		color: var(--bs-body-color)
	}

	.form-control::placeholder,
	.form-select::placeholder {
		color: var(--bs-body-color)
	}

	.form-control:required:invalid,
	.form-select:required:invalid {
		color: #999
	}

.form-select {
	padding-right: 37px
}

.form-control-file {
	font-size: 15px;
	color: #333;
	font-weight: normal;
	border-radius: 5px !important;
	border-color: var(--bs-light);
	border: 1px solid #ffbabc;
	position: relative;
	height: 42px;
	cursor: pointer;
	width: 136px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

	.form-control-file input[type=file] {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		cursor: pointer
	}

	.form-control-file .filename {
		font-weight: normal;
		max-width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 10px;
		overflow: hidden
	}

	.form-control-file .input-group-icon {
		height: 100%;
		border: 0
	}

.modal-backdrop.show {
	opacity: .7
}

.modal-img {
	border-radius: 10px;
	padding: 0;
	overflow: visible;
	background-color: rgba(0,0,0,0);
	max-width: 1200px;
	margin-top: 57px;
	display: none
}

	.modal-img img {
		max-width: 100%;
		border-radius: 20px
	}

	.modal-img .fancybox-close-small {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: var(--bs-primary);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		opacity: 1;
		border: 2px solid var(--bs-light)
	}

		.modal-img .fancybox-close-small::before {
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "";
			font-size: 16px;
			color: var(--bs-light)
		}

		.modal-img .fancybox-close-small:hover {
			background-color: var(--bs-second)
		}

		.modal-img .fancybox-close-small svg {
			color: var(--bs-primary);
			display: none
		}

.fancybox-inner .fancybox-caption-wrap {
	text-align: center
}

.fancybox-inner .fancybox-caption {
	border: 0
}

.successes-notify {
	background-color: var(--bs-light);
	border-radius: 0 0 20px 20px;
	text-align: center;
	overflow: visible;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,.06);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,.06);
	padding: 68px 20px 54px 20px
}

	.successes-notify .content-notify {
		padding: 17px 150px
	}

	.successes-notify .fa {
		font-size: 92px;
		color: var(--bs-primary)
	}

	.successes-notify .h5 {
		font-size: 42px;
		color: var(--bs-primary)
	}

a.reset {
	color: #333;
	text-decoration: none
}

	a.reset:hover {
		color: #ed1c24
	}

.dk-breadcrumb {
	margin-bottom: 30px;
	background-color: #f5f5f5
}

	.dk-breadcrumb .breadcrumb-content {
		padding: 12px 0 9px;
		margin-bottom: 0;
		position: relative;
		z-index: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.dk-breadcrumb .breadcrumb {
		overflow: hidden;
		margin: 0;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.dk-breadcrumb .breadcrumb-item {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: var(--bs-body-color)
	}

		.dk-breadcrumb .breadcrumb-item a {
			font-size: 15px;
			color: var(--bs-body-color);
			text-decoration: none;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center
		}

			.dk-breadcrumb .breadcrumb-item a:hover {
				color: var(--bs-primary)
			}

		.dk-breadcrumb .breadcrumb-item img {
			vertical-align: text-top;
			margin-right: 5px
		}

		.dk-breadcrumb .breadcrumb-item .fa-home {
			color: #e2e2e2;
			margin-right: 7px;
			color: inherit;
			font-size: 15px
		}

		.dk-breadcrumb .breadcrumb-item + .breadcrumb-item {
			padding-left: 12px
		}

			.dk-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
				content: "";
				display: inline-block;
				font: normal normal normal 14px/1 FontAwesome;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				padding-top: 0;
				padding-right: 9px
			}

.tab-content > .tab-pane {
	display: none
}

.tab-content > .active {
	display: block
}

.dk-float-contact {
	position: fixed;
	bottom: 30px;
	right: 16px;
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

	.dk-float-contact .item-contact {
		font-size: 12px;
		color: var(--bs-light);
		font-weight: bold;
		text-decoration: none;
		display: block;
		width: 46px;
		height: 46px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 12px;
		position: relative;
		border-radius: 50%
	}

		.dk-float-contact .item-contact:before {
			content: "";
			position: absolute;
			border-radius: 50%;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;
			width: 100%;
			height: 100%;
			z-index: -1
		}

		.dk-float-contact .item-contact:hover {
			-webkit-box-shadow: 0px 0px 0px 2px rgba(var(--bs-primary-rgb), 0.5);
			box-shadow: 0px 0px 0px 2px rgba(var(--bs-primary-rgb), 0.5)
		}

			.dk-float-contact .item-contact:hover::before {
				width: calc(100% + 8px);
				height: calc(100% + 8px)
			}

			.dk-float-contact .item-contact:hover .text {
				opacity: 1;
				visibility: visible;
				-webkit-transform: translate(-15px, 0);
				transform: translate(-15px, 0)
			}

		.dk-float-contact .item-contact .text {
			content: attr(title);
			font-size: 13px;
			background-color: var(--bs-light);
			-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.1);
			box-shadow: 0px 0px 6px rgba(0,0,0,.1);
			white-space: nowrap;
			padding: 3px 15px;
			border-radius: 25px;
			font-weight: bold;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;
			position: absolute;
			top: 0;
			right: 100%;
			height: 38px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			opacity: 0;
			visibility: hidden;
			-webkit-transform: translate(100%, 0);
			transform: translate(100%, 0)
		}

	.dk-float-contact .to-top {
		font-size: 16px;
		font-weight: normal;
		background-color: #d83b24
	}

		.dk-float-contact .to-top::before {
			border-color: #d83b24
		}

		.dk-float-contact .to-top:hover {
			color: var(--bs-light)
		}

			.dk-float-contact .to-top:hover .fa {
				color: var(--bs-light)
			}

	.dk-float-contact .request {
		color: var(--bs-light);
		font-size: 20px;
		font-weight: normal;
		background-color: #66a3ff
	}

		.dk-float-contact .request::before {
			border-color: #66a3ff
		}

		.dk-float-contact .request:hover {
			color: var(--bs-light)
		}

			.dk-float-contact .request:hover .fa {
				color: var(--bs-light)
			}

		.dk-float-contact .request .text {
			color: #66a3ff
		}

	.dk-float-contact .fb {
		background-color: #4867aa
	}

		.dk-float-contact .fb::before {
			border-color: #4867aa
		}

	.dk-float-contact .zalo {
		background-color: #0065f7
	}

		.dk-float-contact .zalo::before {
			border-color: #0065f7
		}

	.dk-float-contact .youtube {
		background-color: #ff0101
	}

		.dk-float-contact .youtube::before {
			border-color: #ff0101
		}

	.dk-float-contact .call {
		background-color: #d93536;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		font-size: 16px
	}

		.dk-float-contact .call::before {
			content: "";
			position: absolute;
			border: 1px solid rgba(217,53,53,.7);
			width: calc(100% + 6px);
			height: calc(100% + 6px);
			border-radius: 50%;
			-webkit-animation: pulse 1s linear infinite;
			animation: pulse 1s linear infinite
		}

		.dk-float-contact .call::after {
			content: "";
			position: absolute;
			border: 1px solid rgba(217,53,53,.7);
			width: calc(100% + 6px);
			height: calc(100% + 6px);
			border-radius: 50%;
			-webkit-animation: pulse 1s linear infinite;
			animation: pulse 1s linear infinite;
			-webkit-animation-delay: .3s;
			animation-delay: .3s
		}

		.dk-float-contact .call:hover {
			color: var(--bs-light)
		}

			.dk-float-contact .call:hover .fa {
				color: var(--bs-light)
			}

		.dk-float-contact .call .text {
			color: #f1451f
		}

	.dk-float-contact .f-messen {
		width: 50px;
		height: 50px
	}

		.dk-float-contact .f-messen::before {
			border-color: #0284ff
		}

	.dk-float-contact .mail {
		background-color: #034afd
	}

		.dk-float-contact .mail::before {
			border-color: #034afd
		}

table {
	--bs-table-bg: transparent;
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: #212529;
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: #212529;
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: #212529;
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	width: 100%;
	margin-bottom: 1rem;
	color: #212529;
	vertical-align: top;
	border-color: #e8e8e8
}

	table > :not(caption) > * > * {
		padding: .5rem .5rem;
		background-color: var(--bs-table-bg);
		border-bottom-width: 1px;
		-webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
		box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
	}

	table > :not(caption) > * {
		border-width: 1px 0
	}

		table > :not(caption) > * > * {
			border-width: 0 1px
		}

	table > tbody {
		vertical-align: inherit
	}

	table[border="0"] {
		border: 0
	}

		table[border="0"] * {
			border: 0
		}

.mapGG {
	position: relative;
	padding-bottom: 52%
}

	.mapGG iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0
	}

.input-group-file {
	min-height: 40px;
	border-radius: 5px;
	border: 1px solid #c3c3c3;
	background-color: #fff;
	font-size: 16px;
	color: #000;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative
}

	.input-group-file input[type=file] {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		width: 100%
	}

	.input-group-file .filename {
		font-weight: normal;
		max-width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 7px 15px;
		overflow: hidden;
		font-size: 16px;
		color: #000
	}

	.input-group-file .input-group-icon {
		border: 0 !important
	}

#google_translate_element {
	top: -999px;
	left: -99px;
	overflow: hidden;
	visibility: hidden
}

.dropdown {
	position: relative;
	z-index: 9;
	font-family: "Google Sans"
}

	.dropdown .btn-dropdown {
		font-size: 17px;
		background: #fff;
		border-radius: 21px;
		position: relative;
		padding: 10px 44px 10px 24px;
		cursor: pointer
	}

		.dropdown .btn-dropdown::after {
			content: "";
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			color: #333;
			font-size: 16px;
			position: absolute;
			top: 13px;
			right: 16px
		}

	.dropdown .dropdown-content {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 100%;
		border: 1px solid #dadada;
		border-radius: 5px;
		z-index: 9;
		background-color: var(--bs-light)
	}

		.dropdown .dropdown-content::before {
			content: "";
			position: absolute;
			top: -9px;
			left: 50%;
			width: 0;
			height: 0;
			border-width: 0 8px 10px 8px;
			border-color: rgba(0,0,0,0) rgba(0,0,0,0) #d9d9d9 rgba(0,0,0,0);
			border-style: solid;
			display: inline-block;
			z-index: 9;
			opacity: 0;
			margin-left: -8px
		}

	.dropdown .it {
		font-family: var(--bs-font-second);
		font-size: 17px;
		padding: 7px 19px;
		cursor: pointer
	}

		.dropdown .it:hover {
			color: var(--bs-second)
		}

		.dropdown .it:not(:last-child) {
			border-bottom: 1px solid #dadada
		}

	.dropdown.active .dropdown-content::before {
		opacity: 1
	}

.dk-icon {
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-repeat: no-repeat;
	width: 12px;
	height: 12px
}

.icon-plus {
	width: 14px;
	height: 1px;
	background-color: #51320d;
	display: inline-block
}

.icon-add {
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative
}

	.icon-add::after {
		content: "";
		width: 15px;
		height: 1px;
		background-color: #51320d;
		display: inline-block;
		position: absolute;
		top: 7px;
		left: 0
	}

	.icon-add::before {
		content: "";
		height: 15px;
		width: 1px;
		background-color: #51320d;
		display: inline-block;
		position: absolute;
		top: 0;
		left: 7px
	}

.ico-arrow-left {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.ico-angle {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	background: var(--bs-primary);
	height: 1px;
	width: 13px;
	position: relative;
	cursor: pointer
}

	.ico-angle::after,
	.ico-angle::before {
		content: "";
		background: inherit;
		position: absolute;
		height: 1px;
		width: 9px
	}

	.ico-angle::before {
		right: -2px;
		bottom: -3px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	.ico-angle::after {
		right: -2px;
		top: -3px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

.triangle {
	width: 0;
	height: 0;
	border-width: 6px 4.5px 0 4.5px;
	border-color: var(--bs-light) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
	border-style: solid;
	display: inline-block
}

.icon-arrow {
	display: inline-block;
	background: url("../img/icons/icon-angle-w.png") no-repeat;
	width: 7px;
	height: 12px
}

.icon-repeat {
	width: 40px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	border-radius: 0;
	color: var(--bs-primary)
}

	.icon-repeat img {
		width: 22px
	}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

@keyframes shine {
	100% {
		left: 125%
	}
}

@-webkit-keyframes phonering {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform: rotate(-20deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform: rotate(20deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform: rotate(-20deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform: rotate(20deg) scale(1) skew(1deg)
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}
}

@keyframes phonering {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform: rotate(-20deg) scale(1) skew(1deg);
		transform: rotate(-20deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform: rotate(20deg) scale(1) skew(1deg);
		transform: rotate(20deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform: rotate(-20deg) scale(1) skew(1deg);
		transform: rotate(-20deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform: rotate(20deg) scale(1) skew(1deg);
		transform: rotate(20deg) scale(1) skew(1deg)
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg)
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 0
	}

	50% {
		opacity: .5
	}

	100% {
		opacity: 1
	}
}

@keyframes blink {
	0% {
		opacity: 0
	}

	50% {
		opacity: .5
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes location-circle {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: .6
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		opacity: 1
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: .6
	}
}

@keyframes location-circle {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: .6
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		opacity: 1
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: .6
	}
}

@-webkit-keyframes location-circle-big {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.5) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(0.5) skew(1deg);
		opacity: .3
	}

	30% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: .6
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		opacity: .3
	}
}

@keyframes location-circle-big {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.5) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(0.5) skew(1deg);
		opacity: .3
	}

	30% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: .6
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		opacity: .3
	}
}

@-webkit-keyframes slide-in {
	from {
		opacity: 0;
		right: -50%
	}
}

@keyframes slide-in {
	from {
		opacity: 0;
		right: -50%
	}
}

@-webkit-keyframes rotatePhone {
	0% {
		transform: rotate(0) scale(1) skew(1deg);
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		transform: rotate(0) scale(1) skew(1deg);
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		transform: rotate(0) scale(1) skew(1deg);
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}
}

@keyframes rotatePhone {
	0% {
		transform: rotate(0) scale(1) skew(1deg);
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		transform: rotate(0) scale(1) skew(1deg);
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		transform: rotate(0) scale(1) skew(1deg);
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}
}

.dk-header {
	background-color: var(--bs-light);
	padding: 4px 0 7px;
	position: sticky;
	top: 0;
	z-index: 9
}

	.dk-header.header-fixed {
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
		box-shadow: 0 0 15px rgba(0,0,0,.1)
	}

	.dk-header .container-fluid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.dk-header .dk-logo {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 380px;
	}

	.dk-header .logo-text {
		color: var(--bs-second);
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 4px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		text-align: center;
		width: 500px;
		padding-left: 5px;
	}

		.dk-header .logo-text span {
			color: var(--bs-primary);
			display: block;
			font-size: 88%
		}

		.dk-header .logo-text a:hover {
			color: var(--bs-second)
		}

	.dk-header .navbar-toggler {
		display: none;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0;
		border: 0;
		width: 100px;
		height: 36px;
		background-color: var(--bs-light);
		background-color: var(--bs-second);
		color: var(--bs-primary);
		color: var(--bs-light);
		border: 1px solid var(--bs-second);
		z-index: 9;
		overflow: hidden;
		outline: none;
		border-radius: 50%;
		border-radius: var(--border-radius)
	}

		.dk-header .navbar-toggler:focus {
			-webkit-box-shadow: none;
			box-shadow: none
		}

		.dk-header .navbar-toggler .fa {
			color: inherit;
			font-size: 24px
		}

	.dk-header .dk-logo img {
		max-width: 65px;
		max-height: 93px
	}

	.dk-header .collapse-horizontal.show {
		visibility: visible
	}

	.dk-header .search-box {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}

		.dk-header .search-box .search-btn[data-bs-toggle] {
			display: none
		}

		.dk-header .search-box .form-control {
			font-size: 16px;
			color: var(--bs-body-color);
			border: 0;
			width: 485px;
			padding: 6px 15px 6px 22px;
			border-radius: var(--border-radius)
		}

			.dk-header .search-box .form-control::-webkit-input-placeholder {
				color: var(--bs-placeholder)
			}

			.dk-header .search-box .form-control::-moz-placeholder {
				color: var(--bs-placeholder)
			}

			.dk-header .search-box .form-control:-ms-input-placeholder {
				color: var(--bs-placeholder)
			}

			.dk-header .search-box .form-control::-ms-input-placeholder {
				color: var(--bs-placeholder)
			}

			.dk-header .search-box .form-control::placeholder {
				color: var(--bs-placeholder)
			}

			.dk-header .search-box .form-control:focus {
				-webkit-box-shadow: none;
				box-shadow: none;
				outline: none
			}

	.dk-header .search-btn {
		color: var(--bs-light);
		width: 36px;
		height: 36px;
		position: absolute;
		top: 0;
		right: 0;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border: 0;
		background-color: var(--bs-primary);
		border-radius: var(--border-radius)
	}

		.dk-header .search-btn:hover {
			background-color: var(--bs-second);
			color: var(--bs-light);
			opacity: .8;
			border: 0
		}

		.dk-header .search-btn i {
			font-size: inherit;
			color: inherit;
			-webkit-transition: none;
			transition: none
		}

		.dk-header .search-btn[aria-expanded=true] {
			opacity: 0;
			visibility: hidden
		}

	.dk-header .collapse-horizontal {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		border: 1px solid var(--bs-border-color);
		overflow: hidden;
		border-radius: var(--border-radius)
	}

	.dk-header .btn-login {
		padding: 5px 16px 6px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.dk-header .header-r {
		text-align: right;
		padding-top: 5px
	}

	.dk-header .dk-header-nav {
		margin-top: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.dk-header .dk-header-navigation {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}

@media screen and (max-width: 1200px) {
	.dk-header .navbar-toggler {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100px;
		flex: 0 0 100px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

		.dk-header .navbar-toggler i {
			margin-right: 8px
		}

	.dk-header .navbar-collapse {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.dk-header .search-box {
		width: 100%;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-bottom: 5px
	}

		.dk-header .search-box .collapse-horizontal {
			top: 0;
			right: 0
		}

			.dk-header .search-box .collapse-horizontal .search-btn {
				top: 0px;
				right: 0px
			}

		.dk-header .search-box .search-input {
			border-width: 1px;
			width: 100%
		}

	.dk-header .dk-header-nav {
		margin-top: 0;
		margin-right: 10px
	}

	.dk-header .collapse-horizontal {
		width: auto;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content
	}

	.dk-header .navbar-collapse {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%
	}

	.dk-header .header-r {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		padding-left: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end
	}

	.dk-header .dk-header-navigation {
		display: block
	}
}

@media screen and (max-width: 767px) {
	.dk-header .container-fluid {
		display: block
	}

	.dk-header .logo-text {
		font-size: 16px
	}

	.dk-header .header-r {
		position: relative;
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		padding: 0;
		margin: -5px 0
	}

		.dk-header .header-r .btn-login {
			font-size: 0;
			width: 36px;
			min-width: 36px;
			height: 36px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			padding: 0;
			position: absolute;
			top: 0;
			right: 0
		}

			.dk-header .header-r .btn-login img {
				margin: 0
			}

	.dk-header .search-box {
		margin-right: 40px;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0px;
		flex: 1 0 0;
		padding-left: 15px
	}

		.dk-header .search-box .collapse-horizontal {
			width: 100%
		}

	.dk-header .navbar-toggler {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}
}

@media screen and (max-width: 600px) {
	.dk-header .container-fluid {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.dk-header .header-r {
		position: relative
	}
}

.dk-header-navigation .navbar-collapse {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.dk-header-navigation .nav-item {
	position: relative
}

	.dk-header-navigation .nav-item:last-child {
		margin-right: 0
	}

	.dk-header-navigation .nav-item:hover .nav-link {
		color: var(--bs-primary);
		border-color: var(--bs-primary)
	}

	.dk-header-navigation .nav-item:hover .dk-header-nav-child {
		opacity: 1;
		-webkit-transform: translate(0, 0) scale(1, 1);
		transform: translate(0, 0) scale(1, 1);
		z-index: 10;
		visibility: visible
	}

	.dk-header-navigation .nav-item.active .nav-link {
		color: var(--bs-primary);
		border-color: var(--bs-primary)
	}

.dk-header-navigation .nav-link {
	font-size: 15px;
	font-weight: bold;
	color: var(--bs-menu);
	white-space: nowrap;
	z-index: 11;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 6px 12px;
	border-radius: var(--border-radius);
	border: 1px solid rgba(0,0,0,0)
}

	.dk-header-navigation .nav-link .fa {
		color: var(--bs-body-color)
	}

	.dk-header-navigation .nav-link:focus-visible {
		outline: 0
	}

	.dk-header-navigation .nav-link > img {
		margin-right: 10px
	}

.dk-header-navigation .nav-item:not(:first-child) .nav-link > img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated
}

.dk-header-navigation .nav-open-child {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	right: 0;
	color: inherit;
	color: var(--bs-menu);
	z-index: 12;
	display: none
}

	.dk-header-navigation .nav-open-child::after {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "";
		font-size: 18px;
		color: inherit;
		display: block
	}

	.dk-header-navigation .nav-open-child.show-menu::after {
		content: ""
	}

.dk-header-nav-child {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 100%;
	z-index: -1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0;
	-webkit-transform: translate(0, -20px) scale(1, 0);
	transform: translate(0, -20px) scale(1, 0);
	-webkit-transform-origin: top;
	transform-origin: top;
	visibility: hidden;
	background-color: var(--bs-light);
	border: 1px solid var(--bs-primary);
	border-radius: 5px
}

	.dk-header-nav-child .nav-child-item {
		font-size: 15px;
		color: var(--bs-menu);
		position: relative;
		text-decoration: none;
		display: block;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		opacity: 1;
		padding: 9px 46px 9px 14px;
		white-space: nowrap;
		border-bottom: 1px solid var(--bs-primary)
	}

		.dk-header-nav-child .nav-child-item:hover {
			color: var(--bs-primary)
		}

	.dk-header-nav-child .nav-child-list {
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 8;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		opacity: 0;
		overflow: hidden;
		margin-left: 2px;
		visibility: hidden;
		background: var(--bg-color);
		border: 1px solid var(--border)
	}

	.dk-header-nav-child .nav-child-col {
		position: relative
	}

		.dk-header-nav-child .nav-child-col:hover > .nav-child-item {
			color: var(--bs-primary)
		}

		.dk-header-nav-child .nav-child-col:hover > .nav-child-list {
			left: 100%;
			opacity: 1;
			z-index: 10;
			visibility: visible;
			overflow: visible
		}

		.dk-header-nav-child .nav-child-col:hover > .nav-open-child {
			color: var(--bs-primary)
		}

	.dk-header-nav-child .nav-open-child {
		right: 11px;
		margin-top: -4px
	}

		.dk-header-nav-child .nav-open-child::after {
			content: "";
			color: inherit !important
		}

@media screen and (min-width: 1199px) {
	.dk-header-nav-child {
		min-width: 210px
	}

		.dk-header-nav-child::before {
			content: "";
			position: absolute;
			bottom: 100%;
			left: 0;
			right: 0;
			height: 2px
		}

		.dk-header-nav-child .nav-child-col:last-child > .nav-child-item {
			border-bottom: 0
		}

		.dk-header-nav-child .nav-child-list {
			min-width: 210px;
			margin-top: -1px
		}

	.dk-header-navigation .nav-link {
		position: relative
	}

		.dk-header-navigation .nav-link.has-child::after {
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "";
			font-size: 18px;
			color: inherit;
			display: inline-block;
			margin-left: 3px
		}
}

@media screen and (max-width: 1369px) {
	.dk-header-navigation .nav-link {
		padding: 6px 10px
	}
}

@media screen and (max-width: 1200px) {
	.toggleMenu {
		overflow: hidden
	}

		.toggleMenu .dk-header {
			z-index: 99
		}

			.toggleMenu .dk-header .navbar-toggler .fa-bars {
				font-size: 18px
			}

				.toggleMenu .dk-header .navbar-toggler .fa-bars::before {
					content: ""
				}

		.toggleMenu .dk-header-navigation {
			opacity: 1;
			visibility: visible;
			overflow: auto;
			max-height: 100vh;
			-webkit-transform: scale(1, 1);
			transform: scale(1, 1)
		}

	.dk-header-navigation {
		position: fixed;
		top: 100px;
		left: 0;
		right: 0;
		z-index: 99;
		-webkit-transition: all .3s ease !important;
		transition: all .3s ease !important;
		opacity: 0;
		visibility: hidden;
		-webkit-transform-origin: top;
		transform-origin: top;
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		height: calc(100vh - 91px);
		background-color: var(--bs-light)
	}

		.dk-header-navigation .fa-home {
			display: none
		}

		.dk-header-navigation .navbar-collapse {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
		}

		.dk-header-navigation .nav-link {
			font-size: 16px;
			padding: 10px;
			font-weight: normal;
			border-bottom: 1px solid var(--bs-primary);
			border-radius: 0;
			min-height: 46px
		}

		.dk-header-navigation .header-r-nav {
			margin-right: 0;
			width: 100%
		}

			.dk-header-navigation .header-r-nav a {
				display: block;
				margin: 0;
				color: var(--bs-body-color);
				padding: 12px 10px;
				font-weight: bold;
				border-bottom: 1px solid #565656;
				border-radius: 0;
				min-height: 48px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap
			}

		.dk-header-navigation .header-language {
			width: 100%;
			padding: 12px 10px;
			padding-left: 7px
		}

		.dk-header-navigation .nav-item {
			width: 100%;
			position: relative;
			margin: 0 !important;
			padding: 0
		}

			.dk-header-navigation .nav-item:last-child .nav-link {
				border: 0
			}

			.dk-header-navigation .nav-item:hover .dk-header-nav-child {
				max-height: inherit
			}

			.dk-header-navigation .nav-item:hover .menu-dropdown {
				opacity: 0;
				visibility: hidden;
				-webkit-transform: none;
				transform: none
			}

			.dk-header-navigation .nav-item:hover .nav-link {
				background-color: var(--bs-primary);
				color: var(--bs-light)
			}

			.dk-header-navigation .nav-item.active .nav-link {
				background-color: var(--bs-primary);
				color: var(--bs-light)
			}

		.dk-header-navigation .nav-open-child {
			width: 42px;
			height: 46px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			text-align: center;
			position: absolute;
			top: 0;
			right: 0;
			background-color: rgba(0,0,0,0);
			color: inherit;
			z-index: 12;
			-webkit-transform: none;
			transform: none;
			margin-top: 0;
			color: var(--bs-primary)
		}

			.dk-header-navigation .nav-open-child::after {
				content: "";
				font-size: 24px;
				color: inherit
			}

		.dk-header-navigation .item-contact {
			padding: 10px 15px
		}

			.dk-header-navigation .item-contact .fa {
				color: var(--bs-primary);
				margin-right: 6px
			}

		.dk-header-navigation .header-flag {
			padding: 10px 15px
		}

			.dk-header-navigation .header-flag a {
				margin-right: 10px
			}

	.dk-header-nav-child {
		display: none;
		position: static;
		opacity: 1;
		-webkit-transform: translate(0, 0) scale(1) !important;
		transform: translate(0, 0) scale(1) !important;
		visibility: visible;
		max-height: inherit;
		-webkit-transition: none;
		transition: none;
		overflow: hidden;
		border-radius: 0;
		margin-top: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 0
	}

		.dk-header-nav-child .nav-child-item {
			text-align: left;
			-webkit-box-shadow: none;
			box-shadow: none;
			padding: 8px;
			padding-left: 25px;
			padding-right: 48px;
			min-height: 46px;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			width: 100%;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			white-space: unset
		}

			.dk-header-nav-child .nav-child-item::before {
				top: 17px
			}

			.dk-header-nav-child .nav-child-item span {
				display: block;
				position: static;
				padding: 0
			}

		.dk-header-nav-child .nav-child-col:hover .nav-child-item {
			background-color: var(--bs-primary);
			color: var(--bs-light)
		}

		.dk-header-nav-child .nav-child-col.active > .nav-child-item {
			color: #333;
			padding-left: 30px
		}

			.dk-header-nav-child .nav-child-col.active > .nav-child-item::after {
				content: "";
				display: inline-block;
				font: normal normal normal 14px/1 FontAwesome;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				vertical-align: middle;
				color: inherit;
				position: absolute;
				top: 12px;
				left: 13px;
				color: var(--bs-second);
				font-size: 16px
			}

		.dk-header-nav-child .nav-child-list {
			position: static;
			opacity: 1;
			overflow: hidden;
			margin-left: 0;
			-webkit-transition: none;
			transition: none;
			background: rgba(0,0,0,0);
			border-radius: 0;
			visibility: visible;
			padding: 0;
			display: none;
			border: 0
		}

			.dk-header-nav-child .nav-child-list .nav-child-item {
				padding-left: 40px
			}

			.dk-header-nav-child .nav-child-list .nav-child-list .nav-child-item {
				padding-left: 60px
			}

		.dk-header-nav-child .nav-child-col {
			width: 100%;
			padding: 0
		}
}

@media screen and (max-width: 767px) {
	.dk-header-navigation {
		top: 139px
	}
}

.dk-footer {
	position: relative;
	color: var(--bs-light);
	background-color: var(--bs-primary)
}

	.dk-footer a:hover {
		color: var(--bs-second)
	}

	.dk-footer .footer-logo {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 103px;
		flex: 0 0 103px;
		width: 103px
	}

		.dk-footer .footer-logo img {
			width: 103px
		}

	.dk-footer .footer-info {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		padding-left: 18px;
		min-width: 460px
	}

		.dk-footer .footer-info p {
			margin-bottom: 6px
		}

	.dk-footer .footer-map {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		-webkit-box-align: self-start;
		-ms-flex-align: self-start;
		align-items: self-start
	}

	.dk-footer .gg-map {
		grid-row-start: 1;
		grid-row-end: 3;
		width: 400px;
		position: relative;
		border-radius: 10px;
		overflow: hidden;
		margin-right: 26px
	}

		.dk-footer .gg-map::before {
			content: "";
			display: inline-block;
			padding-bottom: 61.25%
		}

		.dk-footer .gg-map iframe {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%
		}

	.dk-footer .footer-bk {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		z-index: 2;
		border-top: 1px solid rgba(255,255,255,.3);
		padding-top: 65px;
		/*! padding-bottom:40px */
	}

	.dk-footer .footer-info-tit {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 700;
		margin-bottom: 16px
	}

	.dk-footer .social {
		margin-top: 44px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

		.dk-footer .social .footer-info-tit {
			margin-bottom: 5px;
			width: 100%
		}

		.dk-footer .social a {
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			-webkit-transition: all .2s;
			transition: all .2s;
			margin-right: 10px;
			border-radius: 50%;
			background-color: rgba(0,0,0,0);
			border: 1px solid var(--bs-light)
		}

			.dk-footer .social a:hover {
				background-color: var(--bs-second)
			}

	.dk-footer .intro-app {
		margin-bottom: 30px
	}

		.dk-footer .intro-app img {
			border-radius: 10px;
			margin-bottom: 10px
		}

	.dk-footer .statistic {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.dk-footer .footer-it {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 10px
	}

		.dk-footer .footer-it img {
			text-align: center
		}

		.dk-footer .footer-it span {
			display: inline-block;
			min-width: 16px;
			text-align: center;
			margin-right: 5px
		}

	.dk-footer .footer-bottom {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: relative;
		border-top: 1px solid rgba(255,255,255,.15);
		padding-top: 17px;
		padding-bottom: 18px
	}

		.dk-footer .footer-bottom::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			background: rgba(0,0,0,.15);
			height: 1px
		}

@media screen and (min-width: 1360px)and (max-width: 1390px) {
	.dk-footer .footer-it {
		width: 180px;
		font-size: 14px;
		margin-left: 5px;
		/*height: 45px*/
	}
}

@media screen and (max-width: 1300px) {
	.dk-footer .footer-bk {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (max-width: 1280px) {
	.dk-footer .gg-map {
		width: 270px
	}
}

@media screen and (max-width: 1190px) {
	.dk-footer .footer-map {
		margin-top: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.dk-footer .intro-app {
		margin-right: 30px
	}
}

@media screen and (max-width: 767px) {
	.dk-footer .footer-bk {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.dk-footer .footer-logo {
		text-align: center;
		margin: auto;
		margin-bottom: 15px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

		.dk-footer .footer-logo img {
			margin: auto
		}

	.dk-footer .footer-info {
		padding-left: 0;
		min-width: none
	}

	.dk-footer .social {
		margin-top: 15px
	}

	.dk-footer .footer-map {
		display: block
	}

	.dk-footer .gg-map {
		width: 100%;
		margin: 0;
		margin-bottom: 10px
	}

	.dk-footer .intro-app {
		margin-right: 0;
		margin-bottom: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

		.dk-footer .intro-app a {
			display: inline-block
		}
}

@media screen and (max-width: 400px) {
	.dk-footer .footer-it {
		width: 100%
	}
}

.dk-banner {
	position: relative;
	padding: 0;
	z-index: 2;
	overflow: hidden
}

	.dk-banner .swiper video {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		border-radius: 10px
	}

	.dk-banner .swiper .swiper-slide {
		position: relative;
		z-index: 3
	}

		.dk-banner .swiper .swiper-slide::before {
			content: "";
			display: block;
			padding-bottom: 43.6842105263%
		}

		.dk-banner .swiper .swiper-slide img {
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			object-fit: cover;
			max-width: 100%
		}

	.dk-banner .swiper .swiper-button {
		background: none;
		background-color: rgba(255,255,255,.5019607843);
		border: 1px solid rgba(var(--bs-primary-rgb), 0.5);
		top: 50%
	}

		.dk-banner .swiper .swiper-button:hover {
			border: 1px solid rgba(var(--bs-primary-rgb), 1)
		}

			.dk-banner .swiper .swiper-button:hover::after {
				color: var(--bs-primary)
			}

	.dk-banner .swiper .swiper-button-next {
		right: 30px
	}

	.dk-banner .swiper .swiper-button-prev {
		left: 30px
	}

	.dk-banner .swiper-info {
		color: var(--bs-light);
		position: absolute;
		bottom: 0;
		left: 40px;
		right: 40px;
		z-index: 4;
		opacity: 0;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		text-align: center
	}

		.dk-banner .swiper-info a {
			color: var(--bs-light)
		}

			.dk-banner .swiper-info a:hover {
				color: var(--bs-primary)
			}

		.dk-banner .swiper-info strong {
			color: var(--bs-primary)
		}

		.dk-banner .swiper-info .swiper-info--title,
		.dk-banner .swiper-info h3 {
			font-size: 50px;
			font-weight: 300;
			text-transform: uppercase;
			margin-bottom: 2px
		}

		.dk-banner .swiper-info .swiper-info--desc,
		.dk-banner .swiper-info p {
			font-size: 15px;
			margin-bottom: 0
		}

	.dk-banner .swiper-slide-active .swiper-info {
		opacity: 1
	}

@media screen and (max-width: 1366px) {
	.dk-banner .swiper-info .swiper-info--title {
		font-size: 36px
	}
}

@media screen and (max-width: 1200px) {
	.dk-banner .swiper-info {
		bottom: 15px
	}

		.dk-banner .swiper-info .swiper-info--title,
		.dk-banner .swiper-info h3 {
			font-size: 23px
		}

		.dk-banner .swiper-info .swiper-info--desc,
		.dk-banner .swiper-info p {
			font-size: 12px
		}
}

@media screen and (max-width: 768px) {
	.dk-banner .swiper .swiper-slide::before {
		padding-bottom: 66.9879518072%
	}

	.dk-banner .swiper-info .swiper-info--title {
		font-size: 22px
	}

	.dk-banner .swiper-info .swiper-info--desc {
		font-size: 16px
	}
}

.owl-carousel .owl-nav button {
	width: 42px;
	height: 42px;
	margin-top: -21px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.5) !important;
	border: 1px solid rgba(0,157,217,.5) !important;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 4;
	opacity: 1;
	pointer-events: auto;
	color: var(--bs-primary) !important;
	position: absolute;
	top: 24%;
	left: -50px;
	z-index: 10;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

	.owl-carousel .owl-nav button span {
		display: none
	}

	.owl-carousel .owl-nav button::after {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "";
		color: inherit;
		font-size: 15px
	}

	.owl-carousel .owl-nav button:hover {
		background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
		background-color: #fff !important
	}

.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: -43px
}

	.owl-carousel .owl-nav .owl-next::after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

.owl-carousel .owl-thumbs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px
}

	.owl-carousel .owl-thumbs .owl-thumb-item {
		position: relative;
		border-radius: 5px;
		-webkit-filter: drop-shadow(0px 3px 14.5px rgba(0, 0, 0, 0.1));
		filter: drop-shadow(0px 3px 14.5px rgba(0, 0, 0, 0.1));
		border: 5px solid var(--bs-light);
		position: relative;
		margin-bottom: 10px
	}

		.owl-carousel .owl-thumbs .owl-thumb-item::before {
			content: "";
			display: block;
			padding-bottom: 100%
		}

		.owl-carousel .owl-thumbs .owl-thumb-item img {
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			object-fit: cover;
			max-width: 100%;
			border-radius: 5px
		}

.swiper-wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

	.swiper-wrapper .swiper-slide {
		height: auto
	}

.swiper,
.partner-list,
.swiper5,
.swiper3,
.swiper4,
.swiper1,
.swiper-dt,
.cmhv-swiper,
.nhansu-swiper,
.chiase-swiper,
.doitac-swiper {
	position: relative
}

	.swiper video,
	.partner-list video,
	.swiper5 video,
	.swiper3 video,
	.swiper4 video,
	.swiper1 video,
	.swiper-dt video,
	.cmhv-swiper video,
	.nhansu-swiper video,
	.chiase-swiper video,
	.doitac-swiper video {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover
	}

	.swiper .swiper-slide,
	.partner-list .swiper-slide,
	.swiper5 .swiper-slide,
	.swiper3 .swiper-slide,
	.swiper4 .swiper-slide,
	.swiper1 .swiper-slide,
	.swiper-dt .swiper-slide,
	.cmhv-swiper .swiper-slide,
	.nhansu-swiper .swiper-slide,
	.chiase-swiper .swiper-slide,
	.doitac-swiper .swiper-slide {
		position: relative
	}

	.swiper .swiper-button,
	.partner-list .swiper-button,
	.swiper5 .swiper-button,
	.swiper3 .swiper-button,
	.swiper4 .swiper-button,
	.swiper1 .swiper-button,
	.swiper-dt .swiper-button,
	.cmhv-swiper .swiper-button,
	.nhansu-swiper .swiper-button,
	.chiase-swiper .swiper-button,
	.doitac-swiper .swiper-button {
		width: 42px;
		height: 42px;
		margin-top: -21px;
		border-radius: 50%;
		background-color: rgba(0,0,0,.1);
		border: 1px solid rgba(255,255,255,.1);
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 4;
		opacity: 1;
		pointer-events: auto;
		color: var(--bs-light);
		position: absolute;
		z-index: 10;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		top: 34%
	}

		.swiper .swiper-button::after,
		.partner-list .swiper-button::after,
		.swiper5 .swiper-button::after,
		.swiper3 .swiper-button::after,
		.swiper4 .swiper-button::after,
		.swiper1 .swiper-button::after,
		.swiper-dt .swiper-button::after,
		.cmhv-swiper .swiper-button::after,
		.nhansu-swiper .swiper-button::after,
		.chiase-swiper .swiper-button::after,
		.doitac-swiper .swiper-button::after {
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "";
			color: inherit;
			font-size: 15px
		}

		.swiper .swiper-button:hover,
		.partner-list .swiper-button:hover,
		.swiper5 .swiper-button:hover,
		.swiper3 .swiper-button:hover,
		.swiper4 .swiper-button:hover,
		.swiper1 .swiper-button:hover,
		.swiper-dt .swiper-button:hover,
		.cmhv-swiper .swiper-button:hover,
		.nhansu-swiper .swiper-button:hover,
		.chiase-swiper .swiper-button:hover,
		.doitac-swiper .swiper-button:hover {
			color: var(--bs-light);
			color: var(--bs-second);
			background-color: rgba(var(--bs-primary-rgb), 0.1)
		}

	.swiper .swiper-button-next,
	.swiper [class*=swiper-button-next-],
	.partner-list .swiper-button-next,
	.partner-list [class*=swiper-button-next-],
	.swiper5 .swiper-button-next,
	.swiper5 [class*=swiper-button-next-],
	.swiper3 .swiper-button-next,
	.swiper3 [class*=swiper-button-next-],
	.swiper4 .swiper-button-next,
	.swiper4 [class*=swiper-button-next-],
	.swiper1 .swiper-button-next,
	.swiper1 [class*=swiper-button-next-],
	.swiper-dt .swiper-button-next,
	.swiper-dt [class*=swiper-button-next-],
	.cmhv-swiper .swiper-button-next,
	.cmhv-swiper [class*=swiper-button-next-],
	.nhansu-swiper .swiper-button-next,
	.nhansu-swiper [class*=swiper-button-next-],
	.chiase-swiper .swiper-button-next,
	.chiase-swiper [class*=swiper-button-next-],
	.doitac-swiper .swiper-button-next,
	.doitac-swiper [class*=swiper-button-next-] {
		right: -63px
	}

	.swiper .swiper-button-prev,
	.swiper [class*=swiper-button-prev-],
	.partner-list .swiper-button-prev,
	.partner-list [class*=swiper-button-prev-],
	.swiper5 .swiper-button-prev,
	.swiper5 [class*=swiper-button-prev-],
	.swiper3 .swiper-button-prev,
	.swiper3 [class*=swiper-button-prev-],
	.swiper4 .swiper-button-prev,
	.swiper4 [class*=swiper-button-prev-],
	.swiper1 .swiper-button-prev,
	.swiper1 [class*=swiper-button-prev-],
	.swiper-dt .swiper-button-prev,
	.swiper-dt [class*=swiper-button-prev-],
	.cmhv-swiper .swiper-button-prev,
	.cmhv-swiper [class*=swiper-button-prev-],
	.nhansu-swiper .swiper-button-prev,
	.nhansu-swiper [class*=swiper-button-prev-],
	.chiase-swiper .swiper-button-prev,
	.chiase-swiper [class*=swiper-button-prev-],
	.doitac-swiper .swiper-button-prev,
	.doitac-swiper [class*=swiper-button-prev-] {
		left: -63px
	}

		.swiper .swiper-button-prev::after,
		.swiper [class*=swiper-button-prev-]::after,
		.partner-list .swiper-button-prev::after,
		.partner-list [class*=swiper-button-prev-]::after,
		.swiper5 .swiper-button-prev::after,
		.swiper5 [class*=swiper-button-prev-]::after,
		.swiper3 .swiper-button-prev::after,
		.swiper3 [class*=swiper-button-prev-]::after,
		.swiper4 .swiper-button-prev::after,
		.swiper4 [class*=swiper-button-prev-]::after,
		.swiper1 .swiper-button-prev::after,
		.swiper1 [class*=swiper-button-prev-]::after,
		.swiper-dt .swiper-button-prev::after,
		.swiper-dt [class*=swiper-button-prev-]::after,
		.cmhv-swiper .swiper-button-prev::after,
		.cmhv-swiper [class*=swiper-button-prev-]::after,
		.nhansu-swiper .swiper-button-prev::after,
		.nhansu-swiper [class*=swiper-button-prev-]::after,
		.chiase-swiper .swiper-button-prev::after,
		.chiase-swiper [class*=swiper-button-prev-]::after,
		.doitac-swiper .swiper-button-prev::after,
		.doitac-swiper [class*=swiper-button-prev-]::after {
			content: ""
		}

		.swiper .swiper-button-prev::before,
		.swiper [class*=swiper-button-prev-]::before,
		.partner-list .swiper-button-prev::before,
		.partner-list [class*=swiper-button-prev-]::before,
		.swiper5 .swiper-button-prev::before,
		.swiper5 [class*=swiper-button-prev-]::before,
		.swiper3 .swiper-button-prev::before,
		.swiper3 [class*=swiper-button-prev-]::before,
		.swiper4 .swiper-button-prev::before,
		.swiper4 [class*=swiper-button-prev-]::before,
		.swiper1 .swiper-button-prev::before,
		.swiper1 [class*=swiper-button-prev-]::before,
		.swiper-dt .swiper-button-prev::before,
		.swiper-dt [class*=swiper-button-prev-]::before,
		.cmhv-swiper .swiper-button-prev::before,
		.cmhv-swiper [class*=swiper-button-prev-]::before,
		.nhansu-swiper .swiper-button-prev::before,
		.nhansu-swiper [class*=swiper-button-prev-]::before,
		.chiase-swiper .swiper-button-prev::before,
		.chiase-swiper [class*=swiper-button-prev-]::before,
		.doitac-swiper .swiper-button-prev::before,
		.doitac-swiper [class*=swiper-button-prev-]::before {
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg)
		}

	.swiper .swiper-pagination,
	.partner-list .swiper-pagination,
	.swiper5 .swiper-pagination,
	.swiper3 .swiper-pagination,
	.swiper4 .swiper-pagination,
	.swiper1 .swiper-pagination,
	.swiper-dt .swiper-pagination,
	.cmhv-swiper .swiper-pagination,
	.nhansu-swiper .swiper-pagination,
	.chiase-swiper .swiper-pagination,
	.doitac-swiper .swiper-pagination {
		margin-bottom: 13px
	}

		.swiper .swiper-pagination .swiper-pagination-bullet,
		.partner-list .swiper-pagination .swiper-pagination-bullet,
		.swiper5 .swiper-pagination .swiper-pagination-bullet,
		.swiper3 .swiper-pagination .swiper-pagination-bullet,
		.swiper4 .swiper-pagination .swiper-pagination-bullet,
		.swiper1 .swiper-pagination .swiper-pagination-bullet,
		.swiper-dt .swiper-pagination .swiper-pagination-bullet,
		.cmhv-swiper .swiper-pagination .swiper-pagination-bullet,
		.nhansu-swiper .swiper-pagination .swiper-pagination-bullet,
		.chiase-swiper .swiper-pagination .swiper-pagination-bullet,
		.doitac-swiper .swiper-pagination .swiper-pagination-bullet {
			background-color: var(--bs-light);
			width: 10px;
			height: 10px;
			border: 1px solid var(--bs-primary);
			opacity: 1
		}

		.swiper .swiper-pagination .swiper-pagination-bullet-active,
		.partner-list .swiper-pagination .swiper-pagination-bullet-active,
		.swiper5 .swiper-pagination .swiper-pagination-bullet-active,
		.swiper3 .swiper-pagination .swiper-pagination-bullet-active,
		.swiper4 .swiper-pagination .swiper-pagination-bullet-active,
		.swiper1 .swiper-pagination .swiper-pagination-bullet-active,
		.swiper-dt .swiper-pagination .swiper-pagination-bullet-active,
		.cmhv-swiper .swiper-pagination .swiper-pagination-bullet-active,
		.nhansu-swiper .swiper-pagination .swiper-pagination-bullet-active,
		.chiase-swiper .swiper-pagination .swiper-pagination-bullet-active,
		.doitac-swiper .swiper-pagination .swiper-pagination-bullet-active {
			background-color: var(--bs-primary);
			border: 1px solid var(--bs-primary)
		}

@media screen and (max-width: 1440px) {
	.swiper .swiper-button-next,
	.swiper [class*=swiper-button-next-],
	.partner-list .swiper-button-next,
	.partner-list [class*=swiper-button-next-],
	.swiper5 .swiper-button-next,
	.swiper5 [class*=swiper-button-next-],
	.swiper3 .swiper-button-next,
	.swiper3 [class*=swiper-button-next-],
	.swiper4 .swiper-button-next,
	.swiper4 [class*=swiper-button-next-],
	.swiper1 .swiper-button-next,
	.swiper1 [class*=swiper-button-next-],
	.swiper-dt .swiper-button-next,
	.swiper-dt [class*=swiper-button-next-],
	.cmhv-swiper .swiper-button-next,
	.cmhv-swiper [class*=swiper-button-next-],
	.nhansu-swiper .swiper-button-next,
	.nhansu-swiper [class*=swiper-button-next-],
	.chiase-swiper .swiper-button-next,
	.chiase-swiper [class*=swiper-button-next-],
	.doitac-swiper .swiper-button-next,
	.doitac-swiper [class*=swiper-button-next-] {
		right: -44px
	}

	.swiper .swiper-button-prev,
	.swiper [class*=swiper-button-prev-],
	.partner-list .swiper-button-prev,
	.partner-list [class*=swiper-button-prev-],
	.swiper5 .swiper-button-prev,
	.swiper5 [class*=swiper-button-prev-],
	.swiper3 .swiper-button-prev,
	.swiper3 [class*=swiper-button-prev-],
	.swiper4 .swiper-button-prev,
	.swiper4 [class*=swiper-button-prev-],
	.swiper1 .swiper-button-prev,
	.swiper1 [class*=swiper-button-prev-],
	.swiper-dt .swiper-button-prev,
	.swiper-dt [class*=swiper-button-prev-],
	.cmhv-swiper .swiper-button-prev,
	.cmhv-swiper [class*=swiper-button-prev-],
	.nhansu-swiper .swiper-button-prev,
	.nhansu-swiper [class*=swiper-button-prev-],
	.chiase-swiper .swiper-button-prev,
	.chiase-swiper [class*=swiper-button-prev-],
	.doitac-swiper .swiper-button-prev,
	.doitac-swiper [class*=swiper-button-prev-] {
		left: -44px
	}
}

@media screen and (max-width: 1199px) {
	.swiper .swiper-button-next,
	.swiper [class*=swiper-button-next-],
	.partner-list .swiper-button-next,
	.partner-list [class*=swiper-button-next-],
	.swiper5 .swiper-button-next,
	.swiper5 [class*=swiper-button-next-],
	.swiper3 .swiper-button-next,
	.swiper3 [class*=swiper-button-next-],
	.swiper4 .swiper-button-next,
	.swiper4 [class*=swiper-button-next-],
	.swiper1 .swiper-button-next,
	.swiper1 [class*=swiper-button-next-],
	.swiper-dt .swiper-button-next,
	.swiper-dt [class*=swiper-button-next-] {
		right: 5px
	}

	.swiper .swiper-button-prev,
	.swiper [class*=swiper-button-prev-],
	.partner-list .swiper-button-prev,
	.partner-list [class*=swiper-button-prev-],
	.swiper5 .swiper-button-prev,
	.swiper5 [class*=swiper-button-prev-],
	.swiper3 .swiper-button-prev,
	.swiper3 [class*=swiper-button-prev-],
	.swiper4 .swiper-button-prev,
	.swiper4 [class*=swiper-button-prev-],
	.swiper1 .swiper-button-prev,
	.swiper1 [class*=swiper-button-prev-],
	.swiper-dt .swiper-button-prev,
	.swiper-dt [class*=swiper-button-prev-] {
		left: 5px
	}

	.owl-carousel .owl-nav .owl-next {
		right: 0
	}

	.owl-carousel .owl-nav .owl-prev {
		left: 0
	}
}

@media screen and (max-width: 767px) {
	.swiper .swiper-button,
	.partner-list .swiper-button,
	.swiper5 .swiper-button,
	.swiper3 .swiper-button,
	.swiper4 .swiper-button,
	.swiper1 .swiper-button,
	.swiper-dt .swiper-button {
		top: 23%
	}
}

.file-player-wrap {
	padding-bottom: 15px
}

	.file-player-wrap .file-player {
		position: relative;
		z-index: 1
	}

		.file-player-wrap .file-player::before {
			content: "";
			display: block;
			padding-bottom: 84%
		}

		.file-player-wrap .file-player iframe {
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%
		}

.iframePDF {
	width: 100%;
	height: 800px;
	position: relative
}

	.iframePDF iframe {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

.videoWrapper {
	position: relative;
	overflow: hidden;
	padding-bottom: 0
}

	.videoWrapper::before {
		content: "";
		display: block;
		padding-bottom: 56.25%
	}

	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

.dk-item-img {
	position: relative;
	overflow: hidden
}

	.dk-item-img::before {
		content: "";
		padding-bottom: 66.6%;
		display: block
	}

	.dk-item-img img {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		max-width: 100%;
		-webkit-transition: .3s all ease-in-out;
		transition: .3s all ease-in-out
	}

		.dk-item-img img:hover {
			-webkit-transform: scale(1.1);
			transform: scale(1.1)
		}

	.dk-item-img .icon-lib {
		color: var(--bs-light);
		font-size: 18px;
		position: absolute;
		bottom: 10px;
		left: 10px;
		z-index: 2;
		width: 42px;
		height: 42px;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 50%;
		background-color: var(--bs-second);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

		.dk-item-img .icon-lib img {
			-webkit-transform: none;
			transform: none;
			opacity: 1;
			position: relative;
			z-index: 2;
			max-width: 100%;
			height: 42px;
			width: 42px;
			border-radius: 0
		}

		.dk-item-img .icon-lib .fa {
			color: inherit;
			font-size: inherit
		}

		.dk-item-img .icon-lib.video {
			background-image: url("../img/icons/icon-video.png")
		}

		.dk-item-img .icon-lib.image {
			background-image: url("../img/icons/icon-image.png")
		}

	.dk-item-img.hv-space {
		border-radius: 0
	}

		.dk-item-img.hv-space img {
			top: 50%;
			left: 50%;
			max-width: 100%;
			width: auto;
			height: auto;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%)
		}

			.dk-item-img.hv-space img:hover {
				-webkit-transform: translate(-50%, -50%) scale(1.1);
				transform: translate(-50%, -50%) scale(1.1)
			}

	.dk-item-img.pb-100::before {
		padding-bottom: 100%
	}

	.dk-item-img.pb-20::before {
		padding-bottom: 20%
	}

	.dk-item-img.pb-277::before {
		padding-bottom: 27.7%
	}

	.dk-item-img.pb-377::before {
		padding-bottom: 37.7%
	}

	.dk-item-img.pb-547::before {
		padding-bottom: 54.7%
	}

	.dk-item-img.pb-56::before {
		padding-bottom: 56%
	}

	.dk-item-img.pb-562::before {
		padding-bottom: 56.2%
	}

	.dk-item-img.pb-647::before {
		padding-bottom: 64.7%
	}

	.dk-item-img.pb-664::before {
		padding-bottom: 66.4%
	}

	.dk-item-img.pb-665::before {
		padding-bottom: 66.5%
	}

	.dk-item-img.pb-662::before {
		padding-bottom: 66.2%
	}

	.dk-item-img.pb-67::before {
		padding-bottom: 67%
	}

.fancybox-arrow {
	width: 43px;
	height: 43px;
	background: rgba(0,0,0,.3)
}

	.fancybox-arrow::after {
		width: 14px;
		height: 11px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.fancybox-arrow:hover {
		background: rgba(var(--bs-primary-rgb), 0.8)
	}

.fancybox-arrow--right::after {
	content: "";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	color: #fff;
	background-color: rgba(0,0,0,0)
}

.fancybox-arrow--left {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

	.fancybox-arrow--left::after {
		content: "";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 15px;
		color: #fff;
		background-color: rgba(0,0,0,0)
	}

.dk-item-flag {
	position: absolute;
	top: 11px;
	left: 11px
}

	.dk-item-flag img {
		width: 73px;
		height: 48px
	}

.dk-item-title {
	font-size: 16px;
	font-weight: bold;
	color: var(--bs-body-color);
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 3px;
	min-height: 54px
}

	.dk-item-title:hover,
	.dk-item-title:hover a {
		color: var(--bs-primary)
	}

	.dk-item-title a {
		display: block;
		color: inherit
	}

	.dk-item-title.line-1 {
		min-height: 0;
		display: block;
		margin-bottom: 10px
	}

.dk-item-desc {
	font-size: 16px;
	color: var(--bs-body-color);
	margin-bottom: 21px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.dk-item-date {
	font-size: 15px;
	color: #999
}

	.dk-item-date i {
		margin-right: 6px;
		font-size: 12px
	}

.dk-item-price {
	font-weight: bold;
	font-size: 18px;
	color: #a81a18
}

	.dk-item-price a {
		color: #a81a18
	}

		.dk-item-price a:hover {
			color: var(--bs-primary)
		}

	.dk-item-price .new {
		margin-right: 12px
	}

	.dk-item-price .old {
		font-size: 15px;
		text-decoration: line-through;
		color: var(--bs-placeholder);
		font-weight: normal;
		margin-right: 12px
	}

	.dk-item-price .discount {
		border-radius: 3px;
		background-color: #a81a18;
		display: inline-block;
		font-size: 12px;
		color: var(--bs-light);
		padding: 0px 2px 1px;
		height: 16px
	}

.dk-item-add {
	border-top: 1px solid #eaeaea;
	text-align: center;
	padding: 10px;
	color: var(--bs-body-color);
	display: block;
	border-radius: 0 0 10px 10px
}

	.dk-item-add .fa {
		color: #a81a18;
		margin-right: 11px
	}

	.dk-item-add:hover {
		background-color: var(--bs-primary);
		color: var(--bs-body-color)
	}

		.dk-item-add:hover .fa {
			color: #000
		}

.dk-item-ver {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	border-radius: 20px;
	background-color: #fff
}

	.dk-item-ver:hover .dk-item-title {
		color: var(--bs-primary)
	}

	.dk-item-ver .dk-item-img::before {
		padding-bottom: 66.0098522167%
	}

	.dk-item-ver .dk-item-info {
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		padding: 33px 30px;
		border-radius: 0 0 20px 20px
	}

	.dk-item-ver .dk-item-title {
		font-size: 25px;
		font-weight: 700;
		margin-bottom: 8px
	}

	.dk-item-ver .dk-item-price {
		padding: 5px 18px 12px
	}

	.dk-item-ver .dk-item-desc {
		font-family: var(--bs-font-third);
		margin-bottom: 16px;
		font-size: 18px;
		color: var(--bs-body-color-4);
		min-height: 81px
	}

	.dk-item-ver .btn-outline-dk {
		padding: 8px 21px
	}

	.dk-item-ver .dk-item-date {
		margin-bottom: 3px
	}

	.dk-item-ver .dk-item-title.line-2 {
		-webkit-line-clamp: 2;
		line-clamp: 2;
		min-height: 48px
	}

	.dk-item-ver .dk-item-cart {
		font-size: 16px;
		color: #999;
		border: 1px solid #eceef0;
		border-radius: 5px;
		width: 36px;
		height: 36px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		cursor: pointer;
		-webkit-transition: all .3s ease;
		transition: all .3s ease
	}

		.dk-item-ver .dk-item-cart:hover {
			background-color: #cc3917;
			border-color: #cc3917;
			color: var(--bs-light)
		}

	.dk-item-ver .dk-viewmore {
		font-size: 18px;
		color: #fff;
		background-color: var(--bs-primary);
		border: 1px solid var(--bs-primary);
		border-radius: 10px;
		display: inline-block;
		padding: 6px 18px
	}

		.dk-item-ver .dk-viewmore:hover {
			color: var(--bs-primary);
			background-color: rgba(0,0,0,0)
		}

		.dk-item-ver .dk-viewmore i {
			margin-left: 4px
		}

	.dk-item-ver .dk-item-tag {
		font-size: 14px;
		position: absolute;
		background-color: var(--bs-primary);
		color: var(--bs-light);
		border-radius: 5px;
		display: inline-block;
		padding: 5px 15px;
		top: -18px;
		left: 30px;
		z-index: 3
	}

	.dk-item-ver .dk-item-date {
		font-size: 15px;
		color: var(--bs-body-color-2);
		margin-bottom: 10px
	}

		.dk-item-ver .dk-item-date i {
			font-size: 12px;
			color: var(--bs-primary);
			margin-right: 6px
		}

			.dk-item-ver .dk-item-date i:last-child {
				margin-left: 20px
			}

.dk-item-hoz {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-radius: 0;
	background-color: var(--bs-light);
	border-bottom: 1px solid #ededed;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

	.dk-item-hoz:hover .dk-item-title {
		color: var(--bs-primary)
	}

	.dk-item-hoz .dk-item-img {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 320px;
		flex: 0 0 320px;
		margin-bottom: 0;
		border-radius: 0
	}

		.dk-item-hoz .dk-item-img::before {
			padding-bottom: 66.5625%
		}

	.dk-item-hoz .dk-item-title {
		display: block;
		margin-bottom: 6px;
		font-size: 18px;
		font-weight: bold;
		min-height: 0
	}

	.dk-item-hoz .dk-item-info {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		padding: 6px 10px 0 16px;
		position: relative
	}

	.dk-item-hoz .dk-item-desc {
		-webkit-line-clamp: 3;
		line-clamp: 3;
		margin-bottom: 16px
	}

	.dk-item-hoz .dk-item-detail {
		font-size: 15px;
		color: #a93642;
		position: absolute;
		bottom: -6px;
		right: -7px
	}

		.dk-item-hoz .dk-item-detail i {
			font-size: inherit;
			color: inherit;
			margin-left: 6px
		}

		.dk-item-hoz .dk-item-detail:hover {
			color: var(--bs-second)
		}

	.dk-item-hoz .dk-item-date {
		font-size: 15px;
		color: #999;
		margin-bottom: 8px
	}

@media screen and (max-width: 767px) {
	.dk-item-ver {
		height: auto
	}

		.dk-item-ver .dk-item-title {
			min-height: 0
		}

		.dk-item-ver .dk-item-desc {
			height: auto
		}

	.dk-item-hoz {
		display: block
	}

		.dk-item-hoz .dk-item-info {
			padding: 15px 10px 15px 16px
		}

		.dk-item-hoz .dk-item-desc {
			display: block
		}
}

.dk-detail {
	margin-bottom: 70px;
	margin-top: 47px
}

	.dk-detail .dk-detail-title {
		font-size: 26px;
		font-weight: bold;
		text-transform: uppercase;
		position: relative;
		margin-bottom: 9px
	}

		.dk-detail .dk-detail-title a {
			color: inherit
		}

	.dk-detail .imageWrapper {
		background-color: #edf3ff;
		padding: 12px;
		margin-bottom: 28px
	}

		.dk-detail .imageWrapper img {
			width: 100%;
			height: auto;
			margin-bottom: 10px
		}

		.dk-detail .imageWrapper .image-desc {
			font-style: italic;
			text-align: center;
			font-size: 15px;
			padding: 0 40px
		}

	.dk-detail .btn-download {
		color: var(--bs-light);
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		background-color: var(--bs-second);
		border-radius: 5px;
		padding: 9px 15px;
		display: inline-block;
		text-align: center;
		border: 1px solid var(--bs-second);
		min-height: 42px;
		min-width: 160px;
		margin-bottom: 5px
	}

		.dk-detail .btn-download:hover {
			background-color: var(--bs-primary);
			border-color: var(--bs-primary)
		}

.dk-detail-top {
	color: #999;
	font-size: 13px;
	padding: 8px 0 6px 0;
	margin-bottom: 15px
}

	.dk-detail-top span {
		margin-right: 12px
	}

	.dk-detail-top .fa {
		margin-right: 4px
	}

	.dk-detail-top .btn {
		font-size: 9px;
		border: 0;
		background: #454545;
		padding: 0;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		position: relative;
		margin-left: 3px;
		font-weight: normal;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

		.dk-detail-top .btn .fa {
			margin: 0;
			font-size: 20px;
			color: #999
		}

		.dk-detail-top .btn:hover {
			background-color: var(--bs-primary);
			color: var(--bs-body-color)
		}

			.dk-detail-top .btn:hover [class^=ico-] {
				color: var(--bs-body-color)
			}

				.dk-detail-top .btn:hover [class^=ico-]::before {
					color: inherit
				}

			.dk-detail-top .btn:hover .icon-add::after,
			.dk-detail-top .btn:hover .icon-add::before {
				background-color: var(--bs-light)
			}

			.dk-detail-top .btn:hover .icon-plus {
				background-color: var(--bs-light)
			}

		.dk-detail-top .btn span {
			margin-right: 0
		}

	.dk-detail-top .icon-plus,
	.dk-detail-top .icon-add {
		margin: 0
	}

	.dk-detail-top [btn-reset] {
		color: var(--bs-placeholder);
		text-decoration: none;
		position: relative;
		left: 1px;
		top: 1px
	}

		.dk-detail-top [btn-reset]:hover {
			color: var(--bs-primary)
		}

.dk-detail-top-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 15px
}

	.dk-detail-top-2 .btn-item {
		font-size: 14px;
		color: var(--bs-placeholder);
		border-radius: 3px;
		background-color: var(--bs-light);
		border: 1px solid #e7e7e7;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 3px 9px 4px;
		padding-left: 14px;
		margin-right: 10px;
		margin-bottom: 10px;
		min-width: 130px;
		border-radius: 3px
	}

		.dk-detail-top-2 .btn-item i {
			font-size: 12px;
			margin-right: 8px
		}

	.dk-detail-top-2 .btn-action .btn-item {
		font-size: 15px;
		padding: 2px 3px 4px 8px;
		min-width: 30px;
		margin-right: 2px
	}

		.dk-detail-top-2 .btn-action .btn-item:hover {
			background-color: var(--bs-primary);
			color: var(--bs-light)
		}

.dk-detail-content {
	color: var(--bs-body-color);
	font-size: 16px;
	overflow: hidden;
	margin-bottom: 33px
}

	.dk-detail-content img {
		height: auto !important;
		max-width: 100% !important;
		display: inline
	}

		.dk-detail-content img[align=left] {
			margin-right: 25px;
			margin-bottom: 15px
		}

		.dk-detail-content img[align=right] {
			margin-left: 15px;
			margin-bottom: 15px
		}

	.dk-detail-content * {
		line-height: 1.5
	}

	.dk-detail-content b,
	.dk-detail-content h1,
	.dk-detail-content h2,
	.dk-detail-content h3,
	.dk-detail-content h4,
	.dk-detail-content h5,
	.dk-detail-content h6,
	.dk-detail-content strong {
		font-weight: 700
	}

	.dk-detail-content dfn,
	.dk-detail-content em {
		font-style: italic
	}

	.dk-detail-content dfn {
		font-weight: 700
	}

	.dk-detail-content code,
	.dk-detail-content kbd,
	.dk-detail-content p,
	.dk-detail-content pre {
		margin: 0 0 20px 0
	}

	.dk-detail-content blockquote {
		margin: 0 1em 1em 1em
	}

	.dk-detail-content cite {
		font-style: italic
	}

	.dk-detail-content li ol,
	.dk-detail-content li ul {
		margin: 0 1em
	}

	.dk-detail-content ol,
	.dk-detail-content ul {
		margin: 0 1em 1em 1em
	}

	.dk-detail-content ul {
		list-style-type: disc
	}

	.dk-detail-content ol {
		list-style-type: decimal
	}

		.dk-detail-content ol ol {
			list-style: upper-alpha
		}

			.dk-detail-content ol ol ol {
				list-style: lower-roman
			}

				.dk-detail-content ol ol ol ol {
					list-style: lower-alpha
				}

	.dk-detail-content dl {
		margin: 0 0 1em 0
	}

		.dk-detail-content dl dt {
			font-weight: 700
		}

	.dk-detail-content dd {
		margin-left: 1em
	}

	.dk-detail-content table {
		margin-bottom: 1em;
		width: 100%;
		color: var(--bs-body-color)
	}

	.dk-detail-content th {
		font-weight: 700
	}

	.dk-detail-content tfoot {
		font-style: italic
	}

	.dk-detail-content sub,
	.dk-detail-content sup {
		line-height: 0
	}

	.dk-detail-content abbr,
	.dk-detail-content acronym {
		border-bottom: 1px dotted
	}

	.dk-detail-content address {
		margin: 0 0 1em;
		font-style: italic
	}

	.dk-detail-content del {
		text-decoration: line-through
	}

	.dk-detail-content pre {
		margin: 1em 0;
		white-space: pre
	}

	.dk-detail-content figure {
		max-width: 100%
	}

	.dk-detail-content .aligncenter,
	.dk-detail-content div.aligncenter,
	.dk-detail-content img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.dk-detail-content img.alignright {
		display: inline
	}

	.dk-detail-content img.alignleft {
		display: inline
	}

	.dk-detail-content .alignright {
		float: right;
		margin-left: 10px
	}

	.dk-detail-content .alignleft {
		float: left;
		margin-right: 10px
	}

	.dk-detail-content img {
		max-width: 100%
	}

	.dk-detail-content * html .clearfix {
		height: 1%
	}

	.dk-detail-content .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}

	.dk-detail-content * html .group {
		height: 1%
	}

	.dk-detail-content .group:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}

	.dk-detail-content iframe,
	.dk-detail-content audio {
		width: 100% !important
	}

	.dk-detail-content table {
		color: var(--bs-body-color)
	}

		.dk-detail-content table td {
			padding: 5px
		}

	.dk-detail-content div,
	.dk-detail-content ol,
	.dk-detail-content ul,
	.dk-detail-content blockquote,
	.dk-detail-content table,
	.dk-detail-content p {
		font-size: 1em
	}

	.dk-detail-content h6 {
		font-size: 1rem;
		margin-bottom: 20px
	}

	.dk-detail-content h5 {
		font-size: 1rem;
		margin-bottom: 20px
	}

	.dk-detail-content h4 {
		font-size: 1.056rem;
		margin-bottom: 20px
	}

	.dk-detail-content h3 {
		font-size: 1.111em;
		margin-bottom: 20px
	}

	.dk-detail-content h2 {
		font-size: 1.167rem;
		margin-bottom: 20px
	}

	.dk-detail-content h1 {
		font-size: 1.222rem;
		margin-bottom: 20px
	}

	.dk-detail-content > div {
		margin-bottom: 16px
	}

		.dk-detail-content > div:last-child {
			margin-bottom: 5px
		}

	.dk-detail-content > p:last-child {
		margin-bottom: 5px
	}

	.dk-detail-content .dk-gallery-list {
		margin-top: 30px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20px
	}

	.dk-detail-content .videoWrapper {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		width: 100%
	}

		.dk-detail-content .videoWrapper::before {
			content: "";
			display: block;
			padding-bottom: 56.25%
		}

		.dk-detail-content .videoWrapper iframe {
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			object-fit: cover;
			max-width: 100%;
			border-radius: 20px
		}

	.dk-detail-content .lib-img {
		--bs-gutter-x: 16px
	}

	.dk-detail-content .btn.btn-dk {
		margin-top: 5px;
		font-size: 20px;
		font-weight: 700
	}

	.dk-detail-content .title-content {
		font-size: 15px;
		font-weight: bold;
		color: var(--bs-light);
		border-radius: 50px;
		background-color: var(--bs-primary);
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 2px 18px 2px 46px;
		margin: 9px 0;
		position: relative;
		min-height: 42px
	}

		.dk-detail-content .title-content span {
			background: #18984b;
			border: 1px solid var(--bs-light);
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			width: 38px;
			height: 38px;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			border-radius: 50%;
			margin-right: 8px;
			position: absolute;
			top: 50%;
			left: 2px;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%)
		}

.dk-detail-content-desc {
	font-weight: bold;
	padding-top: 5px
}

	.dk-detail-content-desc > * {
		margin-bottom: 16px
	}

	.dk-detail-content-desc.space,
	.dk-detail-content.space,
	.dk-detail-anchor.space {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto
	}

.dk-detail-comment-fb .title {
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: #00874e
}

.dk-detail-bottom {
	background-color: rgba(0,0,0,0);
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	background-color: rgba(0,0,0,0);
	padding: 6px 0 0;
	margin-top: 9px
}

	.dk-detail-bottom .btn {
		font-size: 13px;
		color: #999;
		background: #f7f7f7;
		border-radius: 3px;
		padding: 4px 13px;
		margin-right: 1px;
		cursor: pointer;
		-webkit-transition: none;
		transition: none
	}

		.dk-detail-bottom .btn:hover {
			color: var(--bs-light);
			background-color: var(--bs-primary)
		}

		.dk-detail-bottom .btn .fa {
			margin-right: 5px;
			color: inherit;
			-webkit-transition: none;
			transition: none
		}

	.dk-detail-bottom .detail-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.dk-detail-bottom .detail-social {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 7px;
		position: relative;
		z-index: 1;
		overflow: hidden
	}

		.dk-detail-bottom .detail-social .fb-share-button {
			position: relative;
			top: -2px
		}

	.dk-detail-bottom .detail-active {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-bottom: 7px
	}

		.dk-detail-bottom .detail-active .btn {
			margin-right: 8px
		}

			.dk-detail-bottom .detail-active .btn:last-child {
				margin-right: 0
			}

.dk-detail-tag {
	font-size: 16px;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin-top: 16px;
	margin-bottom: 5px;
	color: var(--bs-body-color)
}

	.dk-detail-tag > span {
		text-transform: uppercase
	}

	.dk-detail-tag .fa {
		font-size: 20px;
		margin-right: 8px;
		color: inherit
	}

	.dk-detail-tag .list-tag {
		margin-left: 13px
	}

	.dk-detail-tag .item-tag {
		font-weight: normal;
		text-decoration: none;
		font-size: 15px;
		padding: 6px 18px 4px;
		background-color: var(--bs-light);
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		display: inline-block;
		margin-right: 3px;
		margin-bottom: 10px;
		border: 1px solid var(--bs-primary);
		border-radius: 16px
	}

		.dk-detail-tag .item-tag:hover {
			background-color: var(--bs-primary);
			color: var(--bs-light)
		}

.dk-detail-anchor {
	padding: 16px 28px 3px;
	margin-bottom: 24px;
	border-radius: 10px;
	background-color: #8daddc;
	color: var(--bs-light);
	margin-top: 22px
}

	.dk-detail-anchor a {
		color: var(--bs-light);
		display: block;
		margin-bottom: 4px
	}

		.dk-detail-anchor a:hover {
			color: var(--bs-primary)
		}

	.dk-detail-anchor ul,
	.dk-detail-anchor ol {
		margin-bottom: 0
	}

		.dk-detail-anchor ul li::marker {
			color: #7b7b7b
		}

	.dk-detail-anchor [class*=sub-h] {
		padding-left: 8px;
		position: relative;
		margin-left: 10px;
		margin-bottom: 8px
	}

		.dk-detail-anchor [class*=sub-h]::before {
			position: absolute;
			top: 5px;
			left: -6px;
			width: 5px;
			height: 8px;
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: ""
		}

	.dk-detail-anchor .title-anchor {
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 9px
	}

	.dk-detail-anchor .sub-h2 {
		padding-left: 9px;
		font-size: 16px
	}

		.dk-detail-anchor .sub-h2 ~ .sub-h3 {
			padding-left: 20px;
			font-size: 16px
		}

	.dk-detail-anchor .sub-h3 ~ .sub-h4 {
		padding-left: 30px;
		font-size: 16px
	}

		.dk-detail-anchor .sub-h3 ~ .sub-h4::before {
			content: "•";
			color: #7b7b7b;
			font-weight: bold;
			display: inline-block;
			width: 1em;
			margin-left: -1em
		}

	.dk-detail-anchor .sub-h3 ~ .sub-h4,
	.dk-detail-anchor .sub-h4 ~ .sub-h5,
	.dk-detail-anchor .sub-h5 ~ .sub-h6 {
		padding-left: 40px;
		font-size: 16px
	}

	.dk-detail-anchor .dk-detail-anchor-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 12px
	}

	.dk-detail-anchor .dk-detail-anchor-content {
		margin-bottom: 10px;
		overflow: hidden
	}

		.dk-detail-anchor .dk-detail-anchor-content.show-full {
			height: auto !important
		}

	.dk-detail-anchor .icon-collapse {
		font-size: 20px;
		color: var(--bs-light);
		cursor: pointer;
		font-weight: bold;
		display: inline-block;
		margin-right: 3px
	}

	.dk-detail-anchor .icon-menu {
		color: var(--bs-light);
		font-size: 20px;
		font-style: normal;
		font-weight: 700
	}

		.dk-detail-anchor .icon-menu span {
			font-size: 17px;
			font-weight: normal;
			text-transform: none
		}

		.dk-detail-anchor .icon-menu .fa {
			font-size: 18px;
			margin-right: 10px
		}

	.dk-detail-anchor .view-more-detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		opacity: 1;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.dk-detail-anchor.active .dk-detail-anchor-header {
		margin-bottom: 0
	}

	.dk-detail-anchor.active .icon-collapse {
		font-size: 0
	}

		.dk-detail-anchor.active .icon-collapse::before {
			content: "[Hiện]";
			display: inline-block;
			font-size: 15px
		}

	.dk-detail-anchor.active .view-more-detail {
		display: none;
		max-height: 0;
		opacity: 0
	}

.dk-detail-anchor-float {
	position: fixed;
	top: 46px;
	left: 0;
	z-index: 9;
	display: none
}

	.dk-detail-anchor-float ::-webkit-scrollbar {
		width: 7px
	}

	.dk-detail-anchor-float ::-webkit-scrollbar-track {
		background: rgba(0,0,0,0)
	}

	.dk-detail-anchor-float ::-webkit-scrollbar-thumb {
		background: #f0e6d1;
		border-radius: 3px
	}

		.dk-detail-anchor-float ::-webkit-scrollbar-thumb:hover {
			background: var(--bs-primary)
		}

	.dk-detail-anchor-float .dk-detail-anchor {
		margin: 0;
		padding: 9px 6px;
		border-radius: 0 10px
	}

	.dk-detail-anchor-float .icon-collapse {
		display: none;
		padding: 0;
		position: relative
	}

		.dk-detail-anchor-float .icon-collapse .fa {
			display: none
		}

	.dk-detail-anchor-float .dk-detail-anchor-content {
		padding: 15px;
		display: none;
		margin-bottom: 0;
		max-height: 70vh;
		overflow: auto
	}

	.dk-detail-anchor-float .icon-menu {
		font-size: 16px;
		cursor: pointer
	}

	.dk-detail-anchor-float .dk-detail-anchor-header {
		margin-bottom: 0
	}

	.dk-detail-anchor-float.active .icon-collapse {
		display: block
	}

	.dk-detail-anchor-float.sticky {
		display: none !important
	}

@media screen and (max-width: 1366px) {
	.dk-detail .dk-detail-title {
		margin-bottom: 10px
	}
}

@media screen and (max-width: 1200px) {
	.dk-detail .dk-detail-content .img-about {
		width: 50%
	}
}

@media screen and (max-width: 992px) {
	.dk-detail-bottom .btn {
		margin-right: 1px
	}
}

@media screen and (max-width: 991px) {
	.dk-detail .dk-detail-content .dk-gallery-list {
		grid-template-columns: 1fr 1fr
	}
}

@media screen and (max-width: 767px) {
	.dk-detail-tag > span {
		white-space: nowrap;
		font-size: 14px
	}

	.dk-detail-tag .list-tag {
		margin-left: 10px;
		white-space: nowrap
	}

	.dk-detail-tag .item-tag {
		margin-right: 3px;
		margin-bottom: 5px;
		font-size: 12px;
		padding: 5px 5px 4px
	}

	.dk-detail {
		padding: 25px 0
	}

		.dk-detail .dk-detail-title {
			font-size: 18px;
			margin-bottom: 15px;
			padding-left: 35px
		}

		.dk-detail .imageWrapper .image-desc {
			padding: 0 10px
		}

	.dk-detail-content {
		font-size: 16px
	}
}

@media screen and (max-width: 575px) {
	.dk-detail .dk-detail-top span {
		white-space: normal;
		margin-bottom: 5px;
		margin-right: 5px
	}

		.dk-detail .dk-detail-top span:last-child {
			margin-right: 0
		}

	.dk-detail-bottom .btn {
		padding: 4px 5px 2px
	}

	.dk-detail .dk-detail-content .dk-gallery-list {
		grid-template-columns: 1fr
	}
}

.input-group-icon {
	background-color: var(--bs-light);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px
}

	.input-group-icon .input-icon {
		width: 42px;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-top: 9px;
		width: 42px;
		border-radius: 0;
		border: 1px solid #e0e0e0;
		border-right: 0
	}

		.input-group-icon .input-icon .fa {
			font-size: 20px;
			width: 42px;
			padding-top: 2px;
			color: var(--bs-primary)
		}

		.input-group-icon .input-icon img {
			text-align: center;
			max-width: 23px;
			height: -webkit-fit-content;
			height: -moz-fit-content;
			height: fit-content
		}

	.input-group-icon .form-control {
		border: 1px solid #e0e0e0;
		border-left: 0;
		border-radius: 0;
		padding-left: 10px
	}

.form-code {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #e0e0e0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px
}

	.form-code .icon-repeat {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40px;
		flex: 0 0 40px
	}

	.form-code img {
		max-width: 111px;
		max-height: 40px
	}

	.form-code .input-group-icon {
		border: 0;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0px;
		flex: 1 0 0;
		margin-bottom: 0
	}

	.form-code .input-icon {
		border: 0
	}

	.form-code .form-control {
		border: 0
	}

.dk-comp-news {
	border-radius: 10px;
	padding: 21px 21px 12px;
	background: rgba(var(--bs-primary-rgb), 0.04);
	margin-bottom: 30px
}

	.dk-comp-news .dk-title-comp {
		font-size: 22px;
		color: var(--bs-body-color-3);
		font-weight: bold;
		margin-bottom: 21px
	}

	.dk-comp-news .dk-item-hoz {
		border: 0;
		border-bottom: 0;
		margin-bottom: 10px;
		padding-bottom: 15px;
		border-radius: 0;
		background-color: rgba(0,0,0,0)
	}

		.dk-comp-news .dk-item-hoz:last-child {
			border-bottom: 0;
			margin-bottom: 0
		}

		.dk-comp-news .dk-item-hoz .dk-item-info {
			padding: 0 0 0 15px;
			background-color: rgba(0,0,0,0)
		}

		.dk-comp-news .dk-item-hoz .dk-item-img {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 100px;
			flex: 0 0 100px;
			border-radius: 5px
		}

			.dk-comp-news .dk-item-hoz .dk-item-img::before {
				padding-bottom: 67%
			}

			.dk-comp-news .dk-item-hoz .dk-item-img img {
				border-radius: 0
			}

		.dk-comp-news .dk-item-hoz .dk-item-title {
			font-size: 18px;
			font-weight: bold;
			color: var(--bs-body-color);
			display: -webkit-box;
			margin-bottom: 0;
			min-height: 0;
			margin-top: -5px;
			-webkit-line-clamp: 2;
			line-clamp: 2
		}

			.dk-comp-news .dk-item-hoz .dk-item-title a {
				line-height: 1.3 !important
			}

		.dk-comp-news .dk-item-hoz .dk-item-price {
			font-size: 18px;
			color: #daaf63;
			font-weight: bold
		}

		.dk-comp-news .dk-item-hoz .dk-item-time {
			font-size: 14px;
			color: var(--bs-body-color-2);
			margin-bottom: 12px;
			margin-top: -4px
		}

			.dk-comp-news .dk-item-hoz .dk-item-time i {
				font-size: 14px;
				color: var(--bs-primary);
				margin-right: 8px
			}

@media screen and (max-width: 767px) {
	.dk-comp-news {
		margin-bottom: 30px
	}

		.dk-comp-news .dk-item-hoz {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
		}

			.dk-comp-news .dk-item-hoz .dk-item-info {
				padding-bottom: 0
			}
}

.paging {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 0;
	padding-top: 27px
}

	.paging .text {
		margin-right: 25px
	}

	.paging a {
		font-size: 15px;
		text-decoration: none;
		margin: 2px 5px;
		color: var(--bs-primary-dark);
		padding: 0 10px;
		border-radius: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-width: 34px;
		height: 34px;
		text-align: center;
		position: relative;
		border: 1px solid #e6e6e6;
		background: var(--bs-light)
	}

		.paging a:hover {
			color: var(--bs-light);
			background-color: var(--bs-primary);
			border-color: var(--bs-primary)
		}

		.paging a.hientai {
			color: var(--bs-primary);
			background: var(--bs-light);
			border: 1px solid var(--bs-primary);
			position: relative;
			z-index: auto;
			color: var(--bs-light);
			background-color: var(--bs-primary);
			border-color: var(--bs-primary)
		}

		.paging a.dau,
		.paging a.cuoi {
			font-size: 0;
			min-width: 20px;
			margin: 2px 5px;
			padding: 0;
			background: none;
			background: var(--bs-light);
			width: 34px;
			color: #999
		}

			.paging a.dau::after,
			.paging a.cuoi::after {
				content: "";
				display: inline-block;
				font: normal normal normal 14px/1 FontAwesome;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				font-size: 24px;
				color: inherit
			}

			.paging a.dau:hover,
			.paging a.cuoi:hover {
				color: var(--bs-primary)
			}

			.paging a.cuoi::after {
				content: ""
			}

		.paging a.truoc,
		.paging a.sau {
			font-size: 0;
			margin: 2px 2px;
			background-color: rgba(0,0,0,0);
			background: var(--bs-light);
			width: 9px;
			width: 34px;
			min-width: auto;
			padding: 0
		}

			.paging a.truoc::after,
			.paging a.sau::after {
				content: "";
				width: 9px;
				height: 18px;
				background: url("../img/icons/arrow-next.png") no-repeat center;
				display: inline-block;
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg)
			}

			.paging a.truoc:hover,
			.paging a.sau:hover {
				-webkit-filter: saturate(0%) brightness(0%) invert(0) opacity(1);
				filter: saturate(0%) brightness(0%) invert(0) opacity(1);
				filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 var(--r)            0 0 0 0 var(--g)            0 0 0 0 var(--b)            0 0 0 1 0          "/>        </filter>      </svg>      #recolor')
			}

				.paging a.truoc:hover::after,
				.paging a.sau:hover::after {
					-webkit-filter: saturate(0%) brightness(0%) invert(0) opacity(1);
					filter: saturate(0%) brightness(0%) invert(0) opacity(1);
					filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 var(--r)            0 0 0 0 var(--g)            0 0 0 0 var(--b)            0 0 0 1 0          "/>        </filter>      </svg>      #recolor')
				}

			.paging a.sau::after {
				background: url("../img/icons/arrow-next.png") no-repeat center;
				-webkit-transform: rotate(0);
				transform: rotate(0)
			}

@media screen and (max-width: 375px) {
	.paging {
		margin-top: 15px
	}
}

@media screen and (max-width: 1366px) {
	.fancybox-slide .modal-img {
		max-width: 75%
	}
}

@media screen and (max-width: 1280px) {
	body {
		-ms-touch-action: pan-x pan-y;
		touch-action: pan-x pan-y
	}
}

@media screen and (max-width: 1200px) {
	body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		min-height: 100vh
	}

		body main {
			-webkit-box-flex: 1;
			-ms-flex: 1 0 0%;
			flex: 1 0 0%
		}

	.btn-item[btn-space] {
		display: none
	}

	.dk-breadcrumb .breadcrumb {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		white-space: nowrap;
		max-width: 100%;
		overflow: auto
	}

	.dk-breadcrumb .breadcrumb-item + .breadcrumb-item {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}

	.fancybox-slide .modal-map {
		width: 100%;
		height: 500px
	}

	.fancybox-slide .modal-img {
		max-width: 90%
	}
}

@media screen and (max-width: 992px) {
	.dk-block-content-aside {
		display: block
	}
}

@media screen and (max-width: 991px) {
	#info-buyer .btn-icon {
		font-size: 14px
	}

	.successes-notify .content-notify {
		padding: 17px 50px
	}

	.successes-notify .h5 {
		font-size: 32px
	}
}

@media screen and (max-width: 767px) {
	.mapGG {
		padding-bottom: 90%
	}

	.dk-calendar,
	.dk-slider-3.dk-calendar {
		margin-bottom: 20px
	}

	.successes-notify .fa {
		font-size: 70px
	}

	.successes-notify .content-notify {
		padding: 17px 20px
	}
}

@media screen and (max-width: 575px) {
	.successes-notify {
		padding: 40px 20px
	}

		.successes-notify .content-notify {
			padding: 17px 0px
		}

		.successes-notify .fa {
			font-size: 55px
		}

		.successes-notify .h5 {
			font-size: 22px
		}

	.page-404 img {
		width: 200px;
		height: auto
	}

	.page-404 .text01 {
		font-size: 20px
	}

	.page-404 .text02 {
		font-size: 16px
	}

	.page-404 .btn-home {
		margin-bottom: 15px
	}

	.page-404 .btn-dk {
		margin-bottom: 15px
	}

	.dk-breadcrumb .btn-outline-dr {
		right: 5px;
		padding: 2px 10px
	}

	.dk-block {
		padding: 0 15px 15px
	}

	.dk-contact .contact-map {
		padding: 30px 16px
	}

	.dk-contact .contact-form {
		padding: 30px 32px
	}

	.dk-banner .slick-list,
	.dk-banner .slick-track {
		height: 100%
	}

	.dk-banner img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%
	}

	.dk-banner .banner-note {
		width: 100%;
		background: rgba(255,255,255,.6);
		padding: 10px
	}
}

@media screen and (max-width: 425px) {
	.dk-title-section-hp {
		font-size: 22px
	}

		.dk-title-section-hp img {
			vertical-align: sub
		}

	.dk-contact-page + .dk-comp-partner {
		margin-top: 30px
	}

	.form-control-file {
		width: 140px
	}

		.form-control-file .filename {
			padding-left: 14px
		}

		.form-control-file .note-upfile {
			font-size: 12px
		}
}

@media screen and (max-width: 375px) {
	.dk-contact h5 {
		font-size: 18px
	}

	.dk-contact .contact-form .h6 {
		font-size: 18px
	}
}

.view-more {
	font-size: 16px;
	position: absolute;
	top: 11px;
	right: 0
}

	.view-more i {
		margin-left: 5px
	}

	.view-more:hover {
		color: var(--bs-primary)
	}

.view-all {
	font-size: 15px;
	color: var(--bs-body-color);
	font-weight: 400;
	border-radius: 21px;
	border: 1px solid var(--bs-primary);
	padding: 9px 23px;
	display: inline-block
}

	.view-all i {
		color: inherit;
		font-size: 16px;
		display: inline-block;
		margin-left: 7px
	}

	.view-all:hover {
		background-color: var(--bs-primary);
		color: var(--bs-light)
	}

.noti-hp {
	background: rgba(var(--bs-primary-rgb), 0.05);
	padding: 76px 0 87px;
	position: relative;
	z-index: 1
}

	.noti-hp .title-section {
		margin-bottom: 35px
	}

	.noti-hp .noti-lt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-bottom: -7px
	}

	.noti-hp .noti-it {
		max-width: 590px;
		position: relative;
		margin-bottom: 46px;
		padding-left: 100px
	}

	.noti-hp .noti-dt {
		position: absolute;
		top: 3px;
		left: 20px;
		color: var(--bs-body-color-2);
		font-size: 14px;
		font-weight: 400;
		text-align: center
	}

		.noti-hp .noti-dt strong {
			display: block;
			font-size: 24px;
			color: var(--bs-body-color-3);
			text-align: center;
			margin-top: -2px
		}

	.noti-hp .noi-tit {
		min-height: 48px;
		font-size: 18px;
		font-weight: bold;
		color: var(--bs-body-color-1);
		margin-bottom: 6px
	}

	.noti-hp .noti-mr {
		font-size: 14px;
		color: var(--bs-body-color-2)
	}

		.noti-hp .noti-mr i {
			font-size: initial;
			color: var(--bs-primary);
			display: inline-block;
			margin-right: 7px
		}

.tt-hp {
	padding: 56px 0 74px;
	overflow: hidden
}

	.tt-hp .title-section {
		margin-bottom: -17px
	}

	.tt-hp .tt-lt {
		margin: 0 -10px 10px
	}

	.tt-hp .owl-item > div {
		padding: 20px 10px
	}

@media screen and (max-width: 1024px) {
	.noti-hp {
		padding: 30px 0
	}

		.noti-hp .title-section {
			margin-bottom: 20px
		}

	.tt-hp .owl-carousel {
		padding-right: 100px;
		overflow: hidden
	}

	.tt-hp .owl-stage-outer {
		overflow: visible
	}

		.tt-hp .owl-stage-outer .owl-item.active {
			opacity: 1 !important
		}

			.tt-hp .owl-stage-outer .owl-item.active ~ .owl-item {
				opacity: .5
			}

		.tt-hp .owl-stage-outer .owl-nav .owl-next {
			right: 40px
		}
}

@media screen and (max-width: 767px) {
	.noti-hp .noti-lt {
		display: block
	}

	.noti-hp .noti-it {
		padding-left: 75px;
		margin-bottom: 25px
	}
}

body {
	background: #f4fbfe;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(244, 251, 254)), to(rgb(246, 252, 255)));
	background: linear-gradient(180deg, rgb(244, 251, 254) 0%, rgb(246, 252, 255) 100%);
	background: var(--bs-body-background)
}

.title-section {
	font-family: var(--bs-font-second);
	color: var(--bs-body-color);
	font-size: 54px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 8px
}

	.title-section a:hover {
		color: var(--bs-primary)
	}

.container-fluid {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 100%
}

.dk-breadcrumb {
	background-color: rgba(0,0,0,0);
	margin-bottom: 0
}

.bnbc {
	position: relative
}

	.bnbc::before {
		content: "";
		display: block;
		padding-bottom: 27.3684210526%
	}

	.bnbc img {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		max-width: 100%
	}

	.bnbc .container-fluid {
		position: relative
	}

	.bnbc .bnbc_bc {
		color: var(--bs-light);
		position: absolute;
		top: 50%;
		left: calc((100vw - 1310px)/2);
		z-index: 7;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}

	.bnbc .page-name {
		font-size: 54px;
		line-height: 40px;
		color: #fff;
		font-weight: 700
	}

	.bnbc .dk-breadcrumb .breadcrumb-item {
		color: var(--bs-light)
	}

		.bnbc .dk-breadcrumb .breadcrumb-item a {
			color: var(--bs-light)
		}

.h51m3lll6j {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: 40px
}

.dk-item-ver {
	-webkit-box-shadow: 0px 8px 15px rgba(0,0,0,.04);
	box-shadow: 0px 8px 15px rgba(0,0,0,.04)
}

.n1vardxlcl .dk-item-ver {
	border-radius: 20px;
	-webkit-box-shadow: 0px 8px 15px rgba(0,0,0,.04);
	box-shadow: 0px 8px 15px rgba(0,0,0,.04);
	background-color: var(--bs-light);
	margin-bottom: 30px;
	height: auto
}

	.n1vardxlcl .dk-item-ver .dk-item-img::before {
		padding-bottom: 56.3095238095%
	}

	.n1vardxlcl .dk-item-ver .dk-item-info {
		position: relative;
		padding: 33px 29px
	}

	.n1vardxlcl .dk-item-ver .dk-item-tag {
		color: var(--bs-light);
		font-size: 14px;
		border-radius: 5px;
		background-color: var(--bs-primary);
		position: absolute;
		top: -15px;
		left: 28px
	}

	.n1vardxlcl .dk-item-ver .dk-item-top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 15px;
		color: var(--bs-placeholder);
		font-weight: 400;
		margin-bottom: 13px
	}

		.n1vardxlcl .dk-item-ver .dk-item-top div {
			margin-right: 33px
		}

			.n1vardxlcl .dk-item-ver .dk-item-top div:last-child {
				margin-right: 0
			}

		.n1vardxlcl .dk-item-ver .dk-item-top .fa {
			font-size: 12px;
			color: var(--bs-primary);
			margin-right: 7px
		}

	.n1vardxlcl .dk-item-ver .dk-item-title {
		font-size: 25px;
		line-height: 34px;
		color: var(--bs-body-color);
		font-weight: 700;
		min-height: 0;
		margin-bottom: 11px
	}

	.n1vardxlcl .dk-item-ver .dk-item-desc {
		font-size: 18px;
		color: var(--bs-body-color-4);
		min-height: 0;
		margin-bottom: 15px
	}

	.n1vardxlcl .dk-item-ver .dk-item-read {
		font-size: 17px;
		color: var(--bs-light);
		border-radius: 10px;
		background-color: var(--bs-primary);
		padding: 8px 19px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 1px solid var(--bs-primary)
	}

		.n1vardxlcl .dk-item-ver .dk-item-read:hover {
			background-color: var(--bs-light);
			color: var(--bs-primary)
		}

		.n1vardxlcl .dk-item-ver .dk-item-read i {
			margin-left: 5px;
			color: inherit;
			position: relative;
			top: 1px
		}

.y8csdbidb5 {
	border-radius: 10px;
	padding: 43px 21px;
	background: rgba(var(--bs-primary-rgb), 0.04);
	margin-bottom: 30px
}

	.y8csdbidb5 .y8csdbidb5_ct {
		position: relative
	}

	.y8csdbidb5 .form-control {
		font-size: 17px;
		border-radius: 10px;
		color: var(--bs-body-color-3);
		background-color: var(--bs-light);
		border: 1px solid rgba(var(--bs-primary-rgb), 0.34);
		padding: 12px 18px
	}

		.y8csdbidb5 .form-control::-webkit-input-placeholder {
			color: var(--bs-body-color-3)
		}

		.y8csdbidb5 .form-control::-moz-placeholder {
			color: var(--bs-body-color-3)
		}

		.y8csdbidb5 .form-control:-ms-input-placeholder {
			color: var(--bs-body-color-3)
		}

		.y8csdbidb5 .form-control::-ms-input-placeholder {
			color: var(--bs-body-color-3)
		}

		.y8csdbidb5 .form-control::placeholder {
			color: var(--bs-body-color-3)
		}

	.y8csdbidb5 .y8csdbidb5_s {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 29px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

.e35yo17h6c {
	border-radius: 10px;
	padding: 21px 21px 1px;
	background: rgba(var(--bs-primary-rgb), 0.04);
	margin-bottom: 24px
}

	.e35yo17h6c .e35yo17h6c_tt {
		font-size: 22px;
		color: var(--bs-body-color-3);
		font-weight: bold;
		margin-bottom: 11px
	}

	.e35yo17h6c .e35yo17h6c_h {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 20px;
		padding-bottom: 10px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.e35yo17h6c .e35yo17h6c_l {
		color: var(--bs-light);
		font-size: 16px;
		border-radius: 10px;
		background-color: var(--bs-primary);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 80px;
		flex: 0 0 80px;
		width: 80px;
		height: 80px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 10px
	}

		.e35yo17h6c .e35yo17h6c_l strong {
			font-family: var(--bs-font-second);
			font-size: 30px;
			font-weight: bold;
			margin-top: -5px
		}

	.e35yo17h6c .e35yo17h6c_t {
		font-size: 18px;
		color: var(--bs-body-color);
		font-weight: bold;
		line-height: 1.4 !important;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 6px
	}

		.e35yo17h6c .e35yo17h6c_t a {
			line-height: inherit
		}

	.e35yo17h6c .e35yo17h6c_i {
		padding-left: 18px;
		margin-top: -4px
	}

	.e35yo17h6c .e35yo17h6c_ti {
		font-size: 14px;
		color: var(--bs-body-color-2)
	}

		.e35yo17h6c .e35yo17h6c_ti i {
			color: var(--bs-primary);
			margin-right: 9px
		}

.xyc51j0r9z .xyc51j0r9z_it {
	margin-bottom: 30px
}

.dk-detail {
	margin-top: 84px;
	margin-bottom: 32px
}

	.dk-detail .dk-detail-title {
		font-family: var(--bs-font-third);
		text-transform: none;
		font-size: 40px;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.25 !important;
		margin-bottom: 16px
	}

	.dk-detail .dk-detail-img {
		margin-bottom: 34px
	}

	.dk-detail .dk-detail-top-2 {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.dk-detail .dk-detail-content {
		font-family: var(--bs-font-4th);
		font-size: 18px;
		color: var(--bs-body-color);
		font-weight: 400
	}

		.dk-detail .dk-detail-content * {
			line-height: 1.75 !important
		}

		.dk-detail .dk-detail-content p {
			max-width: 900px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 32px
		}

			.dk-detail .dk-detail-content p:last-child {
				margin-bottom: 0
			}

		.dk-detail .dk-detail-content img {
			margin-bottom: 36px
		}

	.dk-detail .dk-detail-bottom {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto
	}

.view-all-more {
	position: absolute;
	top: 9px;
	right: 0;
	font-size: 15px;
	color: var(--bs-body-color-3);
	border-bottom: 1px solid var(--bs-primary)
}

.ige26kv7ba {
	margin-bottom: 60px
}

.eh5apit9v8 {
	background: rgba(var(--bs-primary-rgb), 0.08);
	padding-bottom: 70px;
	padding-top: 54px
}

.f03l9vbd7f .f03l9vbd7f_it {
	border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.72);
	position: relative;
	padding: 30px 0 30px;
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr)
}

	.f03l9vbd7f .f03l9vbd7f_it::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 2px;
		background: rgba(var(--bs-primary-rgb), 0.72);
		opacity: 0
	}

	.f03l9vbd7f .f03l9vbd7f_it:hover {
		background: rgba(var(--bs-primary-rgb), 0.14)
	}

		.f03l9vbd7f .f03l9vbd7f_it:hover::after {
			opacity: 1
		}

		.f03l9vbd7f .f03l9vbd7f_it:hover .f03l9vbd7f_it_t {
			color: var(--bs-primary)
		}

.f03l9vbd7f .f03l9vbd7f_it_l {
	font-family: var(--bs-font-5th);
	font-size: 16px;
	color: var(--bs-body-color-2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

	.f03l9vbd7f .f03l9vbd7f_it_l strong {
		font-family: var(--bs-font-6th);
		font-size: 24px;
		font-weight: bold;
		color: var(--bs-body-color-3);
		margin-top: -5px
	}

.f03l9vbd7f .f03l9vbd7f_it_i {
	padding-left: 20px
}

.f03l9vbd7f .f03l9vbd7f_it_t {
	font-family: var(--bs-font-4th);
	font-size: 18px;
	line-height: 1.25 !important;
	color: var(--bs-body-color);
	font-weight: bold;
	margin-bottom: 10px
}

	.f03l9vbd7f .f03l9vbd7f_it_t a {
		line-height: inherit
	}

.f03l9vbd7f .f03l9vbd7f_it_ti {
	font-size: 14px;
	line-height: 24px;
	color: var(--bs-body-color-2);
	font-weight: 400;
	font-family: var(--bs-font-4th)
}

	.f03l9vbd7f .f03l9vbd7f_it_ti i {
		color: var(--bs-primary);
		margin-right: 8px
	}

.mwg7fnk0bj_it {
	border-bottom: 3px solid rgba(var(--bs-primary-rgb), 0.72);
	position: relative;
	padding: 30px 0 18px;
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	margin-bottom: 27px
}

	.mwg7fnk0bj_it .mwg7fnk0bj_it_l {
		font-family: var(--bs-font-5th);
		font-size: 31px;
		color: var(--bs-body-color-2);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

		.mwg7fnk0bj_it .mwg7fnk0bj_it_l strong {
			font-family: var(--bs-font-6th);
			font-size: 47px;
			font-weight: bold;
			color: var(--bs-body-color-3);
			margin-top: -5px
		}

	.mwg7fnk0bj_it .mwg7fnk0bj_it_i {
		padding-left: 34px
	}

	.mwg7fnk0bj_it .mwg7fnk0bj_it_t {
		font-family: var(--bs-font-4th);
		font-size: 40px;
		line-height: 1.25 !important;
		color: var(--bs-body-color-3);
		font-weight: bold;
		margin-bottom: 18px
	}

		.mwg7fnk0bj_it .mwg7fnk0bj_it_t a {
			line-height: inherit
		}

	.mwg7fnk0bj_it .mwg7fnk0bj_it_ti {
		font-size: 14px;
		line-height: 24px;
		color: var(--bs-body-color-2);
		font-weight: 400;
		font-family: var(--bs-font-4th)
	}

		.mwg7fnk0bj_it .mwg7fnk0bj_it_ti i {
			color: var(--bs-primary);
			margin-right: 8px
		}

.t06k4qd15g {
	background: rgba(var(--bs-primary-rgb), 0.08);
	padding-bottom: 70px
}

.u08w3yzaip .e35yo17h6c {
	background-color: var(--bs-light);
	padding-top: 80px
}

	.u08w3yzaip .e35yo17h6c .e35yo17h6c_tt {
		font-size: 24px
	}

.u6a0trg7u8 .dk-detail {
	margin-top: 50px
}

.wu73jw4q14 {
	background: url("../img/bg-login.jpg");
	background-position: center;
	background-size: cover;
	min-height: 100vh;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

	.wu73jw4q14 .dn-fr {
		font-size: 15px;
		border-radius: 30px;
		-webkit-filter: drop-shadow(2.347px 4.415px 27px rgba(0, 0, 0, 0.14));
		filter: drop-shadow(2.347px 4.415px 27px rgba(0, 0, 0, 0.14));
		background-color: rgba(255,255,255,.9);
		padding: 63px 50px 100px;
		width: 100%;
		max-width: 580px;
		margin-right: 10vw
	}

	.wu73jw4q14 .form-control {
		font-size: 15px;
		width: 100%;
		max-width: 475px;
		border-radius: 10px;
		background-color: var(--bs-light);
		border: 1px solid var(--bs-primary);
		padding: 13px 19px
	}

		.wu73jw4q14 .form-control::-webkit-input-placeholder {
			color: #666
		}

		.wu73jw4q14 .form-control::-moz-placeholder {
			color: #666
		}

		.wu73jw4q14 .form-control:-ms-input-placeholder {
			color: #666
		}

		.wu73jw4q14 .form-control::-ms-input-placeholder {
			color: #666
		}

		.wu73jw4q14 .form-control::placeholder {
			color: #666
		}

	.wu73jw4q14 .input-group {
		margin-bottom: 34px
	}

		.wu73jw4q14 .input-group label {
			display: block;
			font-size: 15px;
			line-height: 24px;
			color: #000;
			font-family: "Google Sans";
			text-align: left;
			margin-bottom: 6px
		}

		.wu73jw4q14 .input-group + .input-group {
			margin-bottom: 15px
		}

	.wu73jw4q14 .dn-fr-logo {
		text-align: center;
		margin-top: 36px;
		margin-bottom: 48px
	}

		.wu73jw4q14 .dn-fr-logo img {
			max-width: 363px;
			margin-left: auto;
			margin-right: auto
		}

	.wu73jw4q14 .btn-dk {
		border-radius: 25px;
		margin-top: 28px;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 10px
	}

.border-bk {
	background-color: var(--bs-primary);
	height: 42px;
	display: block
}

.YlKgNnMpoa {
	margin: auto;
	width: 100%;
	max-width: 460px;
	padding-top: 56px;
	padding-bottom: 100px
}

	.YlKgNnMpoa .YlKgNnMpoa_t {
		font-size: 16px;
		line-height: 26px;
		color: #000;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 30px
	}

	.YlKgNnMpoa .form-label {
		font-weight: bold;
		display: inline-block;
		margin-bottom: 7px
	}

	.YlKgNnMpoa .form-control {
		border-radius: 5px;
		background-color: #f7f7f7;
		border-color: #f7f7f7
	}

	.YlKgNnMpoa + .lthgOjwNZk {
		margin-top: -30px
	}

.lthgOjwNZk {
	margin-bottom: 30px
}

	.lthgOjwNZk table {
		--bs-table-text-color: #333333;
		--bs-table-bg: white;
		--bs-table-accent-bg: transparent;
		--bs-table-striped-color: #212529;
		--bs-table-striped-bg: #e9f9ff;
		--bs-table-active-color: #212529;
		--bs-table-active-bg: rgba(0, 0, 0, 0.1);
		--bs-table-hover-color: #212529;
		--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
		width: 100%;
		margin-bottom: 1rem;
		color: var(--bs-table-text-color);
		vertical-align: top;
		border-radius: 20px;
		overflow: hidden;
		border-collapse: separate;
		border-spacing: 0;
		width: 100%;
		max-width: 100%;
		min-width: 1280px;
		border: 1px solid #d5d5d5
	}

		.lthgOjwNZk table > :not(caption) > * > * {
			padding: .5rem .5rem;
			background-color: var(--bs-table-bg);
			border-bottom-width: 1px;
			-webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
			box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
		}

		.lthgOjwNZk table > :not(caption) > * {
			border-width: 1px 0
		}

			.lthgOjwNZk table > :not(caption) > * > * {
				border-width: 0 1px
			}

		.lthgOjwNZk table > tbody {
			vertical-align: inherit
		}

		.lthgOjwNZk table thead {
			background: var(--bs-table-striped-bg);
			overflow: hidden
		}

			.lthgOjwNZk table thead tr {
				border-top: 0
			}

			.lthgOjwNZk table thead th {
				font-size: 14px;
				font-weight: bold;
				background: var(--bs-table-striped-bg);
				border-top: 0;
				border-left: 0;
				padding: 10px 3px
			}

				.lthgOjwNZk table thead th:last-child {
					border: 0
				}

				.lthgOjwNZk table thead th:first-child {
					border-left: 0
				}

		.lthgOjwNZk table tbody tr:nth-child(even) td {
			background: var(--bs-table-striped-bg)
		}

		.lthgOjwNZk table tbody td {
			font-size: 15px;
			padding: 10px 6px;
			border: 0
		}

			.lthgOjwNZk table tbody td:last-child {
				border: 0
			}

			.lthgOjwNZk table tbody td:first-child {
				border-left: 0
			}

		.lthgOjwNZk table tfoot td {
			font-size: 18px;
			background: var(--bs-table-striped-bg)
		}

		.lthgOjwNZk table[border="0"] {
			border: 0
		}

			.lthgOjwNZk table[border="0"] * {
				border: 0
			}

.table-responsive {
	overflow: auto
}

.table-responsive-wrap {
	font-size: 15px;
	margin-bottom: 18px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #dddbe5;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr
}

	.table-responsive-wrap .col > div {
		padding: 14px 14px 14px 32px;
		min-height: 52px;
		border-bottom: 1px solid #d5d5d5
	}

		.table-responsive-wrap .col > div:nth-child(even) {
			background-color: #f9f8fd
		}

		.table-responsive-wrap .col > div:nth-child(3n) {
			position: relative
		}

		.table-responsive-wrap .col > div:last-child {
			border: 0
		}

.mMQ3n6W9Pd {
	font-size: 15px;
	padding-top: 35px;
	padding-bottom: 70px
}

@media screen and (min-width: 1310px) {
	.container-fluid {
		max-width: 1310px
	}
}

@media screen and (max-width: 1200px) {
	.table-responsive-wrap {
		grid-template-columns: 1fr
	}

		.table-responsive-wrap .col:nth-child(even) > div:nth-child(even) {
			background: none
		}

		.table-responsive-wrap .col:nth-child(even) > div:nth-child(odd) {
			background-color: #f9f8fd
		}

	.title-section {
		font-size: 34px
	}

	.h51m3lll6j {
		display: block;
		padding-top: 30px
	}

	.bnbc .bnbc_bc {
		left: 15px
	}

	.bnbc .page-name {
		font-size: 34px
	}

	.dk-detail {
		margin-top: 40px
	}

		.dk-detail .dk-detail-title {
			font-size: 28px;
			padding-left: 0
		}

	.u6a0trg7u8 .dk-detail {
		margin-top: 0
	}

	.mwg7fnk0bj_it {
		grid-template-columns: 90px minmax(0, 1fr)
	}

		.mwg7fnk0bj_it .mwg7fnk0bj_it_t {
			font-size: 28px
		}

		.mwg7fnk0bj_it .mwg7fnk0bj_it_i {
			padding-left: 0
		}

		.mwg7fnk0bj_it .mwg7fnk0bj_it_l {
			font-size: 22px
		}

			.mwg7fnk0bj_it .mwg7fnk0bj_it_l strong {
				font-size: 36px
			}

	.u08w3yzaip .e35yo17h6c {
		padding-top: 30px
	}

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

		.wu73jw4q14 .dn-fr {
			max-width: 340px;
			margin-right: 0;
			padding: 35px 25px
		}

		.wu73jw4q14 .dn-fr-logo {
			margin-top: 24px;
			margin-bottom: 35px
		}

			.wu73jw4q14 .dn-fr-logo img {
				max-width: 100%
			}
}

@media screen and (max-width: 768px) {
	.noti-hp .noti-dt {
		left: 9px
	}

	.noti-hp .noi-tit {
		font-size: 16px
	}

	.noti-hp .noti-it {
		padding-left: 60px
	}

	.tt-hp {
		padding: 30px 0
	}

		.tt-hp .owl-carousel {
			padding-right: 30px
		}

	.dk-item-ver .dk-item-info {
		padding: 30px 20px
	}

	.dk-item-ver .dk-item-title {
		font-size: 18px
	}

	.dk-item-ver .dk-item-desc {
		font-size: 16px;
		min-height: 0;
		display: block
	}

	.dk-item-ver .dk-viewmore {
		font-size: 16px
	}

	.n1vardxlcl .dk-item-ver .dk-item-desc {
		font-size: 16px;
		min-height: 0;
		display: block
	}

	.n1vardxlcl .dk-item-ver .dk-item-info {
		padding: 30px 20px
	}

	.n1vardxlcl .dk-item-ver .dk-item-title {
		font-size: 18px
	}

	.eh5apit9v8 {
		padding-top: 30px
	}

	.f03l9vbd7f .f03l9vbd7f_it {
		padding: 15px 0;
		grid-template-columns: 50px minmax(0, 1fr)
	}

	.f03l9vbd7f .f03l9vbd7f_it_t {
		font-size: 16px
	}

	.e35yo17h6c .e35yo17h6c_t {
		font-size: 16px
	}

	.dk-comp-news .dk-item-hoz .dk-item-title {
		font-size: 16px
	}
}

@media screen and (max-width: 767px) {
	.title-section {
		font-size: 34px
	}

	.YlKgNnMpoa {
		padding: 30px 0 60px
	}
}

@media screen and (max-width: 575px) {
	.YlKgNnMpoa {
		max-width: 360px
	}
}