/* GUIDE */
html,
body {
	margin: 0;
	padding: 0;
	font-family: 'Chakra Petch', sans-serif;
	font-size: 16px;
}
body::selection {
	background: #0064C5;
	color: #fff;
}
:root {
    scroll-behavior: initial;
}

* { outline:none; }
*::selection {
	background: #0064C5;
	color: #fff;
}

img {
	max-width: 100%;
}

h1 {
	font-family: 'Kanit', sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: rgba(0, 75, 147, 1);
}

h2 {
	font-family: 'Kanit', sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: #004B93;
}

h3 {
	font-family: 'Kanit', sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: #004B93;
}

h4 {
	font-family: 'Kanit', sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	color: #004B93;
}

h5 {
	font-family: 'Kanit', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	color: #004B93;
}

h6 {
	font-family: 'Kanit', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	color: #004B93;
}

p {
	font-size: 16px;
	font-weight:400;
	color: rgba(45, 45, 45, 1);
	line-height: 1.5;
	margin-bottom:20px;
}

a {
	font-size: 16px;
	font-weight:400;
	color: rgba(0, 75, 147, 1);
	line-height: 1.5;
	text-decoration: underline;
}

a:hover {
	color: rgba(30, 53, 81, 1);
}

ul {}

ul li {
	color: rgba(45, 45, 45, 1);
	font-size: 16px;
	font-weight: 400;
}

table {
	width: 100%;
	border: 0;
}

table tr:first-child td {
	font-size: 16px;
	font-weight: 600;
	color: rgba(45, 45, 45, 1);
}

table tr td {
	padding: 5px 10px;
	font-size: 16px;
	color: rgba(45, 45, 45, 1);
	font-weight: 400;
	width: auto !important;
	height: auto !important;
	border-bottom: 1px solid #a1a1a1;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1320px;
}

.splash-body {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 9999;
	width: 100%;
	transform: translate3d(-50%,-50%,0);
	background:#fff;
	padding: 0 0;
	overflow: auto;
}
.splash_flex {
	display: flex;
	align-items: flex-end;
	height: calc(100% - 70px);
}

.splash-close {
	width: 30px;
	height: 30px;
	position: fixed;
	right: 30px;
	top: 30px;
	z-index: 9999;
	background-size: cover;
	cursor: pointer
}

.splash-overlay {
	background: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
	background-size: cover;
}

.search_form {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.9);
}

.search_form .search-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
}
.search_form form {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin-top: -80px;
	max-width: 60%;
	margin-left: -30%;
}

.search_form input {
	font-size: 24px;
	color: #fff;
	width: 100%;
	background: transparent;
	border: 0;
	padding: 20px;
	outline: 0;
	text-align: center;
}

.search_form {
	opacity: 0;
}

.search_form h2 {
	color: #fff;
	font-size: 36px;
	text-align: center;
}


/* GUIDE */


/* FEATURES */

.info-box-title-clicked {
	color: red;
	cursor: pointer;
}

.info-box-title {
	color: red;
	cursor: pointer;
}

.info-box-content {
	display: none;
}

.tooltip {
	position: absolute;
	font-size: 16px;
	color: #000;
	padding: 10px 20px 10px 10px;
	background: #ebebeb;
	opacity: 1;
}

.tooltip .close-tooltip {
	width: 10px;
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}


/* FEATURES */


/* MENUS */

/* MENUS */


/* ANIMATION */

.slide_top-to-bottom {
	opacity: 0;
	transition: all 400ms;
}

.slide_bottom-to-top {
	opacity: 0;
	transition: all 400ms;
}

.slide_right-to-left {
	opacity: 0;
	transition: all 400ms;
}

.slide_left-to-right {
	opacity: 0;
	transition: all 400ms;
}

.slide_fade-in {
	opacity: 0;
	transition: all 600ms;
}

.slide_rotate {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 600ms;
}

.slide_scale-in {
	transform: scale(0, 0);
	transition: all 600ms;
}

.slide_in-line-fade {
	opacity: 0;
	transition: all 300ms;
}

.slide_in-line-fade-300ms {
	opacity: 0;
	transition: all 300ms;
}

.slide_in-line-fade-600ms {
	opacity: 0;
	transition: all 300ms;
}

.slide_in-line-fade-900ms {
	opacity: 0;
	transition: all 300ms;
}

.slide_in-line-rotate {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 300ms;
}

.slide_in-line-rotate-300ms {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 300ms;
}

.slide_in-line-rotate-600ms {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 300ms;
}

.slide_in-line-rotate-900ms {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 300ms;
}

.slide_in-line-scale {
	transform: scale(0, 0);
	transition: all 300ms;
}

.slide_in-line-scale-300ms {
	transform: scale(0, 0);
	transition: all 300ms;
}

.slide_in-line-scale-600ms {
	transform: scale(0, 0);
	transition: all 300ms;
}

.slide_in-line-scale-900ms {
	transform: scale(0, 0);
	transition: all 300ms;
}


.top-to-bottom {
	opacity: 0;
	transition: all 400ms;
}

.bottom-to-top {
	opacity: 0;
	transition: all 400ms;
}

.right-to-left {
	opacity: 0;
	transition: all 400ms;
}

.left-to-right {
	opacity: 0;
	transition: all 400ms;
}

.fade-in {
	opacity: 0;
	transition: all 600ms;
}

.rotate {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 600ms;
}

.scale-in {
	transform: scale(0, 0);
	transition: all 600ms;
}

.in-line-fade {
	opacity: 0;
	transition: all 300ms;
}

.in-line-fade-300ms {
	opacity: 0;
	transition: all 300ms;
}

.in-line-fade-600ms {
	opacity: 0;
	transition: all 300ms;
}

.in-line-fade-900ms {
	opacity: 0;
	transition: all 300ms;
}
.in-line-fade-1200ms {
	opacity: 0;
	transition: all 300ms;
}

.in-line-rotate {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 300ms;
}

.in-line-rotate-300ms {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 300ms;
}

.in-line-rotate-600ms {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 300ms;
}

.in-line-rotate-900ms {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 300ms;
}

.in-line-rotate-1200ms {
	opacity: 0;
	transform: rotate(-360deg);
	transition: all 300ms;
}

.in-line-scale {
	transform: scale(0, 0);
	transition: all 300ms;
}

.in-line-scale-300ms {
	transform: scale(0, 0);
	transition: all 300ms;
}

.in-line-scale-600ms {
	transform: scale(0, 0);
	transition: all 300ms;
}

.in-line-scale-900ms {
	transform: scale(0, 0);
	transition: all 300ms;
}
.in-line-scale-1200ms {
	transform: scale(0, 0);
	transition: all 300ms;
}


/*VISIBLE*/

.visible .top-to-bottom {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.visible .bottom-to-top {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.visible .right-to-left {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.visible .left-to-right {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.visible .fade-in {
	opacity: 1;
	transition: all 600ms;
}

.visible .rotate {
	opacity: 1;
	transform: rotate(0);
	transition: all 600ms;
}

.visible .scale-in {
	transform: scale(1, 1);
	transition: all 600ms;
}

.visible .in-line-fade {
	opacity: 1;
	transition: all 100ms;
}

.visible .in-line-fade-300ms {
	opacity: 1;
	transition: all 100ms;
	transition-delay: 0.1s;
}

.visible .in-line-fade-600ms {
	opacity: 1;
	transition: all 100ms;
	transition-delay: 0.2s;
}

.visible .in-line-fade-900ms {
	opacity: 1;
	transition: all 100ms;
	transition-delay: 0.3s;
}
.visible .in-line-fade-1200ms {
	opacity: 1;
	transition: all 100ms;
	transition-delay: 0.4s;
}

.visible .in-line-rotate {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
}

.visible .in-line-rotate-300ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.3s;
}

.visible .in-line-rotate-600ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.6s;
}

.visible .in-line-rotate-900ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.9s;
}

.visible .in-line-scale {
	transform: scale(1, 1);
	transition: all 300ms;
}

.visible .in-line-scale-300ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.3s;
}

.visible .in-line-scale-600ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.6s;
}

.visible .in-line-scale-900ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.9s;
}


.swiper-slide-active .slide_top-to-bottom {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.swiper-slide-active .slide_bottom-to-top {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.swiper-slide-active .slide_right-to-left {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.swiper-slide-active .slide_left-to-right {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.swiper-slide-active .slide_fade-in {
	opacity: 1;
	transition: all 600ms;
}

.swiper-slide-active .slide_rotate {
	opacity: 1;
	transform: rotate(0);
	transition: all 600ms;
}

.swiper-slide-active .slide_scale-in {
	transform: scale(1, 1);
	transition: all 600ms;
}

.swiper-slide-active .slide_in-line-fade {
	opacity: 1;
	transition: all 300ms;
}

.swiper-slide-active .slide_in-line-fade-300ms {
	opacity: 1;
	transition: all 300ms;
	transition-delay: 0.3s;
}

.swiper-slide-active .slide_in-line-fade-600ms {
	opacity: 1;
	transition: all 300ms;
	transition-delay: 0.6s;
}

.swiper-slide-active .slide_in-line-fade-900ms {
	opacity: 1;
	transition: all 300ms;
	transition-delay: 0.9s;
}

.swiper-slide-active .slide_in-line-rotate {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
}

.swiper-slide-active .slide_in-line-rotate-300ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.3s;
}

.swiper-slide-active .slide_in-line-rotate-600ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.6s;
}

.swiper-slide-active .slide_in-line-rotate-900ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.9s;
}

.swiper-slide-active .slide_in-line-scale {
	transform: scale(1, 1);
	transition: all 300ms;
}

.swiper-slide-active .slide_in-line-scale-300ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.3s;
}

.swiper-slide-active .slide_in-line-scale-600ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.6s;
}

.swiper-slide-active .slide_in-line-scale-900ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.9s;
}


/* SECTION */

.visible.top-to-bottom {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.visible.bottom-to-top {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.visible.right-to-left {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.visible.left-to-right {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.visible.fade-in {
	opacity: 1;
	transition: all 600ms;
}

.visible.rotate {
	opacity: 1;
	transform: rotate(0);
	transition: all 600ms;
}

.visible.scale-in {
	transform: scale(1, 1);
	transition: all 600ms;
}

.visible.in-line-fade {
	opacity: 1;
	transition: all 300ms;
}

.visible.in-line-fade-300ms {
	opacity: 1;
	transition: all 300ms;
	transition-delay: 0.3s;
}

.visible.in-line-fade-600ms {
	opacity: 1;
	transition: all 300ms;
	transition-delay: 0.6s;
}

.visible.in-line-fade-900ms {
	opacity: 1;
	transition: all 300ms;
	transition-delay: 0.9s;
}

.visible.in-line-rotate {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
}

.visible.in-line-rotate-300ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.3s;
}

.visible.in-line-rotate-600ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.6s;
}

.visible.in-line-rotate-900ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.9s;
}

.visible.in-line-scale {
	transform: scale(1, 1);
	transition: all 300ms;
}

.visible.in-line-scale-300ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.3s;
}

.visible.in-line-scale-600ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.6s;
}

.visible.in-line-scale-900ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.9s;
}


.swiper-slide-active.slide_top-to-bottom {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.swiper-slide-active.slide_bottom-to-top {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.swiper-slide-active.slide_right-to-left {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.swiper-slide-active.slide_left-to-right {
	opacity: 1;
	transition: all 400ms;
	transform: translate3d(0,0,0) !important;
}

.swiper-slide-active.slide_fade-in {
	opacity: 1;
	transition: all 600ms;
}

.swiper-slide-active.slide_rotate {
	opacity: 1;
	transform: rotate(0);
	transition: all 600ms;
}

.swiper-slide-active.slide_scale-in {
	transform: scale(1, 1);
	transition: all 600ms;
}

.swiper-slide-active.slide_in-line-fade {
	opacity: 1;
	transition: all 300ms;
}

.swiper-slide-active.slide_in-line-fade-300ms {
	opacity: 1;
	transition: all 300ms;
	transition-delay: 0.3s;
}

.swiper-slide-active.slide_in-line-fade-600ms {
	opacity: 1;
	transition: all 300ms;
	transition-delay: 0.6s;
}

.swiper-slide-active.slide_in-line-fade-900ms {
	opacity: 1;
	transition: all 300ms;
	transition-delay: 0.9s;
}

.swiper-slide-active.slide_in-line-rotate {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
}

.swiper-slide-active.slide_in-line-rotate-300ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.3s;
}

.swiper-slide-active.slide_in-line-rotate-600ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.6s;
}

.swiper-slide-active.slide_in-line-rotate-900ms {
	opacity: 1;
	transform: rotate(0);
	transition: all 300ms;
	transition-delay: 0.9s;
}

.swiper-slide-active.slide_in-line-scale {
	transform: scale(1, 1);
	transition: all 300ms;
}

.swiper-slide-active.slide_in-line-scale-300ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.3s;
}

.swiper-slide-active.slide_in-line-scale-600ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.6s;
}

.swiper-slide-active.slide_in-line-scale-900ms {
	transform: scale(1, 1);
	transition: all 300ms;
	transition-delay: 0.9s;
}


/*SECTION*/


/*VISIBLE*/


/* ANIMATION */

.image-gallery-isotope {}

.image-gallery-isotope:after {
	content: '';
	display: block;
	clear: both;
}

.image-gallery-isotope .grid-sizer {
	width: calc(25% - 15px);
}

.image-gallery-isotope .grid-item {
	width: calc(25% - 15px);
	float: left;
	height: 186px;
	margin-bottom: 15px;
	overflow: hidden;
}

.image-gallery-isotope .grid-item img {
	transition: all 400ms;
}

.image-gallery-isotope .grid-item:hover img {
	-ms-transform: scale(1.2, 1.2);
	/* IE 9 */
	-webkit-transform: scale(1.2, 1.2);
	/* Safari */
	transform: scale(1.2, 1.2);
	transition: all 400ms;
}

.container-fluid .image-gallery-isotope .grid-item {
	height: 144px;
}

.image-gallery-isotope .grid-item--width2 {
	width: calc(50% - 15px);
	height: 388px;
}

.container-fluid .image-gallery-isotope .grid-item--width2 {
	height: 302px;
}

.grid-style .col-md-4 {
	margin-top: 30px;
}

.grid-style .grid-image {
	text-align: center;
	height: 250px;
	overflow: hidden;
}

.style-isotope {}

.style-isotope:after {
	content: '';
	display: block;
	clear: both;
}

.style-isotope .grid-sizer {
	width: calc(25% - 15px);
}

.style-isotope .grid-item {
	width: calc(25% - 15px);
	float: left;
	margin-bottom: 15px;
	overflow: hidden;
	transition: all 300ms;
}

.style-isotope .grid-item:hover {
	transition: all 400ms;
	margin-top: -15px !important;
}

.style-isotope .grid-item img {
	transition: all 400ms;
}

.style-isotope .grid-item:hover img {
	-ms-transform: scale(1.2, 1.2);
	/* IE 9 */
	-webkit-transform: scale(1.2, 1.2);
	/* Safari */
	transform: scale(1.2, 1.2);
	transition: all 400ms;
}

.style-isotope .item-text {
	background: #424242;
	color: #fff;
	font-size: 16px;
	padding: 5px 15px;
	position: relative;
	z-index: 2;
}

.style-isotope .grid-item--width2 {
	width: calc(50% - 15px);
	height: 388px;
}

.style-list ul {
	padding-left: 0;
}

.style-list ul li {
	background: #d2d2d2;
	display: block;
	position: relative;
	list-style: none;
	transition: all 400ms;
	top: 0;
}

.style-list ul li:hover {
	top: -10px;
	transition: all 400ms;
}

.style-list ul li+li {
	margin-top: 15px;
}

.style-list ul li .item-title {
	margin-bottom: 10px;
	display: block;
}

.style-list ul li p {}

.style-list ul li a {
	padding: 10px 15px;
	display: block;
}

.category-list ul {
	padding-left: 0;
}

.category-list ul li {
	background: #d2d2d2;
	display: block;
	position: relative;
	list-style: none;
	transition: all 400ms;
	top: 0;
}

.category-list ul li+li {
	margin-top: 15px;
}

.category-list ul li:hover {
	top: -10px;
	transition: all 400ms;
}

.category-list ul li .item-title {
	display: block;
	margin-bottom: 10px;
}

.category-list ul li a {
	padding: 10px 15px;
	display: block;
}

.row-style {
	margin-right: 0;
	margin-left: 0;
}

.row-style .style-item {
	padding: 0;
	margin-bottom: 30px;
	background: #d2d2d2;
	height: 214px;
	position: relative;
	overflow: hidden;
	top: 0;
	transition: all 400ms;
}

.row-style .style-item .style-img-hidden {
	overflow: hidden;
	display: inline-block;
	float: left;
}

.row-style .style-item:hover {
	top: -10px;
	transition: all 400ms;
}

.row-style .style-item:hover .style-img {
	-ms-transform: scale(1.2, 1.2);
	/* IE 9 */
	-webkit-transform: scale(1.2, 1.2);
	/* Safari */
	transform: scale(1.2, 1.2);
	transition: all 400ms;
}

.row-style .style-item a {
	display: block;
	height: 100%;
}

.row-style .style-item .style-img {
	max-width: 320px;
	float: left;
	transition: all 400ms;
}

.row-style .style-item .style-title {
	font-size: 18px;
	float: left;
	display: block;
	font-weight: 600;
	margin-left: 15px;
	margin-top: 30px;
	width: calc(100% - 335px);
}

.row-style .style-item .style-excerpt {
	font-size: 14px;
	font-size: 500;
	float: left;
	margin-left: 15px;
	width: calc(100% - 335px);
}

.style-slider {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.style-slider .swiper-slide {
	text-align: center;
}

.style-slider .style-slide-next {
	position: absolute;
	right: 0;
	bottom: 0;
	top: auto;
}

.style-slider .style-slide-prev {
	position: absolute;
	right: 37px;
	left: auto;
	bottom: 0;
	top: auto;
}

.style-slider .item-content {
	padding: 0 10px;
	text-align: left;
}

.gallery-list {
	padding: 0;
}

.gallery-list li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-left: -4px;
	padding: 10px;
}

.gallery-list li a {
	display: block;
	overflow: hidden;
}

.gallery-list li a img {
	max-width: 100%;
	transition: all 400ms;
}

.gallery-list li a:hover img {
	-ms-transform: scale(1.2, 1.2);
	/* IE 9 */
	-webkit-transform: scale(1.2, 1.2);
	/* Safari */
	transform: scale(1.2, 1.2);
	transition: all 400ms;
}

.grid-gallery {
	margin-top: -30px;
}

.grid-gallery .col-md-4 {
	height: 250px;
	margin-top: 30px;
	transition: all 400ms;
}

.grid-gallery .col-md-4 a {
	display: block;
	overflow: hidden;
}

.grid-gallery .col-md-4 a img {
	transition: all 400ms;
}

.grid-gallery .col-md-4 a:hover img {
	-ms-transform: scale(1.2, 1.2);
	/* IE 9 */
	-webkit-transform: scale(1.2, 1.2);
	/* Safari */
	transform: scale(1.2, 1.2);
	transition: all 400ms;
}

.grid-gallery .col-md-4 .center-wrapper {
	background: #000;
}

.slide-fullheight {
	background: #000;
}

.slide-fullheight .center-inner {
	text-align: center;
}

.slide-fullheight .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 1);
}

.slide-fullheight .swiper-pagination-bullet-active {
	background: red;
}

.type-head-title {
	display: inline-block;
	width: 100%;
	padding-bottom: 18px;
	font-weight: 600;
	border-bottom: 1px solid #bbb;
	margin-bottom: 25px;
}


/*SECTION SHOW*/


.desktop-0 {
	display: none;
}

.desktop-1 {
	display: block;
}

.tablet-1 {
	display: block;
}

.mobile-1 {
	display: block;
}

/*SECTION SHOW*/
#toast-container {
	position: fixed;
	z-index: 999999999999;
	pointer-events: none;
	width: 100%;
	right: 0;
}
#toast-container > div {
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 30px 30px 30px 80px;
	width: 100%;
	border-radius: 0;
	background-position: 30px center;
	background-repeat: no-repeat;
	box-shadow: none;
	color: #ffffff;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
}
.toast-top-right {
	top: 0px;
	right: 0px;
}
.toast-error {
	background-color: #e24445;
}
.t_m_t_0 {
	margin-top:0;
}
.t_m_b_0 {
	margin-bottom:0;
}
.p_m_b_0 {
	margin-bottom:0;
}

.color_black {
	color:#000;
}
.color_white {
	color:#fff;
}
.color_blue {
	color:#36E7FF;
}

.section_flex .container-fluid {
	height:100%;
}
.section_flex .container {
	height:100%;
}
.section_flex .container .row {
	height:100%;
}
.section_flex .container-fluid .row {
	height:100%;
}

.video_background {
	background: #000;
	position: absolute;
	overflow: hidden;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -99;
}
.video_foreground:before {
	content: "";
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index: 1;
}
.video_foreground, .video_background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
	.video_foreground {
		height: 200%;
		top: -50%;
	}
}
@media (max-aspect-ratio: 16/9) {
	.video_foreground {
		width: 200%;
		left: -50%;
	}
}
header {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	padding: 0 40px 15px;
	z-index: 9;
	transition: all 400ms;
}
.head_color_1 header:before {
	content:"";
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: -1;
}
.navbar-expand-lg {
	padding:0;
	height:100%;
	align-items: flex-end;
	position: static;
}
.navbar-expand-lg .navbar-collapse {
	height:100%;
	align-items: flex-end;
	justify-content: flex-end;
}
.navbar-expand-lg .navbar-nav {}
.navbar-expand-lg .navbar-nav li {}
.navbar-expand-lg .navbar-nav li a {
	text-decoration: none;
	font-size:16px;
	font-weight: 500;
	color:rgba(255, 255, 255, 1);
	padding:15px;
}
.navbar-expand-lg .navbar-nav.top_nav {}
.navbar-expand-lg .navbar-nav.top_nav li {}
.navbar-expand-lg .navbar-nav.top_nav li a {
	padding:15px 12px;
	text-decoration: none;
	font-size:16px;
	font-weight: 500;
	color:rgba(255, 255, 255, .6);
}
.second_nav {
	display: flex;
	align-items: center;
	padding:0;
	margin:0;
}
.second_nav li {
	list-style: none;
}
.second_nav li a {
	display: flex;
	align-items: center;
	font-size:16px;
	font-weight: 500;
	color:rgba(255, 255, 255, .6);
	text-decoration: none;
	text-transform: uppercase;
}
.second_nav li a svg {
	margin-right:8px;
}

.navbar-expand-lg .navbar-nav li .mega_container {
	position: absolute;
	left:0;
	top:100px;
	max-height: 0;
	overflow: hidden;
	width:100%;
	transition: all 500ms;
}
.navbar-expand-lg .navbar-nav li:hover .mega_container {
	max-height: 60vh;
}
.navbar-expand-lg .navbar-nav li .mega_container .products {
	display: flex;
	/*min-height: 524px;*/
}
.navbar-expand-lg .navbar-nav li .mega_container .products a {
	display: flex;
	position: relative;
	overflow: hidden;
	padding: 38px 20px 0;
	flex-direction: column;
	justify-content: space-between;
	background:#929292;
	transition: all 300ms;
	border-left:1px solid #fff;
	/*max-width: calc(100% / 7);
	width:100%;*/
}
.navbar-expand-lg .navbar-nav li .mega_container .products a:first-child {
	border-left: 0;
}
.navbar-expand-lg .navbar-nav li .mega_container .products a .product_name {
	font-size:1.1583333333333333vw;
	font-weight: 600;
	color:rgba(255, 255, 255, 1);
	display: block;
	white-space: nowrap;
}
.navbar-expand-lg .navbar-nav li .mega_container .products a .product_sub_title {
	font-size:0.9375vw;
	font-weight: 300;
	color:rgba(255, 255, 255, 1);
	display: block;
	opacity: 0;
	transition: all 300ms;
}
.navbar-expand-lg .navbar-nav li .mega_container .products a img {
	transform: translate3d(-50%,0,0);
	transition: all 300ms;
	margin-top:60px;
	max-width: initial;
	/*min-width: calc(100vw / 7 + 150px);*/
}
.navbar-expand-lg .navbar-nav li .mega_container .products a img.cover_icon {
	display: none;
}

header:hover {
	background:#fff;
}
header:hover:before {
	display: none;
}
header:hover #logo svg path {
	fill:rgba(0, 75, 147, 1);
}
header:hover #logo svg path.o_harfi {
	fill:transparent;
	stroke: rgba(0, 75, 147, 1);
}
header:hover .navbar-expand-lg .navbar-nav li a {
	color:rgba(45, 45, 45, 1);
}
header:hover .navbar-expand-lg .navbar-nav.top_nav li a {
	color:rgba(45, 45, 45, .6);
}
header:hover .second_nav li a {
	color:rgba(45, 45, 45, .6);
}
header:hover .second_nav li a svg path {
	stroke:rgba(45, 45, 45, .6);
}

.navbar-expand-lg .navbar-nav li .mega_container .products a:hover {
	background:rgba(111, 108, 97, 1);
	/*flex:0 0 calc(100vw / 7 + 150px);*/
}
.navbar-expand-lg .navbar-nav li .mega_container .products a:hover img {
	transform: translate3d(0,0,0);
}
.navbar-expand-lg .navbar-nav li .mega_container .products a:hover .product_sub_title {
	opacity: 1;
}
.navbar-expand-lg .navbar-nav li.mega_menu_sub {
	position: relative;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont {
	position: absolute;
	top:calc(100% + 15px);
	left:0;
	background:#fff;
	max-height: 0;
	overflow: hidden;
	transition: all 400ms;
	min-width: 310px;
}
.navbar-expand-lg .navbar-nav.top_nav li .sub_menu_cont {
	right:0;
	left: auto;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul {
	padding:0;
	margin:0;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li {
	list-style: none;
	padding:0 22px;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a {
	display: flex;
	align-items: center;
	padding:14px 0;
	color:rgba(143, 143, 143, 1);
	font-size:14px;
	font-weight: 600;
	position: relative;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a:after {
	content:"";
	position: absolute;
	bottom: 0;
	left:0;
	width:0;
	height:0;
	border-bottom: 1px dashed rgba(0, 75, 147, 1);
	transition: all 300ms;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a svg {
	width:0;
	margin-right: 5px;
}
header .second_nav li.lang_items {
	display: flex;
	align-items: center;
	position: relative;
	padding-right: 5px;
}
header .second_nav li.lang_items ul {
	position: absolute;
	left:0;
	top:100%;
	min-width:77px;
	padding:0;
	margin:0;
	max-height: 0;
	overflow: hidden;
	background:#fff;
	transition: all 200ms;
}
header .second_nav li.lang_items ul li {
	display: block;
	list-style: none;
	border-bottom:1px solid #494949;
}
header .second_nav li.lang_items ul li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}
header .second_nav li.lang_items ul li a {
	color:rgba(255, 255, 255, .6);
	font-size:16px;
	padding:15px 15px;
	display: block;
	justify-content: flex-end;
	text-align: center;
}
header .second_nav li.lang_items ul li a span {
	display: inline-block;
}
header .second_nav li.lang_items ul li a svg {
	opacity: 0;
	visibility: hidden;
	display: none;
}
header .second_nav li.lang_items ul li a:hover span {
	color:rgba(45, 45, 45, 1);
}
header .second_nav li.lang_items:hover {
	background:rgba(45, 45, 45, 1);
}
header .second_nav li.lang_items:hover ul {
	max-height: 120px;
	padding-top:5px;
}
header .second_nav li.lang_items ul li a:hover {
	color:rgba(45, 45, 45, 1);
	background:#fff;
}
header .second_nav li.lang_items span {
	display: flex;
	align-items: center;
	font-size:16px;
	font-weight: 500;
	color:rgba(255, 255, 255, .6);
	text-transform: uppercase;
}
header .second_nav li.lang_items span svg {
	margin-right:5px;
}
header .second_nav li.lang_items span svg path {
	stroke:rgba(255,255,255,.6);
}
header .second_nav li.lang_items:hover {
	background:#fff;
}
header:hover .navbar-expand-lg .navbar-nav.top_nav li:hover>a {
	color:rgba(45, 45, 45, 1);
}
header:hover .navbar-expand-lg .navbar-nav.top_nav li:hover>a svg {
}
header:hover .navbar-expand-lg .navbar-nav.top_nav li:hover .sub_menu_cont ul li a:hover {
	color:rgba(45, 45, 45, 1);
}

.head_color_1 header .second_nav li a {
	color:#fff;
}
.head_color_1 header .second_nav li.lang_items span {
	color:rgba(255,255,255,.6);
}
.head_color_1 header .second_nav li.lang_items span svg path {
	stroke:rgba(255,255,255,.6);
}
.head_color_1 header .second_nav li a.lang-item svg path{
	stroke:rgba(255,255,255,.6);
}

.head_color_2 header .second_nav li a {
	color:rgba(45, 45, 45, .6);
}
.head_color_2 header .second_nav li.lang_items span {
	color:rgba(45, 45, 45, .6);
}
.head_color_2 header .second_nav li.lang_items span svg path {
	stroke:rgba(45, 45, 45, .6);
}
.head_color_2 header .second_nav li a.lang-item svg path {
	stroke:rgba(45, 45, 45, .6);
}

header:hover .second_nav li.lang_items span {
	color:rgba(45, 45, 45, .6);
}
header:hover .second_nav li.lang_items span svg path {
	stroke:rgba(45, 45, 45, .6);
}
.head_color_1 header:hover .second_nav li.lang_items span svg path {
	stroke:rgba(45, 45, 45, .6);
}
header .second_nav li.lang_items:hover>span {
	color:rgba(45, 45, 45, 1) !important;
}
header .second_nav li.lang_items:hover>span>svg>path {
	stroke:rgba(45, 45, 45, 1) !important;
}

.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a svg {
	width:0;
	transition: all 300ms;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a:hover {
	color:rgba(0, 75, 147, 1);
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a:hover svg {
	width:20px;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a:hover:after {
	width:100%;
}
.navbar-expand-lg .navbar-nav li:hover .sub_menu_cont {
	max-height: 500px;
	padding-bottom: 10px;
}
header:hover .second_nav li a:hover {
	color:rgba(45, 45, 45, 1);
}
header:hover .second_nav li a:hover svg path {
	stroke:rgba(45, 45, 45, 1);
}
header.hide_header {
	transform: translate3d(0,-100%,0);
}
.playing_video header {
	transform: translate3d(0,-100%,0);
}
.playing_video_header header {
	background:#fff;
}
.playing_video_header header:before {
	display: none;
}
.playing_video_header header #logo svg path {
	fill:rgba(0, 75, 147, 1);
}
.playing_video_header header #logo svg path.o_harfi {
	fill:transparent;
	stroke: rgba(0, 75, 147, 1);
}
.playing_video_header header .navbar-expand-lg .navbar-nav li a {
	color:rgba(45, 45, 45, 1);
}
.playing_video_header header .navbar-expand-lg .navbar-nav.top_nav li a {
	color:rgba(45, 45, 45, .6);
}
.playing_video_header header .second_nav li a {
	color:rgba(45, 45, 45, .6);
}
.playing_video_header header .second_nav li a svg path {
	stroke:rgba(45, 45, 45, .6);
}
.playing_video_header header .second_nav li a:hover {
	color:rgba(45, 45, 45, 1);
}
.playing_video_header header .second_nav li a:hover svg path {
	stroke:rgba(45, 45, 45, 1);
}




body.head_color_2 #wrapper .content_wrapper {
	margin-top:100px;
}
body.head_color_2 header {
	background:#fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
body.head_color_2 header:before {
	display: none;
}
body.head_color_2 header #logo svg path {
	fill:rgba(0, 75, 147, 1);
}
body.head_color_2 header #logo svg path.o_harfi {
	fill:transparent;
	stroke: rgba(0, 75, 147, 1);
}
body.head_color_2 header .navbar-expand-lg .navbar-nav li a {
	color:rgba(45, 45, 45, 1);
}
body.head_color_2 header .navbar-expand-lg .navbar-nav.top_nav li a {
	color:rgba(45, 45, 45, .6);
}
body.head_color_2 header .second_nav li a {
	color:rgba(45, 45, 45, .6);
}
body.head_color_2 header .second_nav li a svg path {
	stroke:rgba(45, 45, 45, .6);
}
header.fixed_top {
	background:#fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
header.fixed_top:before {
	display: none;
}
header.fixed_top #logo svg path {
	fill:rgba(0, 75, 147, 1);
}
header.fixed_top #logo svg path.o_harfi {
	fill:transparent;
	stroke: rgba(0, 75, 147, 1);
}
header.fixed_top .navbar-expand-lg .navbar-nav li a {
	color:rgba(45, 45, 45, 1);
}
header.fixed_top .navbar-expand-lg .navbar-nav.top_nav li a {
	color:rgba(45, 45, 45, .6);
}
header.fixed_top .second_nav li a {
	color:rgba(45, 45, 45, .6);
}
header.fixed_top .second_nav li a svg path {
	stroke:rgba(45, 45, 45, .6);
}

.full-height {
	height:100vh;
}
.f_f_kanit {
	font-family: 'Kanit', sans-serif;
	line-height: 1.2;
}
.f_f_chakra_petch {
	font-family: 'Chakra Petch', sans-serif;
}
.f_s_120vh {
	font-size:10.889366272824919vh;
	line-height: 1;
}
.f_s_96vh {
	font-size:6.311493018259936vh;
	line-height: 1;
}
.f_s_60 {
	font-size:60px;
}
.f_s_48 {
	font-size:48px;
}
.f_s_40 {
	font-size:40px;
}
.f_s_36 {
	font-size:36px;
}
.f_s_30 {
	font-size:30px;
}
.f_s_24 {
	font-size:24px;
}
.f_s_20 {
	font-size:20px;
}
.f_s_18 {
	font-size:18px;
}
.f_s_16 {
	font-size:16px;
}
.f_s_14 {
	font-size:14px;
}
.f_w_900 {
	font-weight: 900;
}
.f_w_800 {
	font-weight: 800;
}
.f_w_700 {
	font-weight: 700;
}
.f_w_600 {
	font-weight: 600;
}
.f_w_500 {
	font-weight: 500;
}
.f_w_400 {
	font-weight: 400;
}
.f_w_300 {
	font-weight: 300;
}
.flex_col {
	display: flex;
}
.align_item_center {
	align-items: center;
}
.justify_space_between {
	justify-content: space-between;
}
.justify_center {
	justify-content: center;
}
.justify_end {
	justify-content: flex-end;
}
.col_standart>div {
	display: flex;
	flex-direction: column;
	height:100%;
}
.col_standart.align_item_center>div {
	justify-content: center;
}
section.justify_center .row {
	justify-content: center;
}
.page_down_section {
	position: relative;
}
.page_down {
	position: absolute;
	bottom:50px;
	left:50%;
	transform: translate3d(-50%,0,0);
	cursor: pointer;
}
.our_mission {
	background:#003B74;
	padding:55px 4vw 35px;
}
.our_values {
	background:#595959;
	display: flex;
}
.our_values h2 {
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	margin:0;
	padding:0 25px;
	background:#424242;
	transform: rotate(180deg);
	text-align: center;
}
.our_values>div {
	padding:55px 30px 35px;
}
.accordion-item {
	border:0;
}
.accordion-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 0;
	padding-right: 0;
	color:#8F8F8F;
	font-size:24px;
	font-weight: 600;
	box-shadow: none;
	border-bottom:1px solid #8F8F8F;
}
.accordion-button::after {
	display: none;
}
.accordion-item:first-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.accordion-button:not(.collapsed) {
	background:transparent;
	color:#004B93;
	font-size:24px;
	font-weight: 600;
	box-shadow: none;
	border-bottom:1px solid #8F8F8F;
}
.accordion-button:not(.collapsed)::after {
	display: none;
}
.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.accordion-body {
	padding-left: 0;
	padding-right: 0;
}
.accordion-collapse.show {
	border-bottom:1px solid #8F8F8F;
}
.accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.accordion-button svg {
	transition: all 300ms;
}
.accordion-button:not(.collapsed) svg {
	transform: rotate(180deg);
}

footer {
	background:#252B32;
}
footer section:first-child .container {
	padding:30px calc(var(--bs-gutter-x) * .5) 20px;
	border-bottom:1px solid #5483B0;
}
footer section:last-child {
	padding:30px 0;
}
footer section:last-child .col9 {
	display: flex;
	align-items: center;
	padding-left: 0;
}
footer section:last-child .col3 {
	padding-right: 0;
}
footer section:last-child p {
	color:#8F8F8F;
	margin-bottom: 0;
}

footer section:first-child .col9 {
	padding-left: 0;
}
footer section:first-child .col3 {
	padding-right: 0;
}

.footer_menu {
	display: flex;
	align-items: center;
	margin:0 0 0 10px;
	padding:0;
}
.footer_menu li {
	list-style: none;
	margin:0 5px;
}
.footer_menu li a {
	display: flex;
	align-items: center;
	font-size:14px;
	color:#8F8F8F;
	font-weight: 400;
	text-decoration: none;
	padding:0 5px;
}
.footer_menu li a img {
	margin-right: 10px;
}

.footer_products_menu {
	padding:0;
	margin:0;
	display: flex;
	flex-wrap: wrap;
}
.footer_products_menu li {
	list-style: none;
	margin:0 20px;
}
.footer_products_menu li a {
	display: block;
	font-size:16px;
	font-weight: 500;
	color:#FFFFFF;
	padding:0 5px;
	text-decoration: none;
}
.footer_products_menu li a img {
	margin-bottom: 5px;
	display: block;
}
.footer_products_menu li:first-child {
	margin-left:0;
}
.footer_products_menu li:first-child a {
	padding-left: 0;
}
.social_links {
	padding:0;
	margin:0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.social_links li {
	list-style: none;
}
.social_links li a {
	display: block;
	padding:0 10px;
}
.social_links li:last-child a {
	padding-right: 0;
}
.cookie_modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	transition: all 400ms;
}
.cookie_modal .cookie_close {
	position: absolute;
	right: 35px;
	top: 35px;
	display: none;
	cursor: pointer;
}
.cookie_modal .cookie_close.active {
	display: block;
}
.cookie_modal .modal_body {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px;
	z-index: 2;
	background: #fff;
}
.cookie_modal .modal_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
.cookie_modal .modal_body button {
	padding: 10px 20px;
	border: 0;
	box-shadow: none;
	font-size: 14px;
}
.cookie_modal .modal_body button:first-child {
	margin-right: 10px;
}
.cookie_modal .modal_body .cookie_settings {
	max-height: 0;
	transition: all 400ms;
	overflow: hidden;
}
.cookie_modal .modal_body .cookie_settings .form-group {
	margin-bottom: 30px;
}
.cookie_modal .modal_body .cookie_settings label {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.cookie_modal .modal_body .cookie_settings label input {
	
}
.cookie_modal .modal_body .cookie_settings label span {
	position: static;
	margin-left: 10px;
}
.cookie_modal .modal_body .cookie_settings.active {
	max-height: 1000px;
}
.cookie_modal .modal_body .cookie_accept {
	margin-left: 10px;
	background: #000;
	color: #fff;
}
.cookie_modal .modal_body .cookie_actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.cookie_modal.hidden {
	opacity: 0;
	display: none;
}
.tagline_module {
	position: relative;
}
.tagline_module .tagline_bg_image  {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}
.tagline_module .tagline_bg_color {
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index: 2;
}

.tagline_module .tagline_content {
	position: relative;
	z-index: 3;
}

.tagline_c_t_l {
	position: relative;
}
.tagline_c_t_l .tagline_module {
	transition: all 400ms;
	transform:translate3d(0,100%,0);
	opacity: 0;
}
.tagline_c_t_l .tagline_module .tagline_content {
	position: absolute;
	right:0;
	top:50%;
	transform:translate3d(0,0,0);
	opacity:0;
	transition: all 400ms;
	transition-delay:200ms;
	background:#706554;
	max-width:460px;
	width:100%;
	padding:50px;
}
.visible .tagline_c_t_l .tagline_module .tagline_content {
	opacity:1;
	transform: translate3d(0,-50%,0);
}
.visible .tagline_c_t_l .tagline_module {
	transform:translate3d(0,0,0);
	opacity: 1;
}

ul.column_2 {
	columns: 2;
}
.white_list {
	padding:0;
	margin:0;
}
.white_list li {
	list-style: none;
	color:#fff;
	font-size:16px;
	font-weight: 400;
	padding-left:15px;
	position: relative;
	display: flex;
	padding:0;
	margin-bottom: 10px;
}
.white_list li:before {
	content:"";
	background-image:url(/frontend/img/list-icon-white.svg);
	background-size:cover;
	background-position: center;
	width:4px;
	height:4px;
	margin-right: 10px;
	margin-top:9px;
}

.black_list {
	padding:0;
	margin:0;
}
.black_list li {
	list-style: none;
	color:#2D2D2D;
	font-size:16px;
	font-weight: 400;
	padding-left:15px;
	position: relative;
	display: flex;
	padding:0;
	margin-bottom: 10px;
}
.black_list li:before {
	content:"";
	background-image:url(/frontend/img/list-icon-black.svg);
	background-size:cover;
	background-position: center;
	width:4px;
	height:4px;
	margin-right: 10px;
	margin-top:9px;
}
.nav-tabs {
	background: transparent;
	border:0;
}
.nav-tabs li {
	margin-left:10px;
	margin-right:10px;
}
.nav-tabs li:first-child {
	margin-left: 0;
}
.nav-tabs li:last-child {
	margin-right: 0;
}
.nav-tabs .nav-link {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border:0;
	padding:17px 5px;
	color:rgba(255,255,255,.5);
	font-size:16px;
	font-weight: 400;
	position: relative;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background:transparent;
	border:0;
	color:rgba(255,255,255,1);
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border:0;
	color:color:rgba(255,255,255,1);
}
.nav-tabs .nav-link:before {
	content:"";
	position: absolute;
	top:0;
	left:50%;
	width:0;
	height: 2px;
	background:#fff;
	transform: translate3d(-50%,0,0);
	border-radius: 4px;
	transition: all 300ms;
}
.nav-tabs .nav-item.show .nav-link:before, .nav-tabs .nav-link.active:before {
	width:100%;
}
.nav-tabs .nav-link:focus:before, .nav-tabs .nav-link:hover:before {
	width:100%;
}
.nav-pills {
	margin-right:60px;
	display: inline-block;
	flex:0 0;
}
.nav-pills .nav-link {
	font-size:24px;
	font-weight: 600;
	color:rgba(255,255,255,.45);
	padding:10px 20px 10px 0;
	margin-bottom:10px;
	border-radius: 0;
	text-align: left;
	display: inline-block;
	position: relative;
}
.nav-pills .nav-link:before {
	content:"";
	position: absolute;
	left:0;
	bottom:0;
	width:0;
	height:2px;
	background:#fff;
	transition: all 300ms;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background:transparent;
	color:#fff;
}
.nav-pills .nav-link.active:before, .nav-pills .show>.nav-link:before {
	width:100%;
}
.nav-pills .nav-link:hover:before {
	width:100%;
}
.slide_gallery_height {
	user-select: none !important;
	max-height: 65vh;
	height:100%;
}
.slide_gallery_height .swiper-slide a {
	display: block;
	height:100%;
	position: relative;
	overflow: hidden;
}
.slide_gallery_height .swiper-slide a img {
	height:100%;
}
.gallery_fh_prev {
	width:74px;
	height:80px;
	opacity: 1 !important;
	position: absolute;
	left:40px;
	top:50%;
	margin:0;
	transform: translate3d(0,-50%,0);
	pointer-events: initial;
}
.gallery_fh_prev:after {
	display: none;
}
.gallery_fh_prev svg path {
	transition: all 300ms;
}
.gallery_fh_prev:hover svg g path:first-child {
	fill:#fff;
}
.gallery_fh_prev:hover svg g path:last-child {
	stroke:#fff;
}
.gallery_fh_prev:hover svg>path {
	fill:#004B93;
}
.gallery_fh_next {
	width:74px;
	height:80px;
	opacity: 1 !important;
	position: absolute;
	right:40px;
	top:50%;
	margin:0;
	transform: translate3d(0,-50%,0);
	pointer-events: initial;
}
.gallery_fh_next:after {
	display: none;
}
.gallery_fh_next svg path {
	transition: all 300ms;
}
.gallery_fh_next:hover svg g path:first-child {
	fill:#fff;
}
.gallery_fh_next:hover svg g path:last-child {
	stroke:#fff;
}
.gallery_fh_next:hover svg>path {
	fill:#004B93;
}
.swiper-button-next.gallery_fh_next.swiper-button-disabled, .swiper-button-prev.gallery_fh_prev.swiper-button-disabled {
	pointer-events: initial;
}
.slide_gallery_height .swiper-slide {
	width:auto;
	padding:20px 0;
}
.type_product h1 {
	margin-bottom: 0;
}
.section_video {
	position: relative;
}
.section_video .play_btn.active {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.product_families_list {
	padding:0;
	margin:0;
	padding-left: 10px;
	padding-right: 40px;
}
.product_families_list li {
	list-style: none;
	display: block;
	margin-bottom:5px;
	position: relative;
}
.product_families_list li:before {
	content:"";
	position: absolute;
	bottom:0;
	width:0;
	left:0;
	border-bottom: 1px dashed #004B93;
	transition: all 300ms;
}

.product_families_list li a {
	display: flex;
	align-items: center;
	font-size:16px;
	font-weight: 600;
	color:#8F8F8F;
	padding:5px 0;
	text-decoration: none;
}
.product_families_list li a svg {
	margin-right: 0;
	width:0;
	transition: all 300ms;
}
.product_families_list li.active a {
	color:#004B93;
}
.product_families_list li.active a svg {
	margin-right: 10px;
	width:10px;
}
.product_families_list li.active:before {
	width:100%;
}
.product_families_list li:hover a {
	color:#004B93;
}
.product_families_list li:hover a svg {
	margin-right: 10px;
	width:10px;
}
.product_families_list li:hover:before {
	width:100%;
}
.product_family_row {
	box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.15);
	position: relative;
	padding:10px 0;
	align-items: center;
	background:#fff;
}
.product_family_row .content_wrapper {
	margin-top: 0;
}

.product_family_row:before {
	content:"";
	position: absolute;
	max-width: 480px;
	width:100%;
	height:95%;
	left:-20px;
	top:50px;
	background:#CCC5BA;
	z-index: -1;
}
.product_family_row .col-lg-4 {
	background:#fff;
	position: relative;
}
.product_family_row .col-lg-8 {
	background:#fff;
	position: relative;
	padding:0;
	overflow: hidden;
	transition: all 300ms;
}
.slide_gallery {
	user-select: none !important;
}

.product_family_row .slide_gallery .swiper-slide img {
	width:100%;
}
.gallery_nav {
	position: absolute;
	left:15px;
	top:20px;
	display: flex;
	align-items: center;
}
.gallery_prev {
	position: static;
	margin:0;
	width:auto;
	height:auto;
}
.gallery_prev svg {
	filter: drop-shadow(0 8px 12px rgba(0,0,0,0.25));
}
.gallery_prev svg path {
	transition: all 300ms;
}
.gallery_prev:hover svg path:first-child {
	fill:#0064C5;
	stroke:#0064C5;
}
.gallery_prev:after {
	display: none;
}
.gallery_next {
	position: static;
	margin:0;
	width:auto;
	height:auto;
	margin-left:-2px;
}
.gallery_next svg {
	filter: drop-shadow(0 8px 12px rgba(0,0,0,0.25));
}
.gallery_next svg path {
	transition: all 300ms;
}
.gallery_next:hover svg path:first-child {
	fill:#0064C5;
	stroke:#0064C5;
}
.gallery_next:after {
	display: none;
}
.family_info_btn {
	position: absolute;
	right:32px;
	top:20px;
	cursor: pointer;
	z-index: 4;
	filter: drop-shadow(0 8px 12px rgba(0,0,0,0.25));
}
.family_info_btn path {
	transition: all 300ms;
}
.family_info_btn:hover path:first-child {
	fill:#0064C5;
	stroke:#0064C5;
}

.family_info_cont {
	position: absolute;
	top:0;
	right:calc(var(--bs-gutter-x) * 0.5);
	max-width: 330px;
	width:100%;
	height:100%;
	background:rgba(57, 63, 68, .9);
	z-index: 2;
	overflow-y: auto;
	transition: all 300ms;
	transform: translate3d(calc(100% + 12px),0,0);
}
.family_info_cont.active {
	transform: translate3d(0,0,0);
}

.family_info_cont::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.family_info_cont::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.family_info_cont::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

.family_info_cont .family_info {
	padding:110px 40px 20px;
}
.family_info_cont .family_info p {
	color:#fff;
}
.tabbed_nav {
	background:rgba(0, 0, 0, 0.6);
	text-align: center;
}
.tabbed_nav ul {
	padding:0;
	margin:0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tabbed_nav li {
	list-style: none;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
}
.tabbed_nav li a {
	display: block;
	color:rgba(255, 255, 255, 0.5);
	font-size:16px;
	font-weight: 400;
	padding:18px 5px;
	position: relative;
	text-decoration: none;
}
.tabbed_nav li a:before {
	content:"";
	position: absolute;
	top:0;
	left:50%;
	width:0;
	height:2px;
	background:#fff;
	border-radius: 4px;
	transform: translate3d(-50%,0,0);
	transition: all 300ms;
}
.tabbed_nav li.active a {
	color:#fff;
}
.tabbed_nav li.active a:before {
	width:100%;
}
.tabbed_nav li a:hover {
	color:#fff;
}
.tabbed_nav li a:hover:before {
	width:100%;
}
.feedback_list {
	padding:0;
	margin:0;
}
.feedback_list li {
	display: flex;
	align-items: center;
	position: relative;
}
.feedback_list li:before {
	content:"";
	position: absolute;
	left:40px;
	bottom:0;
	width:1px;
	height:100%;
	background:#5C564F;
	z-index: -1;
}
.feedback_list li:first-child:before {
	height:50%;
}
.feedback_list li:last-child:before {
	height:50%;
	top:0;
}
.feedback_list li img {
	margin-right:20px;
}
.form-floating {
	margin-bottom: 20px;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
	height:44px;
	border: 1px solid #D0D5DD;
	box-shadow: 0px 1px 1px rgba(16, 24, 40, 0.05);
	border-radius: 0;
}
.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
	border:2px solid rgba(0, 75, 147, 1);
}
.form-select {
	height:44px;
	border: 1px solid #D0D5DD;
	box-shadow: 0px 1px 1px rgba(16, 24, 40, 0.05);
	border-radius: 0;
	color:rgba(128, 128, 128, 1);
}
.form-floating>label {
	padding:8px 15px;
	color:rgba(128, 128, 128, 1);
	font-size:16px;
	font-weight: 400;
	width: auto;
	height: auto;
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
	transform: scale(0.75) translateY(-.5rem) translateX(-1px);
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
	transform: scale(0.75) translateY(-1.4rem) translateX(10px);
	color:rgba(52, 78, 129, 1);
    background: #fff;
    opacity: 1;
}
.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
	padding-top:1rem;
}

.form-group {
	margin-bottom: 20px;
}
.form-floating>textarea.form-control {
	height:120px;
}
.relative_group {
	position: relative;
}
.relative_group select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:#fff;
	background-image:url(/frontend/img/select-arrow.svg);
	background-size:20px;
}
#feedback_form h2 {
	margin-bottom: 20px;
}
.kvkk_bilgilendirme {
	margin-bottom: 20px;
}
.form-check {
	margin-bottom: 20px;
}
input[type="checkbox"] {
	font-size: 14px;
	font-weight: 600;
	-webkit-appearance: none;
	position: relative!important;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	line-height: 1;
	height: 16px;
}
input[type="checkbox"]:before {
	content: " ";
	display: inline-block;
	vertical-align: text-top;
	text-align: center;
	width: 16px;
	height: 16px;
	color: #231F20;
	border: 1px solid #8F8F8F;
	border-radius: 2px;
}
.form-check-input:checked[type=checkbox] {
	background: transparent;
}
input[type="checkbox"]:checked:before {
	border:1px solid rgba(0, 75, 147, 1);
}
input[type="checkbox"]:checked:after {
	content: '';
	width: 10px;
	height: 7px;
	position: absolute;
	top: 4px;
	left: 4px;
	background: url(/frontend/img/check-icon.svg) no-repeat;
	background-size:contain;
	background-position: center;
	opacity: 1;
	border-radius: 2px;
}

input[type="radio"] {
	font-size: 14px;
	font-weight: 600;
	-webkit-appearance: none;
	position: relative!important;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	line-height: 1;
	height: 16px;
}
input[type="radio"]:before {
	content: " ";
	display: inline-block;
	vertical-align: text-top;
	text-align: center;
	width: 16px;
	height: 16px;
	color: #231F20;
	border: 1px solid rgba(143, 143, 143, 1);
	background:#fff;
	border-radius: 50%;
}
.form-check-input:checked[type="radio"] {
	background: transparent;
}
input[type="radio"]:checked:before {
	border:1px solid rgba(0, 75, 147, 1);
}
input[type="radio"]:checked:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: rgba(0, 75, 147, 1);
	opacity: 1;
	border-radius: 50%;
	transform: translate3d(-50%,-50%,0);
}
.checkbox_label {
    display: flex;
    align-items: center;
}
.checkbox_label span.kvkk_text {
	margin-left:12px;
}
button[type="submit"] {
	border:1px solid rgba(0, 75, 147, 1);
	box-shadow: none;
	background:transparent;
	padding:16px;
	color:rgba(0, 75, 147, 1);
	font-size:14px;
	font-weight: 500;
	transition: all 300ms;
	line-height: 1;
}
button[type="submit"]:hover {
	background:rgba(0, 75, 147, 1);
	color:#fff;
}
#feedback_state_send {
	display: block;
	margin:0 auto;
}
#sikayet_table {}
#sikayet_table tr {}
#sikayet_table tr th {
	padding: 8px 15px 8px 0;
	border-bottom: 1px solid #5483B0;
}
#sikayet_table tr td {
	padding: 8px 15px 8px 0;
	border-bottom: 1px solid #5483B0;
}
.map {
	height:280px;
}
.p_flex {
	display: flex;
	align-items: center;
}
.contact_list {
	columns: 2;
	margin:0;
	padding:0;
	display: block;
	margin-top: 30px;
	padding-top: 30px;
	border-top:1px solid rgba(0, 75, 147, 1);
}
.contact_list li {
	list-style: none;
	margin-bottom: 20px;
}
.contact_list li strong {
	font-weight: 600;
}
#authorized_service_application_form .form-floating>textarea.form-control {
	height:44px;
}
#authorized_service_application_form .checkbox_label {
	justify-content: center;
}
#authorized_service_application_form button[type="submit"] {
	margin:0 auto;
	display: block;
}
.kvkk_danger {
	text-align: center;
}
.authorized_service_centers {
	display: flex;
	flex-wrap: wrap;
}
.authorized_service_centers>div {
	max-width: calc(25% - 24px);
	width:100%;
	margin:12px;
	background:#fff;
	padding:20px;
}

.btn_white {
	border:1px solid #fff;
	font-size:14px;
	font-weight: 500;
	color:#fff;
	padding:16px;
	line-height: 1;
	transition: all 300ms;
	display: inline-block;
	text-decoration: none;
}
.btn_white:hover {
	background:rgba(255, 255, 255, 1);
	color:rgba(0, 75, 147, 1);
}
.btn_black {
	border:1px solid #000;
	font-size:14px;
	font-weight: 500;
	color:#000;
	padding:16px;
	line-height: 1;
	transition: all 300ms;
	display: inline-block;
	text-decoration: none;
}
.btn_black:hover {
	background:#000;
	color:#fff;
}
.btn_lacivert {
	border:1px solid rgba(0, 75, 147, 1);
	font-size:14px;
	font-weight: 500;
	color:rgba(0, 75, 147, 1);
	padding:16px;
	line-height: 1;
	transition: all 300ms;
	display: inline-block;
	text-decoration: none;
}
.btn_lacivert:hover {
	background:rgba(0, 75, 147, 1);
	color:#fff;
}
.font_stroke_white {
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: white;
	color:transparent;
}
.font_stroke_black {
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: #000;
	color:transparent;
}
.font_stroke_lacivert {
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: rgba(0, 75, 147, 1);
	color:transparent;
}

#home_video_product {
	position: relative;
}
.products_home {
	position: absolute;
	left:40px;
	top:50%;
	transform: translate3d(0,-50%,0);
}
.products_home a {
	display: flex;
	align-items: center;
	color:#fff;
	font-size:12px;
	font-weight: 500;
	transition: all 300ms;
	text-decoration: none;
	margin-bottom: 25px;
}
.products_home a svg.arrow_icon {
	width:0;
	transition: all 300ms;
}
.products_home a svg path {
	transition: all 300ms;
}
.products_home a svg:last-child {
	transition: all 300ms;
}
.products_home a span {
	margin-left: 10px;
}
.products_home a:hover svg.arrow_icon {
	width:20px;
	margin-right: 10px;
}
.products_home a:hover svg path {
	fill:#fff;
}
#column_553113>div {
	background:rgba(0, 75, 147, 1);
	padding:24px;
}
#column_553113 .social_links {
	justify-content: flex-start;
	margin-left: -10px;
	margin-right: -10px;
}
.news_grid_cont {
	display: flex;
	flex-wrap: wrap;
	margin:-12px;
}
.news_grid_cont a {
	display: block;
	max-width: calc((100% / 4) - 24px);
	width:100%;
	margin:12px;
	text-decoration: none;
	background:#fff;
	transition: all 300ms;
	position: relative;
}
.news_grid_cont a .item_img {
	position: relative;
	overflow: hidden;
	height:234px;
	display: block;
}
.news_grid_cont a .item_img img {
	position: absolute;
	max-width: initial;
	max-height: 100%;
	height: 100%;
	left:50%;
	top:50%;
	transform: translate3d(-50%,-50%,0);
}
.news_grid_cont a .item_info {
	padding:18px 12px;
	background:#fff;
	min-height: 150px;
	display: block;
	transition: all 300ms;
}
.news_grid_cont a .item_date {
	display: block;
	font-size:14px;
	color:rgba(143, 143, 143, 1);
	transition: all 300ms;
}
.news_grid_cont a .item_title {
	display: block;
	margin-top:12px;
	margin-bottom: 20px;
	color:rgba(45, 45, 45, 1);
	font-size:16px;
	font-weight: 400;
	transition: all 300ms;
}
.news_grid_cont a .more_info {
	opacity: 0;
	transition: all 300ms;
	color:#fff;
	display: flex;
	align-items: center;
	margin-top:10px;
	position: absolute;
	bottom:18px;
	left:12px;
}
.news_grid_cont a .more_info svg {
	margin-right:10px;
	transform: translate3d(-50px,0,0);
	transition: all 300ms;
}
.news_grid_cont a:hover {
	background:#0E2D4A;
}
.news_grid_cont a:hover .item_info {
	background:#0E2D4A;
	transform: translate3d(0,-30px,0);
}
.news_grid_cont a:hover .item_date {
	color:#fff;
}
.news_grid_cont a:hover .item_title {
	color:#fff;
}
.news_grid_cont a:hover .more_info {
	opacity: 1;
}
.news_grid_cont a:hover .more_info svg {
	transform: translate3d(0,0,0);
}
#column_home_news .news_grid_cont a {
	max-width: calc((100% / 2) - 24px);
}
.hardlight_col {
	mix-blend-mode: hard-light;
}
.height_100 {
	height:100%;
}
body.type_product h1 {
	font-size:24px;
	color:#fff;
	font-weight: 400;
	font-family: 'Chakra Petch', sans-serif;
}
body.type_product h1 strong {
	font-size:60px;
	color:#fff;
	font-weight: 700;
	font-family: 'Kanit', sans-serif;
	margin-bottom: 5px;
	display: inline-block;
}
.grid_pagination {
	margin-top: 50px;
}
.grid_pagination ul {
	padding:0;
	margin:0;
	display: flex;
	align-items: center;
}
.grid_pagination ul li {
	list-style: none;
	margin:3px;
}
.grid_pagination ul li a {
	display: block;
	text-decoration: none;
	padding:3px;
	line-height: 1;
}
.news_bg {
	height:380px;
	background-image:url('/uploads/images/1686313560_news-bg.jpg');
	background-size:cover;
	background-position: center;
}
.news_bg h1 {
	font-weight: 600;
	font-size:36px;
	color:#fff;
	margin-top:30px;
}
.news_bg a {
	color:#fff;
	font-size:14px;
	font-weight: 400;
	display: flex;
	align-items: center;
	text-decoration: none;
}
.news_bg a svg {
	margin-right:4px;
}
.news_bg .page_date {
	color:rgba(143, 143, 143, 1);
	font-size:14px;
	font-weight: 400;
	display: block;
	margin-bottom: 20px;
}
.product_list {
	display: flex;
}
.product_list a {
	display: flex;
	position: relative;
	overflow: hidden;
	padding: 38px 20px 0;
	flex-direction: column;
	justify-content: space-between;
	background: #929292;
	transition: all 300ms;
	border-left: 1px solid #fff;
	max-width: calc(100% / 7);
	width: 100%;
	text-decoration: none;
}
.product_list a:first-child {
	border-left: 0;
}
.product_list a .product_name {
	font-size: 1.1583333333333333vw;
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
	display: block;
	white-space: nowrap;
}
.product_list a .product_sub_title {
	font-size: 0.9375vw;
	font-weight: 300;
	color: rgba(255, 255, 255, 1);
	display: block;
	opacity: 0;
	transition: all 300ms;
}
.product_list a img {
	transform: translate3d(-50%,0,0);
	transition: all 300ms;
	margin-top: 60px;
	max-width: initial;
}
.product_list a:hover .product_sub_title {
	opacity: 1;
}
.product_list a:hover {
	background: rgba(111, 108, 97, 1);
}
.product_list a:hover img {
	transform: translate3d(0,0,0);
}
.grecaptcha-badge { display:none; }

.productfamily_bg {
	height:260px;
	background-image:url('/uploads/images/1686313560_news-bg.jpg');
	background-size:cover;
	background-position: center;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.productfamily_bg h1 {
	font-weight: 600;
	font-size:36px;
	color:#fff;
	margin-top:30px;
}
.type_productfamily #wrapper .content_wrapper section:last-child {
	margin-bottom: 30px;
}
.product_family_row .productfamily_bg {
	display: none !important;
}
.p_normal_ul {
	padding-left: 10px;
}
#twitter_container {
	height: 384px;
	overflow: auto;
}
#twitter_container::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}

#twitter_container::-webkit-scrollbar {
	width: 4px;
	background-color: #F5F5F5;
}

#twitter_container::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #32A9F9;
}
.r-1q9bdsx {
	border-radius: 0;
}
sup {
	top:0 !important;
}
.type_product h1 {
	opacity: 0;
	z-index: -9999;
	display: none;
}
.stack_cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10px;
	text-align: center;
}
.stack {
	display: grid;
	grid-template-columns: 1fr;
}
.stack span {
	font-size: 60px;
	line-height: 1.2;
    color: #fff;
    font-weight: 700;
    font-family: 'Kanit', sans-serif;
	grid-row-start: 1;
	grid-column-start: 1;
	--stack-height: calc(100% / var(--stacks) - 1px);
	--inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
	--clip-top: calc(var(--stack-height) * var(--index));
	--clip-bottom: calc(var(--stack-height) * var(--inverse-index));
	clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
	animation: stack 340ms cubic-bezier(.46,.29,0,1.24) 1 backwards calc(var(--index) * 120ms), glitch 2s ease infinite 2s alternate-reverse;
}
.stack_cont .stack_title {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    font-family: 'Chakra Petch', sans-serif;
	line-height: 1.2;
	text-align: center;
}
.stack span:nth-child(odd) { --glitch-translate: 8px; }
.stack span:nth-child(even) { --glitch-translate: -8px; }
.values_cont {
	display: flex;
}
.values_cont h2 {
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	margin:0;
	padding:0 25px;
	background:#424242;
	transform: rotate(180deg);
	text-align: center;
	color:#fff;
}
.values_slider {
	background:#595959;
}
.values_slider .values_title {
	font-size:24px;
	line-height: 1.2;
	color:#fff;
	margin-bottom: .5rem;
}
.values_slider .swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:30px 30px 60px 30px;
}
.values_slider .swiper-slide p {
	color:#fff;
}
.values_slider .swiper-slide ul li {
	color:#fff;
	margin-bottom: 5px;
}
.values_slider .slide_value_prev {
	position: absolute;
	right:60px;
	bottom:30px;
	z-index: 2;
}
.values_slider .slide_value_next {
	position: absolute;
	right: 30px;
    bottom: 30px;
	z-index: 2;
}
.values_slider .slide_value_prev svg {
	transform: rotate(180deg);
}
.values_slider .slide_value_next svg {

}
#section_404 {
	text-align: center;
	height:100vh
}
.mousemove_div {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:90%;
	z-index: 5;
}
.play_down {
	z-index: 6;
}

@keyframes stack {
	0% {
		opacity: 0;
		transform: translateX(-50%);
		text-shadow: -2px 3px 0 red, 2px -3px 0 blue;
	};
	60% {
		opacity: 0.5;
		transform: translateX(50%);
	}
	80% {
		transform: none;
		opacity: 1;
		text-shadow: 2px -3px 0 red, -2px 3px 0 blue;
	}
	100% {
		text-shadow: none;
	}
}

@keyframes glitch {
	0% {
		text-shadow: -2px 3px 0 red, 2px -3px 0 blue;
		transform: translate(var(--glitch-translate));
	}
	2% {
		text-shadow: 2px -3px 0 red, -2px 3px 0 blue;
	}
	4%, 100% {  text-shadow: none; transform: none; }
}
.popup_top {
	display: flex;
	align-items: center;
	justify-content: center;
	background: radial-gradient(180.58% 70.59% at 50% 50%, #BB0100 0%, #6F0000 100%);
	height:90px;
}
.popup_top p {
	color:#fff;
	font-size: 16px;
	font-family: 'Chakra Petch', sans-serif;
	margin-bottom: 0;
	line-height: 1;
}
.popup_top svg {
	margin-right: 20px;
}
.popup_top img {
	margin-left: 20px;
	margin-top:9px;
}
/*header {
	top:90px;
}*/
header.fixed_top .second_nav li.lang_items span {
	color:rgba(45,45,45,.6);
}
.head_color_1 header.fixed_top .second_nav li.lang_items span svg path {
	stroke:rgba(45,45,45,.6);
}
header.fixed_top {
	top:0;
}
@media screen and (min-width: 2000px) {
	.p_2k {
		padding-top: 40px;
	}
}
@media screen and (max-width: 1680px) {
	
}
@media screen and (max-width: 1440px) {
	.page_down {
		bottom:30px;
	}
	.products_home {
		transform: translate3d(0,calc(-50% + 50px),0);
	}
	.products_home a {
		margin-bottom: 15px;
	}
	
}
@media screen and (max-width: 1366px) {
	.navbar-expand-lg .navbar-nav li .mega_container .products a img {
		margin-top:30px;
	}
}
@media screen and (max-width: 1320px) {
	footer section:first-child .col9 {
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	footer section:first-child .col3 {
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	footer section:last-child .col9 {
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	footer section:last-child .col3 {
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
}

@media screen and (max-width: 1200px) {
	.product_list {
		flex-wrap: wrap;
	}
	.product_list a {
		max-width: 25%;
		width:100%;
	}
	.product_list a .product_name {
		font-size: 20px;
	}
	.product_list a .product_sub_title {
		font-size:18px;
	}
}
@media screen and (max-width: 991px) {
	.stack span {
		font-size: 36px;
	}
	.stack_cont .stack_title {
		font-size: 20px;
	}
	.cookie_modal .modal_body {
		overflow-y: auto;
		padding-bottom: 80px;
		max-height: 100vh;
	}
	.cookie_modal .modal_body.active_setting {
		padding-bottom: 130px;
	}
	.cookie_modal .modal_body button {
		display: block;
		width: 100%;
	}
	.cookie_modal .modal_body .cookie_actions {
		flex-wrap: wrap;
	}
	.cookie_modal .modal_body .cookie_actions.active {
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #fff;
		max-width: calc(100% - 80px);
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.cookie_modal .modal_body .cookie_settings.active {
		max-height: 1000px;
	}
	.cookie_modal .modal_body button {
		display: block;
		width: 100%;
	}
	.cookie_modal .modal_body button:first-child {
		margin-bottom: 10px;
		margin-right: 0;
		margin-left: 0;
	}
	.cookie_modal .cookie_close {
		position: absolute;
		right: 15px;
		top: 15px;
		display: none;
	}

	header {
		height:80px;
		padding:0 80px 0 12px;
		background:#fff;
	}
	.head_color_1 header:before {
		background:transparent;
	}
	header #logo svg path {
		fill:rgba(0, 75, 147, 1);
	}
	#wrapper .content_wrapper {
		margin-top:80px;
	}
	header .second_nav li a svg path {
		stroke:rgba(45, 45, 45, 1);
	}
	header .second_nav li a {
		color:rgba(45, 45, 45, 1);
	}
	header .navbar-toggler span {
		background:#004b93;
	}
	
	.navbar-expand-lg {
		align-items: center;
	}
	.navbar-toggler {
		border:0;
		width:30px;
		height:30px;
		padding:0;
		position: absolute;
		right:30px;
		top:50%;
		transform: translate3d(0,-50%,0);
		border:0 !important;
		border-radius: 0;
		outline: 0 !important;
		box-shadow: none !important;
	}
	.navbar-toggler span {
		background:#004b93;
		display: block;
		height:2px;
		width:100%;
		position: absolute;
		left:0;
		top:50%;
		transform: translate3d(0,-3px,0);
		transition: all 200ms;
	}
	.head_color_1 .navbar-toggler span {
		background:#004b93;
	}
	.head_color_1 header.fixed_top .navbar-toggler span {
		background:#004b93;
	}
	.head_color_1 header .second_nav li a {
		color:rgba(45, 45, 45, .6);
	}
	.head_color_1 header .second_nav li.lang_items span {
		color:rgba(45, 45, 45, .6);
	}
	.head_color_1 header .second_nav li.lang_items span svg path {
		stroke:rgba(45, 45, 45, .6);
	}
	.head_color_1 header .second_nav li a.lang-item svg path{
		stroke:rgba(45, 45, 45, .6);
	}
	header:hover .navbar-toggler span {
		background:#004b93;
	}
	.navbar-toggler span:last-child {
		transform: translate3d(0,3px,0);
	}
	.navbar-toggler[aria-expanded="true"] {
		
	}
	.navbar-toggler[aria-expanded="true"] span {
		transform: translate3d(0,-0,0) rotate(45deg);
	}
	.navbar-toggler[aria-expanded="true"] span:last-child {
		transform: translate3d(0,0,0) rotate(-45deg);
	}
	.navbar-expand-lg .navbar-collapse {
		position: fixed;
		top:0;
		right:0;
		transform: translate3d(100vw,0,0);
		transition: transform 300ms;
		height:100vh;
		padding-top:80px;
		margin-top:0;
		width:100%;
		background:#fff;
		overflow-y: auto;
	}
	.navbar-expand-lg .navbar-collapse.show {
		transform: translate3d(0,0,0);		
	}
	.second_nav {
		position: relative;
	}
	.second_nav li a {
		display: flex;
		align-items: center;
	}
	.second_nav li a svg {
		margin-right:4px;
	}
	#logo {
		position: relative;
		z-index: 1;
	}
	.navbar-expand-lg .navbar-nav li .mega_container {
		position: relative;
		top:0;
	}
	.navbar-expand-lg .navbar-nav li a {
		color:rgba(45, 45, 45, 1);
		display: block;
		padding:10px 12px;
	}
	header .navbar-expand-lg .navbar-nav.top_nav li a {
		color:rgba(45, 45, 45, .6);
	}
	header.active #logo svg path {
		fill:rgba(0, 75, 147, 1);
	}
	header.active .second_nav li a {
		color:rgba(45, 45, 45, .6);
	}
	header.active .second_nav li a svg path {
		stroke:rgba(45, 45, 45, .6);
	}
	header.active .navbar-toggler span {
		background:#004b93;
	}
	.navbar-expand-lg .navbar-nav.top_nav li a {
		padding:10px 12px;
	}
	.navbar-expand-lg .navbar-nav li .sub_menu_cont {
		position: relative;	
	}
	.navbar-expand-lg .navbar-nav li:hover .mega_container {
		max-height: 0;
	}
	.navbar-expand-lg .navbar-nav li:hover .sub_menu_cont {
		max-height: 0;
		padding-bottom: 0;
	}
	.navbar-expand-lg .navbar-nav li.mega_active .mega_container {
		max-height: 100vh;
		overflow-y: auto;
	}
	.navbar-expand-lg .navbar-nav li.mega_active .sub_menu_cont {
		max-height: 100vh;
		padding-bottom: 10px;
	}
	.navbar-expand-lg .navbar-nav li .mega_container .products {
		flex-wrap: wrap;
	}
	.navbar-expand-lg .navbar-nav li .mega_container .products a {
		max-width: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: flex-start;
		border-left: 0;
		padding:10px 12px;
		background: #5d5d5d;
	}
	.navbar-expand-lg .navbar-nav li .mega_container .products a img {
		display: none;
		transform: translate3d(0,0,0);
	}
	.navbar-expand-lg .navbar-nav li .mega_container .products a img.cover_icon {
		display: block;
		margin-right:10px;
		margin-top: 0;
		margin-left: 0;
	}
	.navbar-expand-lg .navbar-nav li .mega_container .products a .product_sub_title {
		opacity: 1;
	}
	footer .col9 {
		width: 100%;
	}
	footer .col3 {
		width: 100%;
	}
	.footer_products_menu li {
		margin:0 10px;
	}
	.social_links {
		justify-content: center;
		margin-top:20px;
	}
	.footer_products_menu {
		justify-content: center;
	}
	footer section:last-child .col9 {
		justify-content: center;
		flex-wrap: wrap;
	}
	footer section:last-child .col3 img {
		float: none !important;
		display: block;
		margin:20px auto 0;
	}
	.footer_menu {
		flex-wrap: wrap;
	}
	.news_grid_cont a {
		max-width: calc((100% / 3) - 24px);
	}
	body.head_color_2 #wrapper .content_wrapper {
		margin-top:80px;
	}
	.product_list a .product_sub_title {
		font-size:12px;
	}
	.product_list a .product_name {

	}
	.navbar-expand-lg .navbar-nav li .mega_container .products a .product_name {
		font-size:18px;
	}
	.navbar-expand-lg .navbar-nav li .mega_container .products a .product_sub_title {
		font-size:14px;
	}
	.authorized_service_centers>div {
		max-width: calc(50% - 24px);
	}
	#wrapper .product_family_row .content_wrapper {
		margin-top: 0;
	}
}

@media screen and (max-width: 640px) {
	.popup_top svg {
		width:160px;
		height:auto;
	}
	.popup_top p {
		text-align: center;
		line-height: 1.2;
	}
	.splash-body {
		max-width: 300px !important;
	}
	.products_home {
		display: none;
	}
	.product_family_row:before {
		display: none;
	}
	#home_video_product {
		
	}
	.news_grid_cont a {
		max-width: calc(100% - 24px);
	}
	#column_home_news .news_grid_cont a {
		max-width: calc(100% - 24px);
	}
	.product_list a {
		max-width: 100%;
		width: 100%;
		border-left:0;
	}
	.product_list a img {
		transform: translate3d(0,0,0);
	}
	.product_list a .product_sub_title {
		opacity: 1;
	}
	.page_down {
		position: relative;
		bottom:30px;
	}
	body.type_product h1 {
		font-size:18px;
	}
	body.type_product h1 strong {
		font-size:36px;
	}
	body.type_product .page_down {
		bottom:30px;
	}
	.nav-pills .nav-link {
		font-size:16px;
	}
	ul.column_2 {
		columns:1;
	}
	.vertical_tabs .d-flex {
		flex-wrap: wrap;
	}
	.nav-pills {
		margin-right:0;
		flex-wrap: nowrap;
		display: flex;
		flex:auto;
	}
	.nav-pills .nav-link {
		padding:10px 20px 10px 20px;
	}
	.vertical_tabs .tab-content {
		padding-top: 20px;
	}
	.col_auto {
		flex: 0 0 50%;
		max-width: 50%;
		width: 100%;
	}
	.mobile_justify_center .row {
		justify-content: center;
	}
	.vehicle_spec .f_s_24 {
		font-size:20px;
	}
	.slide_gallery_height .swiper-slide {
		width:100%;
		padding:0;
	}
	.gallery_fh_prev {
		left:0;
	}
	.gallery_fh_next {
		right:0;
	}
	.tagline_c_t_l .tagline_module .tagline_content {
		padding:20px;
		position: relative;
		transform: translate3d(0,0,0) !important;
		top:0;
	}
	.tagline_c_t_l .tagline_module .tagline_bg_image {
		height:170px;
		background-position: center !important;
		background-size:cover !important;
		position: relative;
	}
	.f_s_60 {
		font-size:36px;
	}
	.f_s_48 {
		font-size:36px;
	}
	.f_s_40 {
		font-size:36px;
	}
	.p_l_mobile_0 {
		padding-left: 12px !important;
	}
	.accordion-button {
		font-size:16px;
	}
	.accordion-button:not(.collapsed) {
		font-size:16px;
	}
	.contact_list {
		columns:1;
	}
	.authorized_service_centers>div {
		max-width: calc(100% - 24px);
	}
	.footer_products_menu {
		justify-content: flex-start;
	}
	.footer_products_menu li {
		max-width: calc(50% - 20px);
		width:100%;
		margin-bottom: 15px;
	}
	.footer_products_menu li:first-child {
		margin-left: 10px;
	}
	.footer_menu {
		justify-content: center;
	}
	.footer_menu li {
		margin:5px 5px;
	}
	.product_families_list {
		display: flex;
		align-items: center;
		overflow-y: scroll;
	}
	.product_families_list li {
		max-width: 300px;
		width:100%;
		margin-right:15px;
	}
	.product_families_list li a {
		width:190px;
	}
	.family_info_btn {
		display: none;
	}
	.family_info_cont {
		position: relative;
		top:0;
		right:auto;
		left:0;
		max-width: 100%;
		display: block;
		transform: translate3d(0,0,0);
	}
	.family_info_cont.active {
		display: block;
	}
	.product_family_row {
		min-height:initial !important;
	}
	.family_info_btn:hover path:first-child {
		fill:transparent;
		stroke:#fff;
	}
	.family_info_cont .family_info {
		padding:20px;
	}
	.slide_gallery_height .swiper-slide a {
		display: flex;
		align-items: center;
		height:100%;
	}
	.slide_gallery_height .swiper-slide a img {
		height: auto;
	}
	.news_grid_cont a .item_img {
		height:264px;
	}
}