@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Sarabun&display=swap');
body {
	font-family:'Sarabun',sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.05em;
	color: #9b9b9b;
	background-color: #fff;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: subpixel-antialiased;
}
/* CSS Document */
.text-333 {
	color: #333;
}
.loadingProgressG {
	background: #1434A4;
}
p {
	font-size:15px;
}
a {
	font-size:15px;
}


p a {
	color:#0818A8;
	font-size:15px;
}
p a:hover {
	color: #1434A4;
	text-decoration: none;
	outline: none;
	font-size:15px;
}
a:hover, a:focus {
	color: #1434A4;
	text-decoration: none;
	outline: none;
}

.button-primary, .button-primary:focus, .button-primary:active {
	color: #fff;
	background-color: #1434A4;
	border-color: #0818A8;
}


.button-darker::before {
	background: #1434A4;
}

.rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.rd-navbar-static .rd-navbar-nav > li.opened > a,
.rd-navbar-static .rd-navbar-nav > li.active > a,
.rd-navbar-static .rd-navbar-nav > li.focus > a,
.rd-navbar-static .rd-navbar-nav > li > a:hover {
	color: #0818A8;
	background: transparent;
	font-weight:800
}

.rd-navbar .rd-navbar-nav > li {
	font-size: 15px;
	line-height: 1.4;
}

.rd-navbar .rd-navbar-nav > li > a {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.33333;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.page .text-primary {
	color: #1434A4;
}

.page .icon-primary {
	color: #1434A4;
}

.swiper-navigation_modern .swiper-button-prev:hover,
	.swiper-navigation_modern .swiper-button-next:hover {
		color: #1434A4;
	}

.object-decorated .object-decorated__divider {
		background-color: #1434A4;
	}
		
span .object-decorated__divider {
		background-color: #1434A4;
	}
	
.ui-to-top, .ui-to-top:active, .ui-to-top:focus {
	color: #fff;
	background: #1434A4;
}

.ui-to-top:hover {
	color: #fff;
	background: #0818A8;
}

.heading-bordered {
	position: relative;
	padding-left: 16px;
	border-left: 3px solid #1434A4;
}

.bg-gray-7 .list-terms-inline dt {
	color:#87CEEB;
}

.bg-gray-7 .list_darker a:hover {
	color:#87CEEB;
}

.bg-gray-8 .link-underline:hover {
	text-decoration: none;
	color:#87CEEB;
}

.page .icon-style-modern::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #1434A4;
	z-index: -1;
	opacity: 0;
	transform: scale3d(0.4, 1, 1);
	transition: transform 0.4s, opacity 0.4s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page .icon-style-modern:hover {
	color: #fff;
	border-color: #1434A4;
}
.page a.icon-default:hover {
	color: #1434A4;
}
.isotope-filters_modern .inline-list a:hover, .isotope-filters_modern .inline-list a.active {
    color: #1434A4;
}

.tabs-custom.tabs-inline .nav-link.active,
.tabs-custom.tabs-inline .nav-link:hover {
	color: #1434A4;
}

.slick-slider-vertical .carousel-child .slick-slider__inner::after {
	border: 4px solid #1434A4;
}

.breadcrumbs-custom a, .breadcrumbs-custom a:active, .breadcrumbs-custom a:focus {
	color: #FFF;
	font-weight:600;
}
.breadcrumbs-custom a:hover {
	color:#87CEEB;
}
.card-corporate .card-arrow {
	background: #1434A4;
}
.section-variant-1 {
	height:35rem;
}
article .timeline__item {
	width:300px;
	
}
.thumbnail-creative::after {
	background: rgba(8, 24, 168, 0.7);
}

.timeline__item-wrap {
	width:320px;
}
.rd-navbar-brand img {
	
	width: 300px;
}

.k-3 {
		min-height:750px;
	}
	
@media (max-width: 768px) {
.rd-navbar-fixed .rd-navbar-brand {
	
	width:140px;
	left:50px;
}
.rd-navbar-brand img {
	
	width: 140px;
}
.k-3 {

	min-height:200px;
}
.rd-navbar-toggle {
	height:48px;
}
}