@charset 'UTF-8';
/*  Add Custom CSS here.  */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Open Sans Condensed', sans-serif; }
blockquote { background: #E6E8E7; border-left: 4px solid #d5dbe0; padding: 10px 20px; margin: 20px 0; }
.txt-justify { text-align: justify !important; }
.txt-center { text-align: center !important; }
.txt-right { text-align: right !important; }
.txt-yellow { color: #F8F400; }
.txt-red { color: #ea3d3d !important; }
.deep-hide { display: none !important; }
.mgt-20 { margin-top: 20px; }
.w10pc { width: 10%; }
.w15pc { width: 15%; }
.w20pc { width: 20%; }
.img-desc { font-size: 13px; font-weight: 700; margin-bottom: 15px; text-align: center !important; }
.announcement { font-size: 20px; font-weight: 700; }
@keyframes blink { 0%{opacity: 0;} 50%{opacity: .5;} 100%{opacity: 1;} }
.table-center tr th, .table-center tr td { text-align: center; }
.rd-navbar-default.rd-navbar-static .rd-navbar-brand img { height: auto; width: 200px; }
.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-transparent.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-center.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-minimal.rd-navbar-static .rd-navbar-nav > li > a { font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; }
.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu > a:after { animation: blink 1s linear infinite; }
.swiper-slide-caption { display: none; }
.announcement-label { background: #235AA6; color: #F8F400; font-size: 15px; font-weight: 700; padding: 3px 10px; }
.announcement-board { border: 2px solid #235AA6; border-radius: 10px; padding: 20px; margin-top: 20px; }
.f-list, .f-number { text-align: justify; list-style: circle; margin-left: 25px; }
.f-list > li { display: list-item; }
.f-number > li { display: list-item; list-style: decimal; }
.page a.icon.fa-youtube:hover { background: #d95139; color: #fff; }
.home-testimonials .owl-carousel-nav-xl .owl-dots { display: none; }
.quote-classic-boxed q { font-family: 'Open Sans', sans-serif; }
.google-map { height: auto; }
.zalo-share-phs { position: relative; width: 20px; height: 20px; }
.zalo-share-phs .zalo-share-button { position: absolute; top: 6px; left: -1px; }
.tag-items { line-height: 25px; }
.tag-items a { line-height: 25px; height: 25px; display: inline-block; padding: 0 8px; background: #003A6A; color: #FFF; font-size: 13px; }
.course-image { text-align: center; }
.course-list { display: table; margin-top: 25px; }
.course-list dt { border: 1px solid #e7eaed; position: relative; border-bottom: 0; clear: both; padding: 15px; display: table-row; }
.course-list span.level { float: none; width: auto; font-size: 12px; display: table-cell; vertical-align: middle; padding: 10px; border: 1px solid #e7eaed; }
.course-list span.level:nth-child(1), .course-list span.level:nth-child(2) { width: 150px; }
.course-list > dt:nth-child(odd) { background: #f3f3f3; }
.card-custom a { font-family: 'Open Sans Condensed', sans-serif; }
.card-corporate .card-body p { text-align: justify; }
.card-group-custom .card-header + .collapse > .card-body a { display: inline-block; }
.widget-flickrfeed .thumbnail-default.thumbnail-blog { max-width: 192px; border: 5px solid #FFF; }
.breadcrumb-classic { background: #F8F400; border-top: 3px solid #235aa6; border-bottom: 2px solid #235aa6; margin-top: 2px; }
.breadcrumb-classic h1,
.breadcrumb-classic .list-inline-dashed > li, 
.breadcrumb-classic .list-inline-dashed > li a,
.breadcrumb-classic .list-inline-dashed > li:last-child:before { color: #235AA6 !important; font-weight: 700; }
.breadcrumb-classic .list-inline-dashed > li:last-child { font-weight: 400; }
.post-news a:hover img { opacity: 0.7; }
.vi-blog p { text-align: justify; }
.vi-blog table { margin-top: 25px; }
.vi-blog * { color: #235AA6; }
.vi-blog .table-responsive { border: none !important; }
nav.vi-page .wp-pagenavi span, nav.vi-page .wp-pagenavi a { background: #fff; border: solid 2px #0d2d62; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%); border-radius: 5px; color: #0d2d62; display: inline-block; font-size: 14px; font-weight: 700; line-height: 22px; padding: 7px 14px; margin: 0 5px; min-width: 38px; text-align: center; transition: .3s; }
nav.vi-page .wp-pagenavi a.page { min-height: auto !important; overflow: inherit !important; }
nav.vi-page .wp-pagenavi span.current { z-index: 1; border-color: #b80924; color: #fff; background-color: #b80924; }
nav.vi-page .wp-pagenavi span.pages { display: none; }
.archive-list li { float: left; vertical-align: top; margin-top: 10px; width: 50%; }
.pc-hide { display: none; }
.phone-hide { display: block; }
.event-phs { position: fixed; left: 0; top: 100px; z-index: 999999; }
.event-phs img { max-width: 200px; }
table.table.table-custom td.active { background: #F8F400; color: #000; }
table.table.table-custom td.active em { color: #ea3d3d; }
.post-news-wide .archive-img { display: none; }
.post-news-wide .post-news-body { border: 2px solid #235AA6; }
.table thead th { vertical-align: middle; text-align: center; background-color: rgba(35, 90, 166, 0.3); }
.table tr:first-child td { font-weight: 400; }
.gallery-boder { border: 3px solid #FFF; }

.vmc-box { box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; }
.vmc-heading { font-size: 38px; font-weight: 700; }
.vmc-ol { margin-left: 25px; margin-top: 15px; }
.vmc-ol, .vmc-ol li { display: list-item; }
.vmc-ol li { list-style: auto; text-align: justify; margin-bottom: 10px; }

@media (min-width: 768px) {
	.breadcrumb-classic { padding-top: 35px; padding-bottom: 30px; }
	h1, .h1 { line-height: 1; font-size: 38px; }
}
@media (min-width: 992px) {
	.table th:nth-child(n+2), .table td:nth-child(n+2) {
	    padding-left: 5px;
	}
}
@media (max-width: 667px) {
	.mg-sp { margin-top: 56px; }
	.phone-hide { display: none; }
	.pc-hide { display: block; }
	.mb-sp-15 { margin-bottom: 15px; }
	.txt-sp-justify { text-align: justify; }
	.swiper-container { height: 30vh !important; min-height: auto !important; margin-top: 50px; }
	.breadcrumb-classic { padding-top: 65px; padding-bottom: 15px; }
	.section-sm, .section-md, .section-custom-1, .section-lg, .section-xl, .section-xxl { padding: 35px 0; }
	.course-list span.level { display: block; width: 100% !important; text-align: justify; }
	.course-list > dt:first-child { display: none; } 
	.course-list span.level:nth-child(1)::before { content: "Bộ môn: " }
	.course-list span.level:nth-child(2)::before { content: "Giáo viên: " }
	.course-list span.level:nth-child(3)::before { content: "Chức danh: " }
	.widget-flickrfeed .thumbnail-default.thumbnail-blog { max-width: 140px; }
	.event-phs { position: relative; left: auto; top: 58px; z-index: 1; }	
	.event-phs img { max-width: 100%; }
	.business-row { margin: 0 !important; }
	.business-row .col-md-3 { width: 50% !important; margin-bottom: 15px !important; }
	.vmc-heading { font-size: 28px; margin-top: 20px;  }
}