@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { font-size: 0; list-style: none; }

ol li, ul li { font-size: 1rem; }

blockquote, q { quotes: none; }

blockquote:before, q:before, blockquote:after, q:after { content: ''; content: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; 
}

.site-icon-phone::before { background-image: url("../images/Themes/icon/phone.png"); width: 15px; height: 15px; content: ''; display: inline-block; margin-right: 8px; }

.site-icon-email { margin-right: 8px; background-size: cover; width: 16px; height: 12px; content: ''; display: inline-block; background-image: url("../images/Themes/icon/email.png"); }

.site-icon-fb { margin-right: 8px; background-size: cover; width: 15px; height: 15px; content: ''; display: inline-block; background-image: url("../images/Themes/icon/facebook.png"); }

.site-icon-youtube { margin-right: 8px; background-size: cover; width: 15px; height: 15px; content: ''; display: inline-block; background-image: url("../images/Themes/icon/youtube.png"); }

.site-icon-instagram { margin-right: 8px; background-size: cover; width: 15px; height: 15px; content: ''; display: inline-block; background-image: url("../images/Themes/icon/instagram.png"); }

html { font-size: 14px; }

body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; word-spacing: 1px; color: #333333; background: #ffffff; }

body p { line-height: 1.4; }

.wrapper { max-width: 1170px; margin: auto; }

.wrapper-mini { max-width: calc(1170px * 0.8); margin: auto; }

.bgPage { background: #727674; z-index: -1; width: 100%; height: 100%; opacity: 0.5; }

.bg-gray { background-color: #f7f7f7; }

.bgPage.show { z-index: 99; }

.text-b { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold !important; }

.text-upper { text-transform: uppercase; }

.color-main { color: #333333 !important; }

.color-child { color: #00529c; }

.color-black { color: #000; }

.color-gray { color: #a8a8a8; }

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link { border-radius: 6px; }

.pagination .page-item.active { pointer-events: none; }

.pagination .page-item.active .page-link { border-color: transparent; }

.pagination .page-item.active .page-link { background-color: #00529c; outline-color: transparent; border-radius: 6px; }

.pagination .page-link { color: #333333; padding-top: 10px; padding-bottom: 10px; padding-left: 1rem; padding-right: 1rem; border-radius: 6px; border-color: transparent; -webkit-transition: .4s ease; transition: .4s ease; }

.pagination .page-link:focus { -webkit-box-shadow: none; box-shadow: none; }

.pagination .page-link:hover { background-color: #00529c; color: white; }

.pagination .page-item { margin-right: 0.5rem; }

.thumnails { font-size: 0; }

a.no-decoration { text-decoration: none; }

h3.title { color: #00529c; font-weight: bold; }

.active { color: #00529c !important; }

.no-position { position: initial; }

.breadcrumb-item + .breadcrumb-item::before { font-family: ""; content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 300; }

.breadcrumb { background-color: transparent; }

.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item { text-transform: uppercase; color: #999; }

.breadcrumb .breadcrumb-item a:hover, .breadcrumb .breadcrumb-item.active { color: #00529c; }

.text-detail p { margin-bottom: .5rem; }

.bt-gray { border-top: 1px solid #ccc; }

::-webkit-scrollbar { height: 4px; /* height of horizontal scrollbar ← You're missing this */ width: 4px; border: 1px solid #333333; }

::-webkit-scrollbar-track { border-radius: 0; background: #eeeeee; }

::-webkit-scrollbar-thumb { border-radius: 0; background: #00529c; }

.b-before::before { content: ''; display: inline-block; width: 96px; height: 67px; background-color: #e0e3e0; position: absolute; z-index: 1; }

.box-2 { position: relative; z-index: 2; padding-left: 3rem; }

.caps { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'MS Italic'; font-size: 150px; color: #ced0ce; }

.button-link { cursor: pointer; height: 40px; display: inline-block; border: 1px solid #00529c; color: #fff; padding: .6rem 2rem; text-transform: uppercase; -webkit-transition: .4s ease; transition: .4s ease; background-color: #00529c; }

.button-link:hover, .button-link:active, .button-link.active { text-decoration: none; }

.button-link:after { content: ''; }

.button-link-2 { cursor: pointer; display: inline-block; border: 1px solid #98cd85; border-radius: 5px; color: #fff; padding: .5rem 1.5rem; font-size: 1.5rem; -webkit-transition: .6s ease; transition: .6s ease; background-color: #333333; }

.button-link-2:hover, .button-link-2:active, .button-link-2.active { color: #fff; -webkit-box-shadow: 0px 0px 10px 1px #333333; box-shadow: 0px 0px 10px 1px #333333; text-decoration: none; border-color: #333333; outline-color: transparent; }

.button-link-2:after { content: ''; }

.main-menu { display: block; padding-top: 0.75rem; height: 100%; }

.main-menu > li { height: 100%; padding: 1rem; display: inline-block; cursor: pointer; }

.main-menu > li a { color: #333333; font-weight: 600; }

.main-menu > li a:hover { text-decoration: none; }

.main-menu > li a:hover { color: #00529c; }

.main-menu > li.hasChild:hover::after { color: #00529c; }

.main-menu > li.hasChild:hover .child-menu { opacity: 1; visibility: visible; }

.main-menu > li.hasChild::after { content: '\f107'; font-size: 1.5rem; font-family: 'Font Awesome 5 Pro'; font-weight: 300; line-height: 1; vertical-align: bottom; }

.child-menu { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: absolute; display: block; left: 0; top: 100%; width: 100%; height: 20vh; min-height: 120px; z-index: 100; background-color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; opacity: 0; visibility: hidden; }

.child-menu ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

.child-menu li { text-align: center; margin-top: auto; margin-bottom: auto; position: relative; }

.child-menu li::after { content: ""; width: 1px; height: 80px; background-color: #ccc; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.child-menu li:last-child::after { content: none; }

.child-menu li a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.child-menu li img { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }

.menu-product li { width: 20%; }

.menu-orther li { width: 25%; position: relative; }

.menu-orther li a { display: block; -webkit-transition: .2s ease; transition: .2s ease; }

.menu-orther li a:hover img { -webkit-transform: none; transform: none; -webkit-filter: none; filter: none; }

.menu-orther li img { -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .2 ease !important; transition: .2 ease !important; }

.menu-orther li .img-ico { z-index: 1; }

header { position: relative; }

.header { margin-top: auto; margin-bottom: auto; }

.logo { padding-top: 1rem; padding-bottom: 1rem; }

.header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.lang { font-size: 0; padding-top: 30px; height: 100%; }

.lang a { font-size: .9rem; color: #333333; display: inline-block; padding: 0 .75rem; line-height: 1; }

.lang a:first-child { border-right: 1px solid #333333; }

.search { line-height: 1; margin-top: auto; margin-bottom: auto; }

.search .btn-search { background-image: url("../images/Themes/icon/ico-search.png"); background-repeat: no-repeat; background-size: cover; }

.search button.btn-search { background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; width: 21px; height: 21px; cursor: pointer; }

.search button.btn-search:active, .search button.btn-search:focus { outline-color: transparent; }

.search .mainSearch { border-top: 1px solid #ccc; position: absolute; display: block; left: 0; top: 100%; width: 100%; height: 20vh; min-height: 125px; z-index: 99; background-color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; opacity: 0; visibility: hidden; }

.search .mainSearch.show { opacity: 1; visibility: visible; }

.search .form-group { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.search .form-group input.form-control { border-color: #ccc; border-radius: 0; height: 50px; line-height: 50px; font-size: 1.5rem; }

.search .form-group input.form-control::-webkit-input-placeholder { color: #cccccc; }

.search .form-group input.form-control:-ms-input-placeholder { color: #cccccc; }

.search .form-group input.form-control::-ms-input-placeholder { color: #cccccc; }

.search .form-group input.form-control::placeholder { color: #cccccc; }

.search .form-group input.form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #ccc; }

.search .form-group button.btn-search { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 25px; height: 25px; }

footer { background-color: #00529c; padding-top: 2rem; height: 100px; }

ul.menu-footer { display: block; }

ul.menu-footer li { line-height: 30px; vertical-align: bottom; padding-right: 1.75rem; display: inline-block; }

ul.menu-footer li a { color: #fff; text-transform: uppercase; }

ul.menu-footer li span { color: #fff; }

ul.menu-footer li:first-child { padding-left: 0; }

.follow-footer span { margin-right: 0.5rem; display: inline-block; line-height: 30px; width: 30px; height: 30px; text-align: center; border: 1px solid #fff; border-radius: 50%; color: #fff; }

.follow-footer span::after { margin-right: 0; }

.follow-footer span a { color: #fff; }

.infoFooter .link { position: relative; }

.infoFooter .link:hover img { -webkit-animation-name: upTop; animation-name: upTop; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; }

@-webkit-keyframes upTop { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } }

@keyframes upTop { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } }

.nav-product { border-bottom: 1px solid #ccc; padding-top: 1.5rem; padding-bottom: 1.5rem; }

.slider-product .swiper-slide:after { content: ""; width: 1px; height: 74px; background-color: #ccc; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.news { padding-top: 2rem; }

.news h3.title { margin-bottom: 1.5rem; }

.news .item { cursor: pointer; margin-bottom: 2rem; position: relative; }

.news .item:hover .headline-2 { opacity: 1; visibility: visible; z-index: 100; background: rgba(0, 82, 156, 0.8); }

.news .item:hover .headline { opacity: 0; visibility: hidden; z-index: 100; }

.news .item .headline, .news .item .headline-2 { display: -ms-grid; display: grid; place-items: center; text-align: left; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; position: absolute; left: 1rem; bottom: 0; width: calc(100% - 2rem); padding: 1rem 1.5rem; min-height: 70px; background: rgba(0, 0, 0, 0.66); -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.news .item .headline a, .news .item .headline-2 a { color: #fff; }

.news .item .headline a:hover, .news .item .headline-2 a:hover { text-decoration: none; }

.news .item .headline-2 { place-items: baseline; opacity: 0; visibility: visible; }

.news .item .headline-2 a { text-transform: uppercase; font-size: 1.1rem; }

.news .item .headline-2 p { color: white; font-size: 13px; }

.button-radio { position: absolute; top: 1rem; right: 0; padding: 0.5rem; border-radius: 5px; border: 1px solid #cccccc; background: white; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #f0f0f0), to(#e7e7e7)); background: linear-gradient(180deg, white 0%, #f0f0f0 30%, #e7e7e7 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.button-radio a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; cursor: pointer; }

.button-radio .img-radio { width: 20%; }

.button-radio img { max-width: 100%; -o-object-fit: cover; object-fit: cover; }

.button-radio .radio-title { display: block; padding-left: 0.5rem; }

.button-radio .radio-title .headline { margin-bottom: 0.5rem; }

.button-radio .radio-title .headline h3 { font: bold 0.85rem "Arial"; color: #00529c; }

.button-radio .radio-title .summary p { font: 0.8rem "Arial"; color: #999999; }

.infoFooter { margin-bottom: 1.5rem; }

.infoFooter h3.title { margin-bottom: 1.5rem; }

.infoFooter .link a { color: #333333; text-decoration: none; }

.infoFooter .link a:hover { color: #00529c; }

.nav-left > ul { display: block; }

.nav-left > ul li { display: block; text-align: right; -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.nav-left > ul li:not(:last-child) { border-bottom: 3px solid #fff; }

.nav-left > ul li.active, .nav-left > ul li:hover { background-color: #00529c; }

.nav-left > ul li.active a, .nav-left > ul li:hover a { color: #fff; }

.nav-left a { padding-top: 5px; padding-bottom: 5px; display: block; padding-right: 1rem; padding-left: 1rem; font-size: 1.5rem; -webkit-transition: 0.4s ease; transition: 0.4s ease; color: #00529c; font-family: "UTM Hanzel"; text-transform: uppercase; text-decoration: none; }

.scrollToTop.show { bottom: 35px; opacity: 1; visibility: visible; background: transparent; }

.scrollToTop { width: 50px; height: 50px; line-height: 50px; text-align: center; color: #ccc; text-decoration: none; border: 2px solid #ccc; border-radius: 100%; bottom: -38px; cursor: pointer; opacity: 0; position: fixed; right: 15px; visibility: hidden; z-index: 9999; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

.scrollToTop:hover { color: #ccc; }

.stick-right { position: fixed; bottom: 5vw; right: 0; z-index: 199; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

.stick-right .item { border-radius: 5px 0 0 5px; pointer-events: all; background-color: #00529c; cursor: pointer; margin-bottom: 2px; -webkit-transition: right 0.4s ease; transition: right 0.4s ease; position: relative; right: calc(-100% + 50px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 50px; }

.stick-right .item:hover { right: 0; }

.stick-right .item:hover .left-show { background-color: #00529c; }

.stick-right .item .left-show { border-radius: 5px 0 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 50px; background-color: #333333; -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.stick-right .item .right-hide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 1rem; color: #fff; line-height: 0; background-color: #00529c; }

.stick-right .item .right-hide a { color: #fff; text-decoration: none; padding-left: 5px; }

.stick-right .item .right-hide a[href^="tel:"] { font-weight: bold; font-size: 1.3rem; }

.news .item .thumnails { display: block; overflow: hidden; -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.news .item .thumnails img { -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.news .item:hover .thumnails { -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.66); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.66); }

.thumnfix { position: relative; overflow: hidden; }

.thumnfix::before { content: ""; display: block; padding-top: 55%; }

.thumnfix__content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.thumnfix__content img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.navigation { -webkit-box-shadow: 0 0 10px 1px #ccc; box-shadow: 0 0 10px 1px #ccc; }

.navigation ul { display: block; }

.navigation ul li { display: inline-block; border-bottom: 3px solid transparent; -webkit-transition: 0.4s ease; transition: 0.4s ease; position: relative; }

.navigation ul li:not(:last-child)::after { content: ""; position: absolute; height: 2rem; width: 1px; background-color: #cccccc; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; top: 50%; }

.navigation ul li a { padding-left: 2.5rem; padding-right: 2.5rem; display: inline-block; color: #000000; padding-top: 1.5rem; padding-bottom: 1.5rem; -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.navigation ul li.active, .navigation ul li:hover { border-bottom: 3px solid red; }

.navigation ul li.active a, .navigation ul li:hover a { color: #00529c; text-decoration: none; }

.list-showroom { padding-top: 3rem; padding-bottom: 3rem; border-top: 1px solid #ccc; }

.list-showroom .title { margin-bottom: 1rem; }

.list-showroom .title::before { content: "\f3c5"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #00529c; padding-right: 1rem; }

.list-showroom .showroom, .list-showroom .agent { margin-bottom: 1.5rem; }

.page-news { padding-top: 3rem; padding-bottom: 2rem; }

.page-news .row { margin: 0; }

.page-news h3.title { color: #00529c; margin-bottom: 1.5rem; padding-left: 15px; font-weight: bold; }

.page-news .list-post .item .main-post { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.page-news .list-post .item { margin-bottom: 1.5rem; }

.page-news .list-post .title { margin-bottom: 1rem; }

.page-news .list-post .title a { color: #333333; }

.page-news .list-post .title a:hover { text-decoration: none; color: #00529c; }

.page-news .list-post-2 .item .main-post { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.page-news .list-post-2 .item.item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.page-news .list-post-2 .item { margin-bottom: 1.5rem; }

.page-news .list-post-2 .title { margin-bottom: 1rem; }

.page-news .list-post-2 .title a { color: #333333; }

.page-news .list-post-2 .title a:hover { text-decoration: none; color: #00529c; }

.sub-post { font-size: 12px; }

.page-showroom { padding-top: 2rem; padding-bottom: 2rem; }

.advertisement { position: relative; font-size: 0; }

.advertisement img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.advertisement .fig_title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-transform: uppercase; font: 50px Arial; line-height: 52px; color: #ffffff; }

.select_value { margin-bottom: 30px; }

.select_value .area select, .select_value .district select { border-color: #ccc; padding: 10px; width: 100%; text-transform: uppercase; }

.select_value .area select:focus, .select_value .district select:focus { outline: none !important; -webkit-box-shadow: none; box-shadow: none; }

.select_value .area select option, .select_value .district select option { text-transform: uppercase; font: 14px; color: #333333; }

.showroom_content { margin-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #ccc; }

.showroom_content .maps_img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.showroom_content .maps_img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.showroom_content .showroom { height: 400px; overflow: hidden scroll; }

.showroom_content .showroom .room { height: 200px; }

.showroom_content .showroom .room .room_name { margin-bottom: 15px; }

.showroom_content .showroom .room .room_name h3 { margin-bottom: 0; }

.showroom_content .showroom .room .room_name h3 a { font: 20px; color: #333333; text-decoration: none; }

.showroom_content .showroom .room .room_name h3 a:hover { color: #00529c; }

.showroom_content .showroom .room .room_contact { margin-bottom: 20px; }

.showroom_content .showroom .room .room_contact p { margin-bottom: 0; font: 14px; line-height: 24px; }

.showroom_content .showroom .room .room_contact p a { text-decoration: none; color: #333333; }

.lft { margin-top: 40px; margin-bottom: 30px; }

.lft .room_location .location_name { margin-bottom: 15px; }

.lft .room_location .location_name h3 { margin-bottom: 0; font: 20px; color: #333333; }

.lft .room_location .location_name h3 i { color: #00529c; }

.lft .room_location .location_hotline p { font: 14px; color: #333333; line-height: 24px; }

.product-main { padding-bottom: 2rem; }

.product-main .nav-left li .logo-child { -o-object-fit: none; object-fit: none; }

.page-product .news .item .thumnails { height: 100%; }

.page-product .news .item .thumnails img { height: 100%; }

.nav-left ul.pk-layout li.active, .nav-left ul.pk-layout li:hover { background-color: transparent; }

.nav-left ul.pk-layout > li { text-align: left; text-transform: uppercase; }

.nav-left ul.pk-layout > li a { color: #333333; font-family: "Arial"; }

.nav-left ul.pk-layout ul.lv2 > li .logo-child2 { -o-object-fit: none; object-fit: none; -webkit-transition: -webkit-filter .3s ease; transition: -webkit-filter .3s ease; transition: filter .3s ease; transition: filter .3s ease, -webkit-filter .3s ease; -webkit-filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(0%) hue-rotate(94deg) brightness(98%) contrast(98%); -ms-filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(0%) hue-rotate(94deg) brightness(98%) contrast(98%); filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(0%) hue-rotate(94deg) brightness(98%) contrast(98%); }

.nav-left ul.pk-layout ul.lv2 > li.active .logo-child2, .nav-left ul.pk-layout ul.lv2 > li:hover .logo-child2 { -webkit-filter: brightness(0) saturate(100%) invert(18%) sepia(8%) saturate(6%) hue-rotate(28deg) brightness(94%) contrast(91%); -ms-filter: brightness(0) saturate(100%) invert(18%) sepia(8%) saturate(6%) hue-rotate(28deg) brightness(94%) contrast(91%); filter: brightness(0) saturate(100%) invert(18%) sepia(8%) saturate(6%) hue-rotate(28deg) brightness(94%) contrast(91%); }

.nav-left ul.pk-layout ul.lv3 a { font-family: "Arial"; color: #c1c1c1; font-size: 1rem; }

.nav-left ul.pk-layout ul.lv3 a:hover { color: #333333; }

.nav-right .item { margin-bottom: 1rem; }

.nav-right .item .thumb { display: block; overflow: hidden; }

.nav-right .item .thumb img { -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.nav-right .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }

.thumb-fixed, .thumb { position: relative; height: 150px; }

.thumb-fixed img, .thumb img { max-width: 100%; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.thumbnails { font-size: 0; overflow: hidden; margin-bottom: 1rem; -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.thumbnails img { -webkit-transition: 0.4s ease; transition: 0.4s ease; max-width: 100%; }

.thumbnails:hover { -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.66); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.66); }

.page-content-1 { margin-bottom: 3rem; }

.page-content-2 { margin-bottom: 3rem; }

.page-content-2 .contentWithGroup-1 .item { margin-bottom: 2rem; }

.contentWithGroup-1 { position: relative; }

.contentWithGroup-1 .item { margin-bottom: 1.5rem; }

.contentWithGroup-1 .content-bottom { margin-bottom: 1.5rem; }

.contentWithGroup-1 .content-bottom .publicDate { margin-bottom: 0.5rem; color: #a8a8a8; }

.contentWithGroup-1 .content-bottom .title { margin-bottom: 1rem; height: 3rem; }

.contentWithGroup-1 .content-bottom .title a:hover { text-decoration: none; }

.contentWithGroup-1 .content-bottom .sumary { overflow: hidden; height: 60px; }

.contentWithGroup-2 .item { margin-bottom: 3.5rem; }

.contentWithGroup-2 .thumbnails { margin-bottom: 0; }

.contentWithGroup-2 .title { margin-bottom: 1.5rem; }

.contentWithGroup-2 .publicDate { margin-bottom: 1.5rem; }

.ct-right { padding-top: 1rem; padding-bottom: 1rem; position: relative; }

.ct-right .content-bottom { height: 80%; border-bottom: 1px dotted #ccc; }

.ct-right .readmore { position: absolute; bottom: 1rem; left: 1rem; }

.publicDate { font-size: 12px; }

.sumary { color: #333333; }

.readmore { position: relative; display: inline-block; }

.readmore a:hover { text-decoration: none; color: #ff3333; }

.readmore:hover:after { width: 100%; }

.readmore::after { content: ""; -webkit-transition: 0.4s ease; transition: 0.4s ease; height: 1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; position: absolute; bottom: 0; background-color: #ff3333; }

.seeAll { position: relative; text-align: right; }

.seeAll::before { content: ""; width: 100%; height: 1px; background-color: #ccc; position: absolute; z-index: -1; left: 0; top: 50%; }

.seeAll .seeAll-link { padding: 5px 1rem 5px 2rem; background-color: white; color: #00529c; -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.seeAll .seeAll-link:hover { text-decoration: none; color: #ff3333; }

.seeAll .seeAll-link:after { padding-left: 1rem; content: "\f0da"; font-family: "Font Awesome 5 Pro"; font-weight: 900; }

.seeAll-2 { position: relative; text-align: right; }

.seeAll-2 .seeAll-link { border-radius: 6px; padding: 10px 1rem 10px 2rem; background-color: #ff3333; border: 1px solid #ff3333; color: #fff; -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.seeAll-2 .seeAll-link:hover { text-decoration: none; -webkit-box-shadow: 0 0 15px 1px rgba(255, 51, 51, 0.7); box-shadow: 0 0 15px 1px rgba(255, 51, 51, 0.7); }

.seeAll-2 .seeAll-link:after { padding-left: 1rem; content: "\f0da"; font-family: "Font Awesome 5 Pro"; font-weight: 900; }

.seeAll-3 { position: relative; text-align: right; }

.seeAll-3 .seeAll-link { border-radius: 6px; padding: 10px 1rem 10px 2rem; background-color: #00529c; border: 1px solid #00529c; color: #fff; -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.seeAll-3 .seeAll-link:hover { text-decoration: none; -webkit-box-shadow: 0 0 15px 1px rgba(0, 82, 156, 0.7); box-shadow: 0 0 15px 1px rgba(0, 82, 156, 0.7); }

.seeAll-3 .seeAll-link:after { padding-left: 1rem; content: "\f0da"; font-family: "Font Awesome 5 Pro"; font-weight: 900; }

.page-newsDetail { margin-top: 4rem; padding-bottom: 2rem; }

.page-newsDetail .sumary { position: relative; margin-bottom: 1.5rem; }

.page-newsDetail .sumary p { font-size: 20px; }

.page-newsDetail .row { margin: 0; }

.page-newsDetail h4.title-headline { color: #00529c; padding-left: 15px; font-weight: normal; margin-bottom: 2rem; }

.page-newsDetail h4.title, .page-newsDetail h3.title { color: #00529c; margin-bottom: 1.5rem; padding-left: 15px; font-weight: normal; }

.page-newsDetail h4.headline { margin-bottom: 0.5rem; }

.page-newsDetail .top-post { margin-bottom: 1rem; }

.page-newsDetail .detail p { margin-bottom: 0.75rem; }

.page-newsDetail .list-about { margin-top: 1.5rem; }

.page-newsDetail .list-about .item { padding-left: 3rem; padding-right: 3rem; padding-top: 1rem; padding-bottom: 1rem; }

.page-newsDetail .list-about .item img { padding-bottom: 1.5rem; }

.page-newsDetail .list-about .item > * { margin-bottom: 0.5rem; }

.orther-news { padding-top: 2rem; padding-bottom: 3rem; }

.nav-left ul.dv-layout > li > a { text-align: center; font-size: 1.2rem; background-color: #00529c; }

.nav-left ul.dv-layout li.active, .nav-left ul.dv-layout li:hover { background-color: transparent; }

.nav-left ul.dv-layout > li { text-align: left; text-transform: uppercase; }

.nav-left ul.dv-layout > li a { color: white; font-family: "Arial"; }

.nav-left ul.dv-layout ul.lv2 > li > a { position: relative; padding-top: 10px; padding-bottom: 10px; padding-left: 0; border-bottom: 1px solid #ccc; font-size: 1rem; text-align: left; color: #333333; -webkit-transition: color .4s ease; transition: color .4s ease; }

.nav-left ul.dv-layout ul.lv2 > li.active > a, .nav-left ul.dv-layout ul.lv2 > li a:hover { color: #00529c; }

.nav-left ul.dv-layout ul.lv2 > li.has-child > a:after { content: "\f078"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: #333333; position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; }

.nav-left ul.dv-layout ul.lv2 > li.has-child > a[aria-expanded="false"]::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); }

.nav-left ul.dv-layout ul.lv2 > li.has-child.active > a:after { color: #00529c; }

.nav-left ul.dv-layout ul.lv3 { border-bottom: 1px solid #ccc; }

.nav-left ul.dv-layout ul.lv3 li a { text-transform: initial; color: #333333; text-align: left; font-size: 1rem; }

.nav-right .item { margin-bottom: 1rem; }

.nav-right .item .thumb { display: block; overflow: hidden; }

.nav-right .item .thumb img { -webkit-transition: 0.4s ease; transition: 0.4s ease; }

.nav-right .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }

.thum-download a { display: inline-block; width: 100%; height: 100%; }

.thum-download:hover .download-hover { z-index: 1; opacity: 1; }

.thum-download .download-hover { z-index: -1; opacity: 0; -webkit-transition: .4s ease; transition: .4s ease; position: absolute; top: 0; left: 0; display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 82, 156, 0.8); }

.thum-download .download-hover img { width: auto; height: auto; -o-object-fit: inherit; object-fit: inherit; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(131deg) brightness(91%) contrast(115%); -webkit-filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(131deg) brightness(91%) contrast(115%); filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(131deg) brightness(91%) contrast(115%); }