/*

 Theme Name:   GeneratePress Child

 Theme URI:    https://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Tom Usborne

 Author URI:   https://tomusborne.com

 Template:     generatepress

 Version:      0.1

*/
@font-face {
    font-family: PoppinsVN;
    font-weight: 400;
    src: url("https://giacongcokhichinhxac.vn/wp-content/themes/generatepress_child/assets/fonts/PoppinsVN-400.woff2") format("woff2");
}

@font-face {
    font-family: PoppinsVN;
    font-weight: 500;
    src: url("https://giacongcokhichinhxac.vn/wp-content/themes/generatepress_child/assets/fonts/PoppinsVN-500.woff2") format("woff2");
}

@font-face {
    font-family: PoppinsVN;
    font-weight: 600;
    src: url("https://giacongcokhichinhxac.vn/wp-content/themes/generatepress_child/assets/fonts/PoppinsVN-600.woff2") format("woff2");
}

@font-face {
    font-family: PoppinsVN;
    font-weight: 700;
    src: url("https://giacongcokhichinhxac.vn/wp-content/themes/generatepress_child/assets/fonts/PoppinsVN-700.woff2") format("woff2");
}

#goog-gt-tt {
    display: none !important;
}

.goog-te-banner-frame {
    display: none !important;
}

.goog-te-menu-value:hover {
    text-decoration: none !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
}

body {
    top: 0 !important;
}

#google_translate_element2 {
    display: none !important;
}

body {
    max-width: 100%;
    overflow-x: hidden;
    font-size: 15px;
    color: #363636 !important;
    font-family: 'PoppinsVN', sans-serif;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 20px;
}

a,
button,
input {
    transition: none;
}

a {
    color: var(--accent);
    ;
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--accent);
    text-decoration: underline;
}

.top-bar {
    color: #ffffff;
    background-color: #e76c28;
    background-image: linear-gradient(315deg, #ef6f00 0%, #f7a263 74%);
}

.top-bar .inside-top-bar {
    padding: 5px 10px !important;
}

.inside-header {
    padding: 0px 10px !important;
}

.main-navigation ul ul {
    width: 300px;
    transition: none;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.main-navigation a {
    font-size: 14px;
}

.main-navigation .main-nav ul li a {
    font-weight: 500;
    line-height: 68px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    text-decoration: none;
}

.main-navigation .main-nav ul li:last-child a {
    padding-right: 0;
}

.main-navigation .main-nav ul ul li a {
    line-height: 25px;
}

.services h3 {
    border-top: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
    padding: 15px 0px;
    margin: 10px 0;
}

.no-margin {
    margin: 0;
}

.about {
    background-image: url(https://giacongcokhichinhxac.vn/wp-content/themes/generatepress_child/assets/img/abs.png);
    background-repeat: no-repeat;
    background-position: right bottom;
	position: relative;
}

h3.exp-about {
    max-width: 434px;
    background: #cf64168f;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 32px;
    padding: 30px 15px;
    line-height: 25px;
}

.step {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    padding: 15px;
    background: #fff;
    border-left: 4px solid var(--accent);
    border-top-right-radius: 45px;
    cursor: pointer;
}

.step:hover {
    background: var(--accent);
    color: #fff;
}

.step p {
    margin: 0;
}

ul.post-item {
    display: flex;
    gap: 20px;
}

.footer-widgets {
    color: var(--base-3);
    background-color: var(--accent);
    background-image: url(https://giacongcokhichinhxac.vn/wp-content/themes/generatepress_child/assets/img/bg-map.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.main-navigation .main-nav ul li.nav-hotline a {
    content: '';
    background: url(https://giacongcokhichinhxac.vn/wp-content/themes/generatepress_child/assets/img/hotline.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 153px;
    background-size: contain;
    font-size: 0;
    margin-left: 25px;
}

.btn-quick-alo-ph-circle,
.btn-quick-alo-phone {
    background-color: transparent;
    width: 100px;
    height: 100px;
}

.btn-quick-alo-phone {
    position: fixed;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    transition: visibility .5s;
    bottom: 0px;
    left: 0px;
}

.btn-quick-alo-phone.btn-quick-alo-green .btn-quick-alo-ph-circle {
    border-color: #db6f27;
    opacity: .5;
}

.btn-quick-alo-ph-circle {
    bottom: 0;
    left: 0;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #db6f27;
    opacity: .1;
    -webkit-animation: btn-quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: btn-quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.btn-quick-alo-phone.btn-quick-alo-green .btn-quick-alo-ph-circle-fill {
    background-color: #db6f27;
    opacity: .75 !important;
}

.btn-quick-alo-ph-circle-fill {
    width: 80px;
    height: 80px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: #db6f27;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: btn-quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: btn-quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.btn-quick-alo-phone.btn-quick-alo-green .btn-quick-alo-ph-img-circle {
    background-color: #db6f27;
}

.btn-quick-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    background-size: 46px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.top-bar p {
    margin: 0;
    color: #333;
}
@keyframes btn-quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: .1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1;
    }
}

@keyframes btn-quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@keyframes btn-quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: .1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1;
    }
}

.promotion h3:before {
    position: relative;
    display: inline-block;
    width: 35px;
    margin-right: 12px;
    top: 6px;
}
.logogrid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    grid-auto-rows: 75px;
    grid-gap: 2rem;
    margin: 0;
}
.logogrid__item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.logogrid__img {
    object-fit: cover;
    max-width: 150px;
    max-height: 55px;
}
.social-icon img {
    width: 50px;
}
.social-icon--zalo {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: block;
}
.social-icon--facebook {
    position: fixed;
    bottom: 75px;
    right: 15px;
    display: block;
}
.woocommerce div.product form.cart {
	display: none;
}
.woocommerce div.product .product_title {
	margin-bottom: 10px;
}
.woocommerce .entry-content, .woocommerce .product .entry-summary {
	margin-top: 0 !important;
}

/* Service Slider */
.ind-service-section .service-slide-area .ind-service-img {
    overflow: hidden;
}
.ind-service-section .service-slide-area .ind-service-img-text .ind-service-text {
    left: 0;
    right: 0;
    z-index: 1;
    bottom: -90px;
    position: absolute;
    padding: 30px 0px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    text-align: center;
}
.ind-service-section .service-slide-area .ind-service-img-text .ind-service-text:before {
    content: '';
    height: 100%;
    width: 100%;
    top: -50px;
    z-index: -1;
    left: 0;
    position: absolute;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(35%, black));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, black 35%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 10%, black 35%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, black 35%);
}
.ind-service-section .service-slide-area .ind-service-img-text .ind-service-text h3 {
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}
.ind-service-section .service-slide-area .ind-service-img-text .ind-service-text h3 {
    padding-bottom: 5px;
}
.ind-service-section .service-slide-area .ind-service-img-text .ind-service-text h3 a{
    color: #fff !important;
}
.ind-service-section .service-slide-area .ind-service-img-text .ind-service-icon a {
    opacity: 0;
    color: #fff !important;
    width: 58px;
    height: 58px;
    display: block;
    font-size: 20px;
    margin: 0 auto;
    line-height: 58px;
    border-radius: 100%;
    background-color: var(--accent);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.ind-service-section .service-slide-area .ind-service-img-text:hover .ind-service-text {
    bottom: 0 !important;
    background-color: #000;
}
.ind-service-section .service-slide-area .ind-service-img-text:hover .ind-service-text:before {
    opacity: 0 !important;
}
.ind-service-section .service-slide-area .ind-service-img-text:hover .ind-service-text .ind-service-icon a {
    opacity: 1 !important;
    text-decoration: none;
}
.ind-service-section .service-slide-area .owl-nav .owl-next, .ind-team-section .team-member-area .owl-nav .owl-next, .ind-service-section .service-slide-area .owl-nav .owl-prev, .ind-team-section .team-member-area .owl-nav .owl-prev {
    height: 62px;
    width: 62px;
    text-align: center;
    line-height: 58px;
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background-color: #ffffff40;
}
.owl-nav span {
    font-size: 31px;
}
.owl-nav {
    position: absolute;
    right: 0;
    top: 38%;
}
.owl-next:hover{
    background-color: #ffffff80 !important;
}
.owl-prev {
    display: none !important;
}
.service-in4box {
	position: relative;
    background-color: var(--accent);
    color: #fff;
    padding: 45px 0 45px 15px;
}
.service-in4box:after {
	content: '';
    background: var(--accent);
    width: 38px;
    height: 190px;
    display: block;
    float: left;
    position: absolute;
    right: -38px;
    top: 0px;
    z-index: 9999;
}
.process .info {
	background: var(--accent);
    color: #fff;
    padding: 25px 8px 2px;
    margin-top: 15px;
    font-size: .8rem;
    height: 178px;
}
.process .info h3 {
    margin-bottom: 8px;
	font-size: 1.1rem;
	font-weight: 600;
}
.main-navigation.has-branding .inside-navigation.grid-container, .main-navigation.has-branding.grid-container .inside-navigation:not(.grid-container) {
    padding: 0px 10px 0px 10px !important;
}
.row {
    display: flex;
    gap: 20px;
}
.wpcf7-form-control.wpcf7-textarea {
    height: 156px;
    max-width: 390px;
}
.product-box h3,
.product-box p {
    width: 100%;
    background: #ececed;
    color: var(--accent);
    padding: 15px 10px;
	font-size: 1rem;
    font-weight: 500;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.product-box .img{
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.inside-site-info{
	padding: 5px 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-weight: 500;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-radius: 0;
}
a.btn-tuvan {
    display: inline-block;
    background: #fd6e1d;
    color: #fff;
    text-decoration: none;
    padding: 5px 30px;
    margin-top: 10px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
}
a.btn-tuvan:hover {
    background: #dd611c;
    text-decoration: none;
}
.navigation-branding img, .site-logo.mobile-header-logo img{
    height: 68px !important;
}
.sticky-enabled .main-navigation.is_stuck {
    border-bottom: 1px solid var(--accent);
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	display: none !important;
}
.woocommerce ul.products li.product .price {
	display: none !important;
}
.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    flex-grow: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
	width: 23.9%;
    float: left;
}
.wpcf7-submit {
    border-radius: var(--accent);
    background-color: var(--accent) !important;
    display: inline-block;
}
.site-content h1,
.site-content h2,
.site-content h3 {
	font-weight: bold !important;
}
.wp-block-contact-form-7-contact-form-selector h3 {
    display: none;
}
.inside-right-sidebar .wp-block-contact-form-7-contact-form-selector h3 {
    display: block;
}
.single .post.type-post a {
    color: #e94a0d;
    text-decoration: underline;
}
.wpsp-related-posts1 {
    background-color: #fff;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.relatedposts-block ul {
    list-style: none;
	padding: 0;
    margin: 0;
	display: flex;
    gap: 15px;
}
.relatedposts-block ul li {
    width: 33.3333%;
}
.relatedposts-block ul li img {
    height: 133px;
    object-fit: cover;
}
@media(min-width: 769px) {
    .both-sidebars .site-content {
        display: flex;
    }
    #left-sidebar, #primary, #right-sidebar {
        left: unset;
    }
    #left-sidebar {
        order: -1;
    }
    .inside-left-sidebar, .inside-right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
    }
}
@media only screen and (max-width: 48em) {
	.relatedposts-block ul {
		flex-wrap: wrap;
	}
	.relatedposts-block ul li {
		width: 47%;
	}
    .main-navigation .main-nav ul li a {
        line-height: 45px;
    }
	.row {
		flex-direction: column;
	}
    .service-in4box:after {
        display: none;
    }

    .hide-on-mobile {
        display: none;
    }

    ul.post-item {
        flex-direction: column;
    }

    .main-navigation .main-nav ul li.nav-hotline a {
        margin-left: 15px;
    }
	.process .info h3 {
		font-size: 1rem;
	}
}