/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/



/*************** ADD CUSTOM CSS HERE.   ***************/


@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap');
/**/

.d-flex.align-items-baseline {
	display: none;
}
#form-dang-ki-mail .mfp-close {
	color: #ffffff;
}

#form-register {
	text-align: left !important;
}
.rank-math-html-sitemap {
	display: none;
}

.woocommerce-variation-add-to-cart {
	display: flex;
    flex-direction: column;
}
.product-container .product-title {
	font-family: 'Didot' !important;
    font-size: 50px !important;
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 5px;
    word-wrap: break-word;
}

.account-container .button {
	border-radius: 4px;
	background-color: rgb(235, 168, 175);
	
}

.h1, .h2, .h3, h1, h2, h3, h4 {
    font-family: 'GFS Didot', serif !important;
}

.menu-bottom-widget .menu-menu-bottom-container a {
    color: #ffffff;
}

#menu-bottom-mobile {
     position: fixed;
     width: 100%;
     z-index: 100 !important;
     bottom: 0;
     display: block;
 }

 #content-menu-bottom {
     display: flex;
     max-width: 1200px;
     margin: auto;
     position: relative;
     padding-top: 5px;
 }

 #content-menu-bottom>a {
     position: relative;
     display: block;
     width: 25%;
     text-align: center;
     padding: 5px 0 0px 0;
     color: #313131;
 }

 #content-menu-bottom-btn-center {
     position: relative;
     background: transparent !important;
 }

 #content-menu-bottom span {
     display: block;
 }

 #content-menu-bottom>a img {
     height: 30px;
 }

 .content-menu-bottom-btn-label {
     padding: 0px 2px 0 2px;
     font-size: 11px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-weight: normal;
 }

 .content-menu-bottom-btn-label span {
     padding: 0px 8px;
     background-color: rgb(212, 171, 178);
     border-radius: 30px;
     color: white;
     display: inline-block;
 }

 .content-menu-bottom-btn-center-icon {
     left: 50%;
     position: absolute;
     transform: translateX(-50%);
     background-color: #fff;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     top: -28px;
     text-align: center;
     box-shadow: rgb(0 0 0 / 15%) 0 -3px 10px 0px;
     border: 2px solid #ffffff7d;
     background: rgb(152,131,133);
background: linear-gradient(90deg, rgba(152,131,133,1) 0%, rgba(235,168,175,1) 100%, rgba(212,171,178,1) 212%);
 }

 .phone-vr-circle-fill {
     width: 50px;
     height: 50px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     box-shadow: 0 0 0 0 #0E68C8;
     border: 2px solid transparent;
     transition: all .5s;
     animation: zoom 1.3s infinite;
 }

 .content-menu-bottom-btn-center-icon img {
     max-width: 20px;
     height: auto !important;
     position: absolute;
     top: 30%;
     left: 30%;
     transform: translate(-50%, -50%);
 }

 #content-menu-bottom-btn-center .content-menu-bottom-btn-label {
     position: absolute;
     left: 50%;
     bottom: 2px;
     transform: translateX(-50%);
 }

 .content-menu-bottom-btn-label {
     padding: 0px 2px 0 2px;
     font-size: 11px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-weight: normal;
 }

 #content-menu-bottom:after {
     content: '';
     position: absolute;
     pointer-events: none;
     background-image: url(/wp-content/uploads/2023/04/mb-footer-bg.svg);
     background-color: unset;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: 100%;
     box-shadow: unset;
     height: 65px;
     width: 100%;
     margin-left: 0;
     margin-bottom: 0;
     left: 0;
     bottom: 0;
     z-index: -1;
 }

 @keyframes content-menu-bottom-btn-center-icon {
     0% {
         transform: rotate(0deg) scale(1) skew(1deg)
     }

     10% {
         transform: rotate(-25deg) scale(1) skew(1deg)
     }

     20% {
         transform: rotate(25deg) scale(1) skew(1deg)
     }

     30% {
         transform: rotate(-25deg) scale(1) skew(1deg)
     }

     40% {
         transform: rotate(25deg) scale(1) skew(1deg)
     }

     50% {
         transform: rotate(0deg) scale(1) skew(1deg)
     }

     100% {
         transform: rotate(0deg) scale(1) skew(1deg)
     }
 }

 .content-menu-bottom-btn-center-icon img {
     animation: content-menu-bottom-btn-center-icon 1.5s ease infinite
 }

/**/
.italic {
	font-style: italic;
}

.section-du-an .col{
	padding: 10px !important
}
.section-lap-dat .col,.section-tin-tuc .col{
	padding-bottom: 10px !important; 
}
.post-sidebar{
	padding: 0px 10px !important;
}

.is-divider{
	display: none
}
.row-doi-tac .box-text {
	display: none
}
.gallery-col{
	padding-bottom: 0px;
}

.flex-right ul li{
	padding: 0px 10px !important;

}
.flex-right ul li a{
	text-transform: initial !important;
	font-size: 16px;
}

/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
	background-color: currentColor !important;
	border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
	color: #fff;
	background-color: #446084;
	border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
	background : #2478ba !important;
	border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
	color: #fff;
	background-color: black !important;
	border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
	color: #fff !important;
	background-color: #cb2320  !important;
	border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
	color: #fff !important;
	background-color: #dd4e31 !important;
	border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
	color: #fff !important;
	background-color: #0072b7 !important;
	border-color: #0072b7     !important;
}

.single-date{
	border-bottom: 1px dashed #ededed;
}
h1.entry-title{
	font-size: 24px !important;
}
/*Kết thúc màu sắc*/



footer.entry-meta {

	border-top: none !important;
	border-bottom: 1px dashed #ececec !important;

}

.entry-content img{
	width: auto !important
}
.duong-line {
	background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
	height: 12px;
	margin-top: 5px;
	overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin: -8px 20px 0 0;
}

div.div-widget {
	border-bottom: 2px solid #3498db;
	margin-bottom: 40px;
	display: block;
}

div.div-widget h3.widget-title {
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	text-transform: uppercase;
}

div.div-widget h3.widget-title :after {
	content: "";
	width: 0;
	height: 0;
	border-top: 40px solid transparent;
	border-left: 20px solid #3498db;
	border-bottom: 0px solid transparent;
	border-right: 0 solid transparent;
	position: absolute;
	top: 0px;
	right: -20px;
}

div.div-widget h3.widget-title  span {
	background: #3498db;
	padding: 10px 20px 8px 20px;
	color: white;
	position: relative;
	display: inline-block;
	margin: 0;
}
.section-ve-chung-toi p{
	margin-bottom: 5px !important
}
.section-ve-chung-toi .p-about{
	font-size: 14px !important;
	text-align: justify;
}
b, strong {
	font-weight: bold !important;
}
.footer-2 .widget{
	padding-top: 10px;
	border-top: 1px solid gray;
}

.section-title b {
	height: 0 !important;
}

.section-title-center span {
	font-size: 35px !important;
/*     color: #FFF; */
    font-weight: 700;
}

.footer-wrapper ul {
	list-style: none;
}

/* .newsletter__input-group p {
    text-align: center;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    flex-wrap: nowrap;
} */

/* .newsletter__input-group .wpcf7-spinner{
    flex-basis: 20% !important;
    margin: 0 auto !important;
} */

/* .newsletter__input-group input::placeholder {
    font-size: 1.2em;
    font-style: italic;
} */

.newsletter__input-group .wpcf7-submit {
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    user-select: none;
    color: #000;
    background: #e8ded6 !important;
}

.product-small .box-image img {
	border-radius: 8px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.product-small .product-title a {
	font-size: 16px;
    font-weight: 700 !important;
}

#menu-menu-dich-vu a {
	color: #fff;
}

.col-service .col-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#form-contact p {
    padding-left: 10px;
    /* text-align: center; */
}

#form-contact .form-content-two-cl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#form-contact .form-content-two-cl p{
    width: 50%;
}

#form-contact .wpcf7-submit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.42;
    text-decoration: none;
    text-align: center;
    white-space: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3em;
    display: inline-block;
    padding: 11px 20px;
    margin: 0;
    width: auto;
    min-width: 90px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    user-select: none;
    color: #000;
    background: #e8ded6;
    white-space: nowrap;
}

.btn {
    line-height: 1.42;
    text-decoration: none;
    text-align: center;
    white-space: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3em;
    display: inline-block;
    padding: 11px 20px;
    margin: 0;
    width: auto;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    user-select: none;
    color: #000;
    background: #e8ded6 !important;
    margin: 0 20px !important;
	border-radius: 4px !important;
}

.btn:hover {
    background-color: #ffffff;
}

.shop-container .product-info .cart {
    display: flex;
    flex-direction: column;
}

.shop-container .product-info .cart .wp-element-button {
    color: black;
    background-color: #ffffff;
    border: 1px solid;
}

.shop-container .product-info .cart .plus {
    width: 40px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.shop-container .product-info .cart .minus {
    width: 40px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.product-small .box-text {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.product-small .box-text .product-title{
    background-color: #D4ABB2;
    border-radius: 4px;
}

.product-small .box-text .product-title .woocommerce-LoopProduct-link {
    font-weight: 300 !important;
    padding: 5px 10px;
}

.product-small .box-text .price {
    margin-top: 10px;
}

.product-small .box-text .woocommerce-Price-amount {
    font-size: 18px;
    font-weight: 500;
    margin-top: 8px;
}

/* .wpcf7-form {
    display: flex;
    flex-direction: column;
} */

.wpcf7-spinner {
    display: none !important;
}

/* .wpcf7-form .wpcf7-response-output {
    margin-top: 47px;
} */

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
    /* .wpcf7-form {
        display: flex;
    } */

    .btn {
        font-size: 12px;
    }

    /* .newsletter__input-group p {
        width: 90%;
    } */

    .section-review {
        display: none;
    }
    #menu-bottom-mobile {
        display: block !important;
    }

    .section-slide-banner .text-box {
        width: 90% !important;
        font-size: 12px;
        left: 5% !important;
    }

	.text-banner-2 {
		margin-top: 82px;
    	margin-left: 25px;
		width: 65%;
	}
	
	.text-banner-2 h2 {
		font-size: 32px;
	} 

    .section-out-work .row {
        padding: 0 12px !important;
    }
    .section-out-work .col {
        max-width: 50% !important;
        padding-bottom: 16px;
        /* padding-bottom: 10px !important; */
        padding: 0 10px 14px !important;
    }

    .cart .input-text {
        width: 3.5em !important;
        max-width: 3.5em !important;
    }

    #form-contact .form-content-two-cl {
        display: block !important;
    }

    #form-contact .form-content-two-cl p {
        width: 100% !important;
    }
	
	.mfp-container {
		padding: 0px !important;
	}
	
	.mfp-container #form-dang-ki-mail .section.dark
	{
		    padding: 15px !important;
	}
	
}

.f1-effect {
    position: relative;
    z-index: 99999999; }
    .f1-effect .f1-effect-flower {
      opacity: 1;
      border-radius: 100%;
      background: url(https://file.hstatic.net/200000259653/file/pages_17a8568517e94dcd9c8aec5587_570924d1fa4b4da1aa011044c9d7cc1c.png);
      position: fixed;
      top: -10%;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: default;
      -webkit-animation-name: snowflakes-fall, snowflakes-shake;
      -webkit-animation-duration: 10s, 3s;
      -webkit-animation-timing-function: linear, ease-in-out;
      -webkit-animation-iteration-count: infinite, infinite;
      -webkit-animation-play-state: running, running;
      animation-name: snowflakes-fall, snowflakes-shake;
      animation-duration: 10s, 3s;
      animation-timing-function: linear, ease-in-out;
      animation-iteration-count: infinite, infinite;
      animation-play-state: running, running; }
/*       @media (max-width: 767px) {
        .f1-effect .f1-effect-flower:nth-of-type(2n) {
          display: none; } } */
      .f1-effect .f1-effect-flower:nth-of-type(0) {
        left: 5%;
        -webkit-animation-delay: 1s, 1s;
        animation-delay: 1s, 1s;
        width: 16px;
        height: 16px;
        background-position: 0 -23px; }
      .f1-effect .f1-effect-flower:nth-of-type(1) {
        left: 10%;
        -webkit-animation-delay: 6s, 0.5s;
        animation-delay: 6s, 0.5s;
        width: 13px;
        height: 13px;
        background-position: 0 -50px; }
      .f1-effect .f1-effect-flower:nth-of-type(2) {
        left: 20%;
        -webkit-animation-delay: 4s, 2s;
        animation-delay: 4s, 2s;
        width: 15px;
        height: 15px;
        background-position: -49px -35px; }
      .f1-effect .f1-effect-flower:nth-of-type(3) {
        left: 30%;
        -webkit-animation-delay: 2s, 2s;
        animation-delay: 2s, 2s;
        width: 14px;
        height: 14px;
        background-position: -31px 0; }
      .f1-effect .f1-effect-flower:nth-of-type(4) {
        left: 40%;
        -webkit-animation-delay: 8s, 3s;
        animation-delay: 8s, 3s;
        width: 16px;
        height: 16px;
        background-position: 0 -23px; }
      .f1-effect .f1-effect-flower:nth-of-type(5) {
        left: 50%;
        -webkit-animation-delay: 6s, 2s;
        animation-delay: 6s, 2s;
        width: 13px;
        height: 13px;
        background-position: 0 -50px; }
      .f1-effect .f1-effect-flower:nth-of-type(6) {
        left: 60%;
        -webkit-animation-delay: 2.5s, 1s;
        animation-delay: 2.5s, 1s;
        width: 15px;
        height: 15px;
        background-position: -49px -35px; }
      .f1-effect .f1-effect-flower:nth-of-type(7) {
        left: 70%;
        -webkit-animation-delay: 1s, 0s;
        animation-delay: 1s, 0s;
        width: 14px;
        height: 14px;
        background-position: -31px 0; }
      .f1-effect .f1-effect-flower:nth-of-type(8) {
        left: 80%;
        -webkit-animation-delay: 2s, 2s;
        animation-delay: 2s, 2s;
        width: 14px;
        height: 14px;
        background-position: -31px 0; }
      .f1-effect .f1-effect-flower:nth-of-type(9) {
        left: 90%;
        -webkit-animation-delay: 8s, 3s;
        animation-delay: 8s, 3s;
        width: 16px;
        height: 16px;
        background-position: 0 -23px; }
      .f1-effect .f1-effect-flower:nth-of-type(10) {
        left: 95%;
        -webkit-animation-delay: 6s, 2s;
        animation-delay: 6s, 2s;
        width: 13px;
        height: 13px;
        background-position: 0 -50px; }
  
  @-webkit-keyframes snowflakes-fall {
    0% {
      top: -10%; }
    100% {
      top: 100%; } }
  
  @-webkit-keyframes snowflakes-shake {
    0% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px); }
    50% {
      -webkit-transform: translateX(80px);
      transform: translateX(80px); }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px); } }
  
  @keyframes snowflakes-fall {
    0% {
      top: -10%; }
    100% {
      top: 100%; } }
  
  @keyframes snowflakes-shake {
    0% {
      transform: translateX(0px); }
    50% {
      transform: translateX(80px); }
    100% {
      transform: translateX(0px); } }



@media screen and (max-width: 849px){ 
    /* .newsletter__input-group p {
        flex-wrap: nowrap !important;
    }

    .wpcf7-response-output {
        margin-top: 52px !important;
    } */
}


@media screen and (min-width: 850px){
	.row-divided>.col+.col:not(.large-12) {
		border-left: none !important;
	}
    .header-full-width .container {
        max-width: 80% !important;
    }
/* 	#wrapper, #main {
		position: absolute;
		width: 100%;
		top: 0;
		z-index: 1;
	}
	.header, .header-wrapper {
		top: 16px;
	} */
}
.product-small .secondary, .checkout-button, .button.checkout, .button.alt {
	background:red !important;
}