@charset "utf-8";
@font-face {
	font-family: 'DBHeavent';
	src: url('../fonts/DBHeavent.eot');
	src: url('../fonts/DBHeavent.eot?#iefix') format('embedded-opentype'),
	url('../fonts/DBHeavent.woff') format('woff'),
	url('../fonts/DBHeavent.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DBHeavent';
	src: url('../fonts/DBHeavent-Light.eot');
	src: url('../fonts/DBHeavent-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/DBHeavent-Light.woff') format('woff'),
	url('../fonts/DBHeavent-Light.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'DBHeavent';
	src: url('../fonts/DBHeavent-LightExt.eot');
	src: url('../fonts/DBHeavent-LightExt.eot?#iefix') format('embedded-opentype'),
	url('../fonts/DBHeavent-LightExt.woff') format('woff'),
	url('../fonts/DBHeavent-LightExt.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'DBHeavent';
	src: url('../fonts/DBHeavent-MedExt.eot');
	src: url('../fonts/DBHeavent-MedExt.eot?#iefix') format('embedded-opentype'),
	url('../fonts/DBHeavent-MedExt.woff') format('woff'),
	url('../fonts/DBHeavent-MedExt.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'DBHeavent';
	src: url('../fonts/DBHeavent-BoldExt.eot');
	src: url('../fonts/DBHeavent-BoldExt.eot?#iefix') format('embedded-opentype'),
	url('../fonts/DBHeavent-BoldExt.woff') format('woff'),
	url('../fonts/DBHeavent-BoldExt.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

html, body { width:100%; min-height: 100%; height: auto !important; height:100%; margin: 0; padding: 0; position: relative;}
body { min-height: 100vh;  font-size: 1em;}
* { font-family: 'DBHeavent', Tahoma, sans-serif; font-weight: 300; }
a { color: #231F20; text-decoration: none;}
a:hover { color: #b11116; text-decoration: none; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }

.col-gray { color: #777777;}
.col-light-gray { color: #8f8f8f;}
.col-red { color: #b11116;}
.col-black { color: #23201F;}

h1 { font-size: 4em; font-weight: bold; color: #b11116;}
h2 { font-size: 3em; font-weight: bold; color: #b11116; }
h5 { font-size: 1.9em; font-weight: bold;}
h6 { font-size: 1.8em; font-weight: bold;}
h3 { font-size: 1.5em; font-weight: bold; line-height: 1em;}
h4 { font-size: 1.3em; font-weight: bold; line-height: 1em;}

h2 > span { font-weight: bold;}
h1 > .col-black { font-weight: bold;}
h1.no-line-height { line-height: 0.6em;}
h2.font-h1 { font-size: 4em; font-weight: bold; line-height: 0.6em;}

.logo { max-height: 32px;}
.fa-tel { font-size: 0.65em;}
.font-tel { font-size: 1.2em; font-weight: bold; line-height: 0;}
.img-home { max-height: 23px; alignment-baseline: baseline}
.fixed { position: fixed; z-index: 999; width: 100%; background-color: rgba(255,255,255,0.95); animation: smoothScroll 0.7s ease; }
.btn { -webkit-appearance: none;}

.list-group-item { border: none; padding: 0; margin-left: 1rem; margin-right: .8rem; background-color: transparent;}

.nav-left {  border: 0.12em solid #eee; padding: 3px; z-index: 998; background: #fff;}
a[class^="nav-left"] { width: 44px; height: 55px; display: block; padding: 10px 0; border-bottom: 0.12em solid #eee;}
.nav-left-icon { background: url(../images/sprite-nav-side.png) 0 0;}
.nav-left-fb { background: url(../images/sprite-nav-side.png) 0 -47px;}
.nav-left-tw { background: url(../images/sprite-nav-side.png) 0 -99px;}
.nav-left-line { background: url(../images/sprite-nav-side.png) 0 -149px;}
.nav-left-plus { background: url(../images/sprite-nav-side.png) 0 -199px;}
.nav-left-hide { background: url(../images/sprite-nav-side.png) -2px -240px;}
.nav-left a:last-child { border: none;}
.nav-left.close { margin-left: -999px; transition: all .5s ease;}


.navbar-light .navbar-nav .nav-link { color: #231F20; font-weight: bold;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link, .nav.sub-menu .nav-link.active { color: #b11116; border-bottom: 1px solid #b11116; padding-bottom: 0.01em;}
.navbar-expand-lg .navbar-nav .nav-link { padding: 0; margin: 0; margin-left: 1rem; margin-top: 5px; border-bottom: 1px solid #fff;}
.navbar-expand-lg .navbar-nav .nav-link:hover, .nav.sub-menu .nav-link:hover { color: #b11116; border-bottom: 1px solid #b11116; transition: all .9s ease, border .18s linear;}
.nav-item a:hover img.img-home { opacity: 0.6;transition: opacity 1s ease;}
.dropdown-toggle::after { /*display: inline-block; margin-left: .1em; vertical-align: .12em; content: ""; border-top: .2em solid; border-right: .2em solid transparent; border-bottom: 0; border-left: .2em solid transparent;*/ display: none;}
.mega-dropdown { position: static;}
.dropdown-menu.mega-dropdown-menu {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-moz-border-left-width: 0;
	-webkit-border-left-width: 0;
	border-left-width: 0;
	-moz-border-right-width: 0;
	-webkit-border-right-width: 0;
	border-right-width: 0;
	min-width: auto;
	width: 100%;
	margin-top: -8px;
	border-top: 8px solid white;
	padding: 20px;
	left: 0;
	background: rgba(0,0,0,0.75);
	z-index: 2000;
}
/**/
.mega-dropdown-menu li { display: inline-block; text-align: center;}
.mega-dropdown {
	position: static !important;
}
.mega-dropdown-menu {
	padding: 20px 0px;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
}
.mega-dropdown-menu > li > ul > li {
	list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
	display: block;
	color: #222;
	padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: none;
}
/**/
.img-menu-icon { max-width: 120px; max-height: 120px; border-radius: 5px; padding-top: 10px;}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active { background-color: transparent !important; color: #fff; opacity: 1 !important; text-decoration: underline}
.dropdown-item { color: #fff;}

.nav-blog { cursor: pointer; color: #23201F; margin: 0 15px}
.nav-blog span { font-size: 1.4em; font-weight: bold;}
.blog-circle { display: inline-block; background-color: #23201F; border-radius: 100%; width: 51px; height: 51px; padding: 12px; position: relative; text-align: center; margin-right: 6px;}
.blog-circle > img { width: 29px;}
.nav-blog:hover span, .nav-blog.active span { color: #b11116; border-bottom: 1px solid #b11116; transition: color .5s ease-out, border .2s ease-out;}
.nav-blog:hover .blog-circle, .nav-blog.active .blog-circle { background-color: #b11116; transition: all .5s ease; color: #b11116;}

.nav-project-travel { background: none;}
.nav-project-travel .nav-link, .nav-pills .show > .nav-link { opacity: .3;}
.nav-project-travel .nav-link.active, .nav-pills .show > .nav-link { opacity: 1;}
.nav-font-fix, .nav-font-fix:hover { font-weight: 500; font-size: 1.2em;}
.nav-link img { max-width: 90px;}

.nav-gallery { cursor: pointer; font-size: 1.6em; font-weight: 500;}
.nav-gallery.active { background: rgba(255,255,255,.2); border-radius: 5px;}

.sub-menu .nav-link { padding: 0; margin: 0 1rem;}

.home-banner { z-index: 999;}

.bg-blue { background-image: url(../images/bg_banner.jpg); background-repeat:repeat-x;}
.bg-recommend { background-image: url(../images/bg_recommend.png); background-repeat: no-repeat; background-position: center right;}
.bg-red { background-color: #b11116;}
.bg-none { background-color: transparent !important;}
.bg-light { background-color: #F6F6F6;}

.carousel-control-next, .carousel-control-prev { width: 5%; opacity: 1;}
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C8CACB'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C8CACB'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.carousel-control-next-icon, .carousel-control-prev-icon { width: 6rem; height: 2rem; }
.carousel-indicators { margin-bottom: -2.3%;}
.carousel-indicators [data-bs-target] { background-color: #8B8B8B; width: 15px; height: 2px; opacity: 1;}
.carousel-indicators .active { background-color: #b11116;}

.img-social { max-width: 37px; max-height: 37px;}
.img-icon-map { width: 60px; height: 60px;}
.img-icon { width: 35px;}
.img-map { max-width: 410px;}
.mt-search-map { margin-top: 1.7rem; margin-bottom: 2.4rem; font-weight: 500;}

input.shadow { border-color: rgba(255,255,255, 0.8); outline: 0 none;}
.btn-font { font-weight: 300; font-size: 1.8em; padding: 0;}
.btn-font span { display: inline-block; vertical-align: text-bottom; /*font-weight: 500;*/}
.form-indent { margin-left: -.5rem !important;}
.form-control::-webkit-input-placeholder { color: #4d4d4d; font-weight: 300}
.form-control:-moz-placeholder { color: #4d4d4d; font-weight: 300}
.form-control::-moz-placeholder { color: #4d4d4d; font-weight: 300}
.form-control::placeholder { color: #4d4d4d; font-weight: 300}
.form-control:-ms-input-placeholder { color: #4d4d4d; font-weight: 300}
.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #777;}
.custom-control-input:checked~.custom-control-label.orange::before {  background-color: #fff; border-color: #F63;}

.input-group-text, .form-select { background-color: #fff; border: 1px solid #c4c4c4; font-weight: 300; font-size: 1.2em;}
.border-c4 { border: 1px solid #c4c4c4; border-radius: 0;}
.pad-left-2 { padding-left: .5rem;}
.half-line { width: 50%; display: block; border-top: 1px solid #b11116; margin: 10px 0;}
.quarter-line { width: 25%; display: block; border-top: 1px solid #b11116; margin: 10px 0;}
.card-subtitle { font-size: 1.1em; font-weight: 500; line-height: 1.2em; margin: .8rem 0;}
.card-text { font-weight: 100; font-size: 1.3em;}
.card-footer { background-color: rgba(0,0,0,0); border-top: 1px solid rgba(0,0,0,0);}
.card-table { display: table-cell}

.hovereffect { width:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default;}
.hovereffect .overlay { width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(0,0,0,0.5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out}
.hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear;}
.hovereffect h2 { text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; background:rgba(0,0,0,0.6); -webkit-transform:translatey(-100px); -ms-transform:translatey(-100px); transform:translatey(-100px); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; padding:10px}
.hovereffect a.info { text-decoration:none; display:inline-block; text-transform:uppercase; color:#fff; border:1px solid #fff; background-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin:25%  0; padding:7px 14px;}
.hovereffect a.info:hover { box-shadow:0 0 5px #fff;}
.hovereffect:hover img, .pointer:hover .hovereffect img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2);}
.hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100);}
.hovereffect:hover h2,.hovereffect:hover a.info {
	opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(55%); transform:translatey(55%);}
.hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s;}
.hovereffect a.info.rounded-circle { margin-top: 40px;}

.text-view-all { margin-top: 15px;}
.text-view-all a { font-size: 1.9em; color: #b11116;}
.text-view-all a i { font-size: .6em;}
.text-view-all a:hover { border-bottom: 1px solid #23201F; color: #23201F; transition: all .3s linear; }

.text-map-link a { font-size: 1.4em; color: #b11116;}
.text-map-link a i { font-size: .6em;}
.text-map-link a:hover { border-bottom: 1px solid #23201F; color: #23201F; transition: all .3s linear; }


.start-most-left { left: -3.5% !important;}
.end-most-right { right: -3.5% !important;}
span:hover.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2323201F'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); transition: all 2s ease-in;}


.real-heading { font-size: 4em; font-weight: bold; color: #b11116; background-color: #fff;}
.clear { clear: both;}
.pointer, .pointer:hover .hovereffect { cursor: pointer;}
.text-activity { font-weight: 500; font-size: 1.35em; line-height: 1.1em;}

.bg-download { background: linear-gradient(89.92deg, rgba(255, 255, 255, 0.09) 0.06%, #F0F0F0 16.71%);}
.bg-download img { max-height: 40px; margin-right: 10px}
.icon-width { width: 100px !important; max-height: none !important;}
.text-download { display: inline-block; font-weight: 500; text-align: left; min-width: 160px; font-size: 1.9em; line-height: 0.8em; vertical-align: middle; margin-right: 24px;}
.text-download span.sub { font-weight: 300; font-size: 0.92em; line-height: 0.1em;}

footer { min-height: 100px; bottom: -100px; background: #231F20;}
.font-footer { font-size: 1.7em; line-height: 0.3em;}
.font-footer-big { font-size: 1.2em; font-weight: bold;}
.btn-color-1 { background: #23201F; color: #fff;}
.btn-color-1:hover { color: #ddd; transition: all .5s ease;}
.bg-sitemap { background: #231F20}
.footer-head { font-weight: 500; font-size: 1.26em; line-height: 1.26em; color: #fff;}
.footer-head a { color: #fff; font-weight: 500;}
.footer-list a { font-weight: 100; color: #fff; display: block;}
.footer-list a i { font-size: 0.7em;}
.footer-list img { width: 12px; margin-right: .3rem;}
.footer-social img { width: 35px;}
.footer-icon img { width: 55px; margin-left: -6px;}
.footer-red img { height: 26px;}
#sitemap { transition: all .5s linear;}
.i-sitemap { font-size: .7em; width: 20px;}
.i-sitemap.open { -webkit-transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg) !important; -o-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; transition: all .6s ease-in;}

.border-line { width: 80px; border-top: 1px solid #B11116; margin: 0 auto; text-align: center;}

.register-box { width: 60%; margin: 0 auto;}
.iti { width: 100%;}
.form-control.register-font { font-family: 'DBHeavent', Tahoma, sans-serif; font-weight: 300; font-size: 1.3em;}
.btn-font.register-font { font-family: 'DBHeavent', Tahoma, sans-serif; font-weight: 300; font-size: 2em;}

.project-idea-box { width: 41%; display: block; margin: 0 auto; margin-top: -50px; padding: 35px 45px; position: relative; z-index: 555; font-weight: 100; font-size: 1.3em;}
.font-ideas-big { font-size: 1.43em; font-weight: bold; margin: 13px 0;}


#project-info.bg-concept-mobile, #project-info .bg-vector-mobile { background: none;}

.project-table td:first-child { font-weight: 500; font-size: 1.5em; min-width: 48%; white-space: nowrap;}
.project-table td:first-child img { max-width: 50px;}
.project-table td:last-child { font-weight: 100; font-size: 1.1em; vertical-align: middle;}
.table.project-table > :not(caption) > * > * { border-bottom-width: 0;}

.bg-round-white { border-radius: 50%; background: #fff; width: 200px; height: 200px; vertical-align: middle; display: table-cell; text-align: center; padding: 11px}
.bg-round-white img { max-height: 53px;}
.text-facility { font-size: 1.1em; line-height: 0.9em; margin-top: 7px;}
.text-project-near { font-size: 4em; font-weight: bold; line-height: 0em; padding-top: 5px; letter-spacing: -2px; position: relative; bottom: -45%;}
.text-project-near .smaller { font-size: .3em; font-weight: 500; letter-spacing: normal;}
.text-project-place { font-size: 1.3em; font-weight: 500; text-align: center; margin-top: 8px;}

.plan img { max-width: 400px;}
.project-contact img { max-width: 160px;}

.iframe-vr {width:800px; height:450px;}

.progress { width: 100px; height: 100px; background: none; position: relative;}
.progress::after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 3px solid #eee; position: absolute; top: 0; left: 0;}
.progress>span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1;}
.progress .progress-left { left: 0;}
.progress .progress-bar { width: 100%; height: 100%; background: none; border-width: 3px; border-style: solid; position: absolute; top: 0;}
.progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left;}
.progress .progress-right { right: 0;}
.progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right;}
.progress .progress-value { position: absolute; top: 0; left: 0;}
.text-progress { color: #23201F; font-size: 1.2em; line-height: 0.55em; display: block; position: absolute; top: 60px; width: 50%; left: 25%; text-align: center}
.text-progress-info { font-weight: 700; font-size: 1em;}

.text-progress-updated .bold { font-weight: 500; line-height: 1.1em;}
.text-progress-updated .normal { font-weight: 100; line-height: 1.1em;}

.text-sub-header { font-weight: 500; font-size: 1.7em; line-height: 1.2em;}
.w-80 { width: 80% !important;}

.sticky { position: fixed; top: 0; width: 100%; z-index: 9999; background-color: rgba(255,255,255,0.95) !important; animation: smoothScroll 0.7s ease;}
.sticky + .content {padding-top: 102px;}

.blog-header { border-top: 2px solid #b11116;}
.blog-icon { max-width: 24px; max-height: 24px; margin-left: 8px;}
.blog-text-fb { font-size: 1em; vertical-align: sub;}
.bg-blog { background-image:url(../images/bg-blog.png); background-repeat: no-repeat; background-position: top center; background-size: contain;}
.blog-icon-i span { margin-right: 10px;}
.blog-icon-i i { font-size: .64em; margin-right: 0px;}
.img-icon-blog { width: 31px;}

.text-outline {font-size: 5em; line-height: .7em; font-weight: 500; text-shadow: -1px -1px 0 #b11116, 1px -1px 0 #b11116, -1px 1px 0 #b11116, 1px 1px 0 #b11116; color: #fff;}
.hr-line { width: 150px; border-top: 1px solid #b11116; display: inline-block; padding-bottom: 16px; }
.img-news-main { width: 100%;}
.news-subject-main a { font-size: 1.7em; line-height: 1em; font-weight: 500;}
.news-subject a { font-size: 1.3em; line-height: .7em; font-weight: 500;}
.news-short-desc { font-size: 1.1em; line-height: 1em; font-weight: 100;}
.tab-social { background-color: #F0F0F0;}

.circle-space { padding-top: 8px; padding-left: 2px;}
.blog-content p, .blog-content{ font-size: 1.2em !important; font-weight: 100;}
.rating div { font-weight: 100; font-size: 1.6em;}
.rating img { width: 100px}

.bg-about { background: #CBCECF;}
.about-icon { height: 70px}
.about-icon-big { max-width: 130px; max-height: 130px; padding: .5rem;}
.text-about-detail { font-size: 1.3em; font-weight: 500;}
.text-about-detail-slim { font-size:1.1em;}

.project-plan-tab li .nav-link { display: inline-block; margin: 0 10px; padding: 2px 8px; color: #fff;}
.project-plan-tab { font-size: 1.5em; font-weight: bold; padding: 0;}
.project-plan-tab li .nav-link.active { background: rgba(255,255,255,.2); border-radius: 5px;}

.btn-icon-next { width: 16px; vertical-align: sub;}
.text-view-all .btn-icon-next { vertical-align: middle; margin-left: -2px; width: 18px; margin-bottom: 3px;}
.register-font .btn-icon-next { width: 18px; vertical-align: text-top;}
.fill-default { fill: #b11116;}
.fill-white, .btn-outline-danger:hover .fill-default { fill: #ffffff;}
.text-view-all a:hover .fill-default { fill: #23201F;}
.text-copyright { background-color: #000; color: #fff; font-weight: 100; font-size: 1.2em;}
.btn-outline-danger:hover { background-color: #b11116; border-color: #b11116;}
.btn-outline-danger { color: #b11116; border-color: #b11116;}
.text-detail-font { font-size: 1.3em; font-weight: 200 !important; }
.text-detail-font * { font-weight: 200 !important; }
.project-contact .btn-icon-next { width: 16px; vertical-align: top; margin-top: 8px;}
.bg-facility { background: #f5f5f5; }
#btnSubmit { padding: 10px 20px; background: none !important; }
#btnSubmit:hover span { text-decoration: underline; }
#project-gallery .carousel-indicators .active { background-color: #fff; }
.project-detail .text-detail-font a { color: inherit !important; font-size: inherit !important; font-family: inherit !important; text-decoration: underline; }
.mega-dropdown-menu li .dropdown-item { background: transparent !important; }

@media only screen
and (-webkit-device-pixel-ratio : 3) {
	footer { margin-bottom:constant(safe-area-inset-bottom); /* iOS 11.0 */ margin-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */}
}
@media screen and (min-width: 768px) {
	.modal:before { display: inline-block; vertical-align: middle; content: " "; /*height: 100%;*/ }
	.form-inline .inline-feedback {
		position: relative;
		display: inline-block;
	}
	.form-inline .has-feedback .form-control-feedback {
		top: 0;
	}

}
@media (min-width: 992px) {
	.mega-dropdown-menu li { vertical-align: top; }
	.mega-dropdown-menu li .dropdown-item { width: 200px; line-height: 1em; white-space: normal; }
	.mega-dropdown-menu li .dropdown-item img { margin-bottom: 10px; }
}
@media (max-width: 991.98px) { /*md*/
	html { font-size: calc(1em + 1vw); }
}

/*@media (max-width: 991.98px) { /*md* /
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { width: 100%;}

	.container-md { max-width: 900px;}
	.logo { height: 80px; max-height: 100px;}
	.navbar-toggler { font-size: 2em;}
	.img-home { max-height: 40px; height:35px; margin-bottom: 12px;}
	.fa-tel { font-size: 2em; padding-top: 0.5em; padding-right: 50px; margin-left: 10px;}
	.navbar .topbar { top: 12px; right: 10px !important}

}*/
@media (max-width: 991.98px) { /*sm 767.98*/
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { width: 100%;}

	.logo { height: 48px;}
	.navbar-toggler { border: none; font-size: 1em; padding-right: 0;}
	.navbar-toggler-icon { color: #231F20; }
	.img-home { max-height: 19px; margin-bottom: 5px;}
	.fa-tel { font-size: 0.9em; padding-top: 0.7em;}
	.navbar .topbar { top: 7px;}

	.carousel-indicators { margin-bottom: -7%;}
	.social-black { text-align: center !important; margin-top: 1.5rem !important;}

	.text-mobile-center { text-align: center; line-height: .85em;}
	.mobile-input { margin-bottom: 5px !important;}

	.mt-search-map { text-align: center; margin-bottom: 0;}
	.img-icon-map { width: 60px; height: 60px; display: block; margin: 0 auto;}

	h1 { font-size: 2em; text-align: center;}
	h2 { font-size: 1.7em; text-align: center;}
	h4 { font-size: 1em; font-weight: 300;}
	h2.py-5 { padding-top: 1rem !important; padding-bottom: 1rem !important;}
	h2.font-h1 { font-size: 2.7em; text-align: left;}
	.col { flex: none;}
	.bg-recommend .col.pb-5 { padding-bottom: .5rem !important;}
	.text-view-all { margin-top: 1.3rem;}

	.nav-pills-mobile { width: 100%}
	.nav-pills-mobile li { display: block; width: 100%; margin: 5px;}

	.blog-circle { width: 35px; height: 35px; padding: 5px;}
	.blog-circle > img { width: 20px;}

	.real-heading { font-size: 1.7em;}
	.real-heading span { display: inline;}
	.real-heading.px-5 { padding-left: .5rem !important; padding-right: .5rem !important;}

	.real-box .col { width: 47%;}
	.real-activity-box .col { width: 100%;}

	.icon-width { width: 80px; display: block; margin: 0 auto !important;}
	.text-download { display: block; text-align: center; margin-right: 0; margin-bottom: 10px;}

	footer .row.g-5 { --bs-gutter-y: 1rem; --bs-gutter-x: 0;}
	.font-footer .col-2, .font-footer .col-8 { width: inherit; float: left;}
	.font-footer .col-8 { width: 60%; float: left;}
	.font-footer .col-2 { font-size: 0.7em;}
	.font-footer-big { font-size: 0.85em;}

	.footer-list { margin-bottom: 10px; font-size: .92em;}
	.col-mobile-box { border-top: 1px solid #dee2e6 !important; padding-top: 20px; margin-top: 20px;}
	.col-mobile { display: inline-block; width: 50%; vertical-align: top;}
	.footer-head { font-size: 1.1em;}
	#sitemap h3 { font-size: 1.8em;}

	.footer-list img { margin-right: 5px; float: left; margin-top: 8px;}
	.footer-social img { width: 25px;}
	.footer-icon img { width: 35px;}
	.footer-red { clear: both}
	.footer-red img { height: 20px;}
	.text-footer { display: inline-block; width: 70%; white-space: pre-wrap; line-height:0.8em; padding-top: 5px;}

	/*#pills-tabContent button.carousel-control-prev, #pills-tabContent button.carousel-control-next { display: none;}*/

	.text-sub-header { font-size: 1.2em;}

	.bg-mobile-none { background-color: transparent !important;}
	.bg-mobile-none h2.p-5 { font-size: 2em; padding: 0 !important;}
	.bg-mobile-none h2.mt-5 { margin-top: 2rem !important;}
	.register-box { width: 90%;}
	.register-box col { margin-bottom: 5px !important;}
	textarea.form-control { min-height: 200px;}
	.btn-font.register-font { font-size: 1.7em;}

	#middle .py-5 { padding-bottom: 1rem !important;}
	.sub-menu .navbar-toggler { font-size: .7em;}

	.project-idea-box { margin-top: 0 !important; width: 100%; padding: 20px; font-weight: 300; font-size: 1.23em;}
	.font-ideas-big { line-height: 1em; width: 75%;}
	#project-info h1 { text-align: left !important;}

	.project-detail-img { display: block; float: left; margin: 0 15px; margin-bottom: 33px;}
	.project-detail-heading { display: block; font-weight: 500; font-size: 1.2em; line-height: 1.1em;}
	.project-detail-info { font-size: .8em; line-height: 1.1em; overflow:hidden; margin-right: 10px;}
	.bg-vector { background: none !important;}

	#project-info .col-5.offset-1, #project-travel .col-5.offset-1.mt-5 { margin: 0  !important;}
	#project-facility .col-3, #project-near .col-3, .project-contact .col-6 { width: 45%;}
	#project-facility .w-75, #project-near .w-75, .project-contact .w-50 { width: 100% !important;}

	.bg-round-white { width: 150px; height: 150px;}

	#project-gallery .nav-pills-mobile li { display: inline-block; /*margin: 5px 0 !important;*/ width: auto; font-size: .8em; margin: 5px auto !important; }
	/*.nav-gallery { font-size: 1em;}*/
	.nav-gallery.px-3 { }

	.text-project-near { font-size: 3em;}
	.text-project-place { font-size: 1em}

	#project-travel h2.py-5 { padding-top: 1rem !important; padding-bottom: 1rem !important;}
	#pills-travel .nav-link, #pills-virtual .nav-link { padding: .5rem .6rem; -webkit-appearance: none; }
	.img-map, .plan img { max-width: 100%;}
	.col.text-map-link { width: 50%;}
	#project-travel .row.container { width: auto;}

	#project-plan h2.pt-5 { padding-top: 1rem !important;}
	#project-plan h3.pt-4 { padding-top: .2rem !important;}
	.select-plan-mobile { width: 80%; margin: auto; text-align:center; }

	.iframe-vr { width: 100%; height: 100%;}
	.project-contact .col-6-mobile { width: 95%;}
	.project-contact img { max-width: 130px; float: right;}
	.project-contact .col-5.offset-1 { width: 80%; margin: 0 auto;}

	.project-detail .btn-font { font-size: .95em;}
	.project-detail h5.pb-2 { font-size: 1.3em; padding-bottom: 0 !important;}

	.project-progress.p-5 { padding: 1rem !important;}
	.project-progress .container-md { width: 100%; padding: 0 }
	.project-progress h1 { text-align: left;}
	.project-progress .col { width: 30%;}
	.text-progress-updated.w-75 { width: 100% !important;}

	.interesting-project.p-5, #blog-news-lifestyle.p-5 { padding: .5rem !important; padding-top: .8rem !important;}

	#blog-tab.nav, #blog-mobile-tab.nav { /*flex-wrap: nowrap;*/ white-space: nowrap; overflow-x:auto; justify-content: flex-start !important; /*margin-left: 15px;*/  }
	#project-facility .row, .project-progress .row .row { flex-wrap: nowrap; overflow-x: auto;}

	.bg-blog h5.card-title.w-75 { font-size: 1.6em; width: 90% !important;}
	.blog-icon-i { font-size: 1.5em; line-height: 1em;}
	#blog-news .container-md, #blog-news-lifestyle .container-md, #blog-news-events .container-md, #blog-news-tip .container-md, #blog-news-highlight .container-md { padding-left: 1rem; padding-right: 1rem;}
	#blog-news h2, #blog-news-lifestyle h2, #blog-news-events h2, #blog-news-tip h2, #blog-news-highlight h2 { text-align: left; }
	#blog-news .news-list { --bs-gutter-y: 1.5rem !important;}
	.img-icon-blog { width: 35px;}
	.news-list-sub .row.d-flex .col-6 { width: 50%;}
	.news-list-sub .row.d-flex .news-subject a { font-size: 1em;}

	#blog-news-lifestyle .headline, #blog-news-tip .headline { border-top: 1px solid #C4C4C4; margin-bottom: 13px;}
	#blog-news-events.pt-5 { padding-top: 1rem !important;}
	.blog-active-img { margin-top: .9rem !important; margin-bottom: .5rem !important;}
	.blog-content a { font-size: 1em !important;}
	.suggestion .col { width: 18%;}
	.rating div { font-size: 1.1em;}
	.rating img { width: 40px;}

	/*.blog-content { max-height: 250px; position: relative; overflow: hidden;}*/
	.blog-content .read-more { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; margin-top:30px; padding: 160px 0 20px 0; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,1) 100%);	}
	.read-more a.button { color: #b11116; font-size: 1.7em !important; font-weight: 300;}
	.read-more a.button i { font-size: .6em !important;}

	#about-detail .row.p-3 { padding: 0 !important;}
	#about-detail .row .col-6.px-5 { padding: 1rem !important;}
	.about-content { margin: 1.3rem 0;}
	.about-content .px-4 { padding: 0 !important;}
	.about-content h2 { text-align: left;}
	.text-about-detail { font-size: 1.7em; line-height: 1.3em;}

	#company .row.gx-5 { --bs-gutter-x: 0;}
	#company .row .col-6.border-end.border-danger { border-right: 0 !important; border-bottom: 1px solid;}
	#company h5 { font-size: 1.5em;}

	.dropdown-menu { border: none;}
	.dropdown-item { border-bottom: 1px solid #aaa; font-size: 1.05em; text-align: left; color: #212529; }
	.navbar-expand-lg .navbar-nav .nav-link { margin-left: 0; margin-top: 0; padding: .2rem; padding-left: .5rem; border-bottom: 1px dashed #404040;}
	.navbar-expand-lg .navbar-nav .nav-link:hover, .nav.sub-menu .nav-link:hover { background-color: #404041; color: #fff !important;}
	.mega-dropdown-menu li { display: block;}
	.dropdown-menu.mega-dropdown-menu { background: #fff; padding-top: 10px;}
	.nav-link { font-weight: 400 !important;}
	.tel-mobile { padding-right: 12px; margin-right: 10px; border-right: 1px solid #404040; }
	.tel-mobile i { font-size: 0.65em;}
	.mobile-separator { margin-right: 10px; font-size: 1em;}
	.mobile-lang a { font-weight: 500;}

	.card-subtitle { font-size: 1em;}
	.card-text { font-size: 1.1em;}
	.nav-blog span { font-size: 1.1em;}
	.text-copyright { font-size: .8em;}
	.text-facility { font-size: .6em; font-weight: 500;}
	.text-map-link a { font-size: 1em;}
	.project-plan-tab { font-size: 1.1em; font-weight: bold !important;}
	.project-plan-tab button.nav-link { font-weight: 500 !important;}
	.nav-font-fix, .nav-font-fix:hover { font-size: 1em;}
	.project-contact span.fa-2x { font-size: 1.55em;}
	.text-detail-font { font-size: .9em;}
	.project-progress .font-footer { font-size: 1.65em; font-weight: 500;}

	#sub-menu.py-4.sticky { padding-top: .5rem !important; padding-bottom: .5rem !important;}
	.btn-sitemap { -webkit-appearance: none;}


}
@media (max-width: 360px) { /*sm*/

}

@keyframes smoothScroll {
	0% {
		transform: translateY(-50px);
	}
	100% {
		transform: translateY(0px);
	}
}

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

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
}

@keyframes loading-2 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(144deg);
		transform: rotate(144deg)
	}
}

@keyframes loading-3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}
}



/* By Gift */
.nav-left { border-width: 1px; }
a[class^="nav-left"] { background-size: 100%; background-repeat: no-repeat; border-bottom-width: 1px; }
.nav-left a:last-child { height: 40px; }
.img-menu-icon { border-radius: 0; }

ul.pagination, ul.pager { margin: 20px auto 40px; text-align: left; }
ul.pagination li { padding: 0; margin: 0 1px 0 0; border-bottom: none; display: inline-block; border-radius: 0; }
ul.pagination li > a, .pagination > li:first-child > a, .pagination > li:last-child > a, ul.pager li > a { text-align: center; padding: 0; height: 24px; width: 24px; border: 1px solid #777777; line-height: 24px; background-color: #777777; color: #ffffff; display: inline-block; }
ul.pagination li > a:hover, ul.pagination li > a:focus { color: #ffffff; background-color: #b11116; border-color: #b11116; }
ul.pagination li.active a, .pagination > .active > a:hover, .pagination > .active > a:focus { color: #ffffff; background-color: #b11116; border-color: #b11116; }

ul.breadcrumb { margin-left: -18px; }
ul.breadcrumb li { list-style: none; display: inline-block; }
ul.breadcrumb li::after { content: "/"; font-size: 35px; position: relative; top: 2px; list-style: none; }
ul.breadcrumb li:last-child::after { content: ''; }
ul.breadcrumb li a { margin: 0 18px; font-size: 1.2em; }
ul.breadcrumb li a.active { color: #A20E12; }

#scroll-to-top { position: fixed; bottom: 3%; left: 5px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4); border-radius: 100%; text-align: center; z-index: 100000; }
#scroll-to-top i {  color: #fff; line-height: 40px; }
#scroll-to-top span { font-size: 17px; line-height: 15px; position: relative; top: -3px; color: #AFAFAF; letter-spacing: 1px; }

.gap-home { gap: 4.5rem !important; }
a.a-view-detail { float: right; }
.card-subtitle { margin-top: 0; }
#fb-messenger-fake-button { position: fixed; bottom: 24px; right: 24px; z-index: 100; transition: opacity 0.3s; }

@media (min-width: 992px) {
	.mt-search-map { margin-top: 90px; margin-bottom: 25px; }
	h3.line-2 { height: 2em; overflow: hidden; }
	h3.line-3 { height: 3em; overflow: hidden; }
	.card-text.line-5 { line-height: 1.3em; height: 5.2em; overflow: hidden; }
}

.grid-v1 { width: 100%; border: solid 1px #C8C7C7; overflow: auto; margin-bottom: 40px; overflow-y: hidden; }
.grid-v1 .box-left, .grid-v1 .box-right { width: 50%; float: left; }
@media (max-width: 1200px) {  .grid-v1 .box-left, .grid-v1 .box-right { width: 100%;  } }
.grid-v1 .box-left { box-shadow: -1px 2px 12px 2px rgba(0,0,0,0.75); border-radius: 7%;  }
.box-right { padding: 12px 15px 0; }
.box-right .wrap-title .g-title { font-size: 25px; line-height: 25px; }
.box-right .wrap-title .g-sub-title { font-size: 20px; line-height: 20px; }
.grid-v1 .box-right .wrap-desc, .box-right .budget { font-size: 1em; line-height: 20px; }
.line-v1 { width: 100%; height: 1px; background-color: #AAA; margin: 15px 0 15px; }
.line-v1 .line-red { height: 5px; width: 20%; background-color: #9A0D13; }
.button-space-grey { color: #ffffff; background-color: #303030; border-color: #303030; }
.button-space-grey:hover, .button-space-grey:focus { color: #ffffff; background-color: #111111; border-color: #111111; }
.text-content-body { font-size: 1.15em; }

.tag_form { background-color: rgba(48, 48, 47, 0.67); color: #fff; margin-right: 10px; margin-bottom: 5px; padding: 3px 10px 0 10px; border: 0; white-space: nowrap; display: inline-block; }
.tag_form:hover { color: #fff; text-decoration: none; }
.box-tag { margin-top: 10px; }
.tag_form a { color: #fff; }
.tag_form:hover { background-color: rgba(48, 48, 47, 0.84); }
.tag_form:hover a { text-decoration: none; }

.project-detail-img img { width: 70px; }
.project-table td:first-child { min-width: 205px; }
.project-table td:last-child { font-size: 1.3em; }
.project-contact .ps-2 { font-size: 1.2em; }
.project-contact .ps-2 span { font-size: 1.3em; }
.project-idea-box { font-size: 1.2em; }
.project-idea-box h1 { color: #fff; }

.btn-loading { cursor: default; color: transparent !important; position: relative; }
.btn-loading::after, .btn-loading::before { position: absolute; top: 50%; left: 50%; width: 1.28em; height: 1.28em; margin: -.64em 0 0 -.64em; }
.btn-loading::before { content: ''; }
.btn-loading::after { content: ""; }
.btn-loading::after { animation: button-loading .6s linear; animation-iteration-count: infinite; border: 2px solid; border-color: #ffffff transparent transparent; border-radius: 9999px; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; }
.btn-outline-danger.btn-loading { background: #dc3545; }
.text-content-body img { max-width: 100% }

@keyframes button-loading {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}
@media (max-width: 991.98px) {
	.footer-head { font-size: 0.9em; }
	.footer-list { font-size: 0.8em; }
}

/*Images and Overlays
---------------------------------- */
.overlay-container {
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
}
.overlay-bottom,
.overlay-top {
	position: absolute;
	top: auto;
	padding: 15px;
	bottom: 0px;
	left: 0;
	right: 0px;
	background-color: rgba(30, 30, 30, 0.5);
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all ease-in-out 0.25s;
	-o-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
	height: 0;
	color: #ffffff;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1, 1);
}
.overlay-bottom.links,
.overlay-to-top.links {
	z-index: 11;
}
.overlay-to-top {
	position: absolute;
	top: auto;
	padding: 10px;
	bottom: -30px;
	left: 0;
	right: 0px;
	background-color: rgba(30, 30, 30, 0.5);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all ease-in-out 0.25s;
	-o-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
	color: #ffffff;
}
.overlay-top {
	top: 0;
}
.overlay-visible .overlay-bottom,
.overlay-visible .overlay-top {
	opacity: 1;
	filter: alpha(opacity=100);
	height: auto!important;
	padding-bottom: 20px;
}
.overlay-visible.overlay-container:hover .overlay-bottom:not(.links),
.overlay-visible.overlay-container:hover .overlay-top {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.overlay-top a,
.overlay-bottom a,
.overlay-to-top a {
	color: #ffffff;
}
.overlay-container .text {
	padding: 0 20px;
	position: relative;
}
.overlay-container .text h3,
.overlay-container .text h3 .small {
	margin-top: 0;
	color: #ffffff;
}
.overlay-container .text a:hover {
	color: #ffffff;
}
.overlay-bottom .btn,
.overlay-top .btn {
	color: #ffffff;
	border-color: #ffffff;
	margin: 0;
}
.overlay-bottom .btn:hover,
.overlay-top .btn:hover {
	color: #777777;
	background-color: #ffffff;
}
.overlay-container:hover .overlay-top,
.overlay-container:hover .overlay-bottom,
.image-box.style-2:hover .overlay-top,
.image-box.style-2:hover .overlay-bottom {
	height: 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1, 1);
}
.overlay-container:hover .overlay-to-top,
.image-box:hover .overlay-to-top {
	opacity: 1;
	filter: alpha(opacity=100);
	bottom: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1, 1);
}
.overlay-link {
	position: absolute;
	z-index: 10;
	top: 0;
	padding: 15px;
	bottom: 0px;
	left: 0;
	right: 0px;
	background-color: rgba(30, 30, 30, 0.5);
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all ease-in-out 0.25s;
	-o-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
	color: #ffffff;
}
.overlay-link i {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 80px;
	height: 80px;
	border: 1px solid #ffffff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	font-size: 32px;
	line-height: 80px;
}
.overlay-link i:hover {
	background-color: #ffffff;
	color: #777777;
}
.overlay-link.small i {
	width: 25px;
	height: 25px;
	margin: -12.5px 0 0 -12.5px;
	font-size: 14px;
	line-height: 25px;
}
.overlay-container:hover .overlay-link {
	height: 100%;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1, 1);
}

#blog-banner { }
#blog-banner * { color: #fff; }
#blog-banner .item { margin: 0 3px; height: 100%; background: #b11116; overflow: hidden; }
#blog-banner .item .text { padding: 12px 20px; height: 130px; overflow: hidden; }
#blog-banner .item .post-category { color: #ffffff; font-size: 1.1em !important; }
#blog-banner .item img:hover { transform: scale(1.04); transition: ease-in-out 500ms; }
#blog-banner .bk-control-nav { position: absolute; top: 50%; border: 3px solid #b11116; color: #b11116; font-size: 28px; display: block; width: 54px; height: 54px; text-align: center; margin-top: -27px; cursor: pointer; opacity: 0; transition: all 0.2s ease-in-out; z-index: 10000; }
#blog-banner:hover .bk-control-nav { opacity: 1; }
#blog-banner .bk-control-nav:hover { background: #b11116; color: #000; }
#blog-banner .bk-slider-prev { left: 5%; }
#blog-banner .bk-slider-next{ right: 5%; }
#blog-banner .bk-control-nav i { line-height: 50px; color: #b11116; }
#blog-banner .bk-control-nav:hover i { color: #fff; }
#blog-banner .item .text h5 { font-size: 1.4em; height: 58px; overflow: hidden; margin: 0; }

@media (max-width:991px) {
	#blog-banner .item .text .post-category { font-size: 0.8em !important; }
	#blog-banner .item .text h5 { font-size: 1.1em; }
}

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

/* Cookie Consent */
.cookieConsentContainer {
	z-index: 999;
	width: 100%;
	min-height: 20px;
	box-sizing: border-box;
	padding: 10px 30px 15px;
	background: #232323;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	font-family: 'DBHeaventt-Light', OpenSans, arial, "sans-serif";
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 20px;
	display: block;
	text-align: center;
}
.cookieConsentContainer .cookieDesc a {
	color: #FFFFFF;
	text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin-top: 14px;
	margin-left: 10px;
	background: #FFFFFF;
	box-sizing: border-box;
	padding: 10px 25px;
	text-align: center;
	transition: background 0.3s;
	text-decoration: none;
}
.cookieConsentContainer .cookieButton a:hover {
	cursor: pointer;
	background: #9B0E13;
	color: #fff;
}

@media (max-width: 980px) {
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
	}
}