/*
Theme Name: WebSeo Child Theme
Theme URI: https: //webseo.vn
Description: Day la child theme cua WebSeo
Author: Huy Tap
Author URI: https://webseo.com.vn
Template: webseo-theme
Version: 0.1
*/
@import url("../webseo-theme/style.css");
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0 !important; }
.header-top ul li a { color: #fff; }
.header-top ul li { padding: 5px 15px; }
.header-top ul { display: flex; }
.header-top { background: #b74646; color: #fff; }
.header-top .container { display: flex; justify-content: space-between; align-items: center; }
.header-menu-wrapper { background: #b74646; }
#header .row-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }
.header-main .navigation li a { color: #222; font-size: 15px; font-weight: 700; }
.navigation > ul > .current a, .navigation > ul > .current-menu-item a, .navigation ul li:hover > a { background: rgb(255 144 144 / 20%); color: #cb0000; border-radius: 50px; }
.slider-wrapper .item.slide-item img { margin: auto; object-fit: cover; object-position: center center; height: 800px; width: 100%; }
.slider-wrapper .post-image { position: relative; }
.caption-slider { position: absolute; display: table; z-index: 999; top: 0; text-align: center; margin: auto; align-content: center; justify-content: center; bottom: 0; left: 0; right: 0; }
.slider-wrapper .post-image .slider-content-1 { width: 100%; padding: 15px; float: left; font-size: 4vh; font-weight: 700; color: #ff555b; }
.slider-wrapper .post-image .slider-content-2 { width: 100%; padding: 15px; float: left; font-size: 6vh; font-weight: 700; color: #FBBC06; text-shadow: 2px 0px 0 #fff; }
.slider-wrapper .post-image .slider-content-3 { width: 100%; padding: 15px; float: left; font-size: 3vh; font-weight: 700; color: #ffffff; margin-bottom: 30px; }
.slider-wrapper .post-image .slider-content-4 { clear: both; background: #febb17; display: table; margin: 30px auto; padding: 10px 25px; animation: moveDown 1s ease-in-out 0.7s backwards; }
.slider-wrapper .post-image .slider-content-4 a { color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; }
#gioi-thieu li, #ung-tuyen li { margin-bottom: 15px; font-size: 18px; }
#gioi-thieu li:before, #ung-tuyen li:before { font-family: 'FontAwesome'; content: "\f005"; font-size: 16px; color: #d2242b; margin-right: 10px; }
#gioi-thieu h2, #ung-tuyen h2 { font-size: 30px; font-weight: 700; color: #d2242b; margin-bottom: 15px; }
#vc-gioi-thieu .box-item-webseo.style-2 h3.title-box { font-size: 35px; font-weight: 700; }
#vc-gioi-thieu .caption-box { text-align: justify; margin-bottom: 30px; }
#vc-gioi-thieu .xemchitiet { background: #ff9800; padding: 15px 30px; color: #fff; }
#vc-gioi-thieu .img-box.text-center img { border-radius: 45px 0 0 0; }
#tai-sao .box-item-webseo.style-2 .box-item-webseo-left .title-box { font-size: 26px; font-weight: 700; }
#tai-sao .box-item-webseo.style-2 .box-item-webseo-left ol { list-style: auto; padding-left: 40px; margin: 10px 0; }
#tai-sao .box-item-webseo.style-2 .box-item-webseo-left ol li { padding: 6px 0; font-size: 110%; }
#vc-quyen-loi { padding: 40px 0; }
#vc-quyen-loi img { margin: auto; object-fit: cover; object-position: center center; height: 250px; border-radius: 10px; border: 1px solid #ccc; padding: 3px; width: 100%; }
#vc-quyen-loi .okt { font-size: 30px; font-weight: 700; padding: 15px 0px; }
#vc-quyen-loi .title-box { font-weight: 700; font-size: 16px; line-height: 1.5; }
.box-item-webseo.style-2.reviewhoc { padding: 40px 0; }
.box-item-webseo.style-2.reviewhoc .box-item-webseo-left h3.title-box { font-size: 21px; font-weight: 700; margin-bottom: 18px; }
.box-item-webseo.style-2.reviewhoc img { border-radius: 10px; }
#noi-dung-dao-tao { padding: 20px 0; }
.container-ws { width: 100%; }
.container-ws .content-ws { display: flex; text-align: center; font-weight: 700; width: 100%; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 10px 0; }
h2.title-nam { background: #d2242b; color: #fff; text-align: center; display: table; width: 105px; font-size: 18px; padding: 7px 15px; border-radius: 5px; }
.container-ws .content-ws p { width: calc(100% - 105px); padding-left: 10px; text-align: left; }
#form-thongtin-thezei input { width: 100%; margin-bottom: 15px; background: #f5f5f5; }
#form-thongtin-thezei .wpcf7-submit { background: #b90000 !important; color: #fff; text-transform: uppercase; display: table; margin: 15px auto; width: auto !important; padding: 10px 20px; border-radius: 8px; }
#co-hoi h2 { font-size: 30px; font-weight: 700; color: #000; }
#co-hoi .box-item-webseo.style-1 { text-align: center; color: #000; margin-bottom: 40px; }
#co-hoi .box-item-webseo.style-1 .img-box { margin-bottom: 24px; width: 70px; height: 70px; border-radius: 50%; margin-left: auto; margin-right: auto; background-color: #fff; text-align: center; display: inline-flex; justify-content: center; align-items: center; }
#co-hoi .box-item-webseo.style-1 img { padding: 8px; }
#co-hoi .box-item-webseo.style-1 .title-box { font-weight: 700; font-size: 15px; line-height: 1.5; }
#co-hoi .box-item-webseo.style-1 .caption-box { width: 90%; margin: auto; text-align: justify; }
#quyen-loi-nhan-vien .quyen-loi h2 { color: #d2242b; font-size: 30px; font-weight: 700; }
#quyen-loi-nhan-vien .quyen-loi ul { padding: 30px 0; overflow: hidden; display: flex; flex-wrap: wrap; }
#quyen-loi-nhan-vien .quyen-loi li { width: 31.33%; color: #fff; margin: 1%; text-align: center; font-weight: 700; border-radius: 7px; padding: 15px; background: #d2242b; }
#quyen-loi-nhan-vien .act { display: table; border: 3px solid #d2242b; margin: 30px auto; padding: 25px 50px; font-size: 27px; color: #d2242b; font-weight: 700; border-radius: 21px; }
.quy-trinh .wpb_wrapper { display: flex; flex-wrap: wrap; }
#dang-ky-thong-tin { padding: 40px 0; text-align: center; }
#dang-ky-thong-tin p { padding: 15px; }
#dang-ky-thong-tin h2 { font-size: 30px; font-weight: 700; }
#dang-ky-thong-tin  .wpcf7-submit { margin: 0 auto; }
.title-tintuc .title-box { font-size: 30px; margin-bottom: 10px; font-weight: 700; text-align: center; }
#dich-vu-hp { margin-bottom: 25px; margin-top: 30px; }
#dich-vu-hp img { margin: auto; object-fit: cover; object-position: center center; height: 225px; border-radius: 10px; border: 1px solid #ccc; padding: 3px; width: 100%; }
#dich-vu-hp .caption-box { text-align: center; font-size: 14px; min-height: 45px; }
#gia-tri-cot-loi .wpb_column.vc_column_container .vc_column-inner { max-width: 1200px; margin: 40px auto; background: rgb(255 255 255 / 73%); }
.hotro-item .title-box { font-size: 20px !important; }
#dich-vu-hp h3 { font-size: 16px; font-weight: 700; }
.hotline-header i { font-weight: 700; font-size: 25px; }
.hotline-header { color: #b74646; font-size: 22px; }
#tai-sao-chon .box-item-webseo.style-1 h3.title-box { color: #ed4136; font-weight: 700; }
h2.title-category a { color: #fff; font-weight: 700; font-size: 20px; }
h2.title-category { background: #b74646; margin-top: 20px; padding: 8px 12px; }
.news-home-docu .box-news { display: flex; justify-content: space-between; flex-wrap: wrap; }
.news-home-docu .box-news .itemnews { width: 25%; padding: 15px; text-align: center; }
.news-home-docu .box-news .itemnews .price { color: #ed4136; padding: 5px; }
.news-home-docu .box-news .itemnews h4 a { font-weight: 700; color: #222; }

/* nut alo */
.phone1 { position: fixed; bottom: 60px; left: -60px; z-index: 10001; height: 80px; }
.number { position: absolute; top: 88px; left: 111px; padding: 5px 5px 5px 15px; background-color: #02a2ff; color: #ffe200; z-index: 0; font-weight: 600; border-radius: 0 30px 30px 0; font-size: 18px; width: 140px; }
.quick-alo-ph-circle { position: absolute; width: 100px; height: 100px; top: 55px; left: 51px; border: 2px solid #00A1FF; background-color: transparent; border-radius: 100%; opacity: .1; animation: quick-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; transform-origin: 50% 50%; }
.quick-alo-ph-circle-fill { background-color: rgb(246, 202, 98); opacity: .75 !important; position: absolute; width: 80px; height: 80px; top: 62px; left: 62px; background-color: rgba(0, 161, 255, 0.5); border-radius: 100%; border: 2px solid transparent; opacity: .1; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; transform-origin: 50% 50%; }
.quick-alo-ph-img-circle { position: absolute; width: 45px; height: 45px; top: 80px; left: 80px; background: #00A1FF url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABrklEQVRYR82XjTEEQRCFX0dABlwEiAARkAEyIAJEoERACETARUAIJwIyeOqptfbm5qeP3lpTdVVXVzPd3/R0v+4zTLxsYv/4XwAkrwDsV6JyZmaLyKj1ESB5AOCpYfzazAQZttYFuDWz8zDvwE8OkNwF8NIwvjCz2SgAMkqSDuOzyDxYqgKSrwB2GhBKxHsHqGtLCiDDJ42Tj2Z27LLu2JQCnAK4a5x7M7Nth23XlhRgE8B74+SemempQtaKEpKsPUPo++sGOYCSIIU7zwJ05ficSLLkV6H/CIn7wEi2GRVkOVwFixEoREE/hz9DsR2TVKkp2zeSsI9bBUNnJNV4bhIA5cFhVCk2B5JCWVYhSEopjwAob6qa4QGQOKkqcj1iJSdIpmoqWEHIhr7Ph1BNgC4haxAPAC7UITPOc1UrCOXR12TlAnBAyKhAdHvPUg4pIn6AAYQc1ebG8QC+LXfD66XHU2HP7yKQlKhGODWu1gCTY/g7wCAaendNyltrRCQOIAERjCc/ejV1V4H3dp2ES4jU1vVJpXxpogoHSEE7oOEIp9G+/3c1OkArcpMDfAIqL6EhVS6JOAAAAABJRU5ErkJggg==") no-repeat center center; border-radius: 100%; border: 2px solid transparent; opacity: .99; animation: quick-alo-circle-img-anim 1s infinite ease-in-out; transform-origin: 50% 50%; }
.quick-alo-phone .quick-alo-green .quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle { background-color: #ff0101; }
@-moz-keyframes quick-alo-circle-anim {
    0% { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
    30% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
    100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes quick-alo-circle-anim {
    0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
    30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
    100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes quick-alo-circle-anim {
    0% { -o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 }
    30% { -o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
    100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes quick-alo-circle-fill-anim {
    0% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 }
    100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
    0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
    100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes quick-alo-circle-fill-anim {
    0% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
    100% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes quick-alo-circle-img-anim {
    0% { transform: rotate(0) scale(1) skew(1deg) }
    10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -moz-transform: rotate(0) scale(1) skew(1deg) }
    100% { -moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes quick-alo-circle-img-anim {
    0% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
    10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
    100% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes quick-alo-circle-img-anim {
    0% { -o-transform: rotate(0) scale(1) skew(1deg) }
    10% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -o-transform: rotate(0) scale(1) skew(1deg) }
    100% { -o-transform: rotate(0) scale(1) skew(1deg) }
}
#site-footer { position: relative; overflow: hidden; color: #b8b7b7; font-size: 14px; line-height: 1.4; padding: 0; background: #444; box-shadow: inset 0 0 2px 0 rgb(0 0 0 / 20%); clear: both; }
#site-footer .inner { padding: 50px 0 50px 0px !important }
#site-footer i { color: #fff !important }
#site-footer .widget .widget-title { padding: 0 0 8px; margin-bottom: 5px; font-size: 18px; color: #e8bc67; font-weight: 700; text-transform: none; line-height: 1.4; border-bottom: 0 solid #f6df91 !important; background-color: transparent }
#site-footer li { color: #b8b7b7; font-size: 14px; border: none; padding: 7px 0; line-height: 1.5; margin: 0 }
#site-footer ul li:before { font-family: 'FontAwesome'; content: "\f054"; font-size: 10px; color: #fff; margin-right: 10px }
#site-footer i.fa { font-size: 18px; padding-right: 15px; color: #fff !important }
#site-footer i.fa.fa-facebook-square:hover { color: #ad0080 !important }
#site-footer i.fa.fa-youtube:hover { color: red !important }
#site-footer a { color: #ccc }
#site-footer a:hover { color: #ffc92b }
#site-footer .copyrights { background: rgb(70 68 68 / 45%) !important; padding: 3px 0 !important }
#copyrights li:before, #text-2 li:before { display: none }
.copyright-left { padding-top: 9px }
#text-3 p { padding-bottom: 15px; }
#ung-tuyen h2 { color: #ffffff; }

/* RESPONSIVE */
@media screen and (max-width:1400px) {
    .container {max-width: 100%;}

#header img {
    height: 50px;
    width: auto;
}
.hotline-header {
    font-size: 18px;
}
}
@media screen and (min-width:992px) {
    .video-ws { width: 70%; margin: auto; }
    .home .header-main { position: fixed; top: 0; width: 100%; z-index: 9999; background: #ffebe2; }
    #vc-gioi-thieu .box-item-webseo.style-2 { display: flex; flex-direction: row-reverse; justify-content: space-between; }
    #vc-gioi-thieu .img-box.text-center { width: 40%; }
    #vc-gioi-thieu .box-item-webseo-left { width: 55%; }
    #tai-sao .box-item-webseo.style-2 { display: flex; justify-content: space-between; }
    #tai-sao .box-item-webseo.style-2 .img-box { width: 40%; }
    #tai-sao .box-item-webseo.style-2 .box-item-webseo-left { width: 60%; padding-left: 35px; }
    .box-item-webseo.style-2.reviewhoc { display: flex; flex-direction: row-reverse; }
    .box-item-webseo.style-2.reviewhoc .img-box.text-center { width: 40%; }
    .box-item-webseo.style-2.reviewhoc .box-item-webseo-left { width: 60%; padding-right: 30px; }
    .content.home-page { display: flex; }
    .content.home-page article#the-post { width: 75%; padding-right: 20px; }
    .content.home-page aside#sidebar { width: 25%; }
    .home .content.home-page { display: block; }
    .home .content.home-page article#the-post { width: 100%; padding-right: 0; }
    .home .content.home-page aside#sidebar { width: 100%; }
    h1.title.entry-title { font-size: 30px; font-weight: 700; padding-bottom: 14px; }
}
@media screen and (max-width:991px) {
    #dich-vu-hp .vc_col-sm-3 { width: 50%; float: left; }
    .search-box { background: #b74646; display: none; }
    .hotline-header { color: #b74646; font-size: 16px; }
    #quyen-loi-nhan-vien .quyen-loi li { width: 100%; margin: 1% 0; }
    #quyen-loi-nhan-vien .act { display: table; border: 3px solid #d2242b; margin: 20px auto; padding: 15px 30px; font-size: 16px; border-radius: 11px; }
    #vc-gioi-thieu { padding-top: 0 !important; }
    #vc-gioi-thieu .box-item-webseo.style-2 h3.title-box, #tai-sao .box-item-webseo.style-2 .box-item-webseo-left .title-box { font-size: 28px; font-weight: 700; margin-top: 20px; text-align: center; }
    #tai-sao .box-item-webseo.style-2 .box-item-webseo-left ol li { padding: 6px 0; font-size: 100%; }
    #tai-sao .box-item-webseo.style-2 .box-item-webseo-left ol { padding-left: 24px; }
    #vc-quyen-loi { padding: 0px 0; }
    #co-hoi .box-item-webseo.style-1 { margin-bottom: 0; display: flex; }
    #co-hoi .box-item-webseo.style-1 .caption-box { display: none; }
    #co-hoi .box-item-webseo.style-1 .title-box { font-weight: 700; font-size: 15px; line-height: 1.5; width: calc(100% - 80px); text-align: left !important; }
    .box-item-webseo.style-2.reviewhoc .box-item-webseo-left h3.title-box { font-size: 18px; font-weight: 700; line-height: 1.5; margin-bottom: 18px; margin-top: 20px; }
}
@media screen and (max-width:767px) {
    .news-home-docu .box-news .itemnews { width: 50%; padding: 10px; }
    #dich-vu-hp img { height: 140px; }
    #dich-vu-hp .caption-box { max-width: 100%; text-align: center; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; min-height: 40px; margin-bottom: 25px; -webkit-box-orient: vertical; padding: 0; text-overflow: ellipsis; }
}
@media screen and (max-width:575px) {
    .title-tintuc .title-box { font-size: 24px; }
    ul.social-share-container a { padding: 3px 8px; margin-right: 5px; }
    .header-logo img { height: 50px; width: auto; }
    .slider-wrapper .item.slide-item img { height: 500px; }
    .quy-trinh .wpb_wrapper .container-ws.left, .quy-trinh .wpb_wrapper .container-ws.right { padding: 10px 0; background: #eee; margin: 1%; }
    .container-ws .content-ws p { width: 100%; padding: 10px; text-align: left; }
    .container-ws.left .content-ws { flex-direction: column; flex-wrap: nowrap; align-items: center; }
    .container-ws.right .content-ws { flex-direction: column; display: flex; align-items: center; font-weight: 700; text-align: center; }
    #ung-tuyen h2 { color: #ffffff; }
    .slider-wrapper .post-image .slider-content-1 { font-size: 23px; }
    .slider-wrapper .post-image .slider-content-2 { font-size: 30px; text-shadow: 1px 0px 0 #fff; }
    .slider-wrapper .post-image .slider-content-3 { font-size: 18px; }
}