/*
Theme Name: Wellington Decorators Limited
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*---------global-----------*/
@font-face{
    font-family:"Roboto";
    font-weight:normal;
    font-style:normal;
    src:url("./fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-display:swap
}
@font-face{
    font-family:"Roboto";
    font-weight:bold;
    font-style:normal;h4
    src:url("./fonts/Roboto/Roboto-Bold.ttf") format("truetype");
    font-display:swap
}
@font-face{
    font-family:"Roboto";
    font-weight:normal;
    font-style:italic;
    src:url("./fonts/Roboto/Roboto-Italic.ttf") format("truetype");
    font-display:swap
} 
@font-face{
    font-family:"DancingScript";
    font-weight:normal;
    font-style:normal;
    src:url("./fonts/DancingScript/DancingScript-Regular.ttf") format("truetype");
    font-display:swap
}
@font-face{
    font-family:"DancingScript";
    font-weight:bold;
    font-style:normal;
    src:url("./fonts/DancingScript/DancingScript-Bold.ttf") format("truetype");
    font-display:swap
} 
.alt-font{
 font-family:"DancingScript", sans-serif;   
}
html{overflow-x:hidden}
body{overflow-x:hidden;  font-family:"Roboto", sans-serif;}

/*---căn đều sẳn phẩm---*/
.has-shadow>.col>.col-inner {
    height: 100%;
}
.flickity-viewport .col.is-selected {
    height: 100%;
}
.flickity-viewport .col-inner {
    height: 100%;
}
.product-small.box.has-hover.box-normal.box-text-bottom {
    height: 100%;
} 
/*---giới hạn chữ tên sản phẩm---*/
p.name.product-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.3em;
    margin-bottom: 0.8em;
		font-weight: 700;
}
/*---style product price---*/
.price-wrapper{
    display: table; 
}
.product-summary .price-wrapper{
		margin-bottom: 1em;
}
.price-wrapper .price{
    height: 1.3em;
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    line-height: 120%;
}
.product-short-description {
    padding-bottom: 0.5em;
}
span.amount {
    white-space: nowrap;
    color: #e84545;
    font-weight: bold;
}

/*---style related product---*/
.related.related-products-wrapper.product-section {
		padding-top: 2em;
    padding-bottom: 2em;
}
.related.related-products-wrapper.product-section h3 {
    text-align: center;
}
.related-products-wrapper .product-small.box {
    background-color: #fff;
    /*box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
		border: 2px solid #ddd;
}
/*
.related-products-wrapper .product-small.box:hover {
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}*/
.related-products-wrapper .box-text.box-text-products {
    padding: 15px;
}
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    width: 30px;
    top: -2px;
    bottom: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 -150px 15px 0 rgba(0,0,0,0);
    margin: 0 !important;
}
/*---end style related product---*/

/*-style tiêu đề bài viết trước sau-*/
.nav-previous,
.nav-next {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
}
/*---style giới hạn chữ bài viết---*/
.blog-archive h4.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
}
.blog-archive p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
}
header.archive-page-header {
    /* position: relative; */
}

header.archive-page-header {
    position: relative;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 30px;
}

.blog-archive {
    padding-top: 0;
}

header.archive-page-header:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: url(/wp-content/uploads/2023/05/Wellington_Panorama_View-scaled.jpeg);
    background-blend-mode: color;
    background-position: 50% 50%;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-color: rgba(0,0,0,.5);
}

header.archive-page-header .page-title {
    color: #fff;
    font-size: 1.7em;
}

header.archive-page-header .col {
    padding-bottom: 0;
}
/*---style shop and product sidebar---*/
/*---style shop and product sidebar---*/
#shop-sidebar aside,
#product-sidebar aside,
.post-sidebar aside {
    background-color: #fff;
	padding: 20px 0 0 0;
	border: 1px solid #eee;
}
.widget.widget_search{
	padding: 30px 0 0 0;
	border: 0px solid #eee;
}
#shop-sidebar .widget-title,
#product-sidebar .widget-title,
.post-sidebar .widget-title {
	padding: 20px;
	color: #00c9a6;
}
#shop-sidebar ul,
#product-sidebar ul,
.post-sidebar ul {
    font-size: 14px;
		font-weight: bold;
    border: 0px solid #ddd;
    border-radius: 0px;
    padding: 0;
    background-color: #fff;
}
#shop-sidebar ul li,
#product-sidebar ul li,
.post-sidebar ul li {
    padding: 5px 20px;
}
#shop-sidebar ul li:nth-child(odd),
#product-sidebar ul li:nth-child(odd),
.post-sidebar ul li:nth-child(odd) {
    background-color: #f8f8f8;
}
#shop-sidebar ul li:hover,
#product-sidebar ul li:hover,
.post-sidebar ul li:hover {
    background-color: #00c9a6;
}
#shop-sidebar ul li:hover a,
#product-sidebar ul li:hover a,
.post-sidebar ul li:hover a,
#shop-sidebar ul li:hover ins span,
#product-sidebar ul li:hover ins span,
#shop-sidebar ul li:hover del span,
#product-sidebar ul li:hover del span,
#shop-sidebar ul li:hover span.amount,
#product-sidebar ul li:hover span.amount{
	color: #fff;
}
#shop-sidebar ul.product_list_widget li,
#product-sidebar ul.product_list_widget li {
    list-style: none;
    padding: 15px 10px 15px 90px;
    min-height: 80px;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.33;
}
#shop-sidebar ul.product_list_widget li img,
#product-sidebar ul.product_list_widget li img  {
    top: 10px;
    position: absolute;
    left: 20px;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    object-fit: cover;
    object-position: 50% 50%;
}
#shop-sidebar ul li+li,
#product-sidebar ul li+li,
.post-sidebar ul li+li {
    border-top: 1px solid #ececec;
}
#shop-sidebar ul li+li {
   border : 1px solid #ececec;
}
#shop-sidebar .is-divider,
#product-sidebar .is-divider,
.post-sidebar .is-divider {
	height: 1.5px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    margin: 20px 0 0 0;
    width: 100%;
    max-width: 100%;
}
#shop-sidebar ul.product_list_widget li a:not(.remove),
#product-sidebar ul.product_list_widget li a:not(.remove) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.3em;
}
#shop-sidebar .recent-blog-posts a,
#product-sidebar .recent-blog-posts a,
.post-sidebar .recent-blog-posts a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.3em;
    color: #444;
}
#shop-sidebar span.post_comments.op-7.block.is-xsmall,
#product-sidebar span.post_comments.op-7.block.is-xsmall,
#product-sidebar span.post_comments.oppercase.op-7.block.is-xsmall,
.post-sidebar span.post_comments.op-7.block.is-xsmall {
    display: none;
}
.post-sidebar .widget.widget_search {
    padding: 0px 0 0 0;
    border: 0px solid #eee;
}
.post-sidebar input.search-field.mb-0 {
    height: 45px;
    border-radius: 3px 0 0 3px;
}
.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    width: 45px;
    height: 45px;
    border-radius: 0 3px 3px 0;
}

#shop-sidebar .price_slider_wrapper {
    padding: 30px 15px 15px 15px;
    font-size: 0.8em;
}

#shop-sidebar .star-rating,
#product-sidebar .star-rating {
		display: none;
}

/*---style filter in sidebar---*/
ul.woocommerce-widget-layered-nav-list {
    max-height: 300px;
    overflow: auto;
    padding-right: 20px;
}
ul.product_list_widget {
    font-size: 14px;
}
/*---end style filter in sidebar---*/

/*---end style shop and product sidebar---*/

/*---style tab in product---*/
.product-footer .tabbed-content .nav-pills>li>a {
    padding: 0.5em 2.75em;
    border-radius: 0px;
    line-height: 2.5em;
    border: 1px solid #ddd;
		background-color: #eee;
		margin-right: 2px;
}
.product-footer .tabbed-content .nav-pills>li.active>a {
		background-color: #00c9a6;
}
.product-footer .tabbed-content .nav-pills>li:hover>a {
    background-color: #e84545;
    color: #fff;
}

.mfp-content {
    min-width: 320px !important;
}

/*---z-index sidebar mobile---*/
.mfp-wrap {
		z-index: 900001;
} 
.sec-contact-form ol li::marker {
    color: #FFC107;
}

.sec-contact-form ol li {
    margin-left: 30px;
}
.sec-contact-form form input,
.sec_lien_he form input {
    border-radius: 5px;
    border: 1px solid #d7dce2;
    color: #696969;
    margin: 10px 0;
    background-color: #fff;
    padding: 16px 17px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1rem;
}

.sec-contact-form form select,.sec-contact-form form textarea,
.sec_lien_he form select,.sec_lien_he form textarea {
    border-radius: 5px;
    background-color: #fff;
}

.sec-contact-form form input[type="submit"],
.sec_lien_he form input[type="submit"] {
    color: #fff;
    padding: 0;
    background: -webkit-linear-gradient(136deg,#ff4d54,#d96267);
    background: -o-linear-gradient(136deg,#ff4d54,#d96267);
    background: -moz-linear-gradient(136deg,#ff4d54,#d96267);
    background: linear-gradient(136deg,#ff4d54,#d96267);
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f73c95',endColorstr='#9105ea',GradientType=1);*/
}
.sec_faq .bg.section-bg.fill.bg-fill.bg-loaded {
/*    background-image: url(http://themes-demo.com/painting/wp-content/uploads/2016/03/flower-parallax-color.png);
    background-attachment: fixed;
    background-position: center top 56px;*/
}
.sec_faq .col {
    padding-bottom: 0;
}
.sec_faq .accordion a {
    position: relative;
}
.sec_faq .accordion a .toggle{
        margin-left:0
}
/*--------end global--------*/

/*======= btn effect ====== */
.btn-effect-1 {
    overflow: hidden;
    color: #fff!important;
    border: none!important;
    position: relative;
}

.btn-effect-1:before {
    background: -webkit-linear-gradient(136deg,#ff4d54,#d96267);
    background: -o-linear-gradient(136deg,#ff4d54,#d96267);
    background: -moz-linear-gradient(136deg,#ff4d54,#d96267);
    background: linear-gradient(136deg,#ff4d54,#d96267);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9105ea',endColorstr='#f73c95',GradientType=1);
    color: #fff;
    border: none;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.25,.46,.45,.94);
    transition: transform .4s cubic-bezier(.25,.46,.45,.94);
    -moz-transition: -moz-transform .4s cubic-bezier(.25,.46,.45,.94);
    -ms-transition: -ms-transform .4s cubic-bezier(.25,.46,.45,.94);
    -o-transition: -o-transform .4s cubic-bezier(.25,.46,.45,.94);
    top: 0;
    z-index: 0;
}
 .btn-effect-1 span{
    position: relative;
    z-index: 2;
 }
.btn-effect-1:after {
    content: "";
    position: absolute;
    height: 0;
    left: 0;
    opacity: 0;
    top: 0;
    width: 100%;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    z-index: -1;
}
 

.btn-effect-1:hover:before {
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
}
/**/
.btn-effect-2 {
    padding: 5px 40px;
}

.hover-effect-2 {
    position: relative;
    border: 2px solid transparent;
    -moz-border-image: -moz-linear-gradient(left,#b644ff 0%,#e11a22 100%);
    -webkit-border-image: -webkit-linear-gradient(left,#b644ff 0%,#e11a22 100%);
    border-image: linear-gradient(to right,#9105ea 0%,#f73c95 100%);
    border-image-slice: 1;
    color: #E130A6!important;
    background-color: transparent!important;
}
.btn-effect-2 span{
    position: relative;
    z-index: 1;
}
.hover-effect-2:after {
    content: "";
    position: absolute;
    height: 0;
    left: 0;
    opacity: 0;
    top: 0;
    width: 100%;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    z-index: 0;
    background: #9105ea;
    background: -moz-linear-gradient(left,#b644ff 0%,#e11a22 100%);
    background: -webkit-gradient(linear,top left,bottom left,color-stop(0%,#9105ea),color-stop(100%,#f73c95));
    background: -webkit-linear-gradient(left,#b644ff 0%,#e11a22 100%);
    background: -o-linear-gradient(left,#b644ff 0%,#e11a22 100%);
    background: -ms-linear-gradient(left,#b644ff 0%,#e11a22 100%);
    background: linear-gradient(left,#b644ff 0%,#e11a22 100%);

}

.hover-effect-2:hover:after {
    height: 100%;    
    opacity: 1;
    border-radius: 0;
}
.hover-effect-2:hover{
    color:#fff!important
}


.hover-effect-3 .box:hover .box-text {
    -webkit-animation-name: pullUp;
    -moz-animation-name: pullUp;
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -webkit-animation-timing-function: eaze-in-out;
    -moz-animation-timing-function: eaze-in-out;
}
/*---------header-----------*/
div#logo img{
    filter: invert(1) brightness(100);
} 
.header-nav .social-icons.follow-icons {
    color: #fff;
}
.header-bottom{
	border-top: 1px solid rgba(255,255,255,.4);
}
.header-bottom-nav li a{
font-size: .875rem;
    font-weight: 500!important;
}
/*---style mona_html---*/
.mona_html {
    font-size: 14px;
}
.mona_html:before {
    content: "";
    font-family: FontAwesome;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    color: #333;
}
.mona_html.showroom:before {
    content: "\f015";
}
.mona_html.hotline:before {
		width: 1.5em;
		height: 1.5em;
    content: "";
		background: transparent url('/wp-content/uploads/2018/07/customer-service.svg') no-repeat;
    background-size: 1.5em 1.5em;
    animation-name: tada;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
.mona_html a {
		color: #333;
		font-weight: 700;
}
/*---style active nav---*/

.header-main .nav > li {
		margin: 0 15px;
}
.header-main .nav > li:hover > a,
.header-main .nav > li.current-menu-item > a,
.header-main .nav > li.current-menu-parent > a,
.header-main .nav > li.current-post-parent > a,
.header-main .nav > li.current-product-parent > a,
.header-main .nav > li.current_page_parent > a,
.header-main .nav > li.current-product-ancestor > a {
    color: #fff;
}
.header-main .nav > li > a {
	color : #fff
}
.header-bg-color, .header-wrapper {
    background: linear-gradient(to right,#00d39f 0,#008bd3 25%,#d40063 75%,#d4be00 100%);
/*background:linear-gradient(to right,#02ab6f 0,#006ba3 25%,#b40054 75%,#bda900 100%)*/
}
.header-main .nav > li > a {
/*		padding : 15px*/
}
.header-nav li.current-dropdown>ul>li>a:hover {
/*     background: #f25e5d;
     color: #fff;*/
}  
/*--------end header--------*/


/*---------content-----------*/
  .sec-brand .col {
    padding-bottom: 0;
}
/* */
.sec_imgbox .box .box-text{
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23); 
} 
  
.sec_imgbox .box {
    padding-bottom: 40px;
}
.sec_imgbox_text p {
    margin-bottom: 10px;
    padding-left: 10px;
}

.sec_imgbox_text p:before {
    content: "\f061";
    font-family: "FontAwesome";
    margin-right: 10px;
    color: var(--primary-color);
    -webkit-transition: ease-out .3s all;
    transition: ease-out .3s all;
}

.sec_imgbox_text p a {
    color: var(--primary-color);
    -webkit-transition: ease-out .3s all;
    transition: ease-out .3s all;
}

.sec_imgbox_text p:hover a {
    color: #333;
}

.sec_imgbox_text p:hover:before {
    color: #333;
}
.sec_imgbox .col {
    padding-bottom: 0;
}

.sec_imgbox_text:last-child p {
    margin-bottom: 0;
}
@media screen and (max-width:549px){
    .sec_imgbox_row .col:not(:last-child) {
        padding-bottom: 30px;
    }
}
/**/
/*-----style contact form-----*/
.form-ct {
    width: 780px;
    margin: 0 auto;
    max-width: 100%;
}
.form-ct .form-row {
    padding: 5px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-ct .form-row.w50 {
    width: 50%;
}
.form-ct input,
.form-ct textarea{
    margin-bottom: 0;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.form-ct .center-txt {
    text-align: center;
}
.form-ct .center-txt input{
    min-width: 50%;
}
.form-ct .wpcf7-form-control:focus {
    border-color: #f8b742;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
}
.form-ct.form-dark label {
    color: #fff;
}
/*---end style contact form---*/

/*---style mona_title---*/
.mona_title {
    font-size: 1.8em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.3em;
    position: relative;
    margin: 0;
    margin-bottom: 0.8em;
    padding-bottom: 1.3em;
}
.mona_title:before {
    position: absolute;
    bottom: 0.75rem;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
    background: linear-gradient(to right,#76a03f 0%,#76a03f 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 75%,#76a03f 75%);
}
.mona_title:after {
    position: absolute;
    bottom: 0;
    content: '\f296';
    font-family: FontAwesome;
    left: 50%;
    transform: translateX(-50%);
    font-size: 23px;
    line-height: 1;
    color: #76a03f;
}
.font {
	font-size: 50px;
    font-weight: 300;
    line-height: 1;
}
span.font-line {
    position: relative;
    color: #a61aa8;
}

span.font-line:before {
    content: "";
    height: 4px;
    background: #a61aa8;
    width: 100%;
    position: absolute;
    bottom: -3px;
    -webkit-transform: rotate(358deg);
    transform: rotate(358deg);
}
.sec_footer_title {
    font-size: 1.6rem;
    font-weight: 500;
    color: #4e4e4e;
    line-height:1;
    margin-bottom: 30px;
}
@media screen and (max-width:549px){
    .font {
        font-size:35px;
    }
}
/*------style Why ------*/
.sec_why .box {
    position: relative;
}

.sec_why .box .box-text .button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
    padding: 5px 40px;
    border-radius: 4px;
}
.sec_why .section-content>.row>.col {
    padding-bottom: 0;
}
@media screen and (max-width:849px){
    .sec_why .box .box-text .button{
        bottom: -35px; 
    }
}
/*------ style sec_tintuc -----*/
.sec_tintuc .col {
    padding-bottom: 0;
}
/*------style FAQs------*/
span.ac_title_class:hover {
    color : #e130a7;
    border-bottom : 1px solid #e130a7;
}
span.ac_title_class {
    border-bottom : 1px solid #00000024;
		font-weight : 400;
}
span.ac_open_cl_icon.fa.fa-plus:before {
    display : none;
}
span.ac_open_cl_icon.fa.fa-minus:before {
    display : none;
}
button.flickity-button {
    display : none;
}
.sec_tintuc ol.flickity-page-dots {
    bottom: -10px !important;
}
/*------end FAQS------*/


/*    style nhận xét    */
.sec_thuvien .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 4em;
}
/** end nhận xét ***/
.sec_banner a.button.primary.is-outline {
    font-weight : 100;
    padding : 5px 40px;
}


.sec_baogia a.button {
    font-weight : 500;
    padding : 5px 40px;
    background: linear-gradient(136deg,#ff4d54,#d96267);
    border : none;
}
.sec_baogia a.button:hover{
    background : #e11a22;
    box-shadow : none;
}

.sec_dk .form-row {
    padding-bottom : 15px !important;
}
input#text-name, input#email-contact, input#tel-contact, input#text-address, textarea#textarea-noidung {
    border-radius : 5px;
		font-weight : 100;
		padding : 20px;
}
input#bt-gui {
    background: linear-gradient(136deg,#ff4d54,#d96267);
    border-radius : 5px;
    border : none;
    font-weight : 100;
    padding : 5px 0px;
	transition : none;
    }
input#bt-gui:hover {
    background: #e11a22;
    box-shadow : none;
    }
.form-row.center-txt {
    padding-top : 20px
}

h4.post-title.is-large {
    font-weight : initial;
    font-size : 22px;
}
h4.post-title.is-large:hover {
    color : #e11a22;
}

/*--------end content--------*/
/*-------- page about -------*/
.sec_about_us .col {
    padding-bottom: 0;
}

.sec_about_ul ul {
    list-style: none;
}

.sec_about_ul ul li:before {
    content: "\f061";
    color: #e130a7;
    font-family: fontawesome;
    margin-right: 10px;
}
.sec_core_value .icon-box .icon-box-img {
    border: 1px solid;
    height: 100%;
    padding: 10px;
    border-radius: 5px;
}

.sec_guarantee .col{
    padding-bottom:0;
}
.sec_core_value_items .col {
    padding-bottom: 0;
}
@media screen and (max-width:849px){
    .sec_guarantee .col:not(:last-child){
        padding-bottom:30px;
    }
    .sec_core_value_items .col:not(:last-child) {
        padding-bottom:30px;
    }   
}
/*-------- page partner -------*/
.sec_partners_items .box-image {
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #f23897;
    height: 110px;
    width: 110px!important;
    padding-top: 25px;
}   
.sec_partners_items .col {
    padding-bottom: 0;
} 
.sec_partners_items .col {
    padding-bottom: 0;
} 

.sec_partnerting .col {
    padding-bottom: 0;
}

.sec_partnerting .col p {
    margin-bottom: 0;
} 
/*-------- page PROCESS -------*/
.sec_step .img.has-hover .img-inner {
    border-radius: 50%;
    border: 12px solid #fff;
    position: relative;
    z-index: 2;
}
 
.sec_step .img.has-hover {
    border: 3px solid #bcd8ec;
    border-radius: 50%;
/*    width: 70%!important;*/
}

.sec_step .row:last-child .col p:last-child {
    margin-bottom: 0;
}
.sec_step_title p {
    margin-bottom: 1rem!important;
    font-size: 1rem;
    padding: 0px 40px 0px 6px;
    position: relative;
    background: url(./images/text-bg2.png) no-repeat top center;
    display: inline-block;
    color: #fff;
}
.sec_step .row:last-child .col{padding-bottom:0}
@media screen and (min-width:849px){
    .sec_step .img.has-hover:after {
        content: "";
        background: url(./images/arrow4.png) no-repeat;
        background-size: contain;
        width: 24px;
        height: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1;
    }

    .sec_step .row:last-child .img.has-hover:after {
        display: none;
    }
}
@media screen and (max-width:849px){
    .sec_step .row .col:first-child .col-inner>div { 
        margin: auto;
    }
}
.sec_guarantee .button {
    margin-bottom: 0;
    padding-bottom: 0;
}
/*--------- paga residential + Commercial -----------*/
.sec-paint-service .box {
    margin-bottom: 20px;
}
.sec-paint-service .box .box-text {
    margin-top: -25px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
 
}

.sec-paint-service .box:hover .box-text {
    -webkit-animation-name: pullUp;
    -moz-animation-name: pullUp;
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -webkit-animation-timing-function: eaze-in-out;
    -moz-animation-timing-function: eaze-in-out;
}

@media screen and (min-width:549px){
   .sec-paint-service .col:not(:nth-child(-n + 2)) {
        padding-bottom: 0;
    } 
    .sec-paint-service .col a.button {
        margin-bottom: 0!important; 
    }    
}
@media screen and (max-width:549px){
    .sec-paint-service .col:last-child {
        padding-bottom: 0;
    }      
}
/*SEC CONTACT + REQUEST A FREE QUOTE*/
.sec_lien_he form .wpcf7-spinner { 
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    top: 100%; 
}
.sec_lien_he .col {
    padding-bottom: 0;
}
/*page Interior House Painting +Exterior House Painting + Plastering _ GIB Stopping + New Builds Painting + Office Painting + Retails Painting*/
.sec-professional .col {
    padding-bottom: 0;
}

ul.fancy-list.circle-tick li {
    list-style: none;
    position: relative;
    margin-left: 0;
    padding-left: 20px;
}

ul.fancy-list.circle-tick li:before {
    content: "\f05d";
    font-family: 'FontAwesome';
    font-weight: 400;
    left: 0;
    position: absolute;
    top: 0;
    font-size: 16px;
    color: #e130a7;
} 

.sec-tabs-service ul.nav {
    width: 100%;
    display: block;
}

.sec-tabs-service ul.nav li {
    display: table-cell;
    width: 1%;
}

.sec-tabs-service ul.nav li a {
    width: 100%;
    border-color: #eff3f6;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 100%;
    padding: 0 10px;
    line-height: 50px;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.sec-tabs-service ul.nav li.active a {
    background: #eff3f6;
    color: var(--primary-color);
}

.sec-tabs-service .tab-panels {
    margin-top: 20px;
}

.sec-tabs-service .tab-panels .icon-box h3 {
    font-weight: 300;
}
.sec-paint-service .col.large-12 {
    padding-bottom: 0;
}

.sec-tabs-service .tab-panels .icon-box-text .text:last-child p {
    margin-bottom: 0;
}
 @media screen and (max-width:549px){
    .sec-tabs-service ul.nav li {
    display: block;
    width: 100%;
}
 }
/* -------- page Recent Project ------ */
/*.recent-gallery .row .gallery-col:not(:first-child) {
    display: none;
}*/
.recent-gallery .row .rl-gallery .rl-gallery-item:not(:first-child) {
    display: none;
}
.recent-gallery .row .rl-gallery .rl-gallery-item img {
    width: 100%;
    height: 100%;
    min-height: 265px;
}

.recent-gallery .row .rl-gallery .rl-gallery-item {
    width: 100%!important;
}
@media screen and (min-width:1921px){
    .recent-gallery .row .rl-gallery .rl-gallery-item img{
        min-height: 450px;
    }
}
@media screen and (max-width:849px){
    .recent-gallery .row .rl-gallery .rl-gallery-item img{
        min-height: 180px;
    }
}
@media screen and (max-width:549px){
    .recent-gallery .row .rl-gallery .rl-gallery-item img{
        min-height: 150px;
    }
    .recent-gallery .row-full-width {
        margin-left: 0!important;
    }
}
/*---------footer-----------*/
.sec_footer p{
    color: #636363;
    font-size: 14px;
    margin-bottom: 0.8em;
}
.sec_footer a{
    color: #636363;
    font-size: 14px;
}
.sec_footer a:hover{
    color: #e130a7;
}
.sec_footer .icon-box-img {
    width: 14px !important;
}

.mona_sidebar_footer ul {
    margin: 0;
}
.mona_sidebar_footer ul.menu>li+li, 
.mona_sidebar_footer .widget>ul>li+li {
		border-top: 1px dashed rgba(238, 238, 238, 0.3);
}
.mona_sidebar_footer ul li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 15px 0 5px;
}
.mona_sidebar_footer ul li:hover a:before {
		animation-name: tada;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.mona_sidebar_footer ul li a:after {
    content: "\f002";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px 0 15px;
		position: absolute;
		right: 0;
		transition: 2s;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
}
.mona_sidebar_footer ul li:hover a:after {
		-webkit-animation:spin 1s;
    -moz-animation:spin 1s;
    animation:spin 1s;
		right: 30%;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(180deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(180deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); } }

.mona_sidebar_footer ul > li:hover > a,
.mona_sidebar_footer ul > li.current-menu-item > a,
.mona_sidebar_footer ul > li.current-menu-parent > a,
.mona_sidebar_footer ul > li.current-post-parent > a,
.mona_sidebar_footer ul > li.current_page_parent > a,
.mona_sidebar_footer ul > li.current-product-parent > a,
.mona_sidebar_footer ul > li.current-product-ancestor > a {
    color: #e11a22;
}
.mona_sidebar_footer ul.menu>li:not(:last-child),
.sec_footer_service ul.menu>li:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #cccccc;
}
.sec_footer_service ul.menu>li{ 
    border-top:unset;
}
.sec_footer_service ul.menu>li:not(:last-child) {
    padding-left: 5px;
} 

.sec_footer_service ul.menu {
    margin: 0;
    padding: 0;
}

.sec_footer_service .widget_nav_menu{
    padding:0;
}
/*---style form dang ky---*/
.sec_footer form.wpcf7-form {
    margin-bottom: 0;
}
.sec_footer .wpcf7 p {
    display: inline-flex;
}
.sec_footer input#email-dang-ky {
    height: 40px;
    border-radius: 3px 0 0 3px;
		border-right: 0;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.sec_footer input#btn-gui {
    height: 40px;
    border-radius: 0 3px 3px 0;
}
.sec_footer_contact .icon-box {
    margin-bottom: 10px;
}
.mona-hiden{
		display:none !important;
}
#btn-gui-icon {
    height: 40px;
    border-radius: 0 3px 3px 0;
    color: #e130a7;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    border: 1px solid #ddd;
    border-left: 0;
    cursor: pointer;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

.sec_footer aside#search-2 {
    display :none;
}
.sec_footer .is-divider.small {
    display : none;   
}
.sec_footer span.widget-title {
    font-size : 20px;
}
.sec_footer .flatsome_recent_posts ul {
    margin-top: 15px;
}
.absolute-footer {
    background: -webkit-linear-gradient(left,#00d39f 0,#008bd3 25%,#d40063 75%,#d4be00 100%);
    background: -o-linear-gradient(left,#00d39f 0,#008bd3 25%,#d40063 75%,#d4be00 100%);
    background: -moz-linear-gradient(left,#00d39f 0,#008bd3 25%,#d40063 75%,#d4be00 100%);
    background: linear-gradient(to right,#00d39f 0,#008bd3 25%,#d40063 75%,#d4be00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d39f',endColorstr='#d4be00',GradientType=1);
}

@-webkit-keyframes pullUp{
    0% {
        transform: scaleY(.1);
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
    }
}
@keyframes pullUp{
    0% {
        transform: scaleY(.1);
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
    }
}
/*--------end footer--------*/

/*-----style tablet mode-----*/
@media screen and (max-width: 849px){
		
}
/*---end style mobile mode---*/
/*-----style mobile mode-----*/
@media screen and (max-width: 549px){

}
/*---end style mobile mode---*/
.mobile-sidebar ul.nav li a {
    color: #1d1d1d;
}


.kk-star-ratings .kksr-stars > div > div:nth-child(1),
.kk-star-ratings .kksr-stars > div > div:nth-child(2),
.kk-star-ratings .kksr-stars > div > div:nth-child(3) {
    pointer-events: none;
}


/*========================================
  Testimonial Slider Fix
  Applied: 2025-11-02
  Updated: 2025-11-24 (Removed debug CSS)
  Forces visible overflow for full content display
========================================*/

/* Force overflow visible for testimonial slider */
.tstm-fix .flickity-viewport {
    overflow: visible !important;
}

/*======== End Testimonial Fix ========*/

/* ============================================
   Testimonial Slider Overflow Fix - Phase 1
   CSS-only solution (replaces setInterval JS)
   ============================================ */
.tstm-fix .flickity-viewport {
    overflow: visible !important;
}
.tstm-fix .slider-wrapper {
    overflow: visible !important;
}
.tstm-fix.ux_slider {
    overflow: visible !important;
}

/* ============================================