@font-face{font-family:'fl-icons';font-display:block;src:url("icons/fl-icons.eot");src:url("icons/fl-icons.eot#iefix") format("embedded-opentype"),url("icons/fl-icons.woff2") format("woff2"),url("icons/fl-icons.ttf") format("truetype"),url("icons/fl-icons.woff") format("woff"),url("icons/fl-icons.svg#fl-icons") format("svg")}
@font-face {
  font-family: "fl-icons";
  font-display: block;
  src: url("icons/fl-icons.eot");
  src: url("icons/fl-icons.eot#iefix") format("embedded-opentype"),
    url("icons/fl-icons.woff2") format("woff2"),
    url("icons/fl-icons.ttf") format("truetype"),
    url("icons/fl-icons.woff") format("woff"),
    url("icons/fl-icons.svg#fl-icons") format("svg");
}
@font-face {
  font-family: "Karla";
  font-display: block;
  src: url("fonts/Karla-Regular.ttf");

}
@font-face {
  font-family: "NeueBebas";
  font-display: block;
  src: url("fonts/NeueBebas.otf");

}
@font-face {
  font-family: "Karlabold";
  font-display: block;
  src: url("fonts/Karla-Bold.ttf");

}
@font-face {
  font-family: "linotte-light";
  font-display: block;
  src: url("icons/Linotte_Light.ttf");

}
@font-face {
  font-family: "linotte";
  font-display: block;
  src: url("icons/Linotte_Regular.ttf");

}
@font-face {
  font-family: "linotte-semibold";
  font-display: block;
  src: url("icons/Linotte_Semi_Bold.ttf");

}
@font-face {
  font-family: "snv";
  font-display: block;
  src: url("icons/SVN-Dancing_script.ttf");

}

@font-face {
  font-family: "mijas";
  font-display: block;
  src: 
  url('icons/Mijas-Ultra.otf') 
  format('opentype');

}
@font-face {
  font-family: "AVO";
  font-display: block;
  src: 
  url('icons/UTMAvo.ttf') 
  format('opentype');

}
@font-face {
  font-family: "AVO_bold";
  font-display: block;
  src: 
  url('icons/UTMAvoBold.ttf') 
  format('opentype');

}
body{ font-family:'tahoma';
}
.main-video{
  background:#fff;
      box-shadow: 0 0 3px rgb(0 0 0 / 40%);
    border-top: 1px solid rgba(0,0,0,0.152);
}
.camnhan-xanh{
  position:absolute;
}
.home-uudai h2:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    top: 100%;
    background-image: url(https://duhocchd.edu.vn/templates/chd/images/after_title.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.section-home .home-title:after {
    content: '';
    width: 40px;
    height: 2px;
    background-color: #008fe6;
    display: block;
    margin-top: 5px;
      text-align: center;
    margin: 0 auto;
}
.section-home .home-title-left:after {
    content: '';
    width: 40px;
    height: 2px;
    background-color: #008fe6;
    display: block;
    margin-top: 5px;
}
.section-home .wpcf7-form input{
      background-color: transparent;
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.widget-area input::placeholder{
  color:#000 !important;
}
.widget-area textarea::placeholder{
  color:#000 !important;
}
#ez-toc-container{
  width:100%;
}
.home-lienhe .button{
  background: #fff;
    color: #0c8eff !important;
    border-radius: 75px;
    display: inline-block;
    height: 74px;
    line-height: 74px;
    padding: 0 87px;
    font-size: 23px;
}
.home-lienhe .button:before {
  content: "";
  border-radius: 45px;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.04);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  trans}
.home-lienhe .button:hover,
.home-lienhe .button:focus,
.home-lienhe .button:active {
  color: #fff;
  text-decoration: none;
}
.home-lienhe .button:hover:before,
.home-lienhe .button:focus:before,
.home-lienhe .button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.home-lienhe .button:hover {
  text-decoration: none;
}
#footer .section-title-normal span{
  border:none;
  
}
#footer  .section-title-normal{
  border:none;
  position:relative
}
#footer .section-title-container{
  margin-bottom:0;
}

@media screen and (max-width:500px){
  #top-bar{
    display:none;
  }
  .uudiem-item{
        border-radius: 10px !important;
    padding: 5px !important;
    width: 100%;
  }
  .uudiem-item p{
    font-size:12px;
  }
  .thongtin-mb .col{
    height:112px;
  }
  .thongtin-mb h3{
    font-size:28px; font-weight:bold;
    margin-bottom:0
  }
  .thongtin-mb p{
    margin-bottom:0;
  }
  .btn-popup{
    font-size:25px;
  }
  .hotline-mb{
    display: block;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    height: 80px;
    position: fixed !important;
    z-index: 9999999;
  }
  .hotline-mb button{
    color: #fff;
    line-height: 46px;
    font-size: 18px !important;
    font-weight: 700;
  }
  .hotline-mb span{
    font-size: 18px !important;
  }
    .hotline-mb .mobile-hotline-left {
 width: 48%;
    float: left;
    text-align: center;
    background: #00e2d1;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 30px;
    height: 45px;
    border-radius: 4px;
  }
    .hotline-mb .mobile-hotline-right {
    width: 48%;
    float: left;
    text-align: center;
    background: #008fe5;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 30px;
      height: 45px;
      border-radius: 4px;
  }
  .thongtin-mb .text-left{
    height:120px;
  }
}
@media screen and (min-width:992px){
  .blog-archive .post-title {
    height:40px;
  }
  .flatsome_recent_posts .mr-half{
    width: 40% !important;
  }
  .flatsome_recent_posts .flex-grow{
    width: 60% !important
  }
  .flatsome_recent_posts .badge{
    width: 100%;
    height: 97px;
    background-size: contain !important;
  }
}
.hotline {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 9000;
    display: block;
    background: #008fe5;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 99px;
}
.ld-sapoexpress .btn-registration {
  color: #fff;
font-size: 23px !important;
    padding: 0px 70px !important;
    margin-bottom: 40px !important;
    background: linear-gradient(to right, #5d96b8, #008fe5) !important;
  border-radius: 45px;
  display: inline-block;
  line-height: 63px;
  padding: 0 35px;
  outline: none;
  -webkit-user-select: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  white-space: nowrap;
  font-size: 16px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ld-sapoexpress .support .btn-registration {
  margin-top: 47px;
}
.ld-sapoexpress .register {
  padding: 46px 0 53px;
  background: url(../images/bg-register.jpg)
    no-repeat top center;
}
.ld-sapoexpress .register h2 {
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  margin: 0 0 10px;
}
.ld-sapoexpress .register p {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 29px;
}
.ld-sapoexpress .register .btn-registration {
  background: #fff;
  color: #0c8eff !important;
  border-radius: 75px;
  display: inline-block;
  height: 74px;
  line-height: 74px;
  padding: 0 87px;
  font-size: 28px;

}
.btn-registration:before {
  content: "";
  border-radius: 45px;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.04);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  trans}
.ld-sapoexpress .btn-registration:hover,
.ld-sapoexpress .btn-registration:focus,
.ld-sapoexpress .btn-registration:active {
  color: #fff;
  text-decoration: none;
}
.ld-sapoexpress .btn-registration:hover:before,
.ld-sapoexpress .btn-registration:focus:before,
.ld-sapoexpress .btn-registration:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.ld-sapoexpress .btn-registration:hover {
  text-decoration: none;
}
.post-sidebar {
  padding: 15px !important;
}
.post-sidebar .widget-title{
         background-color: #008fe6;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    margin: 0 0 5px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    display: block;
}
.post-sidebar .widget-title:before {
    content: "\e008";
    font-family: 'fl-icons';
    margin-right: 10px;

}
.post-sidebar .is-divider{
  display: none !important;
}
.post-sidebar p{
  text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}
h3{
  color: #008fe6 !important;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
}
