@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);@media (min-width: 991px) {
    html {
        font-size:1.2vw
    }
}

@media (min-width: 1600px) {
    html {
        font-size:1vw
    }
}

.header-bg-image {
    background-image: url(https://activepestcontrol.com.vn/wp-content/themes/thuythu-child/custom/images/header_bg.png.pagespeed.ce.MfzvH4QJyF.png);
    background-position: bottom center
}

.header-bg-color.fill {
    display: none
}

div#masthead {
    z-index: 12;
    height: 4.948rem!important
}

body {
    font-family: 'Open Sans',sans-serif;
    font-size: .78125rem;
    color: #232323;
    line-height: 1.5
}

div#logo {
    width: auto;
    margin: 0;
    background: #fff;
    box-shadow: 0 4px 1.042rem 0 rgba(0,0,0,.10);
    position: absolute;
    height: calc(100% + 2.34375rem) !important;
    top: -2.34375rem;
    width: 7.34375rem;
    max-height: unset;
    display: flex;
    align-items: center
}

div#top-bar {
    height: 2.34375rem;
    background: radial-gradient(105360.3% 245.54% at 46.28% 181.25%,#0266b4 0%,#093d87 100%)
}

#logo img {
    max-height: 100%!important;
    width: 100%!important
}

.logo a {
    display: inline-block;
    max-height: 100%;
    width: auto
}

.stuck #logo img {
    max-height: 100%!important
}

li.html.custom.html_topbar_left {
    font-size: 1.146rem;
    font-weight: 700
}

.header-main .nav>li>a {
    font-size: 1.25rem;
    font-weight: 600;
    color: #08408b;
    padding: .365rem 1.2rem;
    border-radius: .208rem;
    transition: .5s all;
    line-height: normal!important
}

.header-main .nav>li>a:hover {
    background: #08408b;
    color: #fff
}

.container,.container-width,.full-width .ubermenu-nav,.row {
    max-width: 63.542rem
}

ul.header-nav>li {
    margin: 0 .5625rem;
    display: flex
}

.header-bg-container.fill {
    background-color: #fff
}

li.html.custom.html_topbar_left b {
    font-weight: 600
}

.text_center {
    text-align: center
}

footer#footer {
    padding-top: 5.208rem
}

.css_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

footer#footer * {
    color: #fff
}

footer#footer h2,footer#footer h3 {
    font-weight: 500;
    font-size: 2.865rem;
    margin-bottom: .521rem
}

h1,h2,h3 {
    font-weight: 700;
    color: #232323
}

footer#footer h3 {
    margin-bottom: .26rem;
    font-size: 2.083rem;
    font-weight: 600
}

a.phone_footer {
    display: inline-flex;
    align-items: center;
    color: #d72727!important;
    font-size: 3.385rem;
    font-weight: 800;
    margin-bottom: .521rem
}

a.phone_footer svg {
    display: block
}

a.phone_footer svg {
    width: 3.333rem;
    height: auto
}

ul.socials {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center
}

ul.socials a {
    width: 2.083rem;
    height: 2.083rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    margin: 0 .46875rem
}

ul.socials a:before {
    top: -.208rem;
    right: -.208rem;
    bottom: -.208rem;
    left: -.208rem;
    border-radius: 50%;
    content: '';
    border: 1px solid #fff;
    position: absolute
}

.footer_bottom {
    padding-top: 1.5625rem;
    margin-top: 1.5625rem;
    position: relative
}

.footer_bottom:before {
    width: 39.74rem;
    height: 1px;
    position: absolute;
    content: '';
    background: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.content {
    font-size: .78125rem;
    color: #232323
}

footer#footer .content {
    font-size: 1.042rem;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: .833rem
}

footer#footer .content img {
    margin-top: .833rem;
    margin-bottom: 0;
    max-width: 9.0625rem;
    height: auto
}

.content>*:last-child {
    margin: 0
}

.copyright {
    font-size: .833rem;
    color: rgba(255,255,255,.50);
    opacity: .5;
    padding-bottom: .833rem
}

.section {
    width: 100vw!important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0
}

.arrow.prev {
    transform: rotate(180deg)
}

.swiper-slide img {
    display: block
}

.hero-slider {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff
}

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left
}

.hero-style {
    transition: all .4s ease;
    background: #000;
    padding-bottom: 41%
}

.home_sec_2 {
    background: #f0f9fe;
    padding: 3.90625rem 0 1.5625rem
}

.home_sec_2 .box_img img {
    max-width: calc(100% + calc(calc(100vw - 54.167rem)/2));
    margin-right: -4.21875rem
}

.home_sec_2 .box_img {
    display: flex;
    justify-content: flex-end
}

.home_sec_2 .box_content {
    padding-top: 3.646rem
}

.home_sec_2 .box_content .logo img {
    margin: auto;
    max-width: 16.875rem
}

.home_sec_2 .box_content h2 {
    font-size: 1.25rem;
    margin-bottom: 1.5625rem;
    padding-bottom: .521rem;
    position: relative
}

.home_sec_2 .box_content h2:before {
    width: 19.896rem;
    height: .104rem;
    background: #08408b;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.home_sec_2 .box_content .content {
    font-size: .9375rem;
    margin-bottom: 1.042rem
}

.button_link {
    display: inline-block;
    border-radius: 5px;
    background: #d72727;
    color: #fff;
    font-size: .833rem;
    font-weight: 500;
    padding: .417rem 2.083rem;
    transition: .5s all
}

.button_link:hover {
    background: #093d87;
    color: #fff
}

.heading_title {
    font-size: 3.385rem;
    font-weight: 700;
    color: #d72727;
    margin-bottom: .78125rem
}

.home_sec_3 {
    padding: 3.646rem 0 4.167rem
}

.home_sec_3 .wrap_items {
    display: flex;
    margin: 0 -.78125rem
}

.home_sec_3 .wrap_items .icon {
    width: 6.042rem;
    height: 6.042rem;
    background: #5bb8ec;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto .677rem
}

.home_sec_3 .wrap_items .icon img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto
}

.home_sec_3 .wrap_items h3 {
    font-size: 1.042rem;
    margin-bottom: 1.042rem
}

.home_sec_3 .wrap_items .item {
    width: calc(calc(100% / 5) - 1.5625rem);
    margin: 0 .4rem
}

.home_sec_4 {
    background: #f5f9fa;
    padding-top: 4.167rem
}

.home_sec_4 .content.top {
    font-size: .9rem;
    max-width: 43.59375rem;
    margin: 0 auto 2.604rem
}

.wrap_service {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.677rem
}

.item_service {
    position: relative;
    width: calc(calc(100% / 3) - 1.354rem);
    margin: 0 .677rem 1.354rem;
    padding-bottom: 33%;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer
}

.item_service>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.item_service .box_hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #5bb8ec;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1.042rem;
    align-content: center;
    opacity: 0;
    transition: .5s all
}

.grid-container {
    width: 100%;
    max-width: 64.0625rem
}

.item_service .box_hover .icon {
    width: 5.833rem;
    height: 5.833rem;
    display: block;
    margin: auto
}

.item_service .box_hover .icon img {
    display: block
}

.item_service .box_hover .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.item_service .box_hover h3 {
    font-size: 1.146rem;
    font-weight: 600;
    position: relative;
    margin-bottom: .885rem;
    padding-bottom: .3125rem
}

.item_service .box_hover h3:before {
    width: 11.875rem;
    height: 1px;
    content: '';
    position: absolute;
    background: #232323;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.item_service .box_hover .content {
    margin-bottom: .885rem
}

.button_link.white {
    color: #00285f!important
}

.button_link.white:hover {
    background: #00285f!important;
    color: #fff!important
}

.item_service:hover .box_hover {
    opacity: 1
}

/* ===== Methods listing (giống mẫu) ===== */
.methods_page {
    padding: 3.125rem 0
}

.methods_page .heading_title {
    color: #08408b;
    text-align: center
}


.wrap_methods {
    display: flex;
    flex-wrap: wrap;
    margin: 1.5rem -1.25rem 0
}

.item_method {
    position: relative;
    width: calc(50% - 2.5rem);
    margin: 1.25rem;
    text-align: center;
    color: #fff;
    padding: 2rem;
    background: #05529e3d;
    border-radius: .5rem;
    transition: .5s all;
}

.item_method .link_full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.item_method .icon {
    width: 5rem;
    height: 5rem;
    margin: 0 auto 1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.item_method .icon img {
    object-fit: contain
}

.item_method h3 {
    color: #555;
    font-size: 1.35rem;
    font-weight: 600;
    margin-bottom: .75rem
}

.item_method .content {
    color: #333;
    line-height: 1.6
}

@media (max-width: 767px) {
    .item_method {
        width: calc(100% - 2.5rem)
    }
}

.home_sec_5 {
    background: #f5f9fa;
    padding-top: 3.125rem;
    padding-bottom: 3.646rem
}

.wrap_slider {
    position: relative
}

.arrow_slider {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5.208rem;
    width: 2.917rem;
    height: 2.917rem;
    border: 1px solid #d72727;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .5s all;
    cursor: pointer
}

.arrow_slider svg {
    max-width: 34%;
    height: auto
}

.arrow_slider svg path {
    fill: #d72727;
    transition: .5s all
}

.arrow_slider.next {
    left: unset;
    right: -5.208rem
}

.arrow_slider.prev svg {
    transform: rotate(180deg)
}

.arrow_slider:hover {
    background: #d72727
}

.arrow_slider:hover svg path {
    fill: #fff
}

.slider_methods .box_img {
    display: flex;
    justify-content: center;
    width: 8.229rem;
    height: 8.229rem;
    align-items: flex-end;
    margin: 0 auto 3.125rem;
    position: relative
}

.slider_methods .box_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.slider_methods .box_img .num {
    width: 2.03125rem;
    height: 2.03125rem;
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    background: #5bb8ec;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 1.25rem;
    font-weight: 600
}

.item_product h3 {
    font-size: .9375rem;
    font-weight: 600
}

.item_product .content {
    max-width: 12.24rem;
    margin: auto
}

.home_sec_5 h2.heading_title {
    margin-bottom: 2.34375rem
}

.swiper-pagination-bullet {
    width: .78125rem;
    background: #fff;
    height: .78125rem;
    opacity: .5;
    transition: .5s all
}

.swiper-pagination-bullet-active {
    opacity: 1;
    width: 2.76rem;
    border-radius: 5.208rem
}

a.style_center.max {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.home_sec_6 {
    padding: 5.208rem 0 4.6875rem
}

.home_sec_6 .box_content>* {
    color: #fff
}

.home_sec_6 .wrap {
    display: flex
}

.home_sec_6 .wrap .box_content {
    width: 42%;
    flex: 0 0 auto
}

.home_sec_6 .wrap .box_content .content {
    max-width: 16.927rem
}

.item_post {
    position: relative;
    width: calc(calc(100% / 4) - 1.354rem);
    margin: 0 .677rem 1.354rem;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 1.042rem 0 rgba(0,0,0,.25);
    padding: .46875rem .46875rem 1.823rem;
    transition: .5s all
}

.item_post .box_img {
    position: relative;
    padding-bottom: 56.25%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: .78125rem
}

.item_post .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all
}

.item_post:hover .box_img img {
    transform: scale(1.1)
}

.item_post .wrap_top {
    display: flex;
    align-items: center;
    margin-bottom: .729rem
}

.item_post .wrap_top h3 {
    font-size: .78125rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: .26rem
}

.item_post .wrap_top .meta {
    color: #666;
    font-size: .625rem
}

.item_post .wrap_top .meta span {
    color: #0063a7
}

.item_post .wrap_top .box_date {
    margin-right: .521rem;
    background: #5bb8ec;
    border-radius: 5px;
    text-align: center;
    font-size: .521rem;
    padding: .208rem;
    margin: .208rem .78125rem .208rem .208rem;
    position: relative;
    transition: .5s all
}

.item_post:hover .wrap_top .box_date {
    background: #d72727
}

.item_post:hover .wrap_top .box_date:before {
    border-color: #d72727
}

.wrap_post {
    margin: 0 -.677rem 2.083rem;
    display: flex;
    flex-wrap: wrap
}

.item_post .wrap_top .box_date .date {
    font-weight: 500;
    font-size: .625rem
}

.item_post .wrap_top .box_date:before {
    top: -.208rem;
    right: -.208rem;
    bottom: -.208rem;
    left: -.208rem;
    border-radius: 9px;
    border: .5px solid #5bb8ec;
    content: '';
    position: absolute;
    transition: .5s all
}

.item_post .content {
    margin-bottom: .885rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.item_post .box_content>span {
    color: #00285f;
    font-size: .833rem;
    font-weight: 600
}

.home_sec_7 {
    padding: 4.167rem 0
}

.home_sec_8 {
    background: #f5f9fa;
    padding: 4.6875rem 0 3.385rem
}

.home_sec_8 .wrap_logo {
}

.home_sec_8 .wrap_logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.25rem
}

.home_sec_8 .wrap_logo a img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto
}

.home_sec_3 h2.heading_title {
    margin-bottom: 2.083rem
}

section.banner_page img {
    width: 100%;
    display: block
}

nav.breadcrumb ul {
    list-style: none;
    margin: .78125rem 0 0 0;
    display: flex;
    align-items: center
}

nav.breadcrumb ul * {
    font-style: unset;
    font-size: 1.2rem;
    color: red;
    font-weight: 400
}

nav.breadcrumb ul li {
    margin: 0!important
}

nav.breadcrumb ul span {
    font-size: .573rem;
    margin: 0 .729rem!important;
    display: inline-block
}

.blog_page {
    padding: 3.90625rem 0 3.385rem
}

.blog_page h1.heading_title.text_center {
    text-transform: uppercase;
    color: #08408b;
    margin-bottom: 1.5625rem
}

ul.thenativePagination {
    list-style: none;
    display: flex;
    justify-content: center
}

ul.thenativePagination a {
    height: 1.823rem;
    width: 1.823rem;
    border-radius: 5px;
    background: #e7e7e7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 .417rem;
    transition: .5s all
}

ul.thenativePagination a:hover,ul.thenativePagination li.active a {
    background: #d72727;
    color: #fff
}

.item_post .box_content * {
    transition: .5s all
}

.item_post:hover .box_content * {
    color: #fff!important
}

.item_post:hover {
    background: #5bb8ec
}

section.post_details {
    padding: 2.083rem 0 2.604rem
}

section.post_details .wrap {
    display: flex
}

section.post_details .wrap .share {
    position: sticky;
    top: 11.458rem;
    text-align: right
}

section.post_details .left {
    width: 56.25rem;
    padding-bottom: 4.167rem;
    border-bottom: 1px solid #bebebe;
    flex: 0 0 auto
}

section.post_details .left .date_post {
    color: #666;
    font-size: .833rem
}

section.post_details .left h1.heading_title.text_up {
    font-size: 1.5625rem;
    color: #08408b;
    text-transform: uppercase
}

section.post_details .left .content h3 {
}

blockquote {
    padding-left: 1.823rem;
    font-size: .78125rem;
    border-left: .15625rem solid #d9d9d9
}

section.post_details .left h2,section.post_details .left h3,section.post_details .left h4 {
    margin-top: 1.5625rem;
    margin-bottom: 1.042rem
}

section.post_details .left h2 {
    font-size: 1.5625rem
}

section.post_details .left h3 {
    font-size: 1.302rem
}

section.post_details .left h4 {
    font-size: 1.042rem
}

.post_details_sec_2 {
    padding-bottom: 5.208rem
}

.post_details_sec_2 .item_post {
    width: 100%;
    margin: 0 0 1.042rem
}

.post_details_sec_2 .slider_posts {
    padding: 0 1.042rem;
    margin: 0 -1.5625rem;
    padding-top: 1.042rem
}

.post_details_sec_2 .slider_posts .item_post {
    box-shadow: 0 4px .521rem 0 rgba(0,0,0,.25)
}

section.post_details .wrap .share ul {
    list-style: none;
    margin: 0
}

section.post_details .wrap .share span {
    font-size: .78125rem;
    font-weight: 700;
    color: #484848;
    transform: rotate(90deg) translateY(-.15625rem);
    display: inline-block;
    transform-origin: bottom left;
    margin-bottom: 3.698rem;
    margin-top: .521rem
}

section.post_details .wrap .content {
    text-align: justify
}

section.post_details .wrap .share svg {
    max-width: 3.229rem;
    height: auto
}

section.post_details .wrap .right {
    width: 100%
}

.heading_title.blue {
    color: #08408b;
    margin-bottom: 0
}

.service_page {
    padding: 4.167rem 0
}

.service_page .heading_title {
    text-transform: uppercase
}

.service_page .heading_title+.content {
    max-width: 43.75rem;
    margin: 0 auto 2.604rem
}

.service_details .wrap {
    display: flex
}

.service_details {
    padding: 4.167rem 0
}

.service_details .box_content {
    width: 42%;
    flex: 0 0 auto;
    padding-top: 2.34375rem;
    padding-right: 3.646rem
}

.service_details .box_content h1 {
    font-size: 1.5625rem;
    color: #08408b;
    text-transform: uppercase
}

.service_details .box_content .content {
    margin-bottom: 1.5625rem
}

.service_details .box_img ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.78125rem
}

.service_details .box_img ul li {
    width: calc(50% - 1.5625rem);
    margin: 0 .78125rem 1.5625rem;
    border-radius: 5px;
    overflow: hidden
}

.service_details .box_img ul li img {
    height: 100%;
    display: block
}

.service_details .box_content a.button_link {
    width: 100%;
    text-align: center;
    padding: .573rem 2.083rem
}

.home_sec_7 .heading_title {
    margin-bottom: 2.083rem
}

.home_sec_6 .box_content>h2.heading_title {
    font-size: 2.865rem
}

.wrap_form input,.form_contact .wrap_form textarea {
    height: 2.604rem;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #333;
    margin: 0 0 1.042rem
}

.wrap_form input::placeholder {
    color: #333
}

.wrap_form input.wpcf7-submit {
    background: #d72727;
    color: #fff;
    border-color: #d72727;
    font-size: .833rem;
    margin: 0
}

.wrap_form p {
    margin: 0
}

span.wpcf7-spinner {
    position: absolute
}

.wpcf7 .wpcf7-not-valid-tip {
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #b20000;
    opacity: 1;
    font-size: .625rem
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {
    text-align: center;
    color: #333;
    background: #ffb900
}

.contact_section {
    padding: 2.865rem 0 5.208rem
}

.form_contact {
    border-radius: 1.042rem;
    background: #f0f9fe;
    padding: 3.125rem 5.208rem
}

.form_contact h1.heading_title {
    color: #08408b;
    margin: 0
}

.form_contact h1.heading_title+content {
    margin-bottom: 1.823rem
}

.form_contact .content {
    margin-bottom: 1.823rem
}

.form_contact .wrap_form input,.form_contact .wrap_form textarea {
    height: 2.083rem;
    padding-left: 1.302rem;
    padding-right: 1.302rem
}

.form_contact .wrap_form input.wpcf7-submit {
    width: auto;
    min-width: 19.792rem
}

.top-divider {
    display: none!important
}

.wrap_cncl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.78125rem
}

.wrap_cncl .item {
    width: calc(calc(100% / 4) - 1.5625rem);
    margin: 0 .78125rem 2.083rem;
    cursor: pointer;
    position: relative
}

.wrap_cncl .item img {
    display: block;
    width: 100%
}

.wrap_cncl .item h3 {
    color: #333;
    font-size: .833rem;
    margin-bottom: .9375rem;
    opacity: 0;
    transition: .3s all
}

.wrap_cncl .item .box_img {
    margin-bottom: .78125rem
}

.wrap_cncl .item .content {
    font-size: .833rem;
    color: #333;
    font-weight: 600;
    text-align: center
}

.wrap_cncl .item:hover h3 {
    opacity: 1
}

.wrap_document .item .box_img {
    background: rgba(15,110,184,1);
    position: relative
}

.wrap_document .item .box_img img {
    opacity: 1;
    transition: .3s all
}

.wrap_document .item:hover .box_img img {
    opacity: .2
}

.wrap_document .item {
    cursor: pointer
}

.wrap_document .item ul {
    position: absolute;
    bottom: 1.5625rem;
    z-index: 9;
    left: 1.5625rem;
    right: 1.5625rem;
    opacity: 0;
    transition: .3s all;
    list-style: none;
    margin: 0;
    padding: 0
}

.wrap_document .item ul a {
    width: 100%;
    text-align: center;
    height: 2.083rem;
    background: #08408b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .677rem;
    color: #ffff;
    text-transform: uppercase
}

.wrap_document .item ul li:not(:last-child) {
    margin-bottom: .521rem
}

.wrap_document .item ul a.dowload_document {
    background: #1fb0e6;
    color: #fff;
    border: 1px solid #fff
}

.container.document_home {
    padding-top: 4.167rem
}

.wrap_document .item:hover ul {
    opacity: 1
}

section.section.document_page {
    padding: 4.167rem 0
}

section.section.document_page h1.heading_title {
    margin-bottom: 2.083rem
}

.nav-column li.active>a,.nav-column li>a:hover,.nav-dropdown li.active>a,.nav-dropdown>li>a:hover,.nav-vertical-fly-out>li>a:hover,.nav>li.active>a,.nav>li.current>a,.nav>li>a.active,.nav>li>a.current,.nav>li>a:hover {
    background: #08408b;
    color: #fff
}

li.lang-item a {
    padding: 0;
    width: 40px;
    height: 40px;
    background-image: url(https://activepestcontrol.com.vn/wp-content/themes/thuythu-child/custom/images/vi.png.pagespeed.ce.Q7C7YqZBri.png);
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

li.lang-item a img {
    display: none
}

li.lang-item a {
    padding: 0!important;
    width: 1.823rem;
    height: 1.823rem;
    background-image: url(https://activepestcontrol.com.vn/wp-content/themes/thuythu-child/custom/images/vi.png.pagespeed.ce.Q7C7YqZBri.png)!important;
    border-radius: 50%!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    flex-grow: unset!important
}

[lang="vi"] li.lang-item a {
    background-image: url(https://activepestcontrol.com.vn/wp-content/themes/thuythu-child/custom/images/en.png.pagespeed.ce.eWSzYf0BTn.png)!important
}
ul.sub-menu.nav-dropdown {
    top: 2.396rem;
}
ul.sub-menu.nav-dropdown a {
    margin: 0;
    padding-left: 0.78125rem;
    padding-right: 0.78125rem;
}
li.lang-item a {
    justify-content: center;
}

li.lang-item a img {
    display: block;
    min-width: 1.2rem;
    height: auto !important;
}
.single-methods .service_details .box_img ul {
    width: 100%;
}

.single-methods .service_details .box_img ul li {
    width: 100%;
}

.service_details .box_content {
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 0;
}
.item_method * {
    transition: .5s all;
}

.item_method:hover * {
    color: #fff;
}

.item_method:hover {
    background: #05529e;
}
section.post_details .wrap .content ul {
    margin-left: 1rem;
}
.single-service .service_details .box_content {
    padding: 0 1rem 0 0;
}
@media only screen and (max-width: 991px) {
    html {
        font-size:1.4vw
    }

    .header-button .button.icon {
        width: 41px;
        height: 41px!important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #08408b;
        padding: 0!important;
        min-width: unset!important;
        max-height: 41px!important
    }

    .header-button .button.icon i {
        position: absolute;
        font-size: 30px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size:4vw
    }

    .hero-style {
        padding-bottom: 68%
    }

    div#top-bar {
        display: none
    }

    div#logo {
        position: unset;
        width: auto;
        height: auto!important;
        box-shadow: none!important
    }

    div#masthead {
        height: auto!important;
        box-shadow: 0 4px 20px 0 rgba(0,0,0,.08)
    }

    html.js {
    }

    div#logo img {
        height: 4.2rem;
        margin: .2rem 0
    }

    .header-bg-image {
        background: none
    }

    .off-canvas-left .mfp-content,.off-canvas-right .mfp-content {
        background: radial-gradient(86.85% 90.35% at 58.81% 85.6%,#025fad 0%,#003d90 100%)
    }

    .nav-column>li>a,.nav-dropdown>li>a,.nav-vertical-fly-out>li>a,.nav>li>a {
        border: none;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 400
    }

    .nav-sidebar.nav-vertical>li+li {
        border: none
    }

    .off-canvas .sidebar-menu {
        padding-top: 5rem
    }

    .mfp-ready .mfp-close {
        opacity: 1;
        filter: brightness(0) invert(1)
    }

    .home_sec_2 .box_img img {
        position: absolute;
        width: 100%;
        height: auto;
        max-width: 100%;
        margin: 0;
        top: 12rem;
        opacity: .1
    }

    .home_sec_2 .box_content {
        padding-top: 0;
        position: relative;
        z-index: 2
    }

    .home_sec_2 {
        padding: 1rem 0 3rem
    }

    .heading_title {
        font-size: 1.9rem
    }

    .home_sec_3 .wrap_items {
        flex-wrap: wrap;
        justify-content: center
    }

    .home_sec_3 .wrap_items .item {
        width: calc(calc(100% ) - .8rem);
        margin-bottom: 2rem
    }

    .home_sec_3 .wrap_items .icon {
        width: 3rem;
        height: 3rem
    }

    .home_sec_3 .wrap_items h3 {
        font-size: 1rem;
        margin-bottom: .2rem
    }

    .home_sec_3 .wrap_items .item .content {
        font-size: .9rem;
        font-variant: JIS83;
        font-variant: JIS83;
        font-variant: JIS83;
        font-variant: JIS83
    }

    .home_sec_3 {
        padding: 3rem 0 2rem
    }

    .home_sec_4 {
        padding: 3rem 0 0
    }

    .item_service {
        width: calc(calc(100% / 2) - .8rem);
        margin: 0 .4rem .8rem;
        padding-bottom: 45%
    }

    .wrap_service {
        margin: 0 -.4rem
    }

    .item_service .box_hover .content {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin-bottom: .2rem
    }

    .item_service .box_hover h3:before {
        width: 5rem
    }

    .item_service .box_hover .icon {
        width: 3rem;
        height: 3rem
    }

    .button_link {
    }

    .item_service .box_hover a.button_link {
        padding: .417rem 1.083rem
    }

    .item_service .box_hover h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        padding-bottom: .2rem;
        margin-bottom: .2rem
    }

    .item_service .box_hover {
        padding: .2rem
    }

    .home_sec_6 .wrap {
        flex-wrap: wrap;
        text-align: center
    }

    .home_sec_6 .wrap .box_content .content {
        max-width: 100%!important
    }

    .home_sec_6 .wrap .box_content {
        width: 100%;
        margin-bottom: 1rem
    }

    .home_sec_6 .box_content>h2.heading_title {
        font-size: 1.9rem
    }

    .home_sec_6 {
        padding: 5rem 0 4rem;
        background-attachment: unset
    }

    .content {
        font-size: .85rem
    }

    .home_sec_7 {
        padding: 3rem 0
    }

    .item_post {
        width: calc(calc(100% / 2) - .8rem);
        margin: 0 .4rem .8rem;
        padding-bottom: 1.3rem
    }

    a.phone_footer {
        font-size: 2rem
    }

    footer#footer h2,footer#footer h3 {
        font-size: 1.9rem
    }

    a.phone_footer svg {
        width: 2rem
    }

    .footer_bottom:before {
        width: 19rem
    }

    footer#footer h3 {
        font-size: 1.3rem
    }

    footer#footer .content {
        font-size: .8rem
    }

    footer#footer {
        background-attachment: unset
    }

    .slider_methods .swiper-wrapper {
        transform: unset!important;
        flex-wrap: wrap
    }

    .slider_methods .swiper-wrapper .swiper-slide {
        width: 50% !important;
        padding: 0 .5rem;
        margin-bottom: 1rem;
        margin-right: 0 !important;
    }

    .slider_methods.swiper-container {
        margin: 0 -.5rem
    }

    .item_product h3 {
        font-size: 1rem
    }

    .slider_methods .box_img {
        width: 7rem;
        height: 7rem
    }

    .service_page {
        padding: 3rem 0
    }

    .service_details .wrap {
        flex-wrap: wrap
    }

    .service_details .wrap>* {
        width: 100%!important;
        padding: 0
    }

    .service_details {
        padding: 3rem 0
    }

    .service_details .box_content {
        margin-bottom: 3rem
    }

    .blog_page {
        padding: 3rem 0
    }

    section.post_details .left {
        width: 100%
    }

    section.post_details .wrap .right {
        display: none
    }

    nav.breadcrumb ul>* {
        flex: 0 0 auto
    }

    nav.breadcrumb ul {
        overflow: auto
    }

    .post_details_sec_2 {
        padding-bottom: 3rem
    }

    .form_contact {
        padding: 2rem .5rem
    }

    .form_contact .wrap_form input,.form_contact .wrap_form textarea {
        height: 2.5rem;
        box-shadow: none
    }

    .contact_section {
        padding-bottom: .5rem
    }

    section.section.document_page {
        padding: 3rem 0
    }

    .wrap_cncl .item {
        width: calc(calc(100% / 2) - 1.5625rem)
    }

    .off-canvas-right .mfp-content ul.socials {
        position: absolute;
        bottom: 2rem;
        left: 20px
    }

    [lang="vi"] h2.heading_title {
        font-size: 1.6rem
    }

    li.lang-item a {
        flex-grow: unset!important;
        margin-left: 20px;
        margin-top: 1rem
    }

    li.lang-item a {
        padding: 0;
        width: 2rem;
        height: auto
    }

    div#logo img,.stuck #logo img {
        width: auto!important
    }
    .single-service .service_details .box_content {
        padding: 0;
    }
}