/*
Theme Name: Huong Nghiep Tuyen sinh
Theme URI: https://huongnghiepaau.edu.vn
Author: Luu Tai
Author URI: https://huongnghiepaau.edu.vn
Description: Luu Tai Developer
Version: 1.0 
Text Domain: huongnghiepaau.edu.vn
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/  
html, body {
    height: 100%; 
}
body{
	color: #333;
	font-family: "Roboto", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 1.66; 
    background-image: url(#);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover; 
}
body.page-template-full-page{
    background-image: none; 
}
.logo-home {
    margin-right: 30px;
}
#search-mobile, .search-result-mobile.now-idea-searching, #menu-menu-top li#menu-item-32818{
    display: none;
}
.top-nav .container{
    position: relative;
}
.toggle-submobile {
    display: none;
}
.form-search-ajax-posts {
    display: inline-block;
    position: absolute;
    right: 0;
    max-width: 300px;
    top: 4px;
    z-index: 99999;
}
.form-search-ajax-posts input#keywordpc {
    display: block;
    margin: 0 0 0 auto;
    width: 0;
    box-sizing: border-box;
    border: none;
    border-radius: 2px;
    outline: none;
    color: white;
    font-size: 16px;
    background-color: rgba(0,0,0,.23);
    background-image: url(https://hollandtest.huongnghiepaau.edu.vn/wp-content/plugins/lt-search-ajax-pro/assets/img/icon-search.svg);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 10px 2px 5px 40px;
    -webkit-transition: width .6s ease-in-out;
    transition: width .6s ease-in-out;
}
.form-search-ajax-posts input#keywordpc:focus, .form-search-ajax-posts input#keywordpc:hover {
    width: 250px;
    background-color: rgba(0,0,0,.83);
}
.form-search-ajax-posts input#keywordpc {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
.form-search-ajax-posts input#keywordpc::placeholder,
#search-mobile input#keywordnew::placeholder{
    color: white;
    opacity: 1;
}
.form-search-ajax-posts input#keywordpc::-ms-input-placeholder,
#search-mobile input#keywordnew::-ms-input-placeholder {
    color: white;
}
.form-search-ajax-posts input#keywordpc::-ms-input-placeholder,
#search-mobile input#keywordnew::-ms-input-placeholder{
    color: white;
}
.fullpage-nosidebar{
    width: 100%;
    padding: 0;
}
.row-slideshow{
    padding-left: 0;
    padding-right: 0;
}
.top-nav .container {
    padding: 0;
}
#menu-menu-top i.fa-angle-down{ 
    font-size: 16px;
    float: right;
    margin-left: 5px;
    margin-top: 2px;  
}
#menu-menu-top .dropdown-menu {
    margin: 0;
    box-shadow: none;
    padding: 0;
    min-width: 20rem;
    left: 0;
    border: 2px solid #fff;  
    background: #333;
    border-radius: 0; 
}
#menu-menu-top .dropdown-menu li:hover{
    background: #f26522; 
}
#menu-menu-top .dropdown-menu li{
    transition: background-color .2s ease-in-out;
} 
#menu-menu-top .dropdown-menu li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
    border-bottom: 1px solid #9e9e9e5c; 
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    width: 315px;
    transition: color .3s ease-in-out;
}
ul#menu-menu-top li.menu-item-has-children:hover:before{
    display: block;
}
ul#menu-menu-top li.menu-item-has-children:before {    
    border-style: solid;
    border-width: 0 6px 6px;
    content: "";
    display: none;
    height: 0;
    position: absolute;
    left: 2em;
    width: 0;
    z-index: 100000;
    border-color: transparent transparent #fff; 
    bottom: 0;
} 
#menu-menu-top .dropdown-toggle::after, 
#menu-menu-top .navbar-nav .nav-link::after{
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
ul#menu-menu-top li.current-menu-parent.active > a,
ul#menu-menu-top li.current_page_item.active > a,
ul#menu-menu-top li.current-menu-parent.active > a,
ul#menu-menu-top li.dropdown.active > a{
    color: #f2731e;
}
ul#menu-menu-top > li > ul.dropdown-menu > li.current_page_item > a:hover,
ul#menu-menu-top > li > ul.dropdown-menu > li.dropdown > a:hover{
    color: #fff;
}
ul#menu-menu-top > li > ul.dropdown-menu > li.current_page_item.active > a,
ul#menu-menu-top > li > ul.dropdown-menu > li.dropdown.active > a{
    color: yellow;
}
#hero {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: linear-gradient(0deg, #2a2c39 0%, #33364a 100%);
    padding: 0;
}
#hero .carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    height: 70vh;
    padding-top: 60px;
}
#hero h2 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: 700;
}
#hero p {
    width: 80%;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    margin: 0 auto 30px auto;
    color: #fff;
}
#hero .carousel-control-prev, #hero .carousel-control-next {
    width: 10%;
}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
    background: none;
    font-size: 48px;
    line-height: 1;
    width: auto;
    height: auto;
}
#hero .btn-get-started {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #fff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 2px solid #ef6603;
}
#hero .btn-get-started:hover {
    background: #ef6603;
    color: #fff;
    text-decoration: none;
}
@media (min-width: 1024px) {
    #hero p {
        width: 60%;
    }
    #hero .carousel-control-prev, #hero .carousel-control-next {
        width: 5%;
    }
}
@media (max-width: 768px) {
    #hero .carousel-container {
        height: 90vh;
    }
    #hero h2 {
        font-size: 28px;
    }
}

.hero-waves {
    display: block;
    width: 100%;
    height: 60px;
    position: relative;
}

.wave1 use {
    -webkit-animation: move-forever1 10s linear infinite;
    animation: move-forever1 10s linear infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}

.wave2 use {
    -webkit-animation: move-forever2 8s linear infinite;
    animation: move-forever2 8s linear infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}

.wave3 use {
    -webkit-animation: move-forever3 6s linear infinite;
    animation: move-forever3 6s linear infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
    0% {
        transform: translate(85px, 0%);
    }
    100% {
        transform: translate(-90px, 0%);
    }
}

@keyframes move-forever1 {
    0% {
        transform: translate(85px, 0%);
    }
    100% {
        transform: translate(-90px, 0%);
    }
}
@-webkit-keyframes move-forever2 {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}
@keyframes move-forever2 {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}
@-webkit-keyframes move-forever3 {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}
@keyframes move-forever3 {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}
.color-black{
    color: #000; 
}
.blog-main {
    min-height: 450px; 
}
.bg-black {
    background: #fff;
    box-shadow: 4px 3px 12px #302f31;
    padding-top: 20px;
    padding-bottom: 20px;
}
.bg-white-full {
    background: #fff;
    box-shadow: 4px 3px 12px #302f31;
    padding-top: 20px;
    padding-bottom: 20px;
}
.title-h1 {
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    color: #3f3f3f;
    font-weight: normal;
    margin-bottom: 0;
}
.page .title-h1:after,
.single .singe-content-left .title-h1:after {
    content: "";
    background-image: url(https://hollandtest.huongnghiepaau.edu.vn/wp-content/themes/huongnghieptuyensinh/images/line-hnts.png);
    width: 100%;
    display: block;
    height: 35px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 225px;
}
h1, h2, h3, .h3 {
    font-size: 24px;
    clear: both;
    line-height: 1.4;
    margin: 0 0 .75em;
    font-weight: 400;
    color: #5dc6ce;
    text-transform: capitalize;
    text-align: left;
}
#digital-breadcrumb .breadcrumb {
    padding: 5px 0;
    margin-bottom: 0;
}
#digital-breadcrumb .breadcrumb span {
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
    line-height: normal;
    display: inline-table;
}
#digital-breadcrumb a, .breadcrumb_last{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#digital-breadcrumb a:hover{
    color: #f47421;
}
.page-id-11888 a:hover{
    background: transparent !important;
}
.read-more {
    padding: 10px 15px 10px 0;
    margin: 0;
    text-align: right;
}
.read-more a {
    color: #5dc6ce;
    text-decoration: none;
    cursor: pointer;
    font-size: 17px;
}
.read-more a:hover{
    color: #000;
}
.navbar-search-form input[type="search"] {
    background-color: #f26522;
    padding: 7px 10px;
    border-radius: 15px 0 0 15px;
    line-height: 21px;
    margin-right: -5px;
}
.content-no-search {
    width: 100%;
    min-height: 350px;
}
.navbar-search-button {
    height: 35px;
    background: #5dc6ce;
    border-radius: 2px;
    outline: none;
}
.navbar-expand-lg.top-nav .navbar-nav .nav-link i.fa-search {
    font-size: 17px;
    margin-left: 0;
}
.line-digital {
    border-bottom: 1px dashed #333;
    height: 5px;
    position: relative;
    margin-bottom: 20px;
}
.line-digital:before {
    content: "";  
    position: absolute;
    left: 0;
    height: 8px;
    width: 68px;
    background: #5dc6ce;
    top: 0;
}
.page-header-h1 {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 0 15px 0 !important;
}
.pagination {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin-top: 10px;
}
.pagination li {
    display: inline-block;
    line-height: 40px;
}
.page-numbers.current {
    background: #f492a3;
}
.pagination a {
    display: block;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 12px;
    color: #fff;
    margin: 0 2px 0 0;
    border: 1px solid transparent;
    line-height: normal;
}
.next.page-numbers, .page-numbers {
    background-color: #5dc6ce;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    padding: 5px 12px;
    color: #fff;
    margin: 0 2px 0 0;
    border: 1px solid transparent;
}
a.next.page-numbers {
    background: #5dc6ce;
}
a.prev.page-numbers {
    background-color: #5dc6ce;
}
a.next.page-numbers:hover, a.prev.page-numbers:hover, a.page-numbers:hover{
    background: #5dc6ce;
}
.slider-main{
    position: relative;
}
.slider-main, .carousel, .carousel .item, .carousel .active, .carousel-inner {
    height: 100%;
}
.carousel .fill, .carousel .carousel-item-slide{
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-caption {
    max-width: 670px;
    background-color: #5dc6ce;
    border-radius: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    display: none;
}
.owl-prev span, .owl-next span {
    color: #e8751a;
}
.owl-prev span:hover,
.owl-next span:hover {
    color: #8199A3;
}
.owl-prev, .owl-next {
    position: absolute;
    top: 0;
    height: 100%;
}
.owl-prev {
    left: 15px;
}
.owl-next {
    right: 15px;
}
button:focus, button:active {
   outline: none;
}
button.btn-code {
    margin-right: 15px;
}
.contact-row-digital:before {
    content: "";
    background: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.contact-row-digital {
    padding: 60px 0;
    clear: left;
    background: url(https://hollandtest.huongnghiepaau.edu.vn/wp-content/themes/huongnghieptuyensinh/images/contact-form.svg) no-repeat center/cover;
    background-size: 100%;
    position: relative;
}
.contact-row-digital .content-form-full{
    max-width: 800px;
    padding: 20px;
    margin: 0 auto;
    background: #2f2e2c3d;
}
.title-form {
    text-align: center;
    font-size: 24px;
    color: #ffeb3b;
    font-weight: bold;
}
#ltform_fields {
    padding: 30px 15px 30px 15px;
}
#ltform_fields .form-control {
    padding: 9px;
    height: 44px;
}
.ltform-contact {
    background: #5dc6ce;
    background: -moz-linear-gradient(left,#5dc6ce 0,#f492a3 44%,#5dc6ce 100%);
    background: -webkit-linear-gradient(left,#5dc6ce 0,#f492a3 44%,#5dc6ce 100%);
    background: linear-gradient(to right,#5dc6ce 0,#f492a3 44%,#5dc6ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5dc6ce",endColorstr="#5dc6ce",GradientType=1);
    box-shadow: 3px 3px 7px #222;
    border: 1px solid transparent;
    padding-bottom: 20px;
}
.ltform-contact .form-group {
    width: 50%;
    height: 41px;
    float: left;
    padding: 0 15px;
    margin-bottom: 25px;
    position: relative;
}
.ltform-contact .form-group-submit{
    float: none;
    margin: 0 auto;
    clear: left;
}
.ltform-contact select option{
    text-transform: capitalize !important;
}
.form-contact label.error {
    position: absolute;
    top: 40px;
    left: 4px;
    font-size: 15px;
}
.button-submit {
    width: 100%;
    background: #ea761a;
    border-radius: 10px;
    padding: 8px 15px;
    line-height: normal;
    color: #fff;
    font-weight: bold;
    border: none;
    box-shadow: 2px 2px 12px 2px #f7f7f7;
    cursor: pointer;
}
.button-submit:hover {
    background-color: #767676;
}
.digital-image {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}
.home .digital-image{
    border-left: 5px solid #f27025;
}
.digital-image img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
}
.digital-image:hover img{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
#date-digital-hps, .cancel-comment-reply{
    display: none;
}
.col-digital-right p:first-child{
    height: 54px;
    overflow: hidden;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.logged-in #comments {
    display: none;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
ol.commentlist_lt { padding-left:0;}
.pagination .icon,
.comments-pagination .icon {
  width: 0.666666666em;
  height: 0.666666666em;
}
.comments-pagination {
  border: 0;
}
#comments {
  clear: both;
  padding: 20px 0 0.5em;
}
.comments-title {
    font-size: 1.25rem;
  margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list li:before {
  display: none;
}
.comment-body {
  margin-left: 65px;
}
.comment-author {
    font-size: 1rem;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
    float: left;
    margin-right: 10px;
}
.comment-author .avatar {
  height: 50px;
  width: 50px;
    float: left;
}
.comment-author .says {
  display: none;
}
.comment-meta {
  margin-bottom: 0;
}
.comment-metadata {
  color: #767676;
    font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.1818em;
  text-transform: uppercase;
}
.comment-metadata a {
  color: #767676;
}
.comment-metadata a.comment-edit-link {
  color: #222;
  margin-left: 1em;
}
.comment-body {
  color: #333;
    font-size: 0.875rem;
  margin-bottom: 4em;
}
.comment-reply-link {
  font-weight: normal;
  position: relative;
  font-size: 13px;
  cursor: pointer;
}
.comment-reply-link .icon {
  color: #222;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}
.children .comment-author .avatar {
  height: 30px;
  width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #333;
  padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
  color: #767676;
    font-size: 0.875rem;
  font-style: italic;
}

.comments-pagination {
  margin: 2em 0 3em;
}
.form-submit {
  text-align: right;
}
.comment-form #wp-comment-cookies-consent {
  margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
  display: inline;
}
li.comment-custom {
    background: #4c4b51;
    padding: 5px 10px 5px 10px;
    border-radius: 0;
    border-bottom: 1px dotted #e2e2e3;
}
ol.commentlist_lt{
    list-style: none;
    margin: 20px 0 0 0;
}
#comments ul.children li, #comments li{
    list-style: none;
}
#comments p.lt-avata {
    float: left;
    margin-right: 8px;
}
#comments ul.children{
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

#comments li.even .lt-avata, ul.children li.comment.odd .lt-avata{
    font-weight: bold;
}
ul.children li.comment.odd{
    background: #fff;
}
#comments .even .lt-avata, #comments .even .ngay-thang, #comments .even .commentBody p{
    color: #000;
    margin-top: 0;
}
#comments .odd .lt-avata, #comments .odd .ngay-thang, #comments .odd .commentBody p{
    color: #fff;
    margin-top: 0;
}
#comments .even {
    background-color: #fff6f6;
}
#comments .odd{
    background-color:#4c4b51;
}
#comments .reply {
    margin-bottom: 0;
    border: 1px solid #f26522;
    width: 75px;
    padding: 0 7px;
}
#comments i.fa-comment {
    color: #f26522;
}
#comments .odd .reply i, #comments .odd .reply a{
    color: #fff;
}
#comments .even .reply i, #comments .even .reply a{
    color: #f26522;
}
#comments .even .reply {
    border: 1px solid #f26522;
}
#comments .odd .reply {
    border: 1px solid #fff;
}
#comments .thread-even{
    margin-top: 15px;
}
#comments .thread-odd {
    margin-top: 15px;
}
#form-lt input[type="text"], #form-lt input[type="email"], #form-lt input[type="url"], #form-lt input[type="password"], #form-lt input[type="search"], #form-lt input[type="number"], #form-lt input[type="tel"], #form-lt input[type="color"], #form-lt textarea {
    padding: 5px;
    border: none;
}
#form-lt button, #form-lt input[type="button"], #form-lt input[type="reset"], #form-lt input[type="submit"] {
    background: #5dc6ce;
    color: #fff;
    font-size: 16px;
    padding: 0.8em 1em .8em;
}
.color-commnet {
    color: #5dc6ce;
}
.box-comment-left, .box-comment-right {
    float: left;
}
form#commentform{
    position: relative;
}
form#commentform, .box-comment-center input, .box-comment-left input, .box-comment-right textarea, .box-comment-submit{
    width: 100%;
}
.box-comment-right textarea {
    height: 148px;
}
#comments #form-lt {
    background-color: #ee9b00;
    padding: 20px 5px;
}
.box-comment-submit {
    clear: left;
    text-align: center;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.title-phan-hoi {
    position: absolute;
    top: -100px;
    width: 450px;
    left: 50%;
    transform: translate(-50%, 0);
}
#form-lt .box-comment-submit button {
    padding: 5px 25px;
    border: none;
    border-radius: 40px;
    font-size: 20px;
    font-weight: 600;
}
#form-lt .box-comment-submit button:hover{
   background: #302f31;
   cursor: pointer;
}
#comments .comments-title-lt-on {
    font-size: 16px;
    font-weight: normal;
    padding: 0;
}
#comments .comments-title-lt-off {
    margin: 0 0 100px 0;
}
.lt-avata a, #comments .even .lt-avata{
    color: #5dc6ce;
    text-transform: capitalize;
}
.error-input, .error{
    padding: 2px 0 0 0;
    color: #bf0f02;
    margin-bottom: 0;
}
input.error-input, textarea.error-input { color:#000; }
.edit-page {
    padding: 0 15px;
    margin-bottom: 0;
    clear: left;
}
.row-guests-digital .backstretch{
    max-height: 990px;
}
.bdt-honeycombs-area .bdt-honeycombs .bdt-honeycombs-inner-wrapper .bdt-comb .bdt-inner .bdt-wrapper .bdt-title {
    text-align: center;
}
.slider-home-img .bdt-post-slider-thumbnail img{
    position: relative !important;
}
.box-date {
    border-bottom: 1px solid #ddd;
    padding: 7px 0 5px;
    margin-bottom: 10px;
}
.box-date .author-new {
    margin-right: 5px;
    /*border-right: 1px solid #ccc;*/
    padding-right: 5px;
    font-size: 15px;
    font-weight: bold;
}
.weform .form-id-33091 .txtTruong,
.weform .form-id-33091 .txtSupport{
    width: 100%;
    flex: 100%;
    max-width: 100%;
}
.weform .form-id-33091 .txtSupport textarea{
    height: 100px !important;
}
.weform .form-id-33091 .txtSubmit {
    margin: 0 auto;
}
.site-footer {
    background-color: #2f2e2c;
    width: 100%;
    clear: left;
}
.bottom-footer-all {
    margin-top: -22px;
}
.site-footer .modtitle {
    color: #5dc6ce; 
    text-shadow: 1px 1px 2px #000;
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 140px;
    margin-bottom: 22px;
    position: relative;
    clear: left;
}
.site-footer .h3-footer:before {
    background-image: url(https://hollandtest.huongnghiepaau.edu.vn/wp-content/themes/huongnghieptuyensinh/images/icon-lien-he.png);  
}
.site-footer .h3-footer:before {
    content: "";
    top: 40px; 
    height: 82px;
    display: block;
    width: 80px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background-repeat: no-repeat;
    background-color: transparent;
}
#footer-bottom h3, #footer-bottom .h3{
	color: #5dc6ce;
	font-size: 20px;
    text-transform: uppercase;
	font-weight: 400;
    margin: 0 0 .75em; 
}
.site-footer .widget strong {
    font-weight: 700;
    color: #5dc6ce;
}
.site-footer .widget ul {
    list-style: none;
    margin: 0;
    padding-left: 5px;
}
.site-footer .widget ul li {
    color: #fff;
    padding: 4px 0;
}
.site-footer .widget ul li::before {
    padding-right: 6px;
    color: #5dc6ce;
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
    content: "\f0da";
}
.site-footer .widget ul li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.site-footer .widget ul.arrow2 li a{
    color: #5dc6ce;
}
.site-footer .social a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    margin-right: 2px;
    text-align: center;
    border-radius: 5px;
}
.site-footer .widget ul li a:hover {
    color: #5dc6ce;
}
.site-footer .social a.facebook {
    background: #3c5a99;
}
.site-footer .social i {
    color: #fff;
}
.site-footer .social a.twitter {
    background: #5da8db;
}
.site-footer .social a.instagram {
    background: #e64d64;
}
.site-footer .social a.linkedin {
    background: #007bb5;
}
.site-footer .social a.pinterest {
    background: #ce1110;
}
.site-footer .social a.youtube {
    background: #f00;
}
.custom-html-widget {
    margin-bottom: 30px;
}
.blog-right-side .custom-html-widget {
    margin-bottom: 0;
}
.mobile, .carousel-indicators{
    display: none;
}
#calltoaction {
    position: fixed; 
    bottom: 0;
    width: 100%;
    background: #201e1b; 
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9999;
    padding-top: 0;
}
#calltoaction .numb {
    color: #ffc824; 
    font-size: 24px;
    font-weight: 500;
} 
#calltoaction .numb a{
    text-decoration: none;
}
#calltoaction .numb img {
    width: 22px;
    margin-right: -5px;
    padding: 0;
    margin-top: -2px;
}
#calltoaction .btn {
    max-width: 100%;
    margin-left: 20px;
    margin-top: -5px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    background-color: #5dc6ce;
    border: none #5dc6ce;
}
#calltoaction .btn:hover {
    background: #58aa42;
    color: #fff;
}
.home .modal-open {
    background: #000000b0;
}
.modal-backdrop.fade.in {
    z-index: -1; 
}
.owl-nav{
    display: block !important;
} 
#yt-totop {
    background: #5dc6ce url('images/up-arrow.png') no-repeat center center;
    border-radius: 45px;
    bottom: 210px; 
    height: 45px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    width: 45px;
    z-index: 100; 
    text-indent: -999em;
    cursor: pointer;
}
#yt-totop:hover{
    background-color: #81d742;
}
.wp-block-image {
    text-align: center;
}
.wp-block-image img {
    max-width: 100%;
    height: auto; 
}
#show-countdown-auto .digital-finished {  
    font-size: 24px;
    color: #F00;
    font-weight: bold;
    border: 3px dotted #68db13; 
    margin-top: 10px;
}
.singe-content-left .group-digital-related .relatedcontent, .singe-content-left .group-post-related .relatedcontent{
    text-align: left;  
    text-transform: uppercase;
    height: 93px;  
    overflow: hidden;
}
.group-digital-related ul a {
    text-transform: uppercase;
    font-size: 15px;
}
.snow-chuyendong{
    background: none;
    /*font-family: Androgyne, sans-serif;*/
    /*background-image: url('https://hollandtest.huongnghiepaau.edu.vn/wp-content/uploads/2021/03/sparkle1.png'), url('https://hollandtest.huongnghiepaau.edu.vn/wp-content/uploads/2021/03/sparkle2.png'), url('https://huongnghiepaau.marketing/wp-content/uploads/2021/03/sparkle1.png');*/
    /*height: 100%;*/
    /*left: 0;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*z-index:1;*/
    /*-webkit-animation: snow 10s linear infinite;*/
    /*-moz-animation: snow 10s linear infinite;*/
    /*-ms-animation: snow 10s linear infinite;*/
    /*animation: snow 10s linear infinite;*/
}
.effect-sparkle {
    background-image: url(https://hollandtest.huongnghiepaau.edu.vn/wp-content/uploads/2021/03/sparkle1.png),url(https://hollandtest.huongnghiepaau.edu.vn/wp-content/uploads/2021/03/sparkle2.png);
    animation: sparkle 60s linear infinite;
}
.fill-effect {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 5;
    padding: 0 !important;
    margin: 0 !important;
}
.page-id-36 .contact-row-digital, .page-id-904 h1.title-h1{
    display: none; 
}
.single table tr:first-child td {
    background: #272425;
    background: -moz-linear-gradient(left,rgba(39,36,37,1) 0,rgba(77,78,80,1) 41%);
    background: -webkit-linear-gradient(left,rgba(39,36,37,1) 0,rgba(77,78,80,1) 41%);
    background: linear-gradient(to right,rgba(39,36,37,1) 0,rgba(77,78,80,1) 41%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#272425",endColorstr="#4d4e50",GradientType=1);
    color: #5dc6ce; 
    text-transform: uppercase;
    text-align: center;
} 
.single table>tbody>tr>td { 
    border: 1px solid #ddd;
    vertical-align: middle;
    padding: 8px;
    line-height: 1.42857143;
    text-align: center;
}
.single table>tbody>tr>td.has-text-align-left, .single table>tbody>tr>td.text-left { 
    text-align: left;
}
.about-main .size-small{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;  
}
.aligncenter {
    clear: both;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.blog-right-side img {
    width: 100%;
    height: auto;
}
.accordion-footer .card-link:after {
    position: absolute;
    content: "+";
    top: 6px;
    left: 7px;
    font-family: Arial, sans-serif;
    transition: .3s transform;
    font-size: 25px;
    font-weight: 400;
    border: none;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}
.accordion-footer .card-link[aria-expanded="true"]:after {
    content: "-";
} 
.accordion-footer .card-header {
    background-color: #5dc6ce;
    padding: 0.59rem 1.25rem;
    line-height: normal;
    margin-bottom: 3px;
    border: 1px solid #fff;
} 
.accordion-footer .card-header a{
    color: #000;
    cursor: pointer;
    font-size: 15px;
    padding-left: 15px;
}
.accordion-footer .card-header a:hover{
    color: #fff;  
}
.accordion-footer .card-body{
    padding: 10px;
    color: #000;
    background-color: #fff;
}
.accordion-footer ul {
    padding: 0;
    margin: 0 0 10px 25px;
}
.accordion-footer ul li, .site-footer .widget .accordion-footer ul li{
    font-size: 16px;
    list-style: none;
    color: #007d87;
    font-weight: 500;  
}
.accordion-footer ul li strong, .site-footer .widget .accordion-footer ul li strong {
    color: #000;
    font-size: 17px;
    font-weight: 500; 
}
.accordion-footer .card{
    background-color: transparent;
    border: none; 
}
.slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-heading{
    font-size: 40px;
    line-height: 1.5;
}
.slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-description{
    font-size: 24px;
    line-height: 1.5;
}
.section-box-icon .elementor-widget:not(:last-child){
    margin-bottom: 0;
}
.section-box-icon .box-icon01 .elementor-icon,
.section-box-icon .box-icon02 .elementor-icon,
.section-box-icon .box-icon03 .elementor-icon,
.section-box-icon .box-icon04 .elementor-icon{
    border: 2px dashed #333; 
    background-image: linear-gradient(45deg,#6ec1e4 25%,#64cf71 70%); 
}
.section-box-icon .box-icon01 .elementor-icon:hover,
.section-box-icon .box-icon02 .elementor-icon:hover,
.section-box-icon .box-icon03 .elementor-icon:hover,
.section-box-icon .box-icon04 .elementor-icon:hover{
    cursor: pointer;   
    color: #fff;
    background-image: linear-gradient(45deg,#f492a3 25%,#64cf71 100%);
}  
.section-box-icon .box-icon01 .elementor-icon-wrapper,
.section-box-icon .box-icon02 .elementor-icon-wrapper,
.section-box-icon .box-icon03 .elementor-icon-wrapper,
.section-box-icon .box-icon04 .elementor-icon-wrapper{
    position: relative;
} 
.section-box-icon .box-icon01:after,
.section-box-icon .box-icon02:after,
.section-box-icon .box-icon03:after,
.section-box-icon .box-icon04:after {
    position: absolute;
    background: #eb5e65;
    height: 2rem;
    top: -10px;
    right: auto; 
    left: 39%;
    width: 80px;
    text-align: center;
    line-height: 2rem;
    font-size: 1rem;
    border-radius: 15px;
    color: white;
    border: 1px solid #eb5e65;
}   
.section-box-icon .box-icon01:after {
    content:"Bước 0";
} 
.section-box-icon .box-icon02:after {
    content:"Bước 1";
} 
.section-box-icon .box-icon03:after {
    content:"Bước 2";
} 
.section-box-icon .box-icon04:after {
    content:"Bước 3";
}  
.box-icon__title{
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
.survey_element.survey_form {
    max-width: 950px;
    margin: 0 auto;
}
.bdt-close {
    color: #fff;
    background-color: #d20e0e;
    padding: 20px !important;
    border-radius: 50%;
    top: 15px;
    right: 35px;
}
.modal-survey-theme .quiztimer {
    background: #009688 !important;
    border: 8px solid #b3d58b;
}
.modal-survey-theme .qtdisplay {
    color: #fff !important;
}
.modal-survey-theme .survey-progress-bar .survey-progress-ln .progress_counter {
    background: #009688;
    border: 8px solid #b3d58b !important;
    box-shadow: 0 0 0 2px #b3d58b;
    color: #fff !important;
    font-size: 18px !important;
}
.wp-caption {
  background-color: #e6e5e5;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
} 
.modal-survey-theme .ms-participant-form input::placeholder {
    color: #333 !important;
    opacity: 0.8;
}
.modal-survey-theme .ms-participant-form input, 
.modal-survey-theme .ms-participant-form select, 
.modal-survey-theme .ms-participant-form textarea {
    margin-bottom: 10px !important;
    padding: 5px 20px !important;
} 
.modal-survey-theme .survey_table {
    min-height: 40px !important;
}
.modal-survey-theme .survey_element.survey_answers, .modal-survey-theme .ms-next-back.button, .modal-survey-theme .ms-next-question.button {
    margin: 3px !important;
    padding: 6px !important;
}
.modal-survey-theme-2 .survey_element.survey_answers, .modal-survey-theme-2 .survey_element.survey_answers:not(.msnumericanswer) .open_text_answer, .modal-survey-theme-2 .ms-participant-form input, .modal-survey-theme-2 .ms-participant-form select, .modal-survey-theme-2 .ms-participant-form textarea, .modal-survey-theme-2 .ms-participant-form .send-participant-form.button, .modal-survey-theme-2 .survey_element.survey_answers, .modal-survey-theme-2 .ms-next-back.button, .modal-survey-theme-2 .ms-next-question.button {
    border-radius: 15px !important; 
}
.img490 img {
    max-height: 490px; 
}
.img400 img {
    max-height: 400px;  
}
.blog-right-side .widget_custom_html .card-header,
.blog-right-side .card-header {
    color: #fff; 
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
    background-color: #5dc6ce;
}
.blog-right-side ul{
    padding-left: 25px;
}
.blog-right-side .list-sidebar-tn, .list-sidebar-tn{
    padding-left: 0;
}
.blog-right-side ul.list-sidebar-tn li a{
    line-height: normal;
    align-self: center;
}
.blog-right-side .list-sidebar-tn img {
    width: 90px;
    max-width: 90px;
    height: auto;
}
.blog-right-side .list-sidebar-tn .list-group-item{
    padding: 5px 10px;
    justify-content: left !important;
}
.blog-right-side .list-sidebar-tn .list-group-item .image-parent {
    margin-right: 8px;
}
.blog-right-side .list-sidebar-tn .list-group-item i{
    font-size: 60px;
    color: #e68585;
    padding: 5px;
    text-align: center;
    border: 1px solid #dfdfdf;
    width: 90px;
    height: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.blog-right-side .list-sidebar-tn .list-group-item i:hover{
    transform: scale(1.1);
    cursor: pointer;
}
.blog-right-side ul li a {
    text-decoration: none;
    color: #0da4af;
}
.blog-right-side ul li a:hover {
    color: #ff1100;
}
.tn-column-left {
    background-color: #ccdbdd;
}
.tn-column-right {
    background-color: #f492a3;
}
.title-h2 .bdt-heading-title {
    text-align: center;
} 
.kq-tc-tk .elementor-post__title{
    margin: 5px !important;
    padding: 0 10px;
    font-size: 16px !important;
}
.kq-tc-tk .elementor-posts .elementor-post__card .elementor-post__text {
    padding: 0;
    margin: 0 !important;
}
.kq-tc-tk .elementor-post__read-more{
    text-align: right;
    display: block !important;
    margin-right: 15px;
}
selector .elementor-slick-slider .slick-slider .slick-next, .elementor-slick-slider .slick-slider .slick-prev{
    text-indent: 0!important;
}
.slick-dots {
    display: inherit!important;
}
.single .bdt-accordion-container .bdt-accordion .bdt-accordion-title,
.gallery-album .bdt-accordion-container .bdt-accordion .bdt-accordion-title{
    font-size: 22px;
    padding: 15px 20px;
    background: #5dc6ce;
    color: #fff;
}
.gallery-album .bdt-accordion-container .bdt-accordion .bdt-accordion-content {
    padding: 10px 0;
}
.content-form-singe, .form-digital-page {
    padding: 20px;
    background-color: #5dc6ce;
    margin: 20px 0;
}
#dang-ky {
    scroll-margin-top: 150px;
}
.form-contact .form-control {
    padding: 9px;
    height: 42px !important;
}
.form-contact .row .form-group{
    position: relative;
    margin-bottom: 25px;
}
.form-contact label.error {
    position: absolute;
    top: 40px;
    left: 10px;
    font-size: 15px;
}
.form-contact .txtSubmit input[type="submit"]{
    height: 42px;
}
.form-contact .txtSubmit input[type="submit"]:hover {
    background-color: #f44336;
    border-color: #f44336;
}
.bdt-modal-full {
    margin-top: 50px;
    z-index: 99999999999;
}
#survey_preloader {
    margin-top: -18px;
}
.page-id-13089 .form-contact #weform_CT_Noidung{
    height: 150px !important;
}
.full-form-group{
    position: relative;
}
.full-form-group::before {
    font-family: "Font Awesome 5 Free", sans-serif;
    content: "\f0a4";
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: 40%;
    top: 3px;
    pointer-events: none;
}
.CT_Submit .full-form-group::before {
    left: 43%;
    top: 8px;
}
.CT_Submit input {
    background-color: #6EC1E4;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    padding: 15px 35px 15px 35px;
    height: 46px;
    line-height: normal;
    border: none;
    width: 100%;
}
.CT_Submit input:hover{
    background-color: #61ce70;
}
.form-contact.form-id-33091 .full-form-group::before {
    left: 45px;
}
.form-contact.form-id-33091 .full-form-group {
    max-width: 170px;
    margin: 0 auto;
}
.bdt-accordion .bdt-accordion-title .bdt-title {
    justify-content: flex-end;
}
.page .bdt-accordion .bdt-accordion-title .bdt-title,
.single .bdt-accordion .bdt-accordion-title .bdt-title{
    justify-content: left !important;
}
.page .bdt-accordion-title .bdt-flex-align-right,
.single .bdt-accordion-title .bdt-flex-align-right{
    order: -1;
}
.page-id-574 h2.elementor-heading-title {
    border-bottom: 1px dashed #333;
    position: relative;
    padding-bottom: 10px;
}
.page-id-574 h2.elementor-heading-title:after {
    content: "";
    position: absolute;
    left: 0;
    height: 8px;
    width: 68px;
    background: #5dc6ce;
    top: 30px;
}
.news-box01 .featured-part .bdt-post-block-title {
    text-align: center;
}
.news-box01 .featured-part .bdt-post-block-title a {
    font-size: 22px !important;
}
.news-box01 .featured-part .bdt-post-block-title a:hover,
.news-box01 .bdt-post-block .bdt-post-block-item .bdt-post-block-link:hover,
.hover-title-news .elementor-posts .elementor-post__card .elementor-post__text a:hover,
.bdt-post-list .bdt-post-list-item .bdt-post-list-link:hover,
.hover-title-news .bdt-post-grid .bdt-post-grid-item .bdt-post-grid-title a:hover{
    color: #f44336 !important;
}
.hover-title-news .elementor-posts .elementor-post__card .elementor-post__text{
    padding: 0 10px;
}
.bdt-post-grid .bdt-post-grid-item .bdt-post-grid-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 600;
    background-color: #0000002e;
    padding: 10px;
    text-align: center;
}
.bdt-post-grid .bdt-post-grid-item .bdt-position-medium {
    margin: 0;
    max-width: 100%;
}
.bdt-post-grid.bdt-post-grid-skin-carmie .bdt-post-grid-title {
    margin: 0;
}
.content404 .page404 .elementor-heading-title {
    font-size: 80px !important;
    color: #333 !important;
    line-height: normal;
}
.content404 span.intro {
    border-top: 1px solid #5dc6ce;
    padding: 10px;
    border-bottom: 1px solid #5dc6ce;
    text-align: center;
    color: #f492a3;
    font-size: 26px;
    line-height: normal;
}
.error-text-message {
    font-size: 16px;
}
.kqtn-holland-code a:hover, .kqtn-holland-code .bdt-post-list .bdt-post-list-item .bdt-post-list-link:hover{
    color: red;
}
.table-lt-custom {
    width: 100%;
    margin: 20px auto 15px;
}
.table-lt-custom .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-collapse: inherit;
    border-spacing: 0;
}
.table-lt-custom table {
    margin: 0;
}
.table-lt-custom .table tr:first-child td {
    background: #f58220;
    background: -moz-linear-gradient(left,#f58220 0,#f58220 41%);
    background: -webkit-linear-gradient(left,#f58220 0,#f58220 41%);
    background: linear-gradient(to right,#f58220 0,#f58220 41%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f58220",endColorstr="#4d4e50",GradientType=1);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.table-lt-custom .table>tbody>tr>td {
    border: 1px solid #ddd;
    vertical-align: middle;
    padding: 8px;
    line-height: 1.42857143;
}
.g-recaptcha > div{
    margin: 0 auto 15px auto;
}
.share-print {
    text-align: center;
}
.ms-print-results {
    margin: 0;
    cursor: pointer;
}
.parent-new-huong-nghiep .author-bio,
.parent-new-hoat-dong-huong-nghiep .author-bio{
    display: none;
}
.fone {
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    font-weight: normal;
    padding-left: 30px;   
    margin: 0 0;
}
.fone a{ color:#fff !important; }
.fix_tel {
    position: fixed;
    bottom: 58px;
    left: 18px;
    z-index: 999;
} 
.fix_tel a {text-decoration: none;}
.tel { background: #81d742;width:205px; height:40px; position:relative;
 	overflow:hidden;background-size:40px;border-radius:28px;border:solid 1px #81d742;
}
.ring-alo-phone { 
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #509142;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #509142;
    opacity: 0.5;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;		    
    opacity: 1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #509142;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #75eb50;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #509142;
}
@keyframes ring-alo-circle-anim {
	0% {
	    opacity: 0.1;
	    transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
	    opacity: 0.5;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
	    opacity: 0.6;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
.page-id-11888 .ring-alo-ph-img-circle a img {
    padding: 1px 0 0 0;
    width: 24px;
    position: relative;
    top: -1px;
    left: -7px;
}
@keyframes sparkle{
    0%{background-position:0 0, 0 0, 0 0}
    100%{background-position:-500px -1000px, -400px -400px, 300px 300px}
} 
@keyframes snow {
  0% {background-position: 0 0, 0 0, 0 0;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0 0, 0 0, 0 0;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0 0, 0 0, 0 0;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0 0, 0 0, 0 0;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}  
@media (min-width: 1200px){
	.container {
	    max-width: 1170px;
	}
}
@media (max-width: 1024px){ 
    .navbar-expand-lg.top-nav .navbar-nav .nav-link {
        padding: 15px 10px;
        font-size: 13px;
    }
    .title-slider{
        line-height: normal;
    }
    .row-content-archive {
        width: 30.5%;
    }
    .slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-heading {
        font-size: 30px;
    }
    .slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-description {
        font-size: 20px;
        padding: 0 35px;
    }
    .section-box-icon .box-icon01:after, .section-box-icon .box-icon02:after, .section-box-icon .box-icon03:after, .section-box-icon .box-icon04:after {
        left: 33%;
    }
    .CT_Submit .full-form-group::before {
        left: 40%;
    }
    .full-form-group::before {
        left: 38%;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 100px){
    .ms-a-label {
        padding: 0 35px;
    }
    .ahoverstyle12:hover span:first-child:before {
        content: url(https://hollandtest.huongnghiepaau.edu.vn/wp-content/plugins/modal_survey/templates/assets/img/cb_checked3.png);
        position: absolute;
        font-size: 20px;
        opacity: 1;
        height: 50%;
        vertical-align: middle;
        margin-left: -20px;
        line-height: 0;
        margin-top: -7px;
        top: 50%;
    }
}
@media (max-width: 990px){
    .logo-home {
        padding-left: 25%;
    }
    #navbarResponsive {
        overflow: scroll;
        height: 265px;
    }
    .toggle-submobile {
        display: block;
        width: 38px;
        height: 38px;
        background: #fff;
        font-size: 25px;
        color: #222;
        right: 0;
        position: absolute;
        top: 5px;
        padding: 0;
        line-height: normal;
        border: none;
    }
    #menu-menu-top .toggle-submobile i{
        font-size: 16px;
        margin: 0;
        float: none;
    }
    button.toggle-submobile.toggle-on .fa-angle-down:before {
        content: "";
    }
    ul#menu-menu-top li {
        border-bottom: 1px solid #fff;
    }
    ul#menu-menu-top li.menu-item-has-children:hover:before,
    #menu-menu-top .dropdown-toggle::after{
        display: none;
    }
    .fix_tel{
        display: none;
    }
    .slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-heading {
        font-size: 24px;
    }
    .slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-description {
        font-size: 16px;
    }
    .slider-homepage .elementor-slides .elementor-slide-button {
        font-size: 16px !important;
        padding: 5px 15px;
        margin-bottom: 20px;
    }
    .section-box-icon .elementor-heading-title {
        font-size: 18px;
    }
    .CT_Submit .full-form-group::before {
        left: 37%;
    }
}
@media (min-width:768px) and (max-width:768px){ 
    .navbar {
        padding: 5px 5px;
    }
    #navbarResponsive {
        height: 600px;
    }
    #menu-menu-top .dropdown-menu {
        margin-bottom: 20px;
    }
    ul#menu-menu-top li.menu-item-has-children:hover:before{
        display: none;
    }
    .row-content-archive {
        width: 29.5%;
    }
    .CT_Submit .full-form-group::before {
        left: 37%;
    }
}
@media (max-width: 767px){
    .page-entries, .blog-entries {
        padding: 0;
    }
    .archive .col-archive-all{
        margin: auto;
    }
    .logo-home {
        margin-right: 0;
    }
    .navbar {
        padding: .5rem 1rem;
    }
    #navbarResponsive {
        height: 500px;
    }
    .desktop, .fix_tel, .navbar-search-button, #fpt_ai_livechat_button {
        display: none; 
    }
    .mobile, #search-mobile, .search-result-mobile.now-idea-searching{
        display: block;  
    }
    .zopim{
        bottom: 52px !important; 
        right: 5px !important;
        display: none !important;
    }
    .menu-master {
        float: left;
        font-size: 16px;
        height: 52px;
        line-height: 52px;
        font-family: Arial, sans-serif;
        width: 100%;
        padding-top: 1px;
        display: block;
    }
    .menu-master .menu-botom-style {
        float: left;
        width: 33.333%;    
        text-align: center;
        padding-top: 0;
        border-left: 1px solid #fff;
        line-height: 52px !important;
    }
    .menu-master .menu-botom-style a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
    }
    .menu-master .menu-botom-style .fas, .menu-master .menu-botom-style .img-lazy { 
        font-size: 22px; 
        position: relative;
        top: 4px;
        line-height: 12px;
    }
    .menu-master span:first-child {
        border-left: 0 solid #fff;
    }
    .menu-master .menu-botom-style .img-lazy {
        width: 30px;
        margin-bottom: 10px;
        margin-right: 2px;
    }
    .menu-master .menu-botom-style .fas {
        margin-right: 5px;
    }
    .zopim .meshim_widget_Widget {
        font-size: 11px !important;
    }
    .col-left-contact img {
        padding: 5px 0 20px 0;
        width: 270px;
    }
    .subiz_chat {
        color: #fff;  
    }
    #yt-totop { 
        bottom: 55px;
        left: 10px;
    }
    .carousel-caption {
        max-width: 100%;
        left: 15%;
        transform: none;
    }
    ul#menu-menu-top li.menu-item-has-children:hover:before{
        display: none; 
    }
    .subiz_chat i{
        font-size: 30px;
        color: #fff;
        margin-right: 5px;
        padding-top: 8px;
        line-height: normal; 
    }
    .title-widget-t02 {
        font-size: 26px;
    }
    #menu-menu-top .dropdown-menu {
        margin-bottom: 20px;
    }
    ul#menu-menu-top li.menu-item-has-children:hover:before{
        display: none;
    }
    .slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-heading {
        font-size: 26px;
    }
    .slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-description {
        font-size: 18px;
        padding: 0 20px;
    }
    .slider-homepage .elementor-swiper-button-next{
        right: 0;
    }
    .slider-homepage .elementor-swiper-button-prev{
        left: 0;
    }
    .section-box-icon .box-icon01:after, .section-box-icon .box-icon02:after, .section-box-icon .box-icon03:after, .section-box-icon .box-icon04:after {
        left: 40%;
    }
    .slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-heading{
        font-size: 20px;
        margin-bottom: 10px !important;
    }
    .slider-homepage .elementor-slides .swiper-slide-inner .elementor-slide-description {
        font-size: 15px;
        margin-bottom: 15px !important;
    }
    #comments .bg_title1{
        padding: 0 15px 10px;
    }
    .CT_Submit .full-form-group::before,
    .full-form-group::before{
        left: 42%;
    }
}
@media (max-width: 767px) and (min-width: 500px){
    .title-form {
        font-size: 20px;
    }  
}
@media (min-width:320px) and (max-width:576px){
    .logo-home {
        padding-left: 22%;
    }
    .navbar-expand-lg.top-nav .navbar-nav .nav-link {
        font-size: 16px;
    }
    .navbar-expand-lg.top-nav .navbar-nav .nav-link i {
        font-size: 17px;
    }
    #navbarResponsive {
        overflow: scroll;
        height: 650px;
    }
    .line-digital {
        margin: 0 10px 15px;
    }
    .page-header-h1 {
        padding: 0 0 5px 10px !important;
    }
    .ltform-contact .form-group {
        padding: 0;
    }
    .row-digital-left, .row-digital-right, .ltform-contact .form-group, .singe-content-left img{
        width: 100%;
    }
    .row-digital-left, .row-digital-right{ 
        padding: 0 !important;
        border: none !important;
    }
    .col-digital-left {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 10px; 
    }
    .col-digital-center {
        flex: 0 0 20.666667%;
        max-width: 20.666667%;
    }
    .col-digital-right {
        flex: 0 0 79.333333%; 
        max-width: 79.333333%;
        padding: 5px 5px 5px 5px !important;
    }
    .border-bottom {
        margin: 5px 0 20px 0;
    }
    .section-join-digital .box-info p {
        font-size: 14px; 
    }
    .title-digital-img {
        width: 100%;
    }
    .title-icon {
        text-align: center;
        padding: 10px 0;
    }
    .row-experience-right {
        min-height: 220px; 
        margin-bottom: 30px;
    }
    .title-slider {
        padding: 10px 0 10px 0;
        font-weight: bold;
        margin: 0;
        clear: left;
        color: #fff;
        text-align: center;
        text-shadow: none;
        background: #333;
        z-index: 67; 
    }
    .title-slider a{
        color: #fff;
    }
    .counter-group {
        margin: 0 10px 0 10px;
    }
    .box-huongnghiep .bdt-grid>.bdt-grid-margin, *+.bdt-grid-margin {
        margin-top: 5px;
    }
    .box-huongnghiep .bdt-post-block-item.featured-part .bdt-post-block-title {
        text-align: center;
        font-size: 22px;
    }
    .title-hot-topic, .col-digital-right p:first-child{ 
        height: auto;
    }
    .blog-right-side { 
        margin-top: 20px;
    }
    #calendar .modal-title-h4 {
        line-height: normal; 
    }
    .about-main .read-more-all {
        margin-top: 3px;
        padding-right: 0;
        font-size: 14px; 
    }
    .col-experience-left .info-icon {
        text-align: center;
    }
    .box-hot-topic {
        margin-bottom: 45px; 
    }
    .contact-row-digital .backstretch, .row-guests-digital .backstretch{
        max-height: 100%;
    } 
    .blog-main {
        min-height: auto;  
    }
    .singe-content-left .group-digital-related .relatedcontent, .singe-content-left .group-post-related .relatedcontent {
        height: auto;
    }
    .title-box-home .elementor-headline {
        font-size: 35px;
    }
    .title-section-home .elementor-headline-dynamic-text, .title-section-home .elementor-headline{
        font-size: 28px;
        text-align: center;
    }
    .bdt-carousel-home .bdt-visible\@m{
        display: block !important;
    }
    .bdt-carousel-home .bdt-navigation-next {
        color: #333;
        right: -10px;
    }
    .bdt-carousel-home .bdt-navigation-prev {
        color: #333;
        left: -10px;
    }
    .home .bdt-carousel-home .bdt-navigation-next i,
    .home .bdt-carousel-home .bdt-navigation-prev i{
        font-size: 40px !important;
    }
    .contact-row-digital {
        padding: 15px 0;
        background: #607d8b;
    }
    .error-input, .error {
        color: #ff5722;
    }
    .content-form-singe .form-contact .txtSubmit input[type="submit"] {
        background-color: #f492a3;
        border-color: #fff;
    }
    .form-contact .txtSubmit input[type="submit"] {
        background-color: #007bff;
        border-color: #fff;
    }
    .CT_Submit .full-form-group::before, .full-form-group::before {
        left: 37%;
    }
    ul.bdt-post-list-item {
        display: flex;
        flex-direction: column;
    }
    .page-id-406 .elementor-element-populated{
      margin: 0 0 20px 0 !important;
    }
    .page-id-406 .col-item-kpbt:last-child .elementor-element-populated{
        margin: 0 !important;
    }
    .content404 span.intro{
        border: none;
        font-size: 20px;
    }
}
@media (max-width: 375px){ 
    .logo-home {
        padding-left: 18%;
    }
    #calendar .modal-title-h4 {
        font-size: 16px;
        padding-bottom: 25px; 
    }
    .row-experience-right {
        min-height: 270px; 
        margin-bottom: 0;
    }
    .border-experience {
        padding-left: 70px;
    }
    .title-hv-experience {
        margin: 0 0 3px 0;
        padding-top: 28px;
        font-size: 16px;
        font-weight: bold;
        line-height: normal;
    }
    .title-hv-experience {
        padding-top: 28px;
        line-height: normal;
    }
    .CT_Submit .full-form-group::before, .full-form-group::before {
        left: 37%;
    }
}
@media (max-width: 360px){
    .row-experience-right {
        min-height: 290px;
    }
}
@media (max-width: 320px){
    .logo-home {
        padding-left: 9%;
    }
    #calendar .modal-title-h4 {
        font-size: 17px;
        padding-bottom: 25px;
        line-height: normal; 
    }
    .modal-count {
        top: 60px;
    }
    .about-main .h2, .h2 {
        font-size: 20px;
    }
    .about-main .read-more-all {
        margin-top: 3px;
        padding-right: 0;
        font-size: 10px; 
    }
    .row-experience-right {
        min-height: 345px;   
    }
    .title-form {
        font-size: 18px;
    }
    .CT_Submit .full-form-group::before, .full-form-group::before {
        left: 34%;
    }
}