/* Fonts */
@font-face {
  font-family: 'Prompt-Light';
  src: url('../fonts/Prompt-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Prompt-Medium';
  src: url('../fonts/Prompt-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Prompt-Regular';
  src: url('../fonts/Prompt-Regular.ttf') format('truetype');
}
/*
.PL{
	font-family: 'Prompt-Light', sans-serif; 
}
.PM{
	font-family: 'Prompt-Medium', sans-serif;
}
.PR{
	font-family: 'Prompt-Regular', sans-serif;
}
*/
.chevron-down {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fad' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 448 512' class='svg-inline chevron-down w-14 2x'%3E%3Cg class=''%3E%3Cpath fill='rgb(255, 204, 0, 80%25)' d='M224.1 284.64l-56.89 56.78-154-154.31a24 24 0 0 1 0-33.94l22.65-22.7a23.93 23.93 0 0 1 33.84 0z' class='secondary'%3E%3C/path%3E%3Cpath fill='%23FFCC00' d='M435 187.15L241 381.48a23.94 23.94 0 0 1-33.84 0l-40-40 211.34-211a23.93 23.93 0 0 1 33.84 0L435 153.21a24 24 0 0 1 0 33.94z' class='primary'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	display: inline-block;
	transition: transform .2s ease-in-out;  
}
.chevron-left {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='icon' data-icon='chevron-left' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline chevron-left w-10 2x'%3E%3Cg class='group'%3E%3Cpath fill='rgb(255, 204, 0, 80%25)' d='M285.59 410.4a23.93 23.93 0 0 1 0 33.84l-22.7 22.65a24 24 0 0 1-33.94 0l-154.31-154L131.42 256z' class='secondary'%3E%3C/path%3E%3Cpath fill='%23FFCC00' d='M262.85 45.06l22.7 22.65a23.93 23.93 0 0 1 0 33.84L74.58 312.9l-40-40a23.94 23.94 0 0 1 0-33.84l194.33-194a24 24 0 0 1 33.94 0z' class='primary'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	display: inline-block;
}
.chevron-right {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='icon' data-icon='chevron-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline chevron-right w-10 2x'%3E%3Cg class='group'%3E%3Cpath fill='rgb(255, 204, 0, 80%25)' d='M188.74 256l56.78 56.89L91.21 466.9a24 24 0 0 1-33.94 0l-22.7-22.65a23.93 23.93 0 0 1 0-33.84z' class='secondary'%3E%3C/path%3E%3Cpath fill='%23FFCC00' d='M91.25 45.06l194.33 194a23.93 23.93 0 0 1 0 33.84l-40 40-211-211.34a23.92 23.92 0 0 1 0-33.84l22.7-22.65a24 24 0 0 1 33.97-.01z' class='primary'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	display: inline-block;
}
.chevron-right-white {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='icon' data-icon='chevron-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline chevron-right w-10 2x'%3E%3Cg class='group'%3E%3Cpath fill='rgb(255, 255, 255, 80%25)' d='M188.74 256l56.78 56.89L91.21 466.9a24 24 0 0 1-33.94 0l-22.7-22.65a23.93 23.93 0 0 1 0-33.84z' class='secondary'%3E%3C/path%3E%3Cpath fill='%23FFFFFF' d='M91.25 45.06l194.33 194a23.93 23.93 0 0 1 0 33.84l-40 40-211-211.34a23.92 23.92 0 0 1 0-33.84l22.7-22.65a24 24 0 0 1 33.97-.01z' class='primary'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	display: inline-block;
}
.chevron-right-grey {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='icon' data-icon='chevron-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline chevron-right w-10 2x'%3E%3Cg class='group'%3E%3Cpath fill='rgb(195, 195, 195, 80%25)' d='M188.74 256l56.78 56.89L91.21 466.9a24 24 0 0 1-33.94 0l-22.7-22.65a23.93 23.93 0 0 1 0-33.84z' class='secondary'%3E%3C/path%3E%3Cpath fill='%23C3C3C3' d='M91.25 45.06l194.33 194a23.93 23.93 0 0 1 0 33.84l-40 40-211-211.34a23.92 23.92 0 0 1 0-33.84l22.7-22.65a24 24 0 0 1 33.97-.01z' class='primary'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	display: inline-block;
}
.icon-line {
    width: 18px;
	margin-bottom: -4px;
    display: inline-block;
    height: 18px;
    background: url(../images/line_v3@3x.png) no-repeat;
    background-size: 18px auto;
    background-position-x: center;
    background-position-y: center;
}

a {
	transition: all 0.3s ease 0s;
}
&:focus {
	outline: 0 !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
* { outline: none; }
a:focus,
a::focus-visible,
img:focus,
img::focus-visible {
	outline: none;
}
html {
	position: relative;
	/*scroll-behavior: smooth;*/
}
html#page-contact {
	min-height: 100%;
	height: 100%;
}
html#page-event {
	min-height: 100%;
}
body {
    padding-top: 59.41px;
	margin-bottom: 340px;
	min-height: 100%;
    height: 100%;
}

#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url('../images/preloader.gif') no-repeat center center;
}
a.yellow-link {
	color: #ffca00;
	font-size: 20px;
}
a.yellow-link:hover {
	text-decoration: none;
}
.yellow-link:hover .chevron-down {
	transform: rotate(-90deg);
	-ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}
.grey-link,
a.grey-link {
	color: #c3c3c3;
	font-size: 14px;
}
.btn-red:hover,
.btn-yellow:hover {
    box-shadow: 4px 5px 3px #2e2e2e6b;
}
.btn-yellow {
	background-color: #ffca09;
	color: #fff;
}
a.btn-yellow:hover {
	color: #fff;
}
.btn-egat {
	color: #fff;
	background-color: #144295;
}
.btn-egat:hover {
	color: #fff;
}
.btn-egat .chevron-left {
	vertical-align: middle;
    margin-bottom: 4px;
}
.btn.rounded {
	border-radius: 1rem!important;
}
.buttons-csv {
	font-size: 0.8rem;
}
.bg-egat {
	background-color: #144295;
}
.yellow {
	color: #ffca09;
}
.shadow1 {
	text-shadow: 1px 1px 0px #44444457;
}
.text-sticky-right {
	position: absolute;
	right: 0;
}
img {
	width:100%
}
.show-mobile {
	display: none;
}

/* navbar */
.navbar-brand .logo {
	width: 110px;
}
.nav-item {
	font-size: 14px;
	text-align: center;
	padding: 0 9px;
	white-space: nowrap;
}
.nav-item a {
	color: #fff;
}
.nav-item.active > a,
.nav-item a:hover {
	color: #ffca09;
}
.lang-switcher img {
	width: 40px;
}
.navbar.fixed-top {
	-webkit-box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%);
	z-index: 9999;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-nav li:hover .dropdown-menu {
    display: block;
}
.nav-link.lang-switcher {
	order: 1;
}
.dropdown-menu {
	border: none;
	margin-top: 0;
}
.dropdown-menu a {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.dropdown-menu a:hover {
	border-left: 5px solid #ffca09;
	border-right: 5px solid #ffca09;
}
.dropdown-item {
	font-size: 14px;
	text-align: left;
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color: transparent;
	color: #fff;
}
#page-privacy body {
	margin-bottom: 0;
}
#page-privacy h1,
#page-privacy h3 {
	font-family: 'Prompt-Medium', sans-serif;
	text-align: center;
}
#page-privacy h3 {
	margin-bottom: 30px;
}

#page-cookie h4 {
	margin-top: 20px;
}
#page-cookie h5 {
	font-size: 1rem;
	font-weight: bold;
}
#page-cookie table {
	margin: 20px 0;
}
#page-privacy {
	
}
#page-customer-information body {
	background-image: url('../images/customer_information_bg.jpg');
	background-attachment: fixed; 
	background-size: cover;
	display: grid;
	min-height: 100vh;
	place-items: center;
}
#page-customer-information .customerLoginPanel {
	position: relative;
	border: 1px solid #1426405e;
	border-radius: 15px;
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: relative;
	width: 370px;
}
#page-customer-information .customerLoginPanel:before {
	background-color: rgba(11, 42, 93, 0.69);
	backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
}
#page-customer-information .customerPanel {
	position: relative;
	border: 1px solid #1426405e;
	border-radius: 15px;
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: relative;
	width: 100%;
}
#page-customer-information .customerPanel:before {
	background-color: rgba(255, 255, 255, 0.83);
	backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
}

#page-customer-information .customerPanel .PanelInner {
	padding: 5%;
}
#page-customer-information .modal-content {
	border: 1px solid #1426405e;
	background-color: transparent;
	border-radius: 15px;
}
#page-customer-information .modal-content:before {
	background-color: rgba(255,255,255, 0.9);
	backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
}
#page-customer-information .modal-content .modal-header,
#page-customer-information .modal-content .modal-footer {
	position: relative;
	z-index: 2;
}
#customerLogin {
	position: relative;
	z-index: 2;
	padding: 5%;
	color: #fff;
}
#customerLogin h2.section-title {
	margin-top: 10px;
}
#customerLogin hr {
	border-top: 1px solid rgb(255 255 255 / 30%);
}
#customerLogin a.btn-forgot {
	color: #ffffff8c;
}

/* Alert Cookie */
.alert-cookie {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.cookiealert.show {
	opacity: 1;
	font-size: 0.9rem;
}
.cookiealert a {
	color: #fff;
}
.cookiealert a.btn {
	text-decoration: none;
}
.egat-logo {
	width: 120px;
}

/* footer */
.footer {
	background: url(../images/contact_bg.jpg) no-repeat top center;
	position: relative;
	bottom: 0;
	width: 100%;
	height: 340px;
	background-color: #144295;
	color: #fff;
	background-size: cover;
	padding-top:5px;
}
.footer-overlay:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(20, 66, 149, 0.75);
}
.footer-wrapper {
	z-index: 1;
	position: relative;
}
.footer .logo {
	width: 180px;
}
.contact-form {
	margin-bottom: 80px;
}
.contact-us-icons ul li,
.footer-icons ul li {
	display: inline-block;
}
.contact-us-icons ul li a,
.footer-icons ul li a {
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 38px;
	margin-right: 5px;
	text-align: center;
	width: 40px;
	border-radius: 50%;
}
.contact-us-icons ul li a:hover,
.footer-icons ul li a:hover {
	background: #ffca09;
	border: 1px solid #ffca09;
	color: #fff;
}
.footer .links {
	font-size: 14px;
}
.footer .links a {
	color: #fff;
	text-decoration: none;
}

/* Home */
.home-header {
	background-image: linear-gradient(
          rgba(0, 0, 0, 0.22), 
          rgba(0, 0, 0, 0.22)
        ), url(../images/home_header_bg.jpg);
	background-size: cover;
	background-position-y: bottom;
	height: 850px;
	color: #fff;
}
.home-header .row {
	min-height: 850px; /* must be the same as .home-header height */
}
.home-header h1 {
	font-size: 55px;
}
.home-header p {
	font-size: 25px;
}
.home-header h1,
.home-header p {
	text-shadow: 2px 2px 2px rgb(0 0 0 / 23%);
}
.home-header .notification {
    background-color: #FFCA09;
    padding: 5px 10px 10px;
    position: absolute;
	display: flex;
	height: 46px;
    top: 76px;
    right: 20px;
	align-items: center;
	overflow: hidden;
	cursor: pointer;
}
.home-header .notification.t1 { top: 76px; }
.home-header .notification.t2 { top: 128px; }
.home-header .notification.t3 { top: 180px; }
.home-header .notification .giftbox {
	width: 20px;
}
.home-header .notification-photo {
	width: 80%;
	margin-bottom: 20px;
}
.tooltip-inner {
    background-color: #FFCA09;
	box-shadow: -1px 1px 7px 0px #0000003b;
	color: #000;
	font-family: 'Prompt-Light', sans-serif;
	background-image: -webkit-linear-gradient(90deg, #ffffff 70%, #ffca00 32%);
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #FFCA09;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 5px;
    border-bottom-color: #FFCA09;
}
.diagonal-bg {
	overflow: auto;
	position: relative;
	background-color: #013A6B;
	background-image: -webkit-linear-gradient(90deg, #ffffff 70%, #ffca00 32%);
}
.modal-notification .notification-photo {
	width: 80%;
}
.modal-notification .modal-title {
	font-size: 1.3rem;
	margin-bottom: 20px;
}

.tip-content.hidden {
	display: none;
}
.tip-content-inner {
	text-align: left;
}
.tip-content-inner h5.modal-title {
	font-size: 0.8rem;
	margin-bottom: 10px;
}
.tip-content-inner p {
	font-size: 0.7rem;
}
.modal-notification ol,
.modal-notification ul,
.tip-content-inner ol,
.tip-content-inner ul {
	padding-left: 20px;
}
.tip-content-inner .notification-photo {
	width: 60%;
}

/* Carousel - Home */
#carouselEgat_home .carousel-control-prev .chevron-left,
#carouselEgat_home .carousel-control-next .chevron-right {
	height: 23px;
}

#carouselEgat_home .carousel-item .text-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
    width: 100%;
    height: 100%;
	padding: 10px;
}
#carouselEgat_home .carousel-item .text {
	font-size: 26px;
	letter-spacing: 1.5px;
	text-shadow: 1px 1px 1px #000;
	flex-basis: 0;
	flex-grow: 1;
	color: #fff;
	text-align: center;
	z-index: 1;
}
#carouselEgat_home .carousel-item {
	overflow: hidden;
}
#carouselEgat_home .carousel-item .text a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#carouselEgat_home .carousel-item img {
	filter: brightness(0.6);
	transition: all 1s;
}
#carouselEgat_home .carousel-item:hover img {
	transform: scale(1.1);
}

/* Carousel - Home News */

/*******************************************************************/
#carouselEgat_news {
	margin: 0 auto;
	padding-bottom: 50px;
}
#carouselEgat_news .carousel-inner {
	width: 80%;
}
#carouselEgat_news .carousel-item {
	min-height: 380px;
}
#carouselEgat_news .carousel-item .card {
	min-height: 354px;
}
#carouselEgat_news .card {
	width: 80%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 0;
}
#carouselEgat_news .card .card-body {
	padding: 0;
}
#carouselEgat_news .card-img,
#carouselEgat_news .card-img-top {
	border-radius: 0;
	object-fit: cover;
	object-position: top center;
	width: 100%;
	height: 250px;
}
#carouselEgat_news .card-date {
	margin-top: 10px;
}
#carouselEgat_news .chevron-left,
#carouselEgat_news .chevron-right {
	width: 30px;
	height: 30px;
}
.fade-in {
	animation: fadeIn ease .4s;
	-webkit-animation: fadeIn ease .4s;
	-moz-animation: fadeIn ease .4s;
	-o-animation: fadeIn ease .4s;
	-ms-animation: fadeIn ease .4s;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
/*******************************************************************/

/* Sections */
.section-title {
	margin-bottom: 3rem;
	text-align: center;
}
h5.section-sub-title {
	text-align: center;
}
.news-bg {
	background: url(../images/home_news_bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.news-bg-inner {
	padding: 40px;
}
.news-bg-inner .more {
	text-align: center;
	margin: 40px 0 20px;
}
.news-bg-inner:before,
.academy-bg-inner:before {
	content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(20, 66, 149, 0.75);
}
.academy {
	color: #fff;
}
.academy .academy-bg {
	background: url(../images/home_academy_bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.academy-bg-inner {
	padding: 80px 0;
	
}
.academy h2 {
	font-size: 55px;
	text-align: center;
}
.academy p {
	text-align: center;
	font-size: 28px;
}
.academy .btn-red {
	color: #fff;
	background-color: #E4052C;
	padding: 10px 15px;
    font-size: 20px;
	border-radius: 0;
}



/* Video */
.video-js .vjs-big-play-button {
	background-color: transparent;
	opacity: 0.8;
	border: none;
	top: 46%;
    left: 46%;
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
	background-color: transparent;
}

/* Full Screen Modal */
.modal-business .modal-full-image img {
	width: 100%;
	margin-bottom: -50px;
}
.modal-business .modal-image-backdrop {
	background-color: #144295;
	padding: 40px 40px 0;
}
.modal-business .modal-image-backdrop button.close {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	opacity: 1;
	margin: 10px;
	
	position: fixed;
    top: 29px;
    right: 29px;
	color: #ffca09;

}
.modal-business .modal-image-backdrop button.close span {
	text-shadow: 0px 0px 2px #00000080;
}
.modal-business .modal-body-content {
	padding: 60px 1rem;
}
.modal-business .modal-dialog-scrollable .modal-body {
	padding: 0;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.modal-business .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
	display: none;
}
.modal-dialog-full-width {
	width: 100% !important;
	height: 100% !important;
	margin: 10px !important;
	padding: 20px 20px 0 !important;
	max-width:none !important;
}
.modal-business .modal-dialog-full-width h1 {
	text-align: center;
	margin: 26px 0;
}
.modal-business h4:before {
	content: "•";
	margin-right: 10px;
}
.modal-business h4 {
	font-size: 1.2rem;
}
.modal-business ol,
.modal-business ul {
	padding-left: 15px;
    margin-top: 15px;
}
.modal-business ol ul {
    padding-left: 20px;
	margin-top: 10px;
}
.modal-business ol ul li {
	margin-top: 10px;
}
.modal-business ol li {
	margin-top: 10px;
}

/* About */
.about-header img {
	width: 100%;
}
.management {
	background-color: #fafafa;
}
.management h2.section-title {
	padding-top: 40px;
}
.management-profile {
	margin-bottom: 46px;
	background-color: #EFEFEF;
	padding: 10px;
	transition: 0.3s;
}
.management-profile:hover {
	background-color: #144295;
	color: #fff;
}
.management-profile .profile-detail {
	padding: 10px 0;
	text-align: center;
}
.r2 .management-profile .profile-detail { min-height: 100px; }
.r3 .management-profile .profile-detail { min-height: 100px; }
.r4 .management-profile .profile-detail { min-height: 100px; }
.r5 .management-profile .profile-detail { min-height: 100px; }
.r6 .management-profile .profile-detail { min-height: 124px; }
.management-profile .profile-detail h5 {
	font-weight: bold;
	font-size: 1.1rem;
}
.management-profile .profile-detail p {
	margin-bottom: 0;
}
.management-profile img {
	width: 100%;
}
.history {
	position: relative;
	background-color: #fafafa;
}
.history h2.section-title {
	padding-top: 40px;
}

/* Services */
.services {
	padding-bottom: 60px;
}
#carouselEgat_service .carousel-text-wrapper {
	position: relative;
}
#carouselEgat_service .text-container {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px;
}
#carouselEgat_service .text-container .text {
	letter-spacing: 1.5px;
   text-shadow: 0 0 7px rgb(0 0 0);
    flex-basis: 0;
    flex-grow: 1;
    color: #fff;
    text-align: left;
    z-index: 1;
}
#carouselEgat_service .text-container .text .yellow-link {
	font-size: 26px;
}
#carouselEgat_service .text-container h1 {
	text-shadow: 0 0 7px rgb(0 0 0);
	font-size: 3.2rem;
}
#carouselEgat_service .carousel-item .carousel-image {
	filter: brightness(0.8);
    margin-top: -120px;
}
#carouselEgat_service .chevron-left,
#carouselEgat_service .chevron-right {
    width: 32px;
    height: 44px;
}
#carouselEgat_service .carousel-indicators li {
	width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid #fff;
}

.each-service {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.each-service .each-image img {
	width: 100%;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}
.each-service .each-text {
	border-left: 3px solid #ffca00;
	padding-left: 20px;
	margin-left: 30px;
}
.each-service p.yellow-link {
	margin-left: 50px;
}
.each-service.even .each-text {
	margin-left: 0;
}
.each-service.even p.yellow-link {
	margin-left: 20px;
}
.each-service.even .row .col-lg-6:first-of-type {
	order: 1;
}
.carousel-text-wrapper h1 a,
.carousel-text-wrapper h1 a:hover {
	color: #fff;
	text-decoration: none;
}

/* News */
.articles .articles-card,
.news .news-card {
	margin-bottom: 40px;
	box-shadow: 1px 1px 6px 3px #99999942;
}
.articles .articles-card .card-body,
.news .news-card .card-body {
	min-height: 286px;
	padding-top: 10px;
}
.articles .articles-latest .articles-card .card-body,
.news .news-latest .news-card .card-body {
	min-height: 486px;
}
.articles .news-second .articles-card .card-body,
.articles .news-third .articles-card .card-body,
.news .news-second .news-card .card-body,
.news .news-third .news-card .card-body {
	min-height: auto;
}
.articles .articles-title,
.news .news-title {
	margin-bottom: .75rem;
}
.articles .articles-title a,
.news .news-title a {
	color: #000;
}
.articles p.post-date,
.news p.post-date {
	margin-bottom: 8px;
}
#articlesCarousel .chevron-left,
#articlesCarousel .chevron-right,
#newsCarousel .chevron-left,
#newsCarousel .chevron-right {
	height: 28px;
    width: 28px;
}
#articlesCarousel .carousel-control-prev,
#newsCarousel .carousel-control-prev {
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.5522584033613445) 0%, rgba(255,255,255,0) 81%);
	justify-content: end;
    padding-left: 10px;
}
#articlesCarousel .carousel-control-next,
#newsCarousel .carousel-control-next {
	background: rgb(0,0,0);
	background: linear-gradient(270deg, rgba(0,0,0,0.5522584033613445) 0%, rgba(255,255,255,0) 81%);
	justify-content: flex-end;
    padding-right: 10px;
}
#articlesCarousel .carousel-control-next,
#articlesCarousel .carousel-control-prev,
#newsCarousel .carousel-control-next,
#newsCarousel .carousel-control-prev {
	opacity: 0.9;
}
#viewArticles .post-date i,
#viewNews .post-date i {
	font-size: 80%;
}
#viewArticles .post-date,
#viewNews .post-date {
	margin-top: 10px;
}
#articlesCarousel.single .carousel-control-prev,
#articlesCarousel.single .carousel-control-next,
#newsCarousel.single .carousel-control-prev,
#newsCarousel.single .carousel-control-next {
	display: none;
}

#page-news .tab-content {
	margin-top: 30px;
	padding-bottom: 20px;
}
#page-news #paging {
	display: none;
}

#page-news .articles-item.hidden,
#page-news .news-item.hidden {
	display: block;
}
#page-news .articles_by_year .articles-card .card-img-top,
#page-news .news_by_year .news-card .card-img-top {
	width: 348px;
    height: 210px;
    object-fit: cover;
	object-position: top center;
}

/* Contract */
#page-contract main {
	padding-bottom: 1px;
}

/* Contact */
.contact-us {
	padding: 60px 0;
	background: url(../images/contact_bg.jpg);
	background-size: cover;
	background-position-x: center;
	position: relative;
	bottom: 0;
	width: 100%;
	background-color: #144295;
	color: #fff;
	position: relative;
	background-attachment: fixed;
	margin-bottom: 0;
	overflow-x: hidden;
}
.contact-us .links a {
	color: #fff;
	text-decoration: none;
}
.contact-us .address .logo {
	width: 200px;
	margin-bottom: 20px;
}
.contact-us .address p {
	font-size: 18px;
}
.contact-us .address img {
	width: 100%;
}
.contact-us main {
	position: relative;
	z-index: 1;
}
.contact-us-icons {
	text-align: center;
	padding: 30px 0;
}
.contact-us-icons ul {
	padding: 0;
}
.contact-us h1 {
	text-align: center;
	padding: 30px 0;
}
.contact-form input,
.contact-form textarea {
	background-color: rgb(4 43 92 / 30%);
    color: #fff;
	border-radius: 25px;
	border: 1px solid #fff;
}
.contact-form textarea {
	height: 350px;
}
.contact-form .btn {
	border: 1px solid #fff;
	border-radius: 25px;
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
}
.contact-form .btn img {
	margin-top: -1px;
	width: auto;
}
#unsubscribe-form label.error,
#subscription label.error,
#customerLogin label.error,
.contact-form label.error {
	color: #ff8a8a;
}
#forgetMeNot #confirm_password,
.contact-form .form-row.inputType {
	height: 0;
    visibility: hidden;
	width: 0;
}
#unsubscribe-form #company_name {
	filter: opacity(0);
	height: 2px;
	width: 100px;
	height: 0;
	visibility: hidden;
	width: 0;
}
#subscription .col-lg-61 {
	display: none;
	height: 0;
	visibility: hidden;
	width: 0;
}
#customerLogin .font-case,
.login-box .PML {
	display: none;
	height: 0;
	visibility: hidden;
	width: 0;
}

/* Biznews */
#page-biznews h2.section-title {
	margin-bottom: 0.5em;
}
#page-biznews #highlight,
#page-biznews #issue-preview {
	margin-top: 60px;
}

#page-media #highlight .preview-image,
#page-biznews #highlight .preview-image {
	text-align: center;
}
#page-media #highlight .preview-image img,
#page-biznews #highlight .preview-image img {
	width: 100%;
	-webkit-box-shadow: 12px 0px 29px -17px rgba(0,0,0,0.57);
	-moz-box-shadow: 12px 0px 29px -17px rgba(0,0,0,0.57);
	box-shadow: 12px 0px 29px -17px rgba(0,0,0,0.57);
}
#page-biznews #highlight .issue {
	font-size: 1rem;
}
#page-biznews #highlight .title {
	font-size: 2.6rem;
}
#page-media #highlight .description,
#page-biznews #highlight .description {
	font-size: 1.4rem;
}
#page-media #highlight .preview-content-inner,
#page-biznews #highlight .preview-content-inner {
	border-left: 3px solid #ffca00;
	padding-left: 30px;
}
#page-media .corporate .preview-content p.yellow-link,
#page-biznews #highlight .preview-content p.yellow-link {
	margin-left: 33px;
}
#page-news h4.year-head,
#page-biznews h4.year-head {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#page-biznews .biznews-issue .past-issue img {
	width: 100%;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}
#page-biznews .biznews-issue .past-issue {
	margin-top: 30px;
	margin-bottom: 30px;
}
#page-biznews .biznews-issue .past-issue .issue {
	text-align: center;
}
#page-news .nav-articles .nav-item a,
#page-news .nav-news .nav-item a,
#page-biznews .nav-biznews .nav-item a {
	color: #495057;
}
#page-news .nav-tabs .nav-link:focus,
#page-news .nav-tabs .nav-link:hover,
#page-biznews .nav-tabs .nav-link:focus,
#page-biznews .nav-tabs .nav-link:hover {
	border-color: transparent;
}
#page-news .nav-tabs .nav-item .nav-link,
#page-news .nav-tabs .nav-link,
#page-biznews .nav-tabs .nav-item .nav-link,
#page-biznews .nav-tabs .nav-link {
	border-bottom: 3px solid transparent;
}
#page-news .nav-tabs .nav-item.show .nav-link,
#page-news .nav-tabs .nav-link.active,
#page-biznews .nav-tabs .nav-item.show .nav-link,
#page-biznews .nav-tabs .nav-link.active {
	color: #495057;
	border-bottom: 3px solid #ffca00;
	border-color: #fff #fff #ffca00;
}

/* Media */
.on-page-menu {
	position: sticky;
	align-self: start;
	top: 86px;
	padding: 0;
}
.on-page-menu ul {
	list-style: none;
    padding-left: 0px;
}
.on-page-menu li {
	border-left: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.on-page-menu li a {
	border-left: 2px solid #ccc;
	color: #154295;
}
.on-page-menu li a.active {
	border-left: 2px solid #144295;
}
.brochure .item img,
.catalog .item img {
	margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
	width: 277px;
	height: 389px;
	object-fit: cover;
	object-position: top center;
}
.brochure .item,
.catalog .item {
	margin-top: 30px;
    margin-bottom: 30px;
}
.brochure .item .item-name,
.catalog .item .item-name {
	text-align: center;
}
.item-icon .btn {
	font-size: 0.7rem;
	margin-bottom: 5px;
}

#page-media .video .nav-pills .nav-link.active,
#page-media .video .nav-pills .show > .nav-link {
	color: #000;
	background-color: #f9f9f9;
	font-weight: bold
}
#page-media .video .nav-pills a.nav-link {
	color: #000;
	border-bottom: 1px solid #dedede;
	border-radius: 0;
}

/* Event */
section.events {
	padding-bottom: 40px;
	min-height: 620px;
}
.single.event-title {
	margin: 44px 0;
}
.events .event-card {
	margin-bottom: 40px;
	box-shadow: 1px 1px 6px 3px #99999942;
}
.events .event-card .card-body {
	min-height: 286px;
	padding-top: 10px;
}
.events .event-latest .event-card .card-body {
	min-height: 510px;
}
.events .event-second .event-card .card-body,
.events .event-third .event-card .card-body {
	min-height: auto;
}
.events .event-title {
	margin-bottom: .75rem;
}
.events .event-title a {
	color: #000;
}
.events p.post-date {
	margin-bottom: 8px;
}
ul.files-list {
	padding-left: 24px;
}
.gallery {
	height: 540px;
	overflow: auto;
}
.gallery > ul > li a {
	border: 3px solid #FFF;
	border-radius: 3px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
}
.gallery > ul > li a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.gallery > ul > li a:hover .gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.gallery .justified-gallery li > a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.gallery .justified-gallery li > a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.gallery .col-xs-6.col-sm-4.col-md-3 {
	padding: 0;
}
#eventTab.nav-tabs {
	border: 0;
	margin: 0 0 30px;
}
#eventTab .nav-item a {
	background-color: #144295;
}
#eventTab.nav-pills .nav-link.active, 
#eventTab.nav-pills .show > .nav-link {
	color: #ffca09;
}

/* References */
.references .nav-tabs .nav-link {
	color: #fff;
	border-color: #144295;
	border-radius: 0px;
	margin-bottom: 10px;
	background-color: #144295;
}
.references .nav-tabs {
	margin-bottom: 10px;
	border-bottom: 0;
    justify-content: center;
}
.references .nav-tabs .nav-link.active {
	color: #ffca09;
}
.references .LH {
	line-height: 42px;
}

#referencesTabContent {
	min-height: 300px;
}
.references .map_wrapper {
	position: relative;
	
}
.references .map {
	width: 600px;
	display: block;
	margin: 70px auto;
}
.references .map-800 {
	width: 800px;
	display: block;
	margin: 70px auto;
}
.references .box_wrapper {
	align-items: stretch;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.references .legend-box {
    position: absolute;
    background-color: #dcdcdc;
    border: 1px solid #6d6d6d;
    padding: 3px 9px;
    font-size: 0.72rem;
    -webkit-box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 43%);
    box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 43%);
}
.references .legend-box h6 {
	font-weight: bold;
	margin-bottom: 0;
	font-size: 0.8rem;
}
.references .legend-box ul {
	margin: 0;
    padding-left: 18px;
}
.references .legend-box li {
	padding: 0;
}

.references #zoom-container {
	cursor: grab;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.references .zoom-content {
	position: relative;
}
.zoom {
	position: relative;
	display: flex;
	align-items: center;
}
.zoom-tool {
	position: absolute;
    top: 92px;
    right: 24px;
    z-index: 11;
}
.zoom-tool-a button,
.zoom-tool button {
	width: 36px;
    height: 36px;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
}
.zoom-tool-a {
	position: absolute;
    top: 9px;
    right: 24px;
    z-index: 11;
}
#referencesTabContent .map-bg {
	background-image: url('../images/pranakorn.jpg');
	background-size: cover;
    background-position-y: center;
	padding-bottom: 60px;
}


/* Customer Services */
#page-customer .notification-list .card {
	-webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
	padding: 30px;
	margin-bottom: 30px;
}
#page-customer .notification-list .notification-detail {
	color: #fff;
	padding: 20px;
	text-align: center;
}
#page-customer .notification-list .notification-detail h4 {
	margin-bottom: 15px;
}
#page-customer .notification-list .notification-detail p {
	margin-bottom: 5px;
}
#page-customer .notification-list .notification-detail ul,
#page-customer .notification-list .notification-detail ol {
	text-align: left;
}
#page-customer .notification-list .notification-detail a.yellow-link {
	font-size: 16px;
	padding-top: 20px;
	display: block;
}
.activities-list .card {
	background-color: #FAFAFA;
	margin-bottom: 20px;
}
.activities-list .card,
.activities-list .card .card-header,
.activities-list .card .card-footer {
	border: none;
}
.activities-list .card .card-header,
.activities-list .card .card-footer {
	text-align: center;
}
.activities-list .card .card-header {
	color: #fff;
}
.activities-list .card .card-header h4 {
	margin-bottom: 0;
	margin-top: 5px;
}
.activities-list .card p.post-date {
	text-align: center;
}
.activities-list .card .card-item h5 {
	font-size: 1rem;
    font-weight: bold;
}
.activities-list .card .card-item {
	margin-bottom: 15px;
}
.activities-list .card .card-item img {
	margin-bottom: 15px;
}
.activities-list .card .card-item .card-text {
	line-height: 20px;
    font-size: 0.96rem;
}
.activities-list .card .card-footer {
	background-color: #FAFAFA;
	padding-top: 0;
}

.customer-info .card {
	margin-bottom: 20px;
	background-color: #FAFAFA;
}
.customer-info .card,
.customer-info .card, .card-header {
	border: none;
}
.customer-info .card .card-header {
	color: #fff;
}
.customer-info .card .card-header h4 {
	margin-bottom: 0;
	margin-top: 5px;
}
.customer-info .card-body .icon {
	margin-right: 1.25rem;
}
.icon-phone {
	background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline phone'%3E%3Cpath fill='currentColor' d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z' class=''%3E%3C/path%3E%3C/svg%3E");
	width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
}
.icon-user {
	background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline user'%3E%3Cpath fill='currentColor' d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z' class=''%3E%3C/path%3E%3C/svg%3E");
	width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
}
.icon-envelope {
	background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline envelope'%3E%3Cpath fill='currentColor' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z' class=''%3E%3C/path%3E%3C/svg%3E");
	width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
}
.icon-eye {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline eye'%3E%3Cpath fill='currentColor' d='M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z' class=''%3E%3C/path%3E%3C/svg%3E");
	width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
}
.icon-eye.slash {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' class='svg-inline eye-slash'%3E%3Cpath fill='currentColor' d='M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z' class=''%3E%3C/path%3E%3C/svg%3E");
	width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
}
.eye-toggle {
	cursor: pointer;
}
.unsub_result {
	display: none;
}

.customer-information {
	min-height: 400px;
}
.customer-information .doc_list {
	margin-top: 20px;	
}
.customer-information .doc_list_wrapper {
	display: none;
}
.customer-information .doc_item {
	text-align: center;
	padding: 10px;
	margin: 10px auto;
	-webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
}
.customer-information .doc_image {
	border: 1px solid #DBDBDB;
	padding: 20px 0;
}
.customer-information .doc_item img {
	max-width: 140px;
}
.customer-information .doc_desc,
.customer-information .doc_name {
	text-align: left;
}
.customer-information .doc_name a {
	color: #000;
	font-weight: bold;
}
.download_site_selector {
	margin: 15px 0;
}
#download_list {
	font-size: 0.9rem;
}

/* 404 */
.w404 {
	min-height: 520px;
}
.xdebug-var-dump {
	background-color: #ffc2c8;
    border: 3px solid #f00;
    padding: 10px;
}

.modal-open .modal {
	z-index: 9999;
}

/**********************************************************/

/**********************************************************/


@media only screen and (min-width: 991px) {
	/* turn off carousel on desktop */
	#carouselEgat_home .carousel-control-next,
	#carouselEgat_home .carousel-control-prev {
		display: none;
	}
	#carouselEgat_home .carousel-inner{
		display: flex;
		flex-wrap: no-wrap;
	}
	#carouselEgat_home .carousel-item {
		display: block;
		margin-right: auto;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 0;
		margin-left: 10px;
		transition: none;
	}
	#carouselEgat_home .carousel-item .text {
		font-size: 20px;
	}
	#carouselEgat_home .carousel-item:last-of-type {
		margin-right: 10px;
	}
	#carouselEgat_home .carousel-item-next:not(.carousel-item-left),
	#carouselEgat_home .active.carousel-item-right {
		transform: none;
	}
	#carouselEgat_home .carousel-item-prev:not(.carousel-item-right),
	#carouselEgat_home .active.carousel-item-left {
		transform: none;
	}
	
	/* Carousel - Home News*/
	#carouselEgat_news {
		width: 100%;
	}
	
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item {
		margin-right: inherit;
	}
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item, 
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item /*+ .carousel-item*/ {
		display: block;
	}
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, 
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
		transition: none;
	}
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item + .carousel-item {
		position: absolute;
		top: 0;
		right: -50%;
		z-index: -1;
		display: block;
		visibility: visible;
	}
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item-next, 
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item-prev {
		position: relative;
		transform: translate3d(0,0,0);
	}
	#carouselEgat_news.multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible;
	}
	#carouselEgat_news.multi-item-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left, 
	#carouselEgat_news.multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item, 
	#carouselEgat_news.multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, 
	#carouselEgat_news.multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(-100%,0,0);
		visibility: visible;
	}
	#carouselEgat_news.multi-item-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right, 
	#carouselEgat_news.multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item, 
	#carouselEgat_news.multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, 
	#carouselEgat_news.multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item /*+ .carousel-item*/ {
		position: relative;
		transform: translate3d(100%,0,0);
		display: block;
		visibility: visible;
	}
	
	.responsive-tabs .dropdown-arrow {
        display: none; 
    }
}
@media only screen and (max-width: 1440px) and (min-width: 992px) {
	#carouselEgat_home .carousel-item .text {
		font-size: 15px;
	}
}
@media only screen and (max-width: 1199px) {
	.lang-en .zoom-tool {
		top: 156px;
		right: 20px;
	}
	.r3 .management-profile .profile-detail { min-height: 124px; }
	.r4 .management-profile .profile-detail { min-height: 124px; }
	.r5 .management-profile .profile-detail { min-height: 124px; }
	.footer {
		height: 380px;
	}
	body {
		margin-bottom: 380px;
	}
	#page-news .articles_by_year .articles-card .card-img-top,
	#page-news .news_by_year .news-card .card-img-top {
		width: 100%;
		height: 180px;
	}
	.brochure .item img,
	.catalog .item img {
		width: 100%;
		height: 318px;
	}
	.nav-item {
		padding: 0 2px;
	}
}
@media only screen and (max-width: 991px) {
	body {
		margin-bottom: 525px;
	}
	[tabindex="-1"]::focus-visible {
		outline: 0;
	}
	.nav-item {
		font-size: 19px;
		padding: 0 9px;
	}
	.references #tabs .nav-item a:hover {
		border-left: 1px solid #ffca09;
		border-right: 1px solid #ffca09;
	}
	.references #tabs .nav-item {
		font-size: 14px;
	}
	#eventTab .nav-item a:hover {
		border-left-width: 1px;
		border-right-width: 1px;
	}
	.navbar-collapse {
		padding-top: 20px;
	}
	.dropdown-item {
		font-size: 17px;
		padding: 0.25rem 1rem;
		white-space: break-spaces;
	}
	.navbar-nav li .dropdown-menu {
		display: block;
	}
	.dropdown-toggle::after {
		background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fad' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 448 512' class='svg-inline chevron-down w-14 2x'%3E%3Cg class=''%3E%3Cpath fill='rgb(255, 204, 0, 80%25)' d='M224.1 284.64l-56.89 56.78-154-154.31a24 24 0 0 1 0-33.94l22.65-22.7a23.93 23.93 0 0 1 33.84 0z' class='secondary'%3E%3C/path%3E%3Cpath fill='%23FFCC00' d='M435 187.15L241 381.48a23.94 23.94 0 0 1-33.84 0l-40-40 211.34-211a23.93 23.93 0 0 1 33.84 0L435 153.21a24 24 0 0 1 0 33.94z' class='primary'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
		float: right;
		background-repeat: no-repeat;
	    height: 16px;
	    width: 16px;
	    transition: transform .2s ease-in-out;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		border-bottom: 0;
	}
	.navbar-nav li:hover .dropdown-menu {
		display: inline-block;
	}
	.dropdown-menu a:hover {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}
	.nav-item {
		text-align: left;
	}
	.lang-switcher img {
		width: 50px;
	}
	.nav-link.lang-switcher {
		order: 0;
	}
	.footer {
		height: 525px;
	}
	.footer h6 {
		font-size: 18px;
	}
	.footer-logo, .footer-icons {
		text-align: center;
	}
	.footer-icons {
		margin: 30px 0;
	}
	.footer-address {
		text-align: center;
	}
	
	/* Home */
	.home-header {
		background-size: auto;
		background-position-x: 20%;
	}
	#carouselEgat_home .carousel-inner {
		padding: 5px;
	}
	
	/* Contact */
	.contact-us-overlay {
		min-height: 1666px;
	}
	.contact-form {
		margin-top: 20px;
	}

	/* About */
	.management-profile .managed {
		margin-left: 2px;
		margin-right: 2px;
		padding: 10px 5px;
	}
	.management-profile .profile-detail h5 {
		font-size: 1rem;
	}
	.management-profile .profile-detail p {
		font-size: 0.85rem;
	}
	.r2 .management-profile .profile-detail { min-height: auto; }
	.r3 .management-profile .profile-detail { min-height: auto; }
	.r4 .management-profile .profile-detail { min-height: auto; }
	.r5 .management-profile .profile-detail { min-height: auto; }
	.r6 .management-profile .profile-detail { min-height: auto; }
	
	/* Service */
	#carouselEgat_service .carousel-item .carousel-image {
		margin-top: -2px;
	}
	.each-service .each-text {
		border-left: none;
		padding: 0 20px;
		margin-top: 20px;
	}
	#carouselEgat_service .text-container h1 {
		font-size: 3rem;
	}
	.each-service.even .row .col-lg-6:first-of-type {
		order: 0;
	}
	.each-service .each-text {
		margin-left: 0;
	}
	.each-service p.yellow-link {
		margin-left: 20px;
	}
	.text-sticky-right {
		position: relative;
		display: block;
		margin-top: 20px;
	}
	
	/* Biznews & Media */
	#page-media #highlight .preview-content-inner,
	#page-biznews #highlight .preview-content-inner {
		margin-top: 60px;
	}
	#page-media #highlight .preview-image img, 
	#page-biznews #highlight .preview-image img {
		width: 345px;
	}
	#page-biznews .col-lg-4.past-issue img {
		width: 80%;
		display: block;
		margin: 10px auto;
	}
	#page-media #brochure,
	#page-media #catalog,
	#page-media #video {
		outline:none;
	}
	.brochure .item img,
	.catalog .item img {
		width: 100%;
		height: 443px;
	}
	
	/* News */
	#page-news #articles_container,
	#page-news #news_container {
		display: flex;
		flex-direction: column;
	}
	#page-news #articles_page_title,
	#page-news #news_page_title {
		order: 1;
	}
	#page-news #articles_latest,
	#page-news #news_latest {
		order: 3;
	}
	#page-news .nav-articles,
	#page-news .nav-news {
		order: 2;
	}
	#page-news #tabsContent {
		order: 4;
	}
	
	#page-news .nav-articles.open .nav-item a:hover,
	#page-news .nav-news.open .nav-item a:hover {
		color: #fff;
	}
	#page-news .nav-articles .nav-item a:hover,
	#page-news .nav-news .nav-item a:hover {
		color: #495057;
	}
	#page-news .nav-tabs .nav-item.show .nav-link, 
	#page-news .nav-tabs .nav-link.active {
		background-color: transparent;
	}
	#page-news .articles_by_year .articles-card .card-img-top,
	#page-news .news_by_year .news-card .card-img-top {
		/*-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;*/
		margin: 10px;
		border-radius: calc(.25rem - 1px);

	}
	#page-news .articles_by_year .articles-card,
	#page-news .news_by_year .news-card {
		display: flex;
		flex-direction: row;
		margin-bottom: 20px;
		align-items: start;
	}
	#page-news .articles_by_year .articles-card .card-body .articles-title,
	#page-news .news_by_year .news-card .card-body .news-title {
		font-size: 1rem;
		margin-bottom: 0;
	}
	#page-news .articles_by_year .articles-card .card-body,
	#page-news .news_by_year .news-card .card-body {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	    padding: 10px;
		margin-left: 20px;
	}
	#page-news .articles_by_year .articles-card .card-body .post-date small,
	#page-news .news_by_year .news-card .card-body .post-date small {
		font-size: 100%;
	}
	#page-news .articles_by_year .articles-card .card-body .card-text,
	#page-news .news_by_year .news-card .card-body .card-text {
		display: none;
	}
	#page-news .articles .articles-card .card-body,
	#page-news .news .news-card .card-body {
		min-height: auto;
	}
	#page-news h4.year-head, #page-biznews h4.year-head {
		text-align: center;
	}
	
	/* Resources */
	.zoom-tool {
		top: 156px;
		right: 20px;
	}
	#referencesTabContent.tab-content-inner .nav-pills .nav-item {
		font-size: 0.9rem;
	}
	.references #referencesTabContent.tab-content-inner .nav-tabs .nav-link {
		border: 2px solid #144295;
		background-color: #fff;
		color: #144295;
	}
	.references #referencesTabContent.tab-content-inner .nav-tabs .nav-link.active {
		color: #ffca09;
		background-color: #144295;
	}
	
	/* Responsive Tabs */
	.responsive-tabs {
        position: relative; 
        border: 1px solid #ccc;
    }
    .responsive-tabs li {
        width: 100%; 
        margin: 0 !important; 
    }
    .responsive-tabs li > a {
        display: none; 
        border: 0 !important; 
        border-radius: 0 !important;
    }
    .responsive-tabs.open li > a, .responsive-tabs li > a.active {
        display: block;
		margin-bottom: 1px;
    }
	.responsive-tabs.open li:hover {
		background-color: #144295;
		color:#fff;
	}
	#page-biznews .nav-biznews.responsive-tabs.open li.nav-item:hover a {
		color: #fff;
	}
	#page-biznews .nav-tabs.responsive-tabs.open .nav-item:hover .nav-link.active {
		background-color: #144295;
	}
	

    .responsive-tabs .dropdown-arrow { 
        position: absolute;
        top: 15px;
        right: 15px; 
        border: solid #ffca00;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        vertical-align: middle;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: all ease .5s;
        cursor: pointer;
    }
    .responsive-tabs.open .dropdown-arrow {
        transform: rotate(-135deg);
        transition: all ease .5s; 
    }

	/* References */
	.references .map {
		width: 80%;
	}
	.references .legend-box {
		position: unset;
		display: inline-block;
	}
	.references #ref-1 div[id^="box-"] {
		width: 49%!important;
		margin-bottom: 12px;
	}
	.references #ref-2 div[id^="box-"] {
		width: 49%!important;
		margin-bottom: 12px;
	}
	.references #ref-3 div[id^="box-"] {
		width: 49%!important;
		margin-bottom: 12px;
	}
	.references #ref-4 div[id^="box-"] {
		width: 49%!important;
		margin-bottom: 12px;
	}
	.references #ref-5 div[id^="box-"] {
		width: 49%!important;
		margin-bottom: 12px;
	}

	/* Scrollbar */
	::-webkit-scrollbar {
		width: 6px;
	}
	::-webkit-scrollbar-track {
		background: #1c53b5;
	}
	::-webkit-scrollbar-thumb {
		background: #092c68;
	}
	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}
	
	.brochure .item-icon .btn {
		display: block;
		margin-bottom: 10px;
	}
	.brochure .item-icon .btn.pdf {
		padding: 16px;
	}
	
	.show-mobile {
		display: inline-block;
	}
	.item-name.show-mobile {
		display: block;
	}
	#page-media .select_nav,
	#page-customer .select_nav {
		text-align-last: center;
		margin-bottom: 20px;
		font-size: 1.5rem;
		background-color: transparent;
		z-index: 1;
		border-radius: 4px;
		
		padding-right: 30px;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background-repeat: no-repeat;
	}
	.rotateCaret {
		animation-name: rotateCaret;
		animation-duration: .2s;
		animation-fill-mode: forwards;
	}
	@keyframes rotateCaret {
		0% {
			-ms-transform: rotate(0deg); /* IE 9 */
			-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
			transform: rotate(0deg);
		}
		100% {
			-ms-transform: rotate(180deg); /* IE 9 */
			-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
			transform: rotate(180deg);
		}  
	}
	#page-media .select_wrapper,
	#page-customer .select_wrapper {
		width: 100%;
	}
	#page-media .select_wrapper .caret,
	#page-customer .select_wrapper .caret {
	    position: absolute;
		top: 18px;
		right: 12px;
		cursor: pointer;
		z-index: -1;
	}
	#page-media .sticko .select_wrapper .caret,
	#page-customer .sticko .select_wrapper .caret {
		right: 30px;
		top: 38px;
	}
	#page-media .sticko .select_nav,
	#page-customer .sticko .select_nav {
		margin-bottom: 0px;
	}
	.hide-mobile,
	.brochure .item-icon .btn.hide-mobile {
		display: none;
	}
	.sticko {
		position: fixed;
		background-color: #fff;
		margin: 0;
		padding: 20px;
		z-index: 100;
		top: 60px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		-webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
		-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
	}
	#scrollme.col-10 {
		margin-top: 100px;
		max-width: 100%;
		flex: 0 0 100%;
	}
}

@media only screen and (max-width: 768px) {
	.lang-en .zoom-tool {
		top: 226px;
	}
	.contact-us-overlay {
		min-height: 1580px;
	}
	.sticko {
		width: 100%;
	}
	#scrollme.col-10 {
		margin-top: 40px;
	}

	#page-news .articles_by_year .articles-card .card-img-top,
	#page-news .news_by_year .news-card .card-img-top {
		width: 140px;
		height: 110px;
		object-fit: cover;
	}
	#page-news .articles_by_year .articles-card .card-body,
	#page-news .news_by_year .news-card .card-body {
		margin-left: 0px;
	}
	#page-news #paging {
		display: flex;
	}
	#page-news .articles-item.hidden,
	#page-news .news-item.hidden {
		display: none;
	}
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
		text-align: left;
	}
	#page-customer-information body {
		background-position: center;
	}
	#page-customer-information .customerLoginPanel:before {
		background-color: rgba(11, 42, 93, 1);
		backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
		content: '';
		height: 100%;
		position: absolute;
		width: 100%;
	}
	#page-customer-information .customerLoginPanel {
		width: 344px;
	}
	.brochure .item img,
	.catalog .item img {
		width: 100%;
		height: 316px;
	}
}
@media only screen and (max-width: 678px) {
	#carouselEgat_service .text-container h1 {
		font-size: 1.4rem;
	}
	#carouselEgat_service .text-container .text .yellow-link {
		font-size: 0.8rem;
	}
	
}
@media only screen and (max-width: 576px) {
	.footer-icons ul {
		padding: 0;
	}
	.brochure .item img,
	.catalog .item img {
		width: 100%;
		height: 328px;
	}
}
@media only screen and (max-width: 543px) {
	.zoom-tool {
		top: 226px;
	}
	.references #tabs {
		flex-direction: column;
	}
	.references #ref-1 div[id^="box-"] {
		width: 100%!important;
	}
	.references #ref-2 div[id^="box-"] {
		width: 100%!important;
	}
	.references #ref-3 div[id^="box-"] {
		width: 100%!important;
	}
	.references #ref-4 div[id^="box-"] {
		width: 100%!important;
	}
	.references #ref-5 div[id^="box-"] {
		width: 100%!important;
	}
	#page-news .articles_by_year .articles-card .card-body .articles-title,
	#page-news .news_by_year .news-card .card-body .news-title {
		font-size: 90%;
	}
	#page-news .articles_by_year .articles-card .card-img-top,
	#page-news .news_by_year .news-card .card-img-top {
		width: 120px;
	}
	.references .map {
		width: 88%;
	}
	.brochure .item img,
	.catalog .item img {
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 476px) {
	.lang-en .zoom-tool {
		top: 296px;
	}
	
	#page-news .articles_by_year .articles-card .card-img-top,
	#page-news .news_by_year .news-card .card-img-top {
		width: 110px;
	}
	#eventTab.nav {
		flex-direction: column;
		width: 80%;
		
	}
	#eventTab.nav .nav-item {
		text-align: center;
		margin-bottom: 10px;
	}
	body {
		margin-bottom: 650px;
	}
	#page-media #highlight .preview-image img, #page-biznews #highlight .preview-image img {
		width: 80%;
	}
}
@media only screen and (max-width: 423px) {
	.lang-th .zoom-tool {
		top: 296px;
	}
	.footer {
		height: 600px;
	}
}
@media only screen and (max-width: 399px) {
	.lang-en .zoom-tool {
		top: 367px;
	}
}
@media only screen and (max-width: 355px) {
	.lang-th .zoom-tool {
		top: 367px;
	}
}