@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

nav {
  padding: solid 1px red !important; }

.nav-item .nav-link {
  color: #D0D0D0 !important;
  height: 50%;
  font-family: Rubik !important;
  font-size: 17px !important;
  text-transform: capitalize !important;
  letter-spacing: 0.4px !important; }

li.nav-item:hover .nav-link {
  color: #fff !important; }

.slider {
  height: 150px; }

.container {
  margin-top: 20px; }

footer {
  margin-top: 50px !important; }

.logo {
  margin-left: 70px;
  height: 100px;
  width: 300px;
  display: flex; }

.logo .img {
  position: relative;
  width: 80px;
  height: 100%; }

.logo .img img {
  height: 80px;
  width: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.logo .name-website {
  margin-left: 70px;
  width: 180px;
  height: 100%;
  position: relative; }

.logo .name-website h1 {
  font-family: 'Times New Roman', serif;
  font-size: 35px;
  color: #555555;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%); }

.select-all-checkbox {
  width: 180px;
  margin: 0 16px; }

.related-articles {
  margin-top: 30px;
  margin-bottom: 30px; }

.icon-contact {
  font-size: 1rem;
  display: flex;
  text-align: center; }

.icon-contact a {
  width: 120px;
  height: 40px; }

.icon-contact i {
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  border-width: 200;
  text-align: center;
  font-weight: 600;
  padding: 10px; }

.fa-facebook-square {
  color: #3b5998; }

.fa-youtube-square {
  color: #CC181E; }

.fa-twitter-square {
  color: #00C3F3; }

.fa-instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text; }

.full-time {
  display: flex; }

.full-time .entry-date {
  margin-left: 3px; }

.pagination {
  width: 100%; }

.oi {
  color: #aaa; }

.pcode-class {
  background-color: #eee;
  color: #0073aa !important; }

.pcode-class > code {
  color: #0073aa !important; }

pre {
  white-space: pre-line !important; }

code {
  white-space: pre-line !important; }

strong, b {
  font-weight: 600;
  /* In đậm */ }

@media only screen and (max-width: 46.1875em) {
  .logo {
    margin-left: 0px;
    height: 100px;
    width: 300px;
    display: flex; }
  .logo .img {
    position: relative;
    width: 80px;
    height: 100%; }
  .logo .img img {
    height: 80px;
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .logo .name-website {
    margin-left: 70px;
    width: 180px;
    height: 100%;
    position: relative; }
  .logo .name-website h1 {
    font-family: 'Times New Roman', serif;
    font-size: 27px;
    color: #555555;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%); } }

@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
  .logo {
    margin-left: 0px;
    height: 100px;
    width: 300px;
    display: flex; }
  .logo .img {
    position: relative;
    width: 80px;
    height: 100%; }
  .logo .img img {
    height: 80px;
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .logo .name-website {
    margin-left: 70px;
    width: 180px;
    height: 100%;
    position: relative; }
  .logo .name-website h1 {
    font-family: 'Times New Roman', serif;
    font-size: 27px;
    color: #555555;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%); } }

/*====================
	Footer
====================== */
/* Main Footer */
footer .main-footer {
  padding: 20px 0;
  background: #252525; }

footer ul {
  padding-left: 0;
  list-style: none; }

/* Copy Right Footer */
.footer-copyright {
  background: #222;
  padding: 5px 0; }

.footer-copyright .logo {
  display: inherit; }

.footer-copyright nav {
  float: right;
  margin-top: 5px; }

.footer-copyright nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.footer-copyright nav ul li {
  border-left: 1px solid #505050;
  display: inline-block;
  line-height: 12px;
  margin: 0;
  padding: 0 8px; }

.footer-copyright nav ul li a {
  color: #969696; }

.footer-copyright nav ul li:first-child {
  border: medium none;
  padding-left: 0; }

.footer-copyright p {
  color: #969696;
  margin: 2px 0 0; }

/* Footer Top */
.footer-top {
  background: #252525;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 3px solid #222; }

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer {
  background: transparent; }

footer.transparent .footer-copyright {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); }

/* Footer light */
footer.light .footer-top {
  background: #f9f9f9; }

footer.light .main-footer {
  background: #f9f9f9; }

footer.light .footer-copyright {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }

/* Footer 4 */
.footer- .logo {
  display: inline-block; }

/*====================
	Widgets
====================== */
.widget {
  padding: 20px;
  margin-bottom: 40px; }

.widget.widget-last {
  margin-bottom: 0px; }

.widget.no-box {
  padding: 0;
  background-color: transparent;
  margin-bottom: 40px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none; }

.widget.subscribe p {
  margin-bottom: 18px; }

.widget a:hover {
  text-decoration: none; }

.widget li a {
  color: #fff; }

.widget li a:hover {
  color: #008d7f; }

.widget-title {
  margin-bottom: 20px; }

.widget-title span {
  background: #839FAD none repeat scroll 0 0;
  display: block;
  height: 1px;
  margin-top: 25px;
  position: relative;
  width: 20%; }

.widget-title span::after {
  background: inherit;
  content: "";
  height: inherit;
  position: absolute;
  top: -4px;
  width: 50%; }

.widget-title.text-center span, .widget-title.text-center span::after {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0; }

.widget .badge {
  float: right;
  background: #7f7f7f; }

.typo-light h1,
.typo-light h2,
.typo-light h3,
.typo-light h4,
.typo-light h5,
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small {
  color: #fff; }

ul.social-footer2 {
  margin: 0;
  padding: 0;
  width: auto; }

ul.social-footer2 li {
  display: inline-block;
  padding: 0; }

ul.social-footer2 li a:hover {
  background-color: #008d7f; }

ul.social-footer2 li a {
  display: block;
  height: 30px;
  width: 30px;
  text-align: center; }

.btn {
  background-color: #008d7f;
  color: #fff; }

.btn:hover, .btn:focus, .btn.active {
  background: #4b92dc;
  color: #fff;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 250ms ease-in-out 0s;
  -moz-transition: all 250ms ease-in-out 0s;
  -ms-transition: all 250ms ease-in-out 0s;
  -o-transition: all 250ms ease-in-out 0s;
  transition: all 250ms ease-in-out 0s; }