body {

	font-family: nunito, sans-serif;

	/*font-family: "Montserrat", sans-serif !important;*/

	/*font-family: sans-serif;*/

	text-shadow: none;

	color: #000;

	cursor: default;

	/*-moz-user-select: none;

	user-select: none;

	-webkit-user-select: none;*/

	overflow-x: hidden;

}

a {

	-webkit-transition: color .5s;

	-o-transition: color .5s;

	transition: color .5s;

}

a:hover,

a:focus,

a:active {

	box-shadow: none;

	text-decoration: none !important;

}

* {

	outline: none !important;

	margin: 0px;

	padding: 0px;

	/*-webkit-font-smoothing: antialiased !important;

	-moz-font-smoothing: antialiased !important;

	text-rendering: geometricPrecision;*/

}

img {

	max-width: 100%;

}

li {

	list-style: none;

}

textarea {

	resize: vertical;

}

label,

hr {

	margin-top: 0;

	margin-bottom: 0;

}

table,

.table {

	margin-bottom: 0;

}

::-webkit-scrollbar {

	width: 6px;

	height: 6px;

}

::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}

::-webkit-scrollbar-thumb {

	/*-webkit-border-radius: 10px;*/

	/*border-radius: 10px;*/

	background: rgba(105,105,105,0.8);

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

}

::-webkit-scrollbar-thumb:window-inactive {

	background: rgba(105,105,105,0.4);

}

.webkit-box {

	display: box;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	-ms-box-orient: vertical;

	box-orient: vertical;

	overflow: hidden;

}

.clear {

	clear: both;

}

span.fa {

	top: 0 !important;

}

.modal {

	z-index: 99999;

}

.breadcrumb {

	padding: 10px 0 10px 15px !important;

	font-weight: 500 !important;

	font-size: 16px !important;

}

#content,

.content-body {

	min-height: 300px;

}

.swiper-button-prev,

.swiper-button-next {

	height: 40px;

	width: 40px;

	font-size: 18px;

	margin-top: -20px;

	border-radius: 0;

	background: rgba(255,255,255,.7);

	color: #333;

	background-image: none !important;

	box-shadow: 0 0 1px black;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-justify-content: center;

	-moz-justify-content: center;

	-ms-justify-content: center;

	-o-justify-content: center;

	justify-content: center;

	-ms-align-items: center;

	align-items: center;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}


.swiper-button-prev:hover,

.swiper-button-next:hover {

	background: rgba(255,255,255,1);

}

.swiper-pagination span {

	width: 10px;

	height: 10px;

	opacity: 1;

	background: #fff;

	box-shadow: 0 0 1px 1px #354987;

	-webkit-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.swiper-pagination span.swiper-pagination-bullet-active {

	cursor: default;

}

.swiper-pagination span.swiper-pagination-bullet:hover,

.swiper-pagination span.swiper-pagination-bullet-active {

	background: #354987;

}

.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

	pointer-events: all;

}

#maps-modal iframe {

	width: 100% !important;

}



/* ------------------------------------------ Start At ------------------------------------------ */

/* -------------------------------------------- Here ------------------------------------------- */

#menu-top {

	background: var(--color-01);

	color: var(--color-03);

	font-weight: 500;

}

#menu-top .hotline-top a {

	color: var(--color-03);

}

#menu-top .hotline-top a:hover {

	color: var(--color-02);

}

#menu-top .hotline-top .fa {

	margin-right: 5px;

}

#menu-top .hotline-top {

	margin-right: 20px;

}

#menu-top .hotline-top a {

	letter-spacing: 1px;

	text-shadow: 1px 1px 1px #000;

}

#menu-top .menu-top-container {

	height: 30px;

}

#menu-top .menu-top-link {

	height: 100%;

	margin-left: 5px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#menu-top .menu-top-link:hover {

	background: rgba(0, 0, 0, .2);

}

#menu-top .menu-top-link img {

	height: 100%;

	padding: 5px;

	-webkit-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

}

#menu-top .menu-top-link:hover img {

	-webkit-transform: rotateX(180deg) rotateY(-180deg) rotateZ(180deg);

	-ms-transform: rotateX(180deg) rotateY(-180deg) rotateZ(180deg);

	-o-transform: rotateX(180deg) rotateY(-180deg) rotateZ(180deg);

	transform: rotateX(180deg) rotateY(-180deg) rotateZ(180deg);

}

#menu-center {

	background: var(--color-03);

	border-bottom: solid 5px var(--color-04);

	text-transform: uppercase;

}

#menu-center .logo-container img {

	height: 100%;

}

#menu-center .logo-container {

	height: 100%;

	margin-right: 40px;

}

#menu-center .menu-container {

	height: 70px;

}

#menu-center .item.item-home a {

	position: relative;

}

#menu-center .item.item-home:not(.active) a:not(:hover) {

	color: #fff;

}

#menu-center .item.item-home a > span {

	position: relative;

	z-index: 1;

}

#menu-center .item.item-home a:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	background: #10779b;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

}

#menu-center .item > a {

	margin: 0 calc(20px / 2);

}

#menu-center .item:first-child > a {

	margin-left: 0;

}

#menu-center .item.last-item > a {

	margin-right: 0;

}

#menu-center .item-container,

#menu-center .item {

	position: relative;

	height: 100%;

}

#menu-center .item-container .before {

	position: absolute;

	left: 0;

	right: 0;

	top: 100%;

	border-bottom: solid 5px var(--color-03);

}

#menu-center .item-container .before[loaded] {

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#menu-center .item.active > a,

#menu-center .item:hover > a {

	color:  var(--color-04);

}

#menu-center .item > a {

	color: var(--color-01);

	position: relative;

	min-width: 50px;

	height: 100%;

	font-weight: bold;

	/*padding: 0 15px;*/

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#menu-center .item .child-container {

	position: absolute;

	left: 0;

	top: 100%;

	opacity: 0;

	pointer-events: none;

	box-shadow: 0 0 3px;

	min-width: 100%;

	background: var(--color-03);

	z-index: 9999;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#menu-center .item:hover .child-container {

	opacity: 1;

	pointer-events: all;

}

#menu-center .item .child-container .child-item > a {

	padding: 10px 15px;

	display: block;

	min-width: 100%;

	font-weight: bold;

	color:  var(--color-01);

	width: max-content;

	width: -webkit-max-content;

}

#menu-center .item .child-container .child-item > a:hover,
#menu-center .item .child-container .child-item.active > a {

	color: var(--color-04);

}

#slider {

	position: relative;

}

#slider .item-title {

	position: absolute;

	bottom: 40px;

	left: 40px;

	padding: 15px 20px;

	line-height: 1;

	font-size: 24px;

	text-shadow: 1px 1px 3px #000;

	color: var(--color-03);

	background: rgba(0,0,0,.5);

	font-weight: bold;

	font-size: 32px;

	pointer-events: none;

}

#slider img {

	width: 100%;

}

.index-post-left-container,
.category-left-container {
	float: left;
	/*width: calc(100% - 400px - 15px);*/
	width: calc((100% - 15px) * 2 / 3);
}
.index-post-left-container + .index-post-right-container,
.category-left-container + .category-right-container {
	float: right;
	/*width: 400px;*/
	width: calc((100% - 15px) * 1 / 3);
}
.index-post-left-container + .index-post-right-container > .index-post-right-title,
.category-left-container + .category-right-container > .category-right-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-03);
	background: var(--color-01);
	height: 50px;
}
.category-left-container + .category-right-container > .category-right-title:not(:first-child) {
	margin-top: 15px;
}
.category-left-container + .category-right-container .search-form-title,
.category-left-container + .category-right-container .category-list-title,
.category-left-container + .category-right-container .post-list-title {
	margin-top: 15px;
}
.category-left-container + .category-right-container .category-list {
	background: #E8E8E8;
	color: var(--color-01);
}

#content.post-detail .post-related-list,

.category-left-container + .category-right-container .post-list,

.category-left-container + .category-right-container .product-list {

	padding: 15px;

	border: solid 1px #E8E8E8;

}

.category-left-container + .category-right-container .post-list > *:not(:last-child),

.category-left-container + .category-right-container .product-list > *:not(:last-child) {

	margin-bottom: 15px;

}

#content.post-detail .post-related-list {

	padding: 15px;

}

#content.post-detail .post-related-list > *:not(:last-child) {

	margin-bottom: 15px;

}

#content.post-detail .post-related-list .item-thumbnail img,

.category-left-container + .category-right-container .post-list .item-thumbnail img,

.category-left-container + .category-right-container .product-list .item-thumbnail img {

	width: 100%;

}

#content.post-detail .post-related-list .item-date {

	margin: 10px 0;

}

#content.post-detail .post-related-list .item-thumbnail,

.category-left-container + .category-right-container .post-list .item-thumbnail {

	position: relative;

	width: 30%;

	margin-right: 10px;

}

.category-left-container + .category-right-container .product-list .item-thumbnail {

	position: relative;

}

#content.post-detail .post-related-list .item-thumbnail:before,

.category-left-container + .category-right-container .post-list .item-thumbnail:before,

.category-left-container + .category-right-container .product-list .item-thumbnail:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 0;

	background: rgba(255, 255, 255, .4);

	z-index: 1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.post-detail .post-related-list .item-thumbnail:hover:before,

.category-left-container + .category-right-container .post-list .item-thumbnail:hover:before,

.category-left-container + .category-right-container .product-list .item-thumbnail:hover:before {

	opacity: 1;

}

#content.post-detail .post-related-list .display-flex:not(:first-child) {

	padding-top: 15px;

	border-top: solid 1px #e8e8e8;

}

#content.post-detail .post-related-list .item-thumbnail {

	width: 25%;

}

.category-left-container + .category-right-container .product-list .item-thumbnail {

	border: solid 1px #E8E8E8;

}

#content.post-detail .post-related-list .item-title,

.category-left-container + .category-right-container .post-list .item-title,

.category-left-container + .category-right-container .product-list .item-title {

	float: left;

	width: 100%;

	text-align: justify;

	font-size: 13px;

	font-weight: 600;

	color: var(--color-01);

}

#content.post-detail .post-related-list .item-title {

	font-size: 14px;

}

.category-left-container + .category-right-container .product-list .item-heading {

	padding: 10px;

	background: #E8E8E8;

}

.category-left-container + .category-right-container .product-list .item-title {

	font-size: 16px;

	margin-bottom: 5px;

	text-align: center;

}

.category-left-container + .category-right-container .post-list .item-title:hover,

.category-left-container + .category-right-container .product-list .item-title:hover {

	color: var(--color-04);

}

.category-left-container + .category-right-container .category-list a {

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.category-left-container + .category-right-container .category-list a:hover {

	color: var(--color-04);

}

.category-left-container + .category-right-container .category-list > * {

	font-size: 16px;

	font-weight: 600;

	padding: 10px 15px;

}

.category-left-container + .category-right-container .category-list > *:not(:last-child) {

	border-bottom: dashed 1px #fff;

}

.category-left-container + .category-right-container .category-list span.fa {

	font-size: 8px;

}

.category-left-container + .category-right-container form.search-form {

	padding: 20px;

	border: solid 1px #E8E8E8;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}

.category-left-container + .category-right-container form.search-form .form-control {

	border-radius: 0;

}

.category-left-container + .category-right-container form.search-form > *:not(:last-child) {

	margin-bottom: 20px;

}

.category-left-container + .category-right-container form.search-form .nowrap {

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

	white-space: nowrap;

	min-width: 115px;

}

.category-left-container + .category-right-container form.search-form .btn {

	padding-left: 20px;

	padding-right: 20px;

}

.category-left-container + .category-right-container form.contact-form {

	padding: 20px;

	background: #E8E8E8;

}

.index-post-left-container + .index-post-right-container form.contact-form .input-container,
.category-left-container + .category-right-container form.contact-form .input-container {
	margin-left: 10px;
	background: linear-gradient(to right, var(--color-01), var(--color-04));
	padding: 1px;
	border-radius: 4px;
}

.index-post-left-container + .index-post-right-container form.contact-form .form-control,
.category-left-container + .category-right-container form.contact-form .form-control {
	height: 32px;
	min-width: 200px;
	color: var(--color-01);
	border: unset;
	border-radius: 2px;
}

.index-post-left-container + .index-post-right-container form.contact-form .form-control:not(:focus),
.category-left-container + .category-right-container form.contact-form .form-control:not(:focus) {
	box-shadow: unset;
}

.index-post-left-container + .index-post-right-container form.contact-form,
.category-left-container + .category-right-container form.contact-form {
	padding: 20px;
	background: #E8E8E8;
}
.index-post-left-container + .index-post-right-container form.contact-form span.fa,
.index-post-left-container + .index-post-right-container form.contact-form span.fas,
.index-post-left-container + .index-post-right-container form.contact-form span.far,
.category-left-container + .category-right-container form.contact-form span.fa,
.category-left-container + .category-right-container form.contact-form span.fas,
.category-left-container + .category-right-container form.contact-form span.far {
	width: 40px;
	font-size: 24px;
}
.index-post-left-container + .index-post-right-container form.contact-form span.glyphicon,
.category-left-container + .category-right-container form.contact-form span.glyphicon {
	width: 40px;
	font-size: 20px;
	-webkit-text-stroke: 2px;
}
.index-post-left-container + .index-post-right-container form.contact-form i.glyphicon,
.category-left-container + .category-right-container form.contact-form i.glyphicon {
	font-size: 14px;
	-webkit-text-stroke: 1px;
}
.index-post-left-container + .index-post-right-container form.contact-form .link-container a,
.category-left-container + .category-right-container form.contact-form .link-container a {
	font-weight: 600;
	color: var(--color-01);
	font-size: 16px;
}
.index-post-left-container + .index-post-right-container form.contact-form .link-container a:hover,
.category-left-container + .category-right-container form.contact-form .link-container a:hover {
	color: var(--color-04);
}
.index-post-left-container + .index-post-right-container form.contact-form .btn-container,
.index-post-left-container + .index-post-right-container form.contact-form .link-container,
.category-left-container + .category-right-container form.contact-form .btn-container,
.category-left-container + .category-right-container form.contact-form .link-container {
	width: calc(100% - 40px);
}
.index-post-left-container + .index-post-right-container form.contact-form .btn-container,
.category-left-container + .category-right-container form.contact-form .btn-container {
	font-size: 18px;
	padding: 10px 0;
	border: dashed 5px #000;
}
.index-post-left-container + .index-post-right-container form.contact-form .btn,
.category-left-container + .category-right-container form.contact-form .btn {
	font-size: 14px;
	padding: 10px 15px;
	border-radius: 4px;
}
.index-post-left-container + .index-post-right-container form.contact-form > *,
.category-left-container + .category-right-container form.contact-form > * {
	margin: 5px 0;
}

.index-product-tab-container ul.nav-tabs li a {
	padding: 0;
	border: 0 !important;
	background: none !important;
	border-radius: 0;
	color: var(--color-01);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.index-product-tab-container ul.nav-tabs li.active a,
.index-product-tab-container ul.nav-tabs li a:hover {
	color: var(--color-04);
}
.index-product-tab-container ul.nav-tabs li {
	/*padding: 10px 20px 20px 20px;*/
	/*border-bottom: solid 1px #ccc;*/
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.index-product-tab-container ul.nav-tabs li + li {
	margin-left: 15px;
}
.index-product-tab-container ul.nav-tabs {
	margin-bottom: 14px;
	border: none;
	font-size: 18px;
}

.index-title {

	position: relative;

	margin: 0;

	font-size: 26px;

	line-height: 50px;

	padding-bottom: 20px;

}

.index-title:before {

	content: "";

	position: absolute;

	bottom: 15px;

	left: 50%;

	width: 135px;

	height: 2px;

	background: #bbb;

	-webkit-transform: translate(-50%, 50%);

	-ms-transform: translate(-50%, 50%);

	-o-transform: translate(-50%, 50%);

	transform: translate(-50%, 50%);

}

.index-title:after {

	content: "";

	position: absolute;

	bottom: 15px;

	left: 50%;

	width: 50px;

	height: 5px;

	background: var(--color-04);

	border-radius: calc(2.5px);

	-webkit-transform: translate(-50%, 50%);

	-ms-transform: translate(-50%, 50%);

	-o-transform: translate(-50%, 50%);

	transform: translate(-50%, 50%);

}

.index-post-slider {

	float: left;

	width: calc(60% - 10px / 2);

}

.index-post-container .index-title,

.index-post-right {

	float: right;

	width: calc(40% - 10px / 2);

}

.index-post-right .post-right-item .fa {

	position: relative;

	top: 3px !important;

	margin-right: 10px;

}

.index-post-right .post-right-item:hover {

	color: var(--color-04);

}

.index-post-right .post-right-item.readmore {

	float: right;

}

.index-post-right .post-right-item {

	padding: 10px;

	color: var(--color-01);

	font-weight: 500;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.index-post-right .post-right-item:not(.readmore) {

	border-bottom: dotted 1px #ccc;

}

#content.index .post-item-container.n-0 {

	width: calc(100% - 10px) !important;

}

#content.index .post-item-container.n-1 {

	margin-top: 10px !important;

}

.post-item-container.n-1 .item-title,

.post-item-container.n-2 .item-title {

	font-size: 14px;

}

.post-item-container .item-thumbnail:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 0;

	z-index: 1;

	background: rgba(255, 255, 255, 0.3);

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.post-item-container .item-thumbnail:hover:before {

	opacity: 1;

}

.post-item > a {

	display: contents;

}

#content:not(.index) .post-item .item-thumbnail {

	width: 30%;

}

#content.index .post-item .item-thumbnail {

	width: 100%;

}

.post-item .item-thumbnail {

	position: relative;

	overflow: hidden;

	margin-right: 10px;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

.post-item .item-title:not(.nofix) {

	position: absolute;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 2;

	background: rgba(0,0,0,.5);

	color: #fff;

	pointer-events: none;

	padding: 10px 12px;

}

.post-item .item-title.nofix {

	/*margin-top: 10px;

	margin-bottom: 5px;*/

}

.post-item .item-title.nofix + .item-date {

	margin-bottom: 10px;

	margin-top: 8px;

	font-size: 13px;

}

.post-item .item-title.nofix a {

	color: var(--color-01);

}

.post-item .item-title {

	font-size: 18px;

	font-weight: bold;

	text-align: justify;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.category-post .post-item .item-title {

	font-size: 22px !important;

	line-height: 1.2;

}

.post-item:hover .item-title:not(.nofix) {

	color: var(--color-02);

}

.post-item .item-title.nofix a:hover {

	color: var(--color-02);

}

.post-item {

	position: relative;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	width: 100%;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.product-item .item-thumbnail img {

	-webkit-transition: all .8s;

	-o-transition: all .8s;

	transition: all .8s;

}

.product-item .item-thumbnail:before {

	content: "";

	position: absolute;

	z-index: 1;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	border: solid 5px #fff;

	pointer-events: none;

}

/*.product-item .item-thumbnail:after {

	content: "";

	position: absolute;

	z-index: 1;

	top: 5px;

	right: 5px;

	bottom: 5px;

	left: 5px;

	pointer-events: none;

	background: rgba(0,0,0,.5);

	opacity: 0;

	-webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(30deg) scale(.5);

	-ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(30deg) scale(.5);

	-o-transform: rotateX(30deg) rotateY(30deg) rotateZ(30deg) scale(.5);

	transform: rotateX(30deg) rotateY(30deg) rotateZ(30deg) scale(.5);

	-webkit-transition: all 1.2s;

	-o-transition: all 1.2s;

	transition: all 1.2s;

}

.product-item .item-thumbnail:hover:after {

	opacity: 1;

	-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg) scale(1);

	-ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg) scale(1);

	-o-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg) scale(1);

	transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg) scale(1);

}*/

.product-item .item-thumbnail {

	position: relative;

	border-bottom: solid 1px #D4D4D4;

	overflow: hidden;

	-moz-transition: all .5s;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.product-item .item-thumbnail:hover {

	opacity: .7;

}

.product-item .item-heading {

	padding: 10px 12px;

	/*text-align: justify;*/

}

.index-introduction-container .introduction-item > * {

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.index-introduction-container .introduction-item:hover > * {

	-webkit-transform: translateY(-20px);

	-ms-transform: translateY(-20px);

	-o-transform: translateY(-20px);

	transform: translateY(-20px);

}

.product-item .item-title {

	margin-bottom: 5px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.product-item:hover {

	box-shadow: 0 0 3px #000;

}

.product-item {

	display: block;

	width: 100%;

	box-shadow: 0 0 1px #000;

	background: #f9f9f9;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.product-item-container {

	padding: 3px;

	/*padding: calc(15px / 2);*/

}

#index-product {

	overflow: hidden;

}

.index-product-container .swiper-container {

	margin: 0 -3px;

	overflow: visible;

}

#category-product-list-slider {

	margin: 13px -2px 0 -2px;

}

.index-product-container .swiper-container .product-item + .product-item {

	margin-top: 6px;

}

.index-product-container .swiper-container .swiper-slide.swiper-slide-prev,

.index-product-container .swiper-container .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide {

	opacity: .2;

	-webkit-transition: all .5s, opacity .5s 1s;

	-o-transition: all .5s, opacity .5s 1s;

	transition: all .5s, opacity .5s 1s;

}

.index-product-container .swiper-container .swiper-button-prev,

.index-product-container .swiper-container .swiper-button-next {

	color: var(--color-03);

	background: var(--color-04);

	width: 50px;

	height: 50px;

	margin-top: -25px;

}

#content.product-detail #product-related-slider .swiper-button-prev,

#content.product-detail #product-related-slider .swiper-button-next {

	color: var(--color-03);

	background: var(--color-04);

}

.index-product-container .swiper-container .swiper-button-prev {

	left: auto;

	right: calc(100% + 3px);

}

.index-product-container .swiper-container .swiper-button-next {

	right: auto;

	left: calc(100% + 3px);

}

.index-post-container {

	margin-top: 15px;

}

.index-product-container {

	margin-top: 1px;

}

.index-introduction-container,

.index-partner-container {

	margin-top: 20px;

}

.product-item .item-title a:hover {

	color: var(--color-04);

}

.product-item .item-title a {

	color: var(--color-01);

	font-size: 16px;

}

.product-item .item-location {

	position: absolute;

	z-index: 9;

	top: 15px;

	right: 12px;

	padding: 3px 10px;

	color: var(--color-02);

	font-weight: 600;

	font-size: 18px;

	background: rgba(0,0,0,.8);

}

.product-item .item-body {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	-ms-align-items: center;

}

.product-item .item-acreage {

	position: relative;

	font-size: 16px;

	font-weight: 600;

	top: 1px;

}

.product-item .item-state {

	position: absolute;

	z-index: 9;

	bottom: 15px;

	left: 12px;

	background: #f00;

	color: #fff;

	font-weight: bold;

	padding: 5px 9px 4px;

}

.product-item .item-price {

	color: #777;

}

.product-item .item-price b {

	color: #000;

	margin-left: 5px;

	font-size: 16px;

}

.product-item .item-scale {

	margin-left: auto;

}

.product-item .item-heading .item-address {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: 5px;

}

.contact-page-form .btn:hover,

.index-post-block .btn:hover,

.index-product-block .btn:hover,

#index-introduction .btn:hover,

.category-right-container .btn:hover {

	background: transparent;

	color: var(--color-04);

	box-shadow: 1px 1px 1px black, inset 0 0 0 3px var(--color-04);

}

.contact-page-form .btn,

.index-post-block .btn,

.index-product-block .btn,

#index-introduction .btn,

.category-right-container .btn {

	width: min-content;

	padding: 10px 30px;

	border-radius: 0 !important;

	border: none;

	font-size: 16px;

	font-weight: 600;

	background: var(--color-01);

	color: var(--color-03);

	letter-spacing: 2px;

	text-shadow: 1px 1px 1px black;

	box-shadow: 1px 1px 1px black, inset 0 0 0 3px var(--color-01);

	transition:all .5s;

}

.contact-page-form .btn-warning {

	background: var(--color-04);

	box-shadow: 1px 1px 1px black, inset 0 0 0 3px var(--color-04);

}

#index-aspect.count-item-1 .swiper-slide,
#index-aspect.count-item-2 .swiper-slide,
#index-aspect.count-item-3 .swiper-slide,
#index-aspect.count-item-4 .swiper-slide {

	/*width: calc(100% / 4) !important;*/

}

#index-aspect .index-aspect-container {

	margin-top: 15px;

	background-size: auto 100%;

	background-position: top;

	background-blend-mode: overlay;

	background-color: rgba(0, 0, 0, 0.5);

	color: #fff;

}

#index-aspect .index-aspect-container .index-aspect-heading {

	padding-top: 10px;

}

#index-aspect .index-aspect-container .index-aspect-heading .index-title:before {

	display: none;

}

#index-aspect .index-aspect-container .index-aspect-heading .index-title:after {

	background-color: #26B3EF;

	width: 60px;

	height: 4px;

	border-radius: 0;
}

#index-aspect .index-aspect-container .index-aspect-heading .index-description {

	margin-top: 5px;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide {

	position: relative;

	overflow: hidden;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide a:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: #382916;

	opacity: 0.5;

	z-index: 1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide a:after {

	content: "";

	position: absolute;

	top: 40%;

	right: 0;

	bottom: 0;

	left: 0;

	background: -moz-linear-gradient(0deg, #382916, transparent);

	background: -webkit-linear-gradient(0deg, #382916, transparent);

	background: linear-gradient(0deg, #382916, transparent);

	opacity: 0.8;

	z-index: 1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide:hover a:before {

	-moz-transform: translateY(-100%);

	transform: translateY(-100%);

	-webkit-transform: translateY(-100%);

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide:not(:hover) a:after {

	-moz-transform: translateY(100%);

	transform: translateY(100%);

	-webkit-transform: translateY(100%);

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide a > *:not(img) {
	position: relative;
	z-index: 2;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide a[href="javascript:;"] {

	cursor: default;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide img {

	width: 100%;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide .item-heading {

	position: absolute;

	right: 0;

	bottom: 0;

	left: 0;

	padding: 20px;

	font-size: 16px;

	line-height: 1.5;

	color: #fff;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide .item-heading[loaded] {

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide .item-title {

	white-space: pre-line;

	text-transform: uppercase;

	font-weight: bold;

	margin-bottom: 20px;

	-webkit-transition: transform .5s;

	-o-transition: transform .5s;

	transition: transform .5s;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide:not(:hover) .item-title {

	-moz-transform: translateY(0) !important;

	transform: translateY(0) !important;

	-webkit-transform: translateY(0) !important;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide .item-description {

	white-space: pre-line;

	-webkit-transition: transform .5s;

	-o-transition: transform .5s;

	transition: transform .5s;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide:hover .item-heading {

	-moz-transform: translateY(0) !important;

	transform: translateY(0) !important;

	-webkit-transform: translateY(0) !important;

}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide:not(:hover) .item-description {

	-moz-transform: translateY(10px);

	transform: translateY(10px);

	-webkit-transform: translateY(10px);

}

.introduction-item .item-title {

	margin-top: 15px;

	margin-bottom: 10px;

	font-size: 18px;

	font-weight: 500;

	color: var(--color-introduction-01);

	text-shadow: 0px 1px 0px #000;

}

.introduction-item .item-thumbnail {

	font-size: 80px;

	width: 150px;

	height: 150px;

	background: transparent;

	color: var(--color-introduction-01);

	border: solid 10px var(--color-introduction-01);

	border-radius: 50%;

}

.introduction-item:hover .item-thumbnail {

	background: var(--color-introduction-01);

	color: var(--color-03);

	border-color: var(--color-introduction-01);

}

.introduction-item:hover .item-title {

	color: var(--color-introduction-02);

}

.introduction-item {

	padding-top: 20px;

}

#index-statistic {

	margin-top: 15px;

}

#index-statistic .statistic-container {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

}

#index-statistic .statistic-container .statistic-left {

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

	width: 50%;

}

#index-statistic .statistic-container .statistic-left > img {

	width: 100%;

}

#index-statistic .statistic-container .statistic-right {

	width: 50%;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-direction: column;

	-moz-flex-direction: column;

	-ms-flex-direction: column;

	-o-flex-direction: column;

	flex-direction: column;

}

#index-statistic .statistic-container .statistic-right .statistic-area {

	position: relative;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#index-statistic .statistic-container .statistic-right .statistic-area > img {

	width: 100%;

}

#index-statistic .statistic-container .statistic-right .statistic-area > img + .statistic-heading {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	color: #fff;

	padding: 30px;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-direction: column;

	-moz-flex-direction: column;

	-ms-flex-direction: column;

	-o-flex-direction: column;

	flex-direction: column;

}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .index-title {

	text-align: left;

	font-size: 30px;

	font-weight: bold;

}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .index-title,

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .index-body {

	margin: auto 0;

}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .index-title:before {

	display: none;

}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .index-title:after {

	left: 0;

	width: 60px;

	height: 4px;

	border-radius: 0;

	background-color: #26B3EF;

	-moz-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body .body-block {

	width: 50%;

}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body .body-block .block-title {

	font-size: 18px;

	margin-bottom: 5px;

}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body .body-block .block-body {

	font-weight: bold;

	font-size: 24px;

	line-height: 1;

}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body .body-block .block-body > span {

	font-size: 48px;

	margin-right: 2px;

}

#index-statistic .statistic-container .statistic-right .statistic-line {

	margin-top: 3px;

	height: 8px;

	border-top: solid 3px #0066B3;

	border-bottom: solid 1px #26B3EF;

}

#index-partner {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-direction: column;

	-moz-flex-direction: column;

	-ms-flex-direction: column;

	-o-flex-direction: column;

	flex-direction: column;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

	padding: 15px 30px;

	overflow: hidden;

	border-right: solid 1px #e5e5e5;

	border-bottom: solid 1px #e5e5e5;

}

#index-partner .index-title {

	text-align: left;

	font-size: 30px;

	font-weight: bold;

	color: #0066B3;

}

#index-partner .index-title:before {

	display: none;

}

#index-partner .index-title:after {

	left: 0;

	width: 60px;

	height: 4px;

	border-radius: 0;

	background-color: #26B3EF;

	-moz-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

#index-partner #index-partner-slider {

	margin-top: 20px;

	-moz-flex-grow: 1;

	flex-grow: 1;

	-webkit-flex-grow: 1;

	width: 100%;

}

#index-partner #index-partner-slider .swiper-slide .partner-item {

	height: calc((100% - 20px * 2) / 3);

	text-align: center;

	border: solid 1px #e5e5e5;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#index-partner #index-partner-slider .swiper-slide .partner-item:hover {

	border-color: #0066B3;

}

#index-partner #index-partner-slider .swiper-slide .partner-item a {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	width: 100%;

	height: 100%;

}

#index-partner #index-partner-slider .swiper-slide .partner-item + .partner-item {
	margin-top: 20px;
}

#index-partner #index-partner-slider .swiper-slide .partner-item img {

	margin: auto;

	max-width: 80%;

	max-height: 80%;

}

#index-partner .partner-navigation-container {

	position: relative;

	height: 65px;

}

#index-partner .partner-navigation-container .swiper-button-prev {

	top: 30px;

	right: calc(50% + 15px / 2);

	left: unset;

	margin-top: 0;

	padding: 0;

	width: unset;

	height: unset;

	border:  none;

	box-shadow: none;

}

#index-partner .partner-navigation-container .swiper-button-next {

	top: 30px;

	right: unset;

	left: calc(50% + 15px / 2);

	margin-top: 0;

	padding: 0;

	width: unset;

	height: unset;

	border:  none;

	box-shadow: none;

}

#index-partner .partner-navigation-container .swiper-button-next > svg,
#index-partner .partner-navigation-container .swiper-button-prev > svg {

	height: 20px;

}

#index-partner .partner-navigation-container .swiper-button-next > svg .st0,
#index-partner .partner-navigation-container .swiper-button-prev > svg .st0 {

	fill: #666666;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#index-partner .partner-navigation-container .swiper-button-next:hover > svg .st0,
#index-partner .partner-navigation-container .swiper-button-prev:hover > svg .st0 {

	fill: #0066b3;

}

#footer {

	position: relative;

	background-size: 100% auto;

	background-position: center;

	margin-top: 15px;

	color: #fff;

	padding: 50px 30px 0;

}

#footer .footer-container .footer-body {

	font-size: 16px;

}

#footer .footer-container .footer-body p {

	margin-bottom: 12px;

}

#footer .footer-container .footer-left {

	/*width: calc((100% - 30px * 2) / 3);*/

}

#footer .footer-container .footer-right {

	/*width: calc((100% - 30px * 2) * 2 / 3);*/

	margin-left: 30px;

}

#footer .footer-container .footer-right .footer-block {

	/*width: calc((100% - 30px * 3) / 4);*/

	font-size: 16px;

}

#footer .footer-container .footer-right .footer-block.block-product {

	text-transform: capitalize;

}

#footer .footer-container .footer-right .footer-block .block-title {

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	text-transform: uppercase;

}

#footer .footer-container .footer-right .footer-block .block-title:hover {

	color: #00adee;

}

#footer .footer-container .footer-right .footer-block .block-viewmore {

	font-size: 16px;

	color: #00adee;

}

#footer .footer-container .footer-right .footer-block .block-viewmore:hover {

	color: #fff;

}

#footer .footer-container .footer-right .footer-block + .footer-block {

	margin-left: 30px;

}

#footer .footer-container .footer-right .footer-block a + a {

	margin-top: 10px;

}

#footer .footer-container .footer-right .footer-block a > div {

	padding-right: 5px;

	-webkit-transition: padding-left .5s, padding-right .5s, color .2s;

	-o-transition: padding-left .5s, padding-right .5s, color .2s;

	transition: padding-left .5s, padding-right .5s, color .2s;

}

#footer .footer-container .footer-right .footer-block a:hover > div {

	padding-left: 5px;

	padding-right: 0;

}

#footer:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: var(--color-footer-background);

	z-index: 1;

}

#footer > * {

	position: relative;

	z-index: 2;

}

#footer a {

	/*color: var(--color-01);*/

	color: #ccc;

	font-weight: 500;

}

#footer a:hover {

	/*color: var(--color-04);*/

	color: #fff;

}

#copyright {

	position: relative;

	text-align: center;

	margin-top: 30px;

	padding: 20px 0;

	border-top: 1px solid #004878;

}

#copyright .copyright-icon {

	margin-bottom: 15px;

}

#copyright .copyright-icon a {

	display: inline-block;

}

#copyright .copyright-icon a + a {

	margin-left: 15px;

}

#copyright .copyright-icon a img {

	height: 30px;

	-webkit-transition: all .2s;

	-o-transition: all .2s;

	transition: all .2s;

}

#copyright .copyright-icon a:hover img {

	-moz-transform: translateY(-5px);

	transform: translateY(-5px);

	-webkit-transform: translateY(-5px);
}

#copyright .top-icon {

	position: absolute;

	top: 50%;

	right: 15px;

	max-height: calc(100% - 30px);

	-moz-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

#content:not(.index) {

	margin-bottom: 20px;

}

#content.category-product {

	margin-top: -5px;

	margin-bottom: 15px;

}

#content.category-product .category-container {

	/*padding: 0 25px;*/

}

#content.category-post {

	margin-top: 30px;

	margin-bottom: 30px;

}

#content.category-post .category-container {

	/*padding: 0 25px;*/

}

#content.category-post .index-post-slider {

	width: calc(100% - 300px - 20px);

}

#content.category-post .index-post-right {

	width: 300px;

}

#content.news {
	margin-bottom: 30px;
}

#content.news .news-container {

	/*padding: 0 25px;*/

}

#content.news .news-container .news-title {

	text-align: center;

	font-size: 56px;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 1;

	padding: 20px 0;

}

.news-menu {

	border-top:  solid 2px #000;

	border-bottom:  solid 2px #ddd;

	/*width: max-content;*/

	/*width: -webkit-max-content;*/

	/*min-width: calc(100% - 80px);*/

	/*max-width: 100%;*/

	/*margin: auto;*/

}

.news-menu .item {

	padding: 12px 12px 10px;

	text-shadow: 0 0;

	text-transform: uppercase;

	font-size: 16px;

	line-height: 1;

	color: inherit;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

.news-menu .item:hover,
.news-menu .item.active {

	color: var(--color-04);

	background: #f5f5f5;

}

#content:not(.news) .news-menu {

	margin-bottom: 30px;

}

#content.news .news-container .news-block {

	margin-top: 40px;

}

#content.news .news-container .news-block .block-title {

	font-size: 28px;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 1;
}

#content.news .news-container .news-block .block-title a {

	color: #000;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.news .news-container .news-block .block-title a:hover {

	color: var(--color-02);

}

#content.news .news-container .news-block .block-title .prefix {

	display: inline-block;

	width: 5px;

	height: 20px;

	margin-top: -2px;

	margin-right: 24px;

	background: var(--color-02);

	-moz-transform: skewX(-20deg) translateX(5px);

	transform: skewX(-20deg) translateX(5px);

	-webkit-transform: skewX(-20deg) translateX(5px);

}

#content.news .news-container .news-block .block-line {

	height: 2px;

	margin: 15px 0 20px;

	background: #ddd;

}

#content.news .news-container .news-block .post-list .column-1 {

	width: calc((100% - 20px * 1) / 2);

}

#content.news .news-container .news-block .post-list .item-thumbnail {

	position: relative;

	overflow: hidden;

}

#content.news .news-container .news-block .post-list .item-thumbnail:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 0;

	z-index: 1;

	background: rgba(255, 255, 255, 0.4);

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.news .news-container .news-block .post-list .item-thumbnail:hover:before {

	opacity: 1;

}

#content.news .news-container .news-block .post-list .item-thumbnail img {

	width: 100%;

}

#content.news .news-container .news-block .post-list .item-title {

	font-size: 16px;

	font-weight: bold;

	line-height: 1.2;

	color: #000;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.news .news-container .news-block .post-list .item-title:hover {

	color: var(--color-02);

}

#content.news .news-container .news-block .post-list .column-1 .item-title {

	font-size: 22px;

}

#content.news .news-container .news-block .post-list .column-2 {

	width: calc(((100% - 20px * 1) / 2 - 20px * 1) / 2);

	margin-left: 20px;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#content.news .news-container .news-block .post-list .column-2 a {

	width: 100%;

}

#content.news .news-container .news-block .post-list .column-1 .item-thumbnail,
#content.news .news-container .news-block .post-list .column-2 .item-thumbnail {

	margin-bottom: 10px;

}

#content.news .news-container .news-block .post-list .column-2 .item-title {

	font-size: 18px;

}

#content.news .news-container .news-block .post-list .column-2 .item-description {

	color: #777;

	margin-top: 10px;

	font-size: 16px;

	text-align: justify;

	line-height: 1.4;

}

#content.news .news-container .news-block .post-list .column-3 {

	width: calc(((100% - 20px * 1) / 2 - 20px * 1) / 2);

	margin-left: 20px;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#content.news .news-container .news-block .post-list .column-3 .item-thumbnail {

	width: 40%;

	margin-right: 12px;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#content.news .news-container .news-block .post-list .column-3 .item-line {

	height: 2px;

	background: #ddd;

	margin: 15px 0;

}

.template-paging {

	margin-top: 20px;

}

/*#search {

	position: absolute;

	z-index: 9;

	/*margin-top: -25px;* /

	top: 50%;

	left: 50%;

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

}*/

#search > div {

	max-width: 900px;

}

#search .search-container {

	background: linear-gradient(to right, var(--color-01), var(--color-02));

	color: var(--color-03);

}

#search .search-container:first-child {

	padding: calc(8px / 2 - 8px + 11px) calc(8px / 2 - 8px + 10px) 0 calc(8px / 2 - 8px + 10px);

	border-radius: 4px 4px 0 0;

}

#search .search-container:last-child {

	margin-top: -1px;

	padding: 0 calc(8px / 2 - 8px + 10px) calc(8px / 2 - 8px + 10px) calc(8px / 2 - 8px + 10px);

	border-radius: 0 0 4px 4px;

}

#search .search-container .search-item {

	margin: calc(8px / 2);

}

#search .search-container:not(:first-child) .search-item.-flex-grow-1 {

	width: calc(100% / 4 - 8px);

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

.contact-form .display-flex > input + input {

	margin-left: 10px;

}

.product-button-container {

	margin: 20px 0;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

}

.product-button-container .btn:first-child {

	margin-right: 15px;

}

.product-button-container .btn .fa {

	font-size: 20px;

}

.product-button-container .btn,

.contact-form .contact-button {

	font-weight: bold;

	font-size: 16px;

	padding: 7px 12px;

	min-width: 80px;

	border-radius: 0;

	border: none;

	background: var(--color-01);

	box-shadow: 0 0 0 3px var(--color-01), 4px 4px 2px #000;

	color: var(--color-03);

	text-shadow: 0 1px 1px #000;

	-webkit-transition: all .8s;

	-o-transition: all .8s;

	transition: all .8s;

}

.product-button-container .btn:hover,

.contact-form .contact-button:hover {

	background: transparent;

	box-shadow: 0 0 0 3px var(--color-02), 4px 4px 2px #000;

	color: var(--color-02);

}

#product-thumbnail-slider .swiper-slide a {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	-ms-align-items: center;

	-moz-justify-content: center;

	justify-content: center;

	-webkit-justify-content: center;

}

#product-thumbnail-slider .swiper-slide img {

	display: block;

	width: 100%;

}

/*#product-navigator-slider .swiper-slide div:hover,*/

#product-navigator-slider .swiper-slide div:after {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	pointer-events: none;

	border: solid 2px var(--color-01) !important;

	opacity: 0;

}

#product-navigator-slider .swiper-slide.swiper-slide-thumb-active div:after {

	opacity: 1;

}

#product-navigator-slider .swiper-slide div {

	cursor: pointer;

	overflow: hidden;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#product-navigator-slider {

	/*float: left;*/

	width: 100%;

	margin-top: 5px;

}

.right-thumbnail {

	/*width: calc(60% - 20px / 2);*/

	width: 100%;

	margin-right: auto;

	margin-bottom: 15px;

}

.right-description {

	/*width: calc(40% - 20px / 2);*/

	width: calc(40% - 15px);

	margin-left: auto;

}

.right-description .product-description {

	text-align: justify;

}

.product-content img {

	max-width: 100%;

	height: auto !important;

}

#content iframe {

	max-width: 100%;

}

.product-content {

	text-align: justify;

}

#product-list-slider .swiper-slide {

	padding: 1px;

}

.product-title {

	margin-top: 0;

	margin-bottom: 15px;

}

.product-title.related-title {

	margin-top: 10px;

}

.category-title {

    font-size: 18px;

    font-weight: 600;

    color: var(--color-03);

    background: var(--color-01);

    height: 50px;

    margin-top: 0;

    padding: 0 20px;

    text-transform: uppercase;

}

#content h1,

#content h2,

#content h3,

#content h4,

#content h5,

#content h6 {

	font-size: inherit;

	line-height: 1.5;

}

#content.post-detail .post-detail-left {

	line-height: 1.5;

}

#content.post-detail .post-detail-left .post-detail-title {

	font-size: 24px;

	font-weight: bold;

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: dotted 2px #E8E8E8;

}

#content.post-detail .post-detail-left .post-detail-date {

	font-size: 12px;

	text-align: right;

	margin-top: 10px;

	font-weight: 600;

}

#content.post-detail .post-detail-left .post-detail-body {

	text-align: justify;

}

#content.post-detail .post-detail-left .post-detail-body > :first-child {

	margin-top: 0;

}

#content.page .maps-container {

	margin-top: 20px;

}

#content.page .maps-container iframe {

	width: 100%;

}

#content.page .contact-page-title {

	font-size: 44px;

	text-transform: uppercase;

	font-weight: 600;

	margin-bottom: 20px;

}

#content.page .contact-page-title span {

	border-bottom: solid 1px #E8E8E8;

}

#content.page .contact-page-form > .display-flex:not(:last-child) {

	margin-bottom: 20px;

}

#content.page .contact-page-form .form-control {

	border-radius: 0;

}

#content.page .contact-page-form input.form-control {

	border: none;

	box-shadow: none;

	padding: 0;

	border-bottom: dotted 1px #000;

}

#content.product-detail .container-fluid {

	padding: 0 30px;

}

#content.product-detail .product-slider-top {

	position: relative;

	max-height: calc(100vh - 75px);

	overflow: hidden;

}

#content.product-detail .product-slider-top .next-icon {

	position: absolute;

	top:  unset !important;

	bottom: 10px;

	left: 50%;

	margin-left: -15px;

	cursor: pointer;

	color: #fff;

	width: 30px;

	height: 40px;

	line-height: 40px;

	font-size: 20px;

	text-align: center;

}

#content.product-detail .product-slider-top .next-icon:before {

	display: block;

	-webkit-transform: translateY(-4px);

	-ms-transform: translateY(-4px);

	-o-transform: translateY(-4px);

	transform: translateY(-4px);

	animation: bounce 1s ease-in-out 0s infinite;

}

@keyframes bounce {

	0% {

		-webkit-transform: translateY(-5px);

		-ms-transform: translateY(-5px);

		-o-transform: translateY(-5px);

		transform: translateY(-5px);

	}

	50% {

		-webkit-transform: translateY(7px);

		-ms-transform: translateY(7px);

		-o-transform: translateY(7px);

		transform: translateY(7px);

	}

	100% {

		-webkit-transform: translateY(-5px);

		-ms-transform: translateY(-5px);

		-o-transform: translateY(-5px);

		transform: translateY(-5px);

	}

}

#content.product-detail .product-slider-top video {

	pointer-events: none;

}

#content.product-detail .product-detail-container {

	position: relative;

}

#content.product-detail .product-menu {

	position: sticky;

	top: 0;

	z-index: 9;

	background: #fff;

	border-bottom: solid 2px #eee;

	width: 100%;

	-moz-user-select: none;

	user-select: none;

	-webkit-user-select: none;

}

#content.product-detail .product-menu .menu-item {

	margin-bottom: -2px;

	line-height: 60px;

	font-size: 20px;

	border-top: solid 2px transparent;

	border-bottom: solid 2px transparent;

	cursor: pointer;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail .product-menu .menu-item + .menu-item {

	margin-left: 30px;

}

#content.product-detail .product-menu .menu-item.active {

	text-shadow: 0 0;

	border-bottom-color: #c82528;

	color: #c82528;

}

#content.product-detail .product-menu .menu-item:hover {

	border-bottom-color: #26526c;

	color: #26526c;

}

#content.product-detail .product-attribute {

	border-bottom: solid 2px #eee;

	color: #999;

	width: 100%;

	padding: 20px 0;

}

#content.product-detail .attribute-left {

	-moz-flex-grow: 1;

	flex-grow: 1;

	-webkit-flex-grow: 1;

	font-size: 18px;

}

#content.product-detail .attribute-left .th {

	width: 140px;

}

#content.product-detail .attribute-left .td {

	width: calc((100% - 140px * 2) / 2);

	color: #000;

	font-weight: bold;

}

#content.product-detail .attribute-left .th,
#content.product-detail .attribute-left .td {

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

	padding: 5px 0;

}

#content.product-detail .attribute-right {

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

	width: 30%;

	max-width: 400px;

	margin-left: 20px;

	border-left: solid 2px #eee;

	padding: 0 20px;

	font-size: 18px;

}

#content.product-detail .attribute-right .price {

	color: #c82528;

	font-weight: bold;

}

#content.product-detail .product-content-container {

	position: relative;

}

#content.product-detail .product-left {

	width: calc(70% - 15px);

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#content.product-detail .product-block {

	padding: 15px 0;

	border-bottom: solid 2px #eee;

	font-size: 16px;

}

#content.product-detail .related-title,
#content.product-detail .product-block .block-title {

	font-size: 24px;

	font-weight: bold;

	margin-top: 5px;

	margin-bottom: 5px;

	height: 41px;

	padding: 5px 0;

	-moz-user-select: none;

	user-select: none;

	-webkit-user-select: none;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail .product-block .block-title[onclick] {

	cursor: pointer;

}

#content.product-detail .product-block .block-title[onclick]:hover {

	color: #10779b;

}

#content.product-detail .product-block .block-title > span:not(.fa) {

	font-size: 14px;

	color: #999;

	font-weight: normal;

	margin-top: auto;

	margin-left: 8px;

}

#content.product-detail .product-block .block-title > span.fa {

	margin: auto 15px auto auto;

	font-size: 16px;

}

#content.product-detail .product-block .block-content {

	line-height: 1.6;

}

#content.product-detail .product-block .block-content:not(.no-padding) {

	padding-top: 10px;

	padding-bottom: 10px;

}

#content.product-detail .product-block .block-content > .block-content-collapse {

	padding-top: 10px;

	padding-bottom: 10px;

}

#content.product-detail .product-block .block-content + .block-content {

	margin-top: 15px;

}

#content.product-detail .product-block .block-content .overview-viewmore-btn {

	color: #26526d;

	cursor: pointer;

	-moz-user-select: none;

	user-select: none;

	-webkit-user-select: none;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail .product-block .block-content .overview-viewmore-btn:hover {

	color: inherit;

}

#content.product-detail .product-block .block-content .overview-viewmore-btn > span {

	font-size: 12px;

}

#content.product-detail .product-gallery {

	margin-top: 15px;

}

#content.product-detail .product-gallery .gallery-item {

	position: relative;

	overflow: hidden;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#content.product-detail .product-gallery .gallery-item.n-1,
#content.product-detail .product-gallery .gallery-item.n-2 {

	width: calc((100% - 5px * 1) / 2);

}

#content.product-detail .product-gallery .gallery-item.n-2 {

	margin-left: 5px;

}

#content.product-detail .product-gallery .gallery-item.n-3,
#content.product-detail .product-gallery .gallery-item.n-4,
#content.product-detail .product-gallery .gallery-item.n-5 {

	margin-top: 5px;

	width: calc((100% - 5px * 2) / 3);

}

#content.product-detail .product-gallery .gallery-item.n-4,
#content.product-detail .product-gallery .gallery-item.n-5 {

	margin-left: 5px;

}

#content.product-detail .product-gallery .gallery-item:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(0, 0, 0, 0.4);

	opacity: 0;

	pointer-events: none;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail .product-gallery .gallery-item:not(.n-5):hover:before,
#content.product-detail .product-gallery .gallery-item.n-5.count-5:hover:before {

	opacity: 1;

}

#content.product-detail .product-gallery .gallery-item img {

	width: 100%;

}

#content.product-detail .product-gallery .gallery-item .gallery-viewmore {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1;

	background: rgba(0, 0, 0, 0.4);

	color: #fff;

	font-size: 30px;

	pointer-events: none;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail .product-gallery .gallery-item:hover .gallery-viewmore {

	color: #f00;

}

#content.product-detail .document-container {

	margin-top: 10px;

}

#content.product-detail .document-container .document-item + .document-item {

	margin-top: 30px;

}

#content.product-detail .document-container img {

	width: 200px;

	margin-right: 50px;

}

#content.product-detail .document-container .item-content .title {

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 10px;

}

#content.product-detail .document-container .item-content .description {

	-moz-flex-grow: 1;

	flex-grow: 1;

	-webkit-flex-grow: 1;

	line-height: 1.8;

}

#content.product-detail .document-container .item-content .btn {

	background: #c82528;

	color: #fff;

	border-radius: 0;

	padding: 12px 40px;

	text-transform: uppercase;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail .document-container .item-content .btn:hover {

	background: #10779b;

}

#content.product-detail .product-right {

	position: sticky;

	top: calc(60px + 2px * 2);

	z-index: 3;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

	width: 380px;

	margin-left: 15px;

	padding-top: 15px;

}

#content.product-detail .product-right .note {

	position: relative;

	background: #10779b;

	color: #fff;

	padding: 15px;

	border-radius: 7px;

	font-size: 16px;

	line-height: 1.8;

}

#content.product-detail .product-right .note .note-close {

	position: absolute;

	top: 17px;

	right: 17px;

	width: 24px;

	height: 24px;

	background: rgba(255, 255, 255, 0.2);

	border-radius: 50%;

	font-size: 20px;

	line-height: 24px;

	text-align: center;

	cursor: pointer;

}

#content.product-detail .product-right .product-contact-container {

	margin-top: 15px;

}

#content.product-detail .product-right .product-contact-container:not(.no-border) {

	border: solid 2px #eee;

	border-radius: 4px;

}

#content.product-detail .product-right .product-contact-container .contact-heading {

	padding: 10px 20px;

	background: #f9f9f9;

}

#content.product-detail .product-right .product-contact-container .contact-body {

	padding: 30px 20px;

}

#content.product-detail .product-right .product-contact-container .contact-body .call-button {

	background: #c82528;

	color: #fff;

	font-size: 18px;

	padding: 15px;

	border-radius: 0;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail .product-right .product-contact-container .contact-body .call-button:hover {

	background: #10779b;

}

#content.product-detail .product-right .product-contact-container .contact-body .call-button > span {

	margin-top: -1px;

	margin-right: 7px;

	-moz-transform: rotate(5deg);

	transform: rotate(5deg);

	-webkit-transform: rotate(5deg);

}

#content.product-detail .product-right .product-contact-container .contact-heading img {

	max-width: 50px;

	max-height: 50px;

	margin-right: 15px;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#content.product-detail .product-right .product-contact-container .contact-name {

	font-size: 18px;

	font-weight: bold;

}

#content.product-detail .product-right .product-contact-container .contact-text {

	color: #999;

}

#content.product-detail .product-right .product-contact-container .contact-body > div {

	color: #999;

	text-align: center;

	padding: 15px 0;

}

#content.product-detail .product-right .product-contact-container .contact-body .contact-button {

	width: 100%;

	background: transparent;

	border: solid 2px #ddd;

	font-size: 18px;

	padding: 15px;

	border-radius: 0;

	font-weight: bold;

	text-shadow: 0 0;

	color: #000;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail .product-right .product-contact-container .contact-body .contact-button + .contact-button {

	margin-top: 12px;

}

#content.product-detail .product-right .product-contact-container .contact-body .contact-button:hover {

	border-color: #10779b;

	color: #10779b;

}

#content.product-detail #contact-modal .modal-dialog {

	position: absolute;

	top: 50%;

	left: 50%;

	margin: 0;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

#content.product-detail #contact-modal .modal-content {

	border-radius: 0;

}

#content.product-detail #contact-modal .modal-body {

	position: relative;

	padding: 0;

}

#content.product-detail #contact-modal .modal-body .close {

	position: absolute;

	top: calc(-24px / 2);

	right: calc(-24px / 2);

	z-index: 9;

	width: 24px;

	height: 24px;

	line-height: 23px;

	background: #fff;

	border-radius: 50%;

	color: #000;

	box-shadow: 0 0 2px #000;

	font-size: 18px;

	text-align: center;

	opacity: 1;

}

#content.product-detail #contact-modal .body-left .product-thumbnail {

	overflow: hidden;

}

#content.product-detail #contact-modal .body-left {

	width: calc(50% + 1px);

	border-right: solid 2px #eee;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#content.product-detail #contact-modal .body-left .body-product-info {

	padding: 30px 20px;

}

#content.product-detail #contact-modal .body-left .product-title {

	font-weight: bold;

}

#content.product-detail #contact-modal .body-left .table {

	margin-top: 10px;

	margin-bottom: 0;

}

#content.product-detail #contact-modal .body-left .table td {

	border:  none;

	padding: 5px 0;

}

#content.product-detail #contact-modal .body-left .table .price {

	color: #c82528;

}

#content.product-detail #contact-modal .body-right {

	position: relative;

	overflow: hidden;

}

#content.product-detail #contact-modal .body-right .body-title {

	font-weight: bold;

	font-size: 20px;

	text-align: center;

	background: #f9f9f9;

	padding: 20px 0;

}

#content.product-detail #contact-modal .body-right .form {

	padding: 30px 20px;

}

#content.product-detail #contact-modal .body-right .form .form-control {

	border-radius: 2px;

	padding: 8px;

	height: 44px;

}

#content.product-detail #contact-modal .body-right .form .form-inline .form-control {

	width: calc((100% - 10px) / 2);

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#content.product-detail #contact-modal .body-right .form .form-inline .form-control + .form-control {

	margin-top: 0;

	margin-left: 10px;

}

#content.product-detail #contact-modal .body-right .form .form-inline + .form-inline,
#content.product-detail #contact-modal .body-right .form .form-inline + .form-control,
#content.product-detail #contact-modal .body-right .form .form-control + .form-control {

	margin-top: 15px;

}

#content.product-detail #contact-modal .body-right .form button[type=submit] {

	width: 100%;

	height: 50px;

	margin-top: 30px;

	border-radius: 0;

	background: #c82528;

	color: #fff;

	font-size: 18px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail #contact-modal .body-right .form button[type=submit]:hover {

	background: #10779b;

}

#content.product-detail #contact-modal .body-right center {

	margin-top: 15px;

}

#content.product-detail #contact-modal .body-right center a {

	color: #000;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}

#content.product-detail #contact-modal .body-right center a:hover {

	color: #c82528;

}

#content.product-detail #contact-modal .body-right .back-button {

	position: absolute;

	top: 24px !important;

	left: 30px;

	font-size: 18px;

	cursor: pointer;

}

#content.product-detail #contact-modal .body-right .product-right {

	position: absolute;

	top: 0;

	left: 100%;

	width: 100%;

	margin-left: 0;

	padding: 0;

	background: #fff;

	-webkit-transition: left .5s;

	-o-transition: left .5s;

	transition: left .5s;

}

#content.product-detail #contact-modal .body-right .product-right .contact-body {
	padding: 20px;
}

#content.product-detail #contact-modal .body-right .product-right .product-contact-container {

	margin-top: 0;

	border: none;

}

#content.product-detail .product-related-container {

	width: 100%;

	margin-top: 15px;

	margin-bottom: 40px;

}

#content.product-detail #product-related-slider {

	margin-top: 15px;

}

#content.product-detail #product-related-slider .swiper-slide {

	position: relative;

}

#content.product-detail #product-related-slider .swiper-slide img {

	width: 100%;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#content.product-detail #product-related-slider .swiper-slide .item-heading {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	padding: 10px 20px;

	color: #fff;

	background: -moz-linear-gradient(to top, #000 0%, transparent 60%, transparent 100%);

	background: -webkit-linear-gradient(to top, #000 0%, transparent 60%, transparent 100%);

	background: linear-gradient(to top, #000 0%, transparent 60%, transparent 100%);

	-webkit-transition: all .2s;

	-o-transition: all .2s;

	transition: all .2s;

}

#content.product-detail #product-related-slider .swiper-slide .item-heading:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(0, 0, 0, 0.2);

	opacity: 0;

	-webkit-transition: all .2s;

	-o-transition: all .2s;

	transition: all .2s;

}

#content.product-detail #product-related-slider .swiper-slide:hover .item-heading:before {

	opacity: 1;

}

#content.product-detail #product-related-slider .swiper-slide .item-heading > * {

	position: relative;

	z-index: 1;

}

#content.product-detail #product-related-slider .swiper-slide .item-title {

	position: relative;

	margin-top: auto;

	font-weight: bold;

	font-size: 18px;

	margin-bottom: 5px;

}

#content.product-detail #product-related-slider .swiper-slide .item-address {

	margin-bottom: 5px;

}

#content.post-detail .post-detail-body,

#content.page .page-left {

	font-size: 16px;

}

/*#content:not(.index) img {

	max-width: 100%;

	height: auto !important;

}*/

#contact-modal .contact-form > div:not(:last-child) {

	margin-bottom: 10px;

}

#menu-mobile {

	background: var(--color-01);

}

#menu-mobile * {

	color: var(--color-03);

}

#menu-mobile .btn {

	background: transparent !important;

	width: 30px !important;

	height: 30px !important;

	margin: 10px !important;

	padding: 0;

	border: solid 2px var(--color-03);

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-ms-align-items: center;

	align-items: center;

	-webkit-justify-content: center;

	-moz-justify-content: center;

	-ms-justify-content: center;

	-o-justify-content: center;

	justify-content: center;

}

#menu-mobile-container {

	text-transform: uppercase;

	border-right: solid 1px var(--color-03);

	background: linear-gradient(to right bottom, var(--color-01), var(--color-01), var(--color-01), var(--color-02));

}

.mm-listview>li>a,

.mm-listview>li>span,

.mm-navbar .mm-title {

	color: var(--color-03) !important;

}

.mm-menu .mm-listview>li:after,

.mm-menu .mm-navbar,

.mm-menu .mm-listview>li .mm-next:before,

.mm-menu .mm-listview>li .mm-prev:after,

.mm-menu .mm-listview>li .mm-arrow:after,

.mm-menu .mm-listview>li .mm-next:after,

.mm-menu .mm-listview>li .mm-prev:before,

.mm-menu .mm-navbar .mm-btn:after,

.mm-menu .mm-navbar .mm-btn:before {

	border-color: var(--color-03);

}

.mm-navbar {

	height: auto;

}

#mm-1.mm-panel>.mm-listview.mm-first {

	margin-top: 0;

}

.mm-listview>li>a, .mm-listview>li>span {

	padding: 5px 5px 5px 10px;

}

/*
@media screen and (max-width: 991px) {

	#header {

		position: sticky;

		top: 0;

		z-index: 9999;

	}

	#content.product-detail .product-top {

		-webkit-flex-direction: column;

		-moz-flex-direction: column;

		-ms-flex-direction: column;

		-o-flex-direction: column;

		flex-direction: column;

	}

	.right-thumbnail,

	.right-description {

		width: 100%;

	}

	.right-thumbnail {

		order: 2;

	}

	#content.post-detail .post-related-list > * {

		-webkit-flex-direction: column;

		-moz-flex-direction: column;

		-ms-flex-direction: column;

		-o-flex-direction: column;

		flex-direction: column;

	}

	#content.post-detail .post-related-list .item-thumbnail {

		width: 100%;

		margin-bottom: 10px;

	}

	#content table td {

		display: block;

	}

	.post-item .item-title {

		font-size: 14px;

	}

	#content {

		text-align: justify;

	}

	.category-right-container {

		margin-top: 20px;

	}

	#slider-2:before,

	#slider-2:after {

		opacity: 0;

	}

	#slider-2 img {

		max-width: unset !important;

		width: 100%;

	}

	#slider-2 .slider-2-title {

		left: 0 !important;

		width: 100% !important;

		bottom: unset !important;

		padding: 0 20px !important;

	}

	#slider {

		position: unset;

	}

	#index-product .index-product-tab-container .tab-content {

		padding-left: 30px;

		padding-right: 30px;

	}

	.index-product-container {

		margin-top: 10px;

	}

	.index-product-tab-container ul.nav-tabs {

		-moz-flex-wrap: wrap;

		flex-wrap: wrap;

		-webkit-flex-wrap: wrap;

	}

	.index-product-tab-container ul.nav-tabs>li {

		margin-top: 10px;

		white-space: nowrap;

	}

	.index-product-container .swiper-container .swiper-button-prev,

	.index-product-container .swiper-container .swiper-button-next {

		width: 30px;

		height: 30px;

		margin-top: -15px;

	}

	.index-introduction-container .introduction-item > .item-content {

		text-align: justify;

	}

	.index-product-container .swiper-container .swiper-slide.swiper-slide-prev,

	.index-product-container .swiper-container .swiper-slide.swiper-slide-next {

		opacity: .2;

		transition: all .5s, opacity .5s 1s;

	}

	.index-post-slider,

	.index-post-container .index-title,

	.index-post-right,

	.index-post-left-container,

	.category-left-container {

		width: 100%;

	}

	.index-post-right {

		padding: 10px 0;

	}

	.index-post-left-container + .index-post-right-container,

	.category-left-container + .category-right-container {

		display: block;

		margin: auto;

		float: unset;

		clear: both;

		max-width: 100%;

	}

	.index-post-left-container + .index-post-right-container > .index-post-right-title,

	.category-left-container + .category-right-container > .category-right-title {

		font-size: 14px;

	}

	.index-post-left-container + .index-post-right-container form.contact-form .btn-container,

	.index-post-left-container + .index-post-right-container form.contact-form .link-container,

	.category-left-container + .category-right-container form.contact-form .btn-container,

	.category-left-container + .category-right-container form.contact-form .link-container {

		width: 100%;

	}

	.index-post-left-container + .index-post-right-container form.contact-form {

		min-height: auto !important;

	}

	#index-partner .swiper-button-prev,

	#index-partner .swiper-button-next {

		display: none !important;

	}

	#index-partner .index-description {

		text-align: justify;

	}

	#footer .footer-container {

		-webkit-flex-direction: column;

		-moz-flex-direction: column;

		-ms-flex-direction: column;

		-o-flex-direction: column;

		flex-direction: column;

	}

	#footer .footer-block {

		width: 100%;

	}

	.container > .row {

		margin-left: 0;

		margin-right: 0;

	}

	#footer .footer-block.n-1,

	#footer .footer-block.n-2 {

		padding: 0 15px;

		border-right: solid 1px #E8E8E8;

	}

	#copyright .n-4 {

		margin-left: 0;

	}

	#footer .footer-link-container .link-item:last-child {

		margin-right: 0;

	}

	#content.category-product .category-product-left .category-title {

		font-size: 14px;

	}

}
*/

/*#search {

	position: fixed;

	top: 50px;

	right: 0;

	left: unset;

	/*width: 80%;* /

	z-index: 99;

	opacity: 0;

	pointer-events: none;

	border: solid 1px var(--color-03);

	-moz-transform: none;

	transform: none;

	-webkit-transform: none;

	-moz-transition: all .5s;

	transition: all .5s;

	-webkit-transition: all .5s;

}*/

#search .modal-dialog {

	top: 50%;

	margin-top: 0;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

	transform: translate(0, -50%);

}

#search .modal-content {

	border-radius: 0;

	border:  none;

}

#search .modal-body {

	padding: 0;

}

#search.shown {

	opacity: 1;

	pointer-events: all;

}

#search-toggle-btn {

	position: fixed;

	top: 10px;

	right: 10px;

	width: 30px;

	height: 30px;

	z-index: 99999;

	border: solid 2px var(--color-03);

	color: var(--color-03);

}

#search .container {

	width: auto;

}

#search.shown + #search-toggle-btn {

	border-color: var(--color-02);

}

#search-toggle-btn span {

	position: absolute;

	top: 50% !important;

	left: 50% !important;

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transition: all .5s;

	transition: all .5s;

	-webkit-transition: all .5s;

}

#search-toggle-btn span.fa-times,

#search.shown + #search-toggle-btn span.fa-search {

	opacity: 0;

}

#search.shown + #search-toggle-btn span.fa-times {

	opacity: 1;

}

/*#search .container {

	padding: 0 45px;

}*/

#search .search-container {

	background: var(--color-01);

	border-radius: 0 !important;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

}

#slider .item-title {

	font-size: 18px;

	left: 60px !important;

	max-width: calc(100% - 60px * 2);

}

#search .search-container .search-item .form-control {

	height: 30px;

	padding: 4px 12px;

	font-size: 12px;

	border-radius: 0;

}

#search .search-container:nth-child(1) .search-item:nth-child(1) {

	order: 2;

}

#search .search-container:nth-child(1) .search-item:nth-child(1),

#search .search-container:nth-child(1) .search-item:nth-child(2) {

	width: calc(100% - 30px * 2 - 8px * 3);

	-moz-flex-grow: 0;

	flex-grow: 0;

	-webkit-flex-grow: 0;

	-moz-flex-shrink: 0;

	flex-shrink: 0;

	-webkit-flex-shrink: 0;

}

#search .search-container:nth-child(1) .search-item:nth-child(3) {

	height: 30px;

	overflow: visible;

}

#search .search-container:nth-child(1) .search-item:nth-child(3) .btn {

	width: calc(30px * 2 + 8px);

	height: calc(30px * 2 + 8px);

}

#search .search-container:nth-child(1) .search-item:nth-child(3) .btn span {

	position: relative;

	top: 1px !important;

	left: 1px !important;

	font-size: 24px;

	border-radius: 0;

}

#search .search-container:nth-child(2) .search-item {

	width: calc(100% - 8px) !important;

}

#menu-center .search-toggle-btn {

	height: 34px;

	min-width: 104px;

	padding: 1px 10px 0;

	margin-left: 15px;

	border:  solid 2px var(--color-04);

	cursor: pointer;

	-moz-transition: all .5s;

	transition: all .5s;

	-webkit-transition: all .5s;

}

#menu-center .search-toggle-btn:hover {

	color: #10779b;

	border-color: #10779b;

}

#menu-center .search-toggle-btn span {

	position: relative;

	top: -1px !important;

	margin-right: 5px;

}

@media screen and (min-width:  992px) {

	/*#search {

		position: absolute;

		top: 50%;

		left: 50%;

		padding: 1px;

		border: none;

		box-shadow: 0 0 3px #000;

		-moz-transform: translate(-50%, -50%);

		transform: translate(-50%, -50%);

		-webkit-transform: translate(-50%, -50%);

	}*/

	#search .search-container .search-item .form-control {

		font-size: 16px;

		height: 40px;

	}

	#search .search-close-btn {

		position: absolute;

		top: -24px !important;

		right: -24px;

		width: 20px;

		height: 20px;

		line-height: 20px;

		font-size: 30px;

		text-align: center;

		cursor: pointer;

		color: #fff;

		-moz-transition: all .5s;

		transition: all .5s;

		-webkit-transition: all .5s;

	}

	#search .search-close-btn:hover {

		color: var(--color-04);

	}

	#search .search-container:nth-child(1) .search-item:nth-child(1),
	#search .search-container:nth-child(1) .search-item:nth-child(2) {

		width: calc(100% - 40px * 2 - 8px * 3);

	}

	#search .search-container:nth-child(1) .search-item:nth-child(3) .btn {

		width: calc(40px * 2 + 8px);

		height: calc(40px * 2 + 8px);

		-moz-transition: all .5s;

		transition: all .5s;

		-webkit-transition: all .5s;

	}

	#search .search-container:nth-child(1) .search-item:nth-child(3) .btn:hover {

		color: var(--color-04);

	}

}

/* New style from AI design */
@media screen and (min-width: 1030px) {
	.container {
		padding-left: 0;
		padding-right: 0;
	}
}

#header {
	position: relative;
	z-index: 99;
	border-top: solid 4px var(--color-01);
}

#slider-map-border {
	position: absolute;
	top: 0;
	left: -78px;
	height: 210px;
	pointer-events: none;
}

#slider-map-border-other-page {
	position: absolute;
	top: 0;
	left: 5px;
	height: 130px;
	pointer-events: none;
}

#menu-center .logo-container {
	position: relative;
	z-index: 99;
	top: 15px;
}

body:not(.index) #menu-center .logo-container {
	top: 0;
	padding: 5px 0;
}

#menu-center .item a {
	position: relative;
}

#menu-center .item.item-home a {
	width: 70px;
}

#menu-center .item.item-home a:before {
	width: 30px;
	height: 30px;
	background: #3f2e1c;
	box-shadow: 0 0 0 3px #fff, 0 0 0 7px var(--color-04);
}

#menu-center .item.item-home:hover > a,
#menu-center .item.item-home.active > a {
	color: #fff;
}

/*#menu-center .item:not(.item-home):hover > a,*/
#menu-center .item:not(.item-home).active > a {
	text-shadow: 1px 1px #000;
}

#menu-center .item-container .before {
	top: unset;
	bottom: 15px;
	border-bottom: solid 3px var(--color-01);
	pointer-events: none;
}

#menu-center .item .child-container {
	padding: 15px 20px;
	left: calc(20px / 2);
	top: calc(100% - 15px);
}

#menu-center .item .child-container .child-item > a {
	position: relative;
	padding: 0;
}

#menu-center .item .child-container .child-item + .child-item {
	margin-top: 8px;
}

/*#menu-center .item .child-container .child-item > a:hover,*/
#menu-center .item .child-container .child-item.active > a {
	text-shadow: 1px 1px #000;
}

#menu-center .item .child-container .child-item > a:before {
	content: "";
	position: absolute;
	top: 1px;
	left: -10px;
	height: calc(100% - 4px);
	border-left: solid 3px var(--color-01);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}

#menu-center .item .child-container .child-item.active > a:before,
#menu-center .item .child-container .child-item:hover > a:before {
	opacity: 1;
}

#menu-center .search-toggle-btn {
	font-weight: bold;
	text-shadow: 0 0;
	border: solid 1px var(--color-04);
	background: var(--color-04);
	margin-left: 20px;
}

#menu-center .search-toggle-btn:hover {
	background: unset;
	color: unset;
	border-color: unset;
}

#slider {
	position: relative;
}

#slider-bottom {
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	z-index: 9;
}

.index-title {
	font-size: 30px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0;
	color: var(--color-01);
	background: url('../images/index-title-line.svg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 180px auto;
}

.index-post-container {
	margin-top: 30px;
}

.index-post-container .index-title {
	float: unset;
	width: 100%;
}

.index-title:before,
.index-title:after {
	content: unset;
	display: none;
}

.index-post-left-container + .index-post-right-container > .index-post-right-title,
.category-left-container + .category-right-container > .category-right-title {
	color: var(--color-01);
	background: var(--color-04);
	padding-left: 10px;
	font-weight: bold;
	text-shadow: 0 0;
}

.index-post-left-container + .index-post-right-container > .index-post-right-title > span,
.category-left-container + .category-right-container > .category-right-title > span {
	position: relative;
	-moz-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	margin-left: 8px;
	height: 3px;
	background: var(--color-01);
}

.index-post-left-container + .index-post-right-container > .index-post-right-title > span:before,
.category-left-container + .category-right-container > .category-right-title > span:before,
.index-post-left-container + .index-post-right-container > .index-post-right-title > span:after,
.category-left-container + .category-right-container > .category-right-title > span:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: #fff;
}

.index-post-left-container + .index-post-right-container > .index-post-right-title > span:before,
.category-left-container + .category-right-container > .category-right-title > span:before {
	top: -4px;
}

.index-post-left-container + .index-post-right-container > .index-post-right-title > span:after,
.category-left-container + .category-right-container > .category-right-title > span:after {
	bottom: -4px;
}

.index-post-left-container + .index-post-right-container form.contact-form,
.category-left-container + .category-right-container form.contact-form {
	border-style: solid;
	border-color: var(--color-04);
	border-width: 0 3px 3px;
	background: unset;
}

.index-post-left-container + .index-post-right-container form.contact-form .btn-container,
.category-left-container + .category-right-container form.contact-form .btn-container {
	position: relative;
	border: unset;
	padding: 0;
	width: calc(100% + 40px);
	margin-top: 15px;
	margin-bottom: 15px;
}

.index-post-left-container + .index-post-right-container form.contact-form .btn,
.category-left-container + .category-right-container form.contact-form .btn {
	padding: 0;
	box-shadow: unset;
	text-shadow: unset;
	background: var(--color-04);
	color: var(--color-01);
	letter-spacing: unset;
	font-weight: bold;
	text-shadow: 0 0;
	font-size: 16px;
	width: calc(100% * 3 / 5);
	height: 40px;
}

.index-post-left-container + .index-post-right-container form.contact-form .btn:before,
.category-left-container + .category-right-container form.contact-form .btn:before,
.index-post-left-container + .index-post-right-container form.contact-form .btn:after,
.category-left-container + .category-right-container form.contact-form .btn:after {
	content: "";
	position: absolute;
	background: #fff;
	height: 8px;
	pointer-events: none;
}

.index-post-left-container + .index-post-right-container form.contact-form .btn:before,
.category-left-container + .category-right-container form.contact-form .btn:before {
	right: calc(100% / 5);
	bottom: 100%;
	left: 0;
	border-top: solid 2px var(--color-04);
	border-bottom: solid 3px var(--color-01);
	-webkit-transition: left .5s;
	-o-transition: left .5s;
	transition: left .5s;
}

.index-post-left-container + .index-post-right-container form.contact-form .btn:after,
.category-left-container + .category-right-container form.contact-form .btn:after {
	top: 100%;
	right: 0;
	left: calc(100% / 5);
	border-top: solid 3px var(--color-01);
	border-bottom: solid 2px var(--color-04);
	-webkit-transition: right .5s;
	-o-transition: right .5s;
	transition: right .5s;
}

.index-post-left-container + .index-post-right-container form.contact-form .btn:hover,
.category-left-container + .category-right-container form.contact-form .btn:hover {
	background: unset;
}

.index-post-left-container + .index-post-right-container form.contact-form .btn:hover:before,
.category-left-container + .category-right-container form.contact-form .btn:hover:before {
	left: calc(100% / 5);
}

.index-post-left-container + .index-post-right-container form.contact-form .btn:hover:after,
.category-left-container + .category-right-container form.contact-form .btn:hover:after {
	right: calc(100% / 5);
}

.index-post-left-container + .index-post-right-container form.contact-form .btn .before,
.category-left-container + .category-right-container form.contact-form .btn .before,
.index-post-left-container + .index-post-right-container form.contact-form .btn .after,
.category-left-container + .category-right-container form.contact-form .btn .after {
	position: absolute;
	background: #fff;
	width: 8px;
	height: 0;
	pointer-events: none;
	-webkit-transition: height .5s;
	-o-transition: height .5s;
	transition: height .5s;
}

.index-post-left-container + .index-post-right-container form.contact-form .btn .before,
.category-left-container + .category-right-container form.contact-form .btn .before {
	bottom: 0;
	right: calc(100% * 4 / 5);
	border-left: solid 2px var(--color-04);
	border-right: solid 3px var(--color-01);
}

.index-post-left-container + .index-post-right-container form.contact-form .btn .after,
.category-left-container + .category-right-container form.contact-form .btn .after {
	top: 0;
	left: calc(100% * 4 / 5);
	border-left: solid 3px var(--color-01);
	border-right: solid 2px var(--color-04);
}

.index-post-left-container + .index-post-right-container form.contact-form .btn:hover .before,
.category-left-container + .category-right-container form.contact-form .btn:hover .before,
.index-post-left-container + .index-post-right-container form.contact-form .btn:hover .after,
.category-left-container + .category-right-container form.contact-form .btn:hover .after {
	height: 100%;
}

.index-product-tab-container ul.nav-tabs li + li {
	margin-left: 30px;
}

.index-product-tab-container ul.nav-tabs li a {
	font-size: 24px;
}

.index-product-container .tab-content {
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: solid 3px var(--color-04);
	border-bottom: solid 3px var(--color-04);
}

.product-item .item-thumbnail:hover {
	opacity: unset;
}

.product-item .item-thumbnail:before {
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s;
}

.product-item .item-thumbnail:hover:before {
	background: rgba(255, 255, 255, 0.3);
}

.product-item .item-location {
	background: #fff;
	color: var(--color-01);
	padding: 5px 10px;
	min-width: 130px;
	text-align: center;
}

.product-item .item-state {
	background: linear-gradient(to right, var(--color-01), var(--color-04));
	font-weight: normal;
	font-size: 16px;
	padding: 5px 10px;
	min-width: 110px;
	text-align: center;
}

#index-aspect .index-aspect-container {
	margin-top: 5px;
	background-size: 100% auto;
	background-color: unset;
	background-blend-mode: unset;
	background-repeat: no-repeat;
	color: var(--color-01);
}

#index-aspect .index-aspect-container .index-aspect-heading {
	padding-top: 0;
}

#index-aspect .index-aspect-container .index-aspect-heading .index-title {
	font-size: 28px;
	padding-top: 2px;
	background: unset;
}

#index-aspect .index-aspect-container .index-aspect-heading .index-description {
	font-size: 20px;
	margin-top: 36px;
	margin-bottom: 16px;
	text-shadow: 0 0;
	text-transform: capitalize;
}

#index-aspect.count-item-1 .swiper-slide,
#index-aspect.count-item-2 .swiper-slide,
#index-aspect.count-item-3 .swiper-slide,
#index-aspect.count-item-4 .swiper-slide {
	/*width: calc((100% - 40px * 3) / 4) !important;*/
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-1 .overlay,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-2 .overlay,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-3 .overlay,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-4 .overlay {
	width: 100%;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-4 .overlay {
	height: 100%;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide a:before,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide a:after {
	content: unset;
	display: none;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide .item-heading {
	padding: 0px;
	color: var(--color-01);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-1 .item-heading,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-3 .item-heading {
	top: unset;
	bottom: 0;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-2 .item-heading {
	top: 0;
	bottom: unset;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-4 .item-heading {
	top: 0;
	bottom: unset;
	height: 100%;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-1:hover .item-heading,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-3:hover .item-heading {
	bottom: 100%;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-2:hover .item-heading,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-4:hover .item-heading {
	top: 100%;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide .item-title {
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 0;
	line-height: 1.8;
	margin-bottom: 0;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-1 .item-title {
	position: absolute;
	top: 15%;
	padding: 0 10%;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-2 .item-title {
	position: absolute;
	top: 50%;
	padding: 0 10%;
	-webkit-transform: translateY(calc(-50% - 10px)) !important;
	-ms-transform: translateY(calc(-50% - 10px)) !important;
	-o-transform: translateY(calc(-50% - 10px)) !important;
	transform: translateY(calc(-50% - 10px)) !important;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-3 .item-title {
	position: absolute;
	top: 50%;
	padding: 0 10%;
	-webkit-transform: translateY(calc(-50% + 5px)) !important;
	-ms-transform: translateY(calc(-50% + 5px)) !important;
	-o-transform: translateY(calc(-50% + 5px)) !important;
	transform: translateY(calc(-50% + 5px)) !important;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-4 .item-title {
	position: absolute;
	top: 10%;
	right: 0;
	padding: 0 10%;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide:not(:hover) .item-description {
	-webkit-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	-o-transform: translateY(0) !important;
	transform: translateY(0) !important;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide .item-description {
	position: absolute;
	right: 0;
	left: 0;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	/*-ms-align-items: center;
	align-items: center;*/
	color: var(--color-01);
	background: rgba(255, 255, 255, 0.8);
	padding: 16px 24px;
	font-size: 18px;
	text-shadow: 0 0;
	overflow: auto;
	text-align: justify;
	line-height: 1.8;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-1 .item-description,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-3 .item-description {
	top: 100%;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-1:hover .item-description,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-3:hover .item-description {
	top: 0;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-2 .item-description,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-4 .item-description {
	bottom: 100%;
}

#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-2:hover .item-description,
#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide.n-4:hover .item-description {
	bottom: 0;
}

#index-aspect .index-aspect-container {
	padding-bottom: 7px;
	border-bottom: solid 3px var(--color-04);
}

#index-statistic {
	margin-top: 8px;
	margin-bottom: 12px;
}

#index-statistic .statistic-container .statistic-left {
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
}

#index-statistic .statistic-container .statistic-left img {
	object-fit: cover;
}

#index-statistic .statistic-container .statistic-right {
	width: calc((100% - 20px) / 2);
}

#index-statistic .statistic-container .statistic-right .statistic-area > img + .statistic-heading {
	color: var(--color-01);
	padding: 30px 40px calc(20px + 4%);
	-ms-align-items: flex-start;
	align-items: flex-start;
}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .index-title {
	margin-top: 0;
	padding-bottom: 0;
	line-height: 1.1;
	background: unset;
	border-bottom: solid 5px var(--color-01);
}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body {
	width: 100%;
}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body .body-block {
	width: auto;
	font-weight: bold;
}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body .body-block + .body-block {
	margin-left: auto;
}

#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body .body-block .block-body {
	text-shadow: 0 0;
	font-size: 30px;
}

#index-statistic .statistic-container .statistic-right .statistic-line {
	display: none;
}

#index-partner {
	border: unset;
	padding: 30px 40px 0;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

#index-partner .index-title {
	margin-bottom: 10px;
	padding-bottom: 0;
	line-height: 1.1;
	background: unset;
	border-bottom: solid 5px var(--color-04);
	color: var(--color-01);
}

#index-partner #index-partner-slider .swiper-slide .partner-item:hover {
	border-color: var(--color-01);
}

#index-partner .partner-navigation-container {
	width: 100%;
}

#index-statistic,
#content.category-product {
	margin-bottom: 0;
}

#footer-top {
	margin-top: 11px;
	margin-bottom: 10px;
	border-top: solid 1px var(--color-04);
}

#footer {
	margin-top: 0;
	position: relative;
	background-size: cover;
	background-position: center;
	color: var(--color-01);
	text-shadow: 0 0;
	overflow: hidden;
}

#footer a,
#footer .footer-container .footer-right .footer-block .block-title,
#footer .footer-container .footer-right .footer-block .block-viewmore {
	color: var(--color-01);
}

#footer .footer-container .footer-right .footer-block .block-title {
	font-size: 20px;
}

#footer .footer-container .footer-right .footer-block .block-viewmore {
	font-weight: bold;
}

#footer .footer-container .footer-right .footer-block a + a:not(.block-viewmore) {
	-webkit-transition: unset;
	-o-transition: unset;
	transition: unset;
}

#footer a:hover,
#footer .footer-container .footer-right .footer-block .block-title:hover,
#footer .footer-container .footer-right .footer-block .block-viewmore:hover {
	color: var(--color-04);
	text-shadow: 1px 0 #000;
}

#footer:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: unset;
	left: 0;
	background: unset;
	border-top: solid 5px var(--color-04);
	box-shadow: 5px 0 10px #000;
}

#footer:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 80%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .8) 40%, transparent);
}

#footer > * {
	position: relative;
	z-index: 2;
}

#copyright {
	margin-top: 0;
	color: #fff;
	font-size: 16px;
	border-top: unset;
	text-shadow: 1px 1px #000;
}

#copyright .copyright-icon a img {
	width: 52px;
	height: 44px;
	object-fit: contain;
}

#copyright .top-icon {
	height: 50px;
}

.post-item:hover .item-title:not(.nofix) {
	color: var(--color-04);
}

.index-post-left-container,
.category-left-container {
	width: calc(100% - 400px - 15px);
}

.index-post-left-container + .index-post-right-container,
.category-left-container + .category-right-container {
	width: 400px;
}

.category-left-container + .category-right-container > .category-list-title,
.category-left-container + .category-right-container > .post-list-title,
.category-left-container + .category-right-container > .product-list-title {
	position: relative;
	background: #e1e1e1;
}

.category-left-container + .category-right-container > .category-list-title:after,
.category-left-container + .category-right-container > .post-list-title:after,
.category-left-container + .category-right-container > .product-list-title:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: solid 3px #d1d1d1;
}

.category-left-container + .category-right-container .category-list,
.category-left-container + .category-right-container .post-list,
.category-left-container + .category-right-container .product-list {
	background: unset;
	border-style: solid;
	border-width: 0 3px 3px;
	border-color: #e1e1e1;
}

.category-left-container + .category-right-container .category-list a {
	color: var(--color-01);
}

.category-left-container + .category-right-container .category-list span.fa {
	font-size: 6px;
}

#content.product-detail .product-slider-top {
	position: relative;
	padding-bottom: 4px;
	max-height: calc(100vh - 79px);
}

#content.product-detail .product-slider-top:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(to right, var(--color-01), var(--color-04));
	pointer-events: none;
}

#content.product-detail .product-menu .menu-item {
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
}

#content.product-detail .product-menu .menu-item.active {
	text-shadow: unset;
}

#content.product-detail .attribute-left {
	width: calc(100% - 380px - 20px);
}

#content.product-detail .attribute-right {
	width: 380px;
	padding-top: 2px;
}

#content.product-detail .attribute-right .price {
	background: var(--color-01);
	color: #fff;
	padding: 2px 8px;
	border-radius: 4px;
}

#content.product-detail .product-left {
	width: calc(100% - 380px - 15px);
}

#content.product-detail .product-block .block-content .overview-viewmore-btn {
	color: #777;
}

#content.product-detail .product-block .block-content .overview-viewmore-btn:hover {
	color: var(--color-04);
}

#content.product-detail .product-block .block-content .overview-viewmore-btn > span.text {
	font-size: inherit;
}

#content.product-detail .product-block .block-content .overview-viewmore-btn > span.text:before {
	content: "Xem thêm";
}

#content.product-detail .product-block .block-content .overview-viewmore-btn > span.text.up:before {
	content: "Thu gọn";
}

#content.product-detail .product-block .block-title[onclick]:hover {
	color: var(--color-04);
}

#content.product-detail .product-right .note {
	background: var(--color-04);
	color: var(--color-01);
	text-shadow: 0 0;
	font-size: 17px;
	padding: 15px 40px 15px 20px;
}

#content.product-detail .product-right .note .note-close {
	top: 10px;
	right: 10px;
	background: rgba(255, 255, 255, .5);
}

#content.product-detail .product-right .product-contact-container .contact-body {
	padding: 38px 35px 35px;
}

#content.product-detail .product-right .product-contact-container .contact-body > div {
	padding: 30px 0;
	font-size: 16px;
	color: var(--color-01);
	text-shadow: 0 0;
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button-container {
	position: relative;
	margin-left: -35px;
	padding: 0;
	width: calc(100% + 70px);
	margin-bottom: 8px;
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button {
	padding: 0;
	box-shadow: unset;
	text-shadow: unset;
	background: var(--color-04);
	color: var(--color-01);
	letter-spacing: unset;
	font-weight: bold;
	text-shadow: 0 0;
	font-size: 18px;
	width: calc(100% * 4 / 6);
	height: 44px;
	margin: auto;
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button .before,
#content.product-detail .product-right .product-contact-container .contact-body .call-button .after {
	position: absolute;
	background: #fff;
	width: 8px;
	height: 0;
	pointer-events: none;
	-webkit-transition: height .5s;
	-o-transition: height .5s;
	transition: height .5s;
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button .before {
	margin-top: unset;
	margin-right: unset;
	-moz-transform: unset;
	transform: unset;
	-webkit-transform: unset;
	bottom: 0;
	right: calc(100% * 5 / 6);
	border-left: solid 2px var(--color-04);
	border-right: solid 3px var(--color-01);
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button .after {
	margin-top: unset;
	margin-right: unset;
	-moz-transform: unset;
	transform: unset;
	-webkit-transform: unset;
	top: 0;
	left: calc(100% * 5 / 6);
	border-left: solid 3px var(--color-01);
	border-right: solid 2px var(--color-04);
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button:before,
#content.product-detail .product-right .product-contact-container .contact-body .call-button:after {
	content: "";
	position: absolute;
	background: #fff;
	height: 8px;
	pointer-events: none;
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button:before {
	right: calc(100% / 6);
	bottom: 100%;
	left: 0;
	border-top: solid 2px var(--color-04);
	border-bottom: solid 3px var(--color-01);
	-webkit-transition: left .5s;
	-o-transition: left .5s;
	transition: left .5s;
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button:after {
	top: 100%;
	right: 0;
	left: calc(100% / 6);
	border-top: solid 3px var(--color-01);
	border-bottom: solid 2px var(--color-04);
	-webkit-transition: right .5s;
	-o-transition: right .5s;
	transition: right .5s;
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button:hover {
	background: transparent;
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button:hover:before {
	left: calc(100% / 6);
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button:hover:after {
	right: calc(100% / 6);
}

#content.product-detail .product-right .product-contact-container .contact-body .call-button:hover .before,
#content.product-detail .product-right .product-contact-container .contact-body .call-button:hover .after {
	height: 100%;
}

#content.product-detail .product-right .product-contact-container .contact-body .contact-button {
	position: relative;
	border:  none;
	border-radius: 4px;
	background: linear-gradient(to right, var(--color-01), var(--color-04));
	color: var(--color-01);
	padding: 6px 12px;
	font-weight: normal;
}

#content.product-detail .product-right .product-contact-container .contact-body .contact-button:before {
	content: "";
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	border-radius: 2px;
	background: #fff;
	pointer-events: none;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

#content.product-detail .product-right .product-contact-container .contact-body .contact-button > * {
	position: relative;
	z-index: 1;
}

#content.product-detail .product-right .product-contact-container .contact-body .contact-button:hover {
	color: #fff;
	text-shadow: unset;
}

#content.product-detail .product-right .product-contact-container .contact-body .contact-button:hover:before {
	opacity: 0;
}

#content.product-detail .product-right .product-contact-container .contact-body .contact-button + .contact-button {
	margin-top: 25px;
}

#content.product-detail .product-related-container {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;
}

#content.product-detail .related-title {
	text-transform: uppercase;
}

#content.product-detail #product-related-slider .swiper-slide .item-title {
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}

#content.product-detail #product-related-slider .swiper-slide:hover .item-title {
	color: var(--color-04);
}

#content.news .index-title {
	margin-top: -5px;
	margin-bottom: 15px;
}

.news-menu {
	position: relative;
	border-top: unset;
	border-bottom: unset;
	color: var(--color-01);
}

.news-menu:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, var(--color-01), var(--color-04));
	pointer-events: none;
}

.news-menu .item {
	padding: 10px 30px;
	font-weight: bold;
	text-shadow: unset;
}

.news-menu .item:hover,
.news-menu .item.active {
	background: unset;
}

#content.news .news-container .news-block .block-title a {
	color: var(--color-01);
}

#content.news .news-container .news-block .block-title a:hover {
	color: var(--color-04);
}

#content.news .news-container .news-block .block-title .prefix {
	display: none;
}

#content.news .news-container .news-block .block-line {
	margin-top: 2px;
}

#content.news .news-container .news-block .post-list .item-title {
	color: var(--color-01);
}

#content.news .news-container .news-block .post-list .item-title:hover {
	color: var(--color-04);
}

#content.category-post {
	margin-top: 0;
}

.post-item .item-title.nofix a:hover {
	color: var(--color-04);
}

#content:not(.news) .news-menu {
	margin-bottom: 40px;
}

#content.post-detail .post-detail-left {
	width: calc(100% - 400px - 20px);
}

#content.post-detail .post-detail-left .post-detail-title {
	position: relative;
	text-transform: uppercase;
	font-size: 30px;
	padding-right: 230px;
	padding-bottom: 0;
	line-height: 1.4;
}

#content.post-detail .post-detail-left .post-detail-date {
	position: absolute;
	top: 12px;
	right: 0;
	margin-top: 0;
}

#content.post-detail .category-title {
	position: relative;
	padding-top: 1px;
	color: var(--color-01);
	background: linear-gradient(to right, var(--color-01), var(--color-04));
}

#content.post-detail .category-title:before {
	content: "";
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	background: #fff;
	pointer-events: none;
}

#content.post-detail .category-title > * {
	position: relative;
	z-index: 1;
}

#content:not(.index) {
	margin-bottom: unset;
}

#content.post-detail .post-related-list {
	position: relative;
	border: unset;
	margin-top: -1px;
	background: linear-gradient(to right, var(--color-01), var(--color-04));
}

#content.post-detail .post-related-list:before {
	content: "";
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	background: #fff;
	pointer-events: none;
}

#content.post-detail .post-related-list > * {
	position: relative;
	z-index: 1;
}

#content.post-detail .post-related-list .item-title:hover {
	color: var(--color-04);
}

body.contact .category-left-container {
	width: calc(100% - 400px - 30px);
}

body.contact .contact-page-title {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 5px;
}

body.contact .contact-page-title > span {
	border-bottom: unset;
}

body.contact .page-body {
	text-shadow: 0 0;
}

body.contact .contact-page-form .btn {
	padding: 5px 10px;
	min-width: 90px;
	border-radius: 4px !important;
}

#search .modal-content,
#search .search-container {
	background: unset;
}

#search .modal-content {
	position: relative;
}

#search .modal-content > * {
	position: relative;
	z-index: 1;
}

#search .modal-content:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--color-01);
	opacity: .5;
	pointer-events: none;
}

.index-product-tab-container .swiper-container {
	z-index: unset;
}

.index-product-tab-container .tab-content {
	position: relative;
}

.index-product-tab-container .tab-content:before,
.index-product-tab-container .tab-content:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.index-product-tab-container .tab-content:before {
	right: calc(100% + 3px);
}

.index-product-tab-container .tab-content:after {
	left: calc(100% + 3px);
}

.index-product-tab-container .tab-content.translating:before,
.index-product-tab-container .tab-content.translating:after {
	opacity: 0;
}

#content.product-detail .product-block {
	position: relative;
	border-bottom: unset;
	padding: 0;
	margin-top: 15px;
}

#content.product-detail .product-block.clickable {
	padding: 8px;
	background: linear-gradient(to right, var(--color-01), var(--color-04));
}

#content.product-detail .product-block.clickable:before {
	content: "";
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	background: #fff;
	pointer-events: none;
}

#content.product-detail .product-block.clickable > * {
	position: relative;
	z-index: 1;
}

#content.product-detail .product-block .block-title {
	margin: 0;
	padding: 0;
	height: auto;
	font-size: 20px;
	line-height: 1;
}

#content.product-detail .product-block .block-title > span:not(.fa) {
	position: relative;
	top: 2px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 20px;
	font-size: 12px;
	color: var(--color-01);
}

#content.product-detail .product-block .block-content {
	text-align: justify;
}

#content.product-detail .product-block .block-content:last-child {
	margin-bottom: -5px;
}

#content.product-detail .product-block .block-content:not(.no-padding),
#content.product-detail .product-block .block-content > .block-content-collapse {
	padding: 3px 0 0 !important;
}

#content.product-detail .product-block .block-content img {
	margin-left: auto !important;
	margin-right: auto !important;
}

#content.post-detail .post-related-title {
	font-weight: bold;
	margin-bottom: 5px;
}

#content.post-detail .post-related-title .span {
	border-bottom: dashed 1px #ddd;
	height: 15px;
	margin-left: 15px;
}

#content.post-detail ul.post-related-container {
	margin-bottom: 0;
	padding-left: 22px;
	color: var(--color-01);
}

#content.post-detail ul.post-related-container li + li {
	margin-top: 5px;
}

#content.post-detail ul.post-related-container li {
	list-style: disc;
}

#content.post-detail ul.post-related-container li a {
	color: var(--color-01);
}

#content.post-detail ul.post-related-container li a:hover {
	color: var(--color-04);
}

.post-item .item-title {
	text-align: unset;
}

#content.product-detail #contact-modal .body-right .product-right .contact-body {
	padding: 40px 20px 20px !important;
}

#content.product-detail #contact-modal .body-right .product-right .contact-body .call-button-container {
	width: calc(100% + 40px);
	margin-left: -20px;
}

#content.product-detail #contact-modal .close {
	position: absolute;
	background: #fff;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	box-shadow: 0 0 3px #000;
	opacity: 1;
	z-index: 9;
}
#content.product-detail #contact-modal .body-right .body-title {
	position: relative;
}
#content.product-detail #contact-modal .body-right .form button[type=submit] {
	background: var(--color-01);
	color: var(--color-03);
	text-shadow: 1px 1px var(--color-01);
	box-shadow: 2px 2px #000;
}
#content.product-detail #contact-modal .body-right .form button[type=submit]:hover {
	background: var(--color-04);
}
#content.product-detail #contact-modal .body-left .table .price {
	color: var(--color-01);
}

/*@media screen and (min-width: 992px) {*/
	#search .search-container:nth-child(1) .search-item:nth-child(3) .btn {
		position: relative;
		border:  unset;
		background: linear-gradient(to right, var(--color-01), var(--color-04));
		color: var(--color-01);
		height: calc(34px * 2 + 8px);
		border-radius: 4px;
	}

	#search .search-container:nth-child(1) .search-item:nth-child(3) .btn > span {
		position: relative;
		z-index: 1;
	}

	#search .search-container:nth-child(1) .search-item:nth-child(3) .btn:before {
		content: "";
		position: absolute;
		top: 2px;
		right: 2px;
		bottom: 2px;
		left: 2px;
		background: var(--color-04);
		border-radius: 2px;
		pointer-events: none;
		-webkit-transition: background .5s;
		-o-transition: background .5s;
		transition: background .5s;
	}

	#search .search-container:nth-child(1) .search-item:nth-child(3) .btn:hover {
		color: var(--color-01);
	}

	#search .search-container:nth-child(1) .search-item:nth-child(3) .btn:hover:before {
		background: #fff;
	}

	#search .search-container:nth-child(1) .search-item:nth-child(1),
	#search .search-container:nth-child(1) .search-item:nth-child(2),
	#search .search-container:not(:first-child) .search-item.-flex-grow-1 {
		background: linear-gradient(to right, var(--color-01), var(--color-04));
		padding: 2px;
		border-radius: 4px;
	}

	#search .search-container .search-item .form-control {
		border:  unset;
		height: 30px;
		border-radius: 2px;
		color: var(--color-01);
	}

	#search .search-container .search-item .form-control:not(:focus) {
		box-shadow: unset;
	}

	#search .search-close-btn {
		color: var(--color-01);
		background: rgba(255, 255, 255, .5);
		font-size: 24px;
		width: 24px;
		height: 24px;
		top: -30px !important;
		right: -30px;
		line-height: 23px;
	}

	#search .search-close-btn:not(:hover) {
		text-shadow: 0 0;
	}
/*}*/

@media screen and (max-width: 991px) {
	.container {
		width: 100%;
	}
	#header {
		position: sticky;
		top: 0;
		z-index: 9999;
		border-top: unset;
	}
	#content.product-detail .product-top {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.right-thumbnail,
	.right-description {
		width: 100%;
	}
	.right-thumbnail {
		order: 2;
	}
	#content.post-detail .post-related-list > * {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#content.post-detail .post-related-list .item-thumbnail {
		width: 100%;
		margin-bottom: 10px;
	}
	#content table td {
		display: block;
	}
	.post-item .item-title {
		font-size: 14px;
	}
	/*#content {
		text-align: justify;
	}*/
	.category-right-container {
		margin-top: 20px;
	}
	#slider-2:before,
	#slider-2:after {
		opacity: 0;
	}
	#slider-2 img {
		max-width: unset !important;
		width: 100%;
	}
	#slider-2 .slider-2-title {
		left: 0 !important;
		width: 100% !important;
		bottom: unset !important;
		padding: 0 20px !important;
	}
	#index-product .index-product-tab-container .tab-content {
		padding-left: 30px;
		padding-right: 30px;
	}
	.index-product-container {
		margin-top: 10px;
	}
	.index-product-tab-container ul.nav-tabs {
		-moz-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.index-product-tab-container ul.nav-tabs>li {
		margin-top: 10px;
		white-space: nowrap;
	}
	.index-product-container .swiper-container .swiper-button-prev,
	.index-product-container .swiper-container .swiper-button-next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.index-introduction-container .introduction-item > .item-content {
		text-align: justify;
	}
	.index-product-container .swiper-container .swiper-slide.swiper-slide-prev,
	.index-product-container .swiper-container .swiper-slide.swiper-slide-next {
		opacity: .2;
		transition: all .5s, opacity .5s 1s;
	}
	.index-post-slider,
	.index-post-container .index-title {
		width: 100%;
	}
	.index-post-right {
		padding: 10px 0;
	}
	.index-post-left-container + .index-post-right-container {
		display: block;
		max-width: 100%;
	}
	.category-left-container + .category-right-container {
		display: block;
		margin: auto;
	}
	.index-post-left-container + .index-post-right-container > .index-post-right-title,
	.category-left-container + .category-right-container > .category-right-title {
		font-size: 14px;
	}
	.index-post-left-container + .index-post-right-container form.contact-form .btn-container,
	.index-post-left-container + .index-post-right-container form.contact-form .link-container,
	.category-left-container + .category-right-container form.contact-form .btn-container,
	.category-left-container + .category-right-container form.contact-form .link-container {
		width: 100%;
	}
	.index-post-left-container + .index-post-right-container form.contact-form {
		min-height: auto !important;
	}
	#index-partner .index-description {
		text-align: justify;
	}
	#footer .footer-container {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#footer .footer-block {
		width: 100%;
	}
	.container > .row {
		margin-left: 0;
		margin-right: 0;
	}
	#footer .footer-block.n-1,
	#footer .footer-block.n-2 {
		padding: 0 15px;
		border-right: solid 1px #E8E8E8;
	}
	#copyright .n-4 {
		margin-left: 0;
	}
	#footer .footer-link-container .link-item:last-child {
		margin-right: 0;
	}
	#content.category-product .category-product-left .category-title {
		font-size: 14px;
	}
	#slider-map-border {
		display: none
	}
	.index-product-tab-container .tab-content:before {
		right: calc(100% + 3px - 30px);
	}
	.index-product-tab-container .tab-content:after {
		left: calc(100% + 3px - 30px);
	}
	#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide .item-title {
		font-size: 13px;
	}
	#index-aspect .index-aspect-container #index-aspect-slider .swiper-slide .item-description {
		font-size: 13px;
		padding: 10px 15px;
	}
	#menu-mobile-container {
		background: #f3f3f3;
		border-right-color: var(--color-01);
	}
	.mm-listview>li>a, .mm-listview>li>span, .mm-navbar .mm-title {
		color: var(--color-01) !important;
	}
	.mm-menu .mm-listview>li:after, .mm-menu .mm-navbar, .mm-menu .mm-listview>li .mm-next:before, .mm-menu .mm-listview>li .mm-prev:after, .mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after, .mm-menu .mm-listview>li .mm-prev:before, .mm-menu .mm-navbar .mm-btn:after, .mm-menu .mm-navbar .mm-btn:before {
		border-color: var(--color-01);
	}
	.index-post-left-container + .index-post-right-container form.contact-form .link-container a,
	.category-left-container + .category-right-container form.contact-form .link-container a {
		font-size: 16px !important;
		width: 100%;
	}
	.index-post-left-container + .index-post-right-container form.contact-form .btn-container,
	.category-left-container + .category-right-container form.contact-form .btn-container {
		width: calc(100% + 40px);
	}
	.index-post-left-container + .index-post-right-container form.contact-form .btn,
	.category-left-container + .category-right-container form.contact-form .btn {
		width: calc(100% * 8 / 10);
	}
	.index-post-left-container + .index-post-right-container form.contact-form .btn:before,
	.category-left-container + .category-right-container form.contact-form .btn:before {
		right: calc(100% / 10);
	}
	.index-post-left-container + .index-post-right-container form.contact-form .btn:after,
	.category-left-container + .category-right-container form.contact-form .btn:after {
		left: calc(100% / 10);
	}
	.index-post-left-container + .index-post-right-container form.contact-form .btn:hover:before,
	.category-left-container + .category-right-container form.contact-form .btn:hover:before {
		left: calc(100% / 10);
	}
	.index-post-left-container + .index-post-right-container form.contact-form .btn:hover:after,
	.category-left-container + .category-right-container form.contact-form .btn:hover:after {
		right: calc(100% / 10);
	}
	.index-post-left-container + .index-post-right-container form.contact-form .btn .before,
	.category-left-container + .category-right-container form.contact-form .btn .before {
		right: calc(100% * 9 / 10);
	}
	.index-post-left-container + .index-post-right-container form.contact-form .btn .after,
	.category-left-container + .category-right-container form.contact-form .btn .after {
		left: calc(100% * 9 / 10);
	}
	#slider-map-border-other-page {
		display: none;
	}
	#menu-mobile {
		background: linear-gradient(to right, var(--color-01), var(--color-04));
	}
	#content.news .news-menu > .container,
	#content.category-post .news-menu > .container > .row {
		-moz-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		padding-bottom: 5px;
	}
	.news-menu .item {
		padding: 10px 10px 8px;
		font-size: 14px;
	}
	#content.news .news-container .news-block {
		margin-top: 30px;
	}
	#content.news .news-container .news-block .block-title {
		font-size: 24px;
	}
	#content.news .news-container .news-block .post-list {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#content.news .news-container .news-block .post-list > * {
		width: 100% !important;
		margin-left: 0 !important;
	}
	#content.news .news-container .news-block .post-list .column-2 .item-description {
		display: none;
	}
	#content.news .news-container .news-block .post-list .column-2 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#content.news .news-container .news-block .post-list .column-2 .item-thumbnail {
		width: 40%;
		margin-right: 12px;
		margin-bottom: 0;
		-moz-flex-shrink: 0;
		flex-shrink: 0;
		-webkit-flex-shrink: 0;
	}
	#content.news .news-container .news-block .post-list .column-2 .item-title {
		font-size: 16px;
	}
	#content.news .news-container .news-block .post-list .column-2,
	#content.news .news-container .news-block .post-list .column-3 {
		margin-top: 15px;
		padding-top: 15px;
		border-top: solid 2px #ddd;
	}
	.index-post-left-container + .index-post-right-container,
	.category-left-container + .category-right-container {
		max-width: 100%;
	}
	.margin-top-sp-10 {
		margin-top: 10px !important;
	}
	.margin-top-sp-15 {
		margin-top: 15px !important;
	}
	.margin-top-sp-25 {
		margin-top: 25px !important;
	}
	#content.post-detail .post-detail-left .post-detail-title {
		padding-right: 0;
		padding-bottom: 5px;
		font-size: 24px;
	}
	#content.post-detail .post-detail-left .post-detail-date {
		position: unset;
	}
	#content.product-detail .product-attribute {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#content.product-detail .product-attribute {
		padding-top: 15px;
	}
	#content.product-detail .product-attribute > * {
		width: 100% !important;
		margin-left: 0 !important;
	}
	#content.product-detail .product-attribute > * + * {
		margin-top: 15px;
	}
	#content.product-detail .attribute-right {
		padding-top: 20px;
		padding-left: unset;
		border-top: solid 2px #eee;
		border-left: unset;
		max-width: unset;
	}
	#content.product-detail .product-menu {
		-moz-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		padding-top: 10px;
		padding-bottom: 10px;
		top: 50px;
	}
	#content.product-detail .product-menu .menu-item {
		margin: calc(10px / 2) calc(15px / 2) !important;
		font-size: 14px;
		line-height: inherit;
	}
	#content.product-detail .container-fluid {
		padding: 0 15px;
	}
	#content.page .page-left img,
	#content.post-detail img,
	#content.product-detail .product-block img {
		height: auto !important;
	}
	#content.product-detail .product-menu .menu-item:hover {
		border-bottom: unset !important;
		color: unset !important;
	}
	#content.product-detail .product-menu .menu-item.active {
		border-bottom: solid 2px #c82528 !important;
		color: #c82528 !important;
	}
	#index-aspect .index-aspect-container {
		background-position-y:  20px;
	}
	#content.index .index-post-slider {
		display: none;
	}
	.index-post-right {
		width: 100%;
	}
	#footer:after {
		height: 100%;
	}
	#search .search-container:nth-child(1) .search-item:nth-child(1),
	#search .search-container:nth-child(1) .search-item:nth-child(2) {
		width: calc(100% - 40px * 2 - 8px * 3);
	}
	#search .search-container:nth-child(1) .search-item:nth-child(3) .btn {
		width: calc(40px * 2 + 8px);
	}
	#search .search-close-btn {
		position: absolute;
		right: -30px;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	#index-aspect .index-aspect-container {
		background-position-y:  50px;
	}
	#index-statistic .statistic-container {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#index-statistic .statistic-container > * {
		width: 100% !important;
		margin-right: 0 !important;
	}
	#index-statistic .statistic-container .statistic-right .statistic-area > img + .statistic-heading {
		padding: 15px;
	}
	#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .index-title {
		font-size: 20px;
	}
	#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body {
		margin-top: 5px;
	}
	#index-statistic .statistic-container .statistic-right .statistic-area .statistic-heading .statistic-body .body-block .block-title {
		font-size: 14px;
		margin-bottom: 0;
	}
	#index-partner {
		padding: 15px;
	}
	#index-partner #index-partner-slider {
		margin-top: 0;
		min-height: 100vw;
	}
	#index-partner #index-partner-slider .swiper-slide .partner-item + .partner-item {
		margin-top: 10px;
	}
	#index-partner .partner-navigation-container {
		height: 30px;
	}
	#index-partner .partner-navigation-container .swiper-button-prev,
	#index-partner .partner-navigation-container .swiper-button-next {
		top: 10px;
	}
	#index-partner #index-partner-slider .swiper-slide .partner-item {
		height: calc((100% - 10px * 2) / 3);
	}
	#footer {
		padding: 30px 5px 0;
	}
	#footer .footer-container .footer-right {
		margin-top: 15px;
		margin-left: 0;
		-moz-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	#footer .footer-container .footer-right > * {
		width: calc((100% - 15px) / 2);
		margin-left: 0 !important;
	}
	#footer .footer-container .footer-right > *:nth-of-type(2n) {
		margin-left: 15px !important;
	}
	#copyright .top-icon {
		top: 15px;
		right: 0;
		max-height: calc(100% - 30px);
		-moz-transform: unset;
		transform: unset;
		-webkit-transform: unset;
	}
	#footer .footer-container .footer-body {
		font-size: 14px;
	}
	#footer .footer-container .footer-right .footer-block .block-title {
		font-size: 18px;
	}
	#footer .footer-container .footer-right .footer-block {
		font-size: 14px;
	}
	#footer .footer-container .footer-right .footer-block a + a {
		margin-top: 5px
	}
	#footer .footer-container .footer-right .footer-block + .footer-block + .footer-block {
		margin-top: 15px;
	}
	.index-post-right {
		width: 100%;
	}
	.index-post-left-container {
		width: 100%;
	}
	.index-post-left-container + .index-post-right-container {
		float: unset;
		clear: both;
		max-width: 100%;
	}
	.category-left-container {
		float: unset;
	}
	.category-left-container {
		width: 100%;
	}
	.category-left-container + .category-right-container {
		display: block;
		margin-top: 12px;
		margin-right: auto;
		margin-left: auto;
	}
	#content.post-detail .post-detail-left {
		width: 100%;
	}
	body.contact .category-left-container {
		width: 100%;
	}
	#content.product-detail .product-attribute .attribute-left > .display-flex {
		-moz-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	#content.product-detail .product-attribute .attribute-left > .display-flex > .th {
		width: 106px;
	}
	#content.product-detail .product-attribute .attribute-left > .display-flex > .td {
		width: calc(100% - 106px);
	}
	#content.product-detail .product-content-container {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#content.product-detail .product-content-container > * {
		width: 100% !important;
		margin-left: 0 !important;
	}
	#content.product-detail .product-content-container > * + * {
		margin-top: 15px;
	}
	.product-item .item-body {
		-moz-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.index-post-left-container + .index-post-right-container,
	.category-left-container + .category-right-container {
		width: 100%;
	}
	#content.index .index-post-slider {
		display: unset;
	}
	#content.product-detail #contact-modal .modal-dialog {
		width: calc(100vw - 50px);
		top: 75px;
		transform: translateX(-50%);
		padding-bottom: 25px;
	}
	#content.product-detail #contact-modal .modal-body {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		overflow: hidden;
	}
	#content.product-detail #contact-modal .body-left {
		width: 100%;
	}
	#content.product-detail #contact-modal .body-left .product-thumbnail {
		display: none;
		height: unset !important;
	}
	#content.product-detail #contact-modal .body-left .body-product-info {
		padding: 15px 15px 10px;
	}
	#content.product-detail #contact-modal .body-left .product-title {
		margin-bottom: 5px
	}
	#content.product-detail #contact-modal .body-left .table {
		margin-top: 5px;
	}
	#content.product-detail #contact-modal .body-left .table td {
		padding: calc(5px / 2) 0;
	}
	#content.product-detail #contact-modal .body-right .body-title {
		padding: 10px 0;
	}
	#content.product-detail #contact-modal .body-right .form {
		padding: 15px;
	}
	#content.product-detail #contact-modal .body-right .form .form-control {
		height: 34px;
	}
	#content.product-detail #contact-modal .body-right .form .form-inline .form-control + .form-control {
		margin-left: 10px;
	}
	#content.product-detail #contact-modal .body-right .form .form-inline + .form-inline,
	#content.product-detail #contact-modal .body-right .form .form-inline + .form-control,
	#content.product-detail #contact-modal .body-right .form .form-control + .form-control {
		margin-top: 10px;
	}
	#content.product-detail #contact-modal .body-right .form button[type=submit] {
		margin-top: 10px;
		height: 40px;
	}
	#content.product-detail #contact-modal .body-right center {
		margin-top: 10px;
	}
	#content.product-detail #contact-modal .body-right .back-button {
		top: 14px !important;
		left: 20px;
	}
	#content.product-detail #contact-modal .body-right {
		position: unset;
	}
	#content.product-detail #contact-modal .body-right .product-right {
		height: 100%;
	}
	#content.product-detail #contact-modal .body-right .product-right .call-button {
		width: calc(100% * 6 / 8);
	}
	#content.product-detail #contact-modal .body-right .product-right .call-button:before {
		right: calc(100% / 8);
	}
	#content.product-detail #contact-modal .body-right .product-right .call-button:after {
		left: calc(100% / 8);
	}
	#content.product-detail #contact-modal .body-right .product-right .call-button:hover:before {
		left: calc(100% / 8);
	}
	#content.product-detail #contact-modal .body-right .product-right .call-button:hover:after {
		right: calc(100% / 8);
	}
	#content.product-detail .product-right .product-contact-container .contact-body .call-button .before {
		right: calc(100% * 7 / 8);
	}
	#content.product-detail .product-right .product-contact-container .contact-body .call-button .after {
		left: calc(100% * 7 / 8);
	}
	#content.product-detail #contact-modal .body-right .product-right center {
		margin-top: 15px;
	}
	#search .search-close-btn {
		right: 0;
	}
}