/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*@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;
    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:"Poppins";
    font-weight:normal;
    font-style:normal;
    src:url("./fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    font-weight:bold;
    font-style:normal;
    src:url("./fonts/Poppins/Poppins-Bold.ttf") format("truetype");
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    font-weight:bolder;
    font-style:normal;
    src:url("./fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype");
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    font-weight:normal;
    font-style:italic;
    src:url("./fonts/Poppins/Poppins-Italic.ttf") format("truetype");
    font-display:swap
}*/
/*---------global-----------*/
html{overflow-x:hidden}
body{overflow-x:hidden; }
h1,h2,h3,h4,h5,h6 {
/*    font-family:"Poppins";*/
/*    font-weight: bolder;*/
}
/*---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%;
}
/*.product-small.box:hover {
     border: 2px dashed #ddd;
}*/

/*---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: 10px;
}
/*---style product price---*/
.price-wrapper{
    display: table; 
}
.price-wrapper .price{
    height: 1.3em;
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    line-height: 120%;
}
.product-short-description {
    padding-top: 1em;
    padding-bottom: 0.5em;
}

/*---style related product---*/
.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;
}
h2.mona-title {
    font-size: 1.7rem;
/*    text-transform: uppercase;*/
    max-width: 1000px;
    text-align: center;
    margin: auto;
    font-weight: 700;
}
/*
.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---*/
h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
		text-align : justify;
}
p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 4.5em;
}

/*---style shop and product sidebar---*/
#shop-sidebar ul,
#product-sidebar ul,
.post-sidebar ul {
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 3px;
/*    padding: 15px;*/
    background-color: rgba(221, 221, 221, 0.1);
}

#shop-sidebar ul li+li,
#product-sidebar ul li+li,
.post-sidebar ul li+li {
/*    border-top: 1px dashed #ececec;*/
}

#shop-sidebar .is-divider,
#product-sidebar .is-divider,
.post-sidebar .is-divider {
		margin-top: 0px;
    background-color: rgba(0,0,0,0);
    display: none;
}

#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: 2;
    height: 2.6em;
}
#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.6em;
    color: #444;
		padding-top: 0.2em;
}
#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 input.search-field.mb-0 {
    height: 40px;
    border-radius: 3px 0 0 3px;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    width: 40px;
    height: 40px;
    border-radius: 0 3px 3px 0;
}
#shop-sidebar .widget-title, #product-sidebar .widget-title, .post-sidebar .widget-title {
    border-radius: 10px 10px 0 0;
    padding: 15px 30px;
    color: #FFF;
    display: block;
    background:var(--primary-color);
}
#shop-sidebar ul li, #product-sidebar ul li, .post-sidebar ul li {
    padding: 5px 20px;
}
#shop-sidebar ul li:hover, #product-sidebar ul li:hover, .post-sidebar ul li:hover {
    background-color: var(--primary-color);

}
#shop-sidebar ul li:hover a
, #product-sidebar ul li:hover a
, .post-sidebar ul li:hover a {
        color:#fff
    
}
/*---end style shop and product sidebar---*/
.header-nav-main > li > a:after {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: currentColor;
}

.header-nav-main > li:hover > a:after,.header-nav-main > li.active > a:after {
    width: 100%;
    left: 0;
    right: auto;
}
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible {
    outline: unset;
}
.html.custom p.mona-fb:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('/wp-content/uploads/2023/08/icon-facebook-240.svg') no-repeat;
    width: 20px;
    background-size: cover;
    height: 20px;
    z-index: 100000;
    filter: invert(1);
}

.html.custom p {
    position: relative;
}

.html.custom p:before {
    content: "";
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    vertical-align: middle;
    margin-right: 5px;
}

.html.custom p.mona-fb {
    padding-left: 24px;
}

.html.custom p.mona-mail:before {
    content: "\f0e0";
}

.html.custom p.mona-phone:before {
    content: "\f095";
}
/*---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---*/
/*---style act_product---*/
.acf_product {
    font-size: 12px;
    display: block;
    background: #fffee7;
    border: 1px solid #ccc;
    padding: 10px !important;
    border-radius: 5px;
    max-height: 125px !important;
    overflow-y: auto !important;
    margin-bottom: 2em;
}
.acf_product a {
    color: #fa5400;
}
li.html.custom a{
    font-size:0.85rem;
}
/*---z-index sidebar mobile---*/
.mfp-wrap {
		z-index: 900001;
}
/*-header main-*/
a.button.plain.is-small {
    color : #92278f;
    background : #fff
}

.header-top .nav .html.custom a {
    color: #fff;
}
/*-form dang ki-*/
.sec_dangki form.wpcf7-form {
    margin-bottom: 0;
}
.sec_gt .wpcf7 p,
.sec_footer .wpcf7 p {
    display: inline-flex;
}

.sec_dangki input#bt-gui {
    background : #532b99;
    padding : 4px 45% 4px 45%;
		margin : 15px 0px;
		font-size : 15p;
}
input#text-name, input#email-contact,input#text-address,input#tel-contact, textarea#textarea-noidung
 {
    padding : 10px 0px 10px 10px;
		border-bottom : 1px solid #00000070;
    border-left: 1px solid #fff ;
    border-right: 1px solid #fff ;
    border-top: 1px solid #fff ;
    font-size : 15px;
    border-radius:5px;
}
input#text-name:hover, input#email-contact:hover,input#text-address:hover,input#tel-contact:hover, textarea#textarea-noidung:hover  {
    border-bottom : 1px solid #000000;
    border-left: 1px solid #fff ;
    border-right: 1px solid #fff ;
    border-top: 1px solid #fff ;
}

/*form đk foooter*/
/*.sec_footer form.wpcf7-form {
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    padding : 3px 15px;
}*/
.sec_footer input#email-dang-ky, .sec_footer label#btn-gui-icon {
    background : #fff;
    border : none;
    box-shadow : none;
    padding : 0 0;
    margin : 0;
}
.sec_footer form.wpcf7-form input {
    border: 2px solid var(--primary-color) !important;
    height: 40px;
    border-radius: 99px 0 0 99px;
    border-right: 0!important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    outline: unset;
    padding-left: 20px!important;
}

.sec_footer form.wpcf7-form #btn-gui-icon {
    height: 40px;
    border-radius: 0 99px 99px 0;
    color: var(--primary-color);
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    border: 2px solid var(--primary-color) !important;
    border-left: 0!important;
    cursor: pointer;
    width: 60px;
    line-height: 40px;
    text-align: center;
}
i.fa.fa-envelope-o {
    color :  var(--primary-color);
}
/*-end form dang ki-*/
.tim {
		color : #92278f;
}
/*--style button--*/
.sec_vitri a.button.secondary.is-outline {
    background-color: #f2c179;
    border: 1px solid #fff;
    color: #000;
    padding : 10px;
    font-weight : 200;
}
.sec_vitri a.button.secondary.is-outline:hover {
    background-color: #005b3e !important;
    color : #fff;
    padding : 10px;
    font-weight : 200;
}
input#bt-gui {
   border-radius : 5px;
   background-color :  var(--primary-color) ;
}
.sec_news h5.post-title.is-large:hover {
    color : #e91e63;
}

.sec_news button.button.is-bevel.is-small.mb-0  {
    color : #fff;
    border-radius : 5px;
    font-weight :100;
    padding : 1px 30px
}

/*--end style button--*/
.sec_news .box-text.text-left {
     border-radius : 0 0 5px 5px;
}
.sec_news img.attachment-original.size-original.wp-post-image {
    border-radius : 5px 5px 0 0;
}

/*--------end global--------*/


/*---------header-----------*/
/*---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('http://maitri.monamedia.net/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;
}

#wide-nav > .flex-row > .flex-left  {
    width : 75%;
}
/*---style active nav---*/
/*.header-main .nav > li:nth-child(1) > a {
    color : #624dd6;
}
.header-main .nav > li:nth-child(2) > a {
    color : #53e29b;
}
.header-main .nav > li:nth-child(3) > a {
    color : #dd4f75
}
.header-main .nav > li:nth-child(4) > a {
    color : #88d914
}
.header-main .nav > li:nth-child(5) > a {
    color : #14bba1
}
.header-main .nav > li:nth-child(6) > a {
    color : #ff5722;
}
.header-main .nav > li:nth-child(7) > a {
    color : #10b6fe;
}*/

.header-main .nav > li > a {
		padding : 0 10px;
		color:#000;
}


.header-bottom .nav li a.nav-top-link {
    margin : 0 25px;
}
.header-bottom .nav li:first-child a.nav-top-link {
    margin-left : 0;
}
/*-icon header-*/
span.fa.fa-clock-o, span.fa.fa-phone, span.fa.fa-map-marker {
    f
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    font-size: 25px;
    line-height: 44px;
    color: #e84b3a;
    margin: 0;
}
th, td {
    padding: .1em;
    text-align: left;
    border-bottom: 0;
    padding : 0px 10px
}
.nav>li.html {
    font-size: 1em;
}
input.search-field.mb-0 {
    background : #fff;
    border-radius : 1px
}
/*-end header-*/
.header-bg-color, .header-wrapper {
    background-color: rgba(255,255,255,0.6) !important;
}
/*--------end header--------*/


/*---------content-----------*/
/*-----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: var(--primary-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #009688;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #009688;
}
/*---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: '\f21e';
    font-family: FontAwesome;
    left: 50%;
    transform: translateX(-50%);
    font-size: 23px;
    line-height: 1;
    color: #76a03f;
}

/*---style sec_tieuchi---*/
/*.sec_tieuchi .icon-box.featured-box.icon-box-left.text-left {
    display: inline-block;
    vertical-align: middle;
}*/
.sec_tieuchi .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 1em;
    width: 75%;
}
/*.sec_tieuchi .icon-box-img {
    display: inline-block;
    vertical-align: middle;
}
.sec_tieuchi .icon-box-text.last-reset {
    display: inline-block;
    vertical-align: middle;
}*/
.sec_tieuchi .row > .col > .col-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
 

.sec_tieuchi .row > .col > .col-inner .icon-box {   
    width: 20%;
}
@media screen and ( max-width: 849px){
   .sec_tieuchi .icon-box .icon-box-text br {
        display: none;
    }
}
@media screen and ( max-width: 549px){
    .sec_tieuchi .row > .col > .col-inner .icon-box {  
        width: 33.3%;
    }
 
}
/*---end style sec_tieuchi---*/

/*-style đội ngũ giáo viên-*/
.sec_gv img.attachment-medium.size-medium {
    border-radius : 500px;
}
/*-end style đội ngũ giáo viên-*/

/*-style thu vien-*/
li.tab.has-icon {
    border-radius : 5px;
    background : #fff;
    padding : 0px 25px;
    color : #000 !important;
}
.sec_thuvien li.tab.has-icon:hover {
    border-radius : 5px;
    background : #fff200;
    padding : 0px 25px;
    color : #000 !important;
    font-weight : 700;
}

li.tab.has-icon.active {
    border-radius : 5px;
    background : #fff200;
    padding : 0px 25px;
    color : #000 !important;
    font-weight : 700;
}
/*-end style thu vien-*/

/*-style blog 3 màu-*/
.col.post-item.is-selected h5.post-title.is-large{
    -webkit-transition:all ease-out .3s;
    transition:all ease-out .3s;
}
.col.post-item.is-selected:nth-child(1) h5.post-title.is-large:hover {
        color : #e91e63;
}
.col.post-item.is-selected:nth-child(2) h5.post-title.is-large:hover {
        color : #88d914;
}
.col.post-item.is-selected:nth-child(3) h5.post-title.is-large:hover {
        color : #10b6fe;
}
.col.post-item.is-selected:nth-child(2) button.button.is-bevel.is-small.mb-0 {
/*        background : #88d914;       */
}
.col.post-item.is-selected:nth-child(3) button.button.is-bevel.is-small.mb-0 {
/*        background : #10b6fe; */
}
.col.post-item.is-selected .box {
    border: 1px solid transparent;
    -webkit-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}
.col.post-item.is-selected .box:hover  {
        border : 1px solid var(--primary-color);
        border-radius : 6px;
}

/*-end style blog 3 mau -*/
.sec_banner .col:nth-child(1) .box:hover  {
        background : #d22f79;
        color : #fff;
        border-radius : 15px;
}
.sec_banner .col:nth-child(2) .box:hover  {
        background : #4e8096;
        color : #fff;
        border-radius : 15px;
}
.sec_banner .col:nth-child(3) .box:hover  {
        background : #8ccc3d;
        color : #fff;
        border-radius : 15px;
}
.sec_banner .col:nth-child(4) .box:hover  {
        background : #e83643;
        color : #fff;
        border-radius : 15px;
}
.sec_banner .box  {
        border-radius : 15px;
}
.sec_banner .title {
    font-size: 3rem!important;
}

 
@media screen and (max-width:549px){
.sec_banner .title{
    font-size: 20px!important;
}
}
 
/*.font{
		font-family: 'Roboto';
}*/
/*flip*/
.sec_photo2 .container {
  position: relative;
}

.sec_photo2 .image {
  display: block;
  width: 100%;
  height: auto;
}

.sec_photo2 .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.sec_photo2 .container:hover .overlay {
  opacity: 1;
}
.sec_photo2 p.txt {
    max-height: 100px;
    overflow: auto;
    padding-right: 5px;
} 
/**/
.sec_banner2 svg.flickity-button-icon {
    display : none;
}
.sec_banner2 ol.flickity-page-dots li {border-color: #fff;}

.sec_banner2 ol.flickity-page-dots li.is-selected {
    background-color: #fff;
}
/*--------style sec_photo----------*/
.sec_photo .col-inner {
    border : 1px solid #f3f3f3;
    padding : 20px;
    border-radius : 5px;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
.sec_photo .col-inner.text-center {
    border : none;
} 
.sec_photo .col.medium-3.small-12.large-3:nth-child(1) .col-inner:hover {
    border : 1px solid #e91e63;
    padding : 20px;
    border-radius : 5px
}
.sec_photo .col:nth-child(2) .col-inner:hover {
    border : 1px solid #88d914;
    padding : 20px;
    border-radius : 5px
}
.sec_photo .col:nth-child(3) .col-inner:hover {
    border : 1px solid #10b6fe;
    padding : 20px;
    border-radius : 5px
}
.sec_photo .col:nth-child(4) .col-inner:hover {
    border : 1px solid #fd5a0f;
    padding : 20px;
    border-radius : 5px
}

.sec_photo .col.medium-3.small-12.large-3:nth-child(1) .col-inner h3{
    color : #e91e63;
}
.sec_photo .col:nth-child(2) .col-inner h3 {
    color : #88d914;
}
.sec_photo .col:nth-child(3) .col-inner h3 {
    color : #10b6fe;
}
.sec_photo .col:nth-child(4) .col-inner h3 {
    color : #fd5a0f;
}
.sec_photo .col:nth-child(1) .col-inner a.button.primary{
    background : #e91e63;
    font-weight :100;
    padding : 0px 15px
}
.sec_photo .col:nth-child(2) .col-inner a.button.primary{
    background : #88d914;
    font-weight :100;
    padding : 0px 15px
}
.sec_photo .col:nth-child(3) .col-inner a.button.primary{
    background : #10b6fe;
    font-weight :100;
    padding : 0px 15px
}
.sec_photo .col:nth-child(4) .col-inner a.button.primary{
    background : #fd5a0f;
    font-weight :100;
    padding : 0px 15px
}

.sec_photo .col-inner p {
    height: 120px;
    overflow-x: auto;
    padding-right: 15px;
}

.sec_photo2 p.txt::-webkit-scrollbar ,.sec_photo .col-inner p::-webkit-scrollbar {
  width: 6px;
    border-radius:10px;
}

.sec_photo2 p.txt::-webkit-scrollbar-track, .sec_photo .col-inner p::-webkit-scrollbar-track {
  background-color: #8BC34A;    
    border-radius:10px;
}

.sec_photo2 p.txt::-webkit-scrollbar-thumb,  .sec_photo .col-inner p::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgb(0 0 0 / 59%);    
    border-radius:10px;
}
/*-------- end style sec_photo----------*/

/*------sec_photo3-----*/
.sec_photo3 .col.medium-4 .col-inner {
    border: 1px solid transparent;
    -webkit-transition: ease-out all 0.3s;
    transition: ease-out all 0.3s;
}
.sec_photo3 .col.medium-4 .col-inner h4{
      -webkit-transition: ease-out all 0.3s;
    transition: ease-out all 0.3s;  
}
.sec_photo3 .col.medium-4:nth-child(1) .col-inner h4:hover{
    color : #6752d8;    
}
.sec_photo3 .col.medium-4:nth-child(2) .col-inner h4:hover{
    color : #fe561c;    
}
.sec_photo3 .col.medium-4:nth-child(3) .col-inner h4:hover{
    color : #8fdc18;    
}   
.sec_photo3 .col.medium-4:nth-child(1) .col-inner:hover{ 
    border : 1px solid #6752d8;
}
.sec_photo3 .col.medium-4:nth-child(2) .col-inner:hover{ 
    border : 1px solid #fe561c;
}
.sec_photo3 .col.medium-4:nth-child(3) .col-inner:hover{ 
    border : 1px solid #8fdc18 ;
}
/*-----end sec_photo3-----*/
span.wpcf7-spinner {
    position: absolute;
}
.sec_gt input#email-dang-ky {
    background : #fff;
    box-shadow : none;
    border: 3px solid var(--primary-color);
    border-radius: 99px 0 0 99px;
    padding-left: 20px;
}
.sec_gt input#btn-gui {
    background: var(--primary-color);
    color: #fff;
    padding: 0px 15px;
    border-radius: 0 99px 99px 0;
    text-transform: uppercase;
    height: 56px;
}
.sec_gt input#btn-gui:hover {
      color: #fff;
    box-shadow: none;
    background: #0f6273;
}
.sec_gt input#btn-gui:hover 
.sec_dk a.button.secondary {
    color : #624dd6;
    font-weight : 100;
    padding : 10px 40px
}
.sec_banner a.button.primary, .sec_banner a.button.secondary { 
    padding : 5px 30px
}
.sec_banner a.button.primary:hover, .sec_banner a.button.secondary:hover {
    background : #fff;
    color : #000;
    padding : 5px 30px;
    box-shadow : none;
}
@media screen and ( max-width:549px){
    .sec_banner p {
        margin-bottom: 0;
        font-size: .7rem;
        margin-top: 0;
    }
}
.product-small.box {
    border-radius: 15px;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.1), 0 2px 6px 2px rgba(60,64,67,.15);
}

.product-small.box img {
    border-radius: 15px 15px 0 0;
}
.product-small.box.has-hover.box-normal.box-text-bottom .box-text.text-center {
    border-radius: 0 0 15px 15px;
}
.product-small.box img {
    border-radius: 15px 15px 0 0;
}
/*---style chữ lớn slider sec_banner2--*/
.row_big .col-inner {
    padding:1em 3em;
    z-index: 0;
    margin-top: 50px;
    margin-left: 10px !important;

}
.big {
    font-size: 230px;
    color: #f59cba;
    font-weight: bold;
    position: absolute;
    top: -120px;
    left: -30px;
    z-index: -1;
}
a.button.primary.is-underline {
    color : #000
}
.sec_lop p.box-excerpt.is-small {
    margin-top : 1em;
}
.sec_banner2 .text p.text2 {
    height: 150px;
    overflow-y: auto;
    padding-right: 15px;
}


.sec_banner2 .text p.text2::-webkit-scrollbar {
  width: 6px;
    border-radius:10px;
}

.sec_banner2 .text p.text2::-webkit-scrollbar-track {
  background-color: #ffffff;    
    border-radius:10px;
}

.sec_banner2 .text p.text2::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px #4CAF50;    
    border-radius:10px;
}

/*--------end content--------*/


/*---------footer-----------*/
/*.sec_footer p{
    color: #a4a4a4;
    font-size: 14px;
    margin-bottom: 0.8em;
}
.sec_footer a{
    color: #a4a4a4;
    font-size: 14px;
}
.sec_footer a:hover{
    color: #7ca740 !important;
}
.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: "\f0fb";
    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: #7da500;
}

.mona-hiden{
		display:none !important;
}
#btn-gui-icon {
    height: 40px;
    border-radius: 0 3px 3px 0;
    color: #92278f;
    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;
}
input#email-dang-ky {
    background : #92278f;
    padding : 25px 5px;
    border : 2px solid rgba(255,255,255,.5);
}
input#btn-gui {
    background : #fff;
    color : #92278f;
    border-radius : 2px;
    text-transform: capitalize;
		padding : 0px 30px
}
.sec_footer .box-text.text-left {
    display : none;
}
/**/

.sec-dang-ky-tham-quan input, .sec-dang-ky-tham-quan textarea {
    border-color: rgb(0 0 0 / 17%)!important;
    border-radius: 5px;
}

span.wpcf7-spinner {
    display: none;
}
.sec-dang-ky-tham-quan input#bt-gui {
    margin: auto;
    max-width: max-content;
    display: block;
}
.sec-dang-ky-tham-quan input:not([type='submit']){
    min-height:50px
}
/* style btn */
 .mona-btn-1 {
    background: transparent!important;
    position: relative;
    font-size: .875rem;
    overflow: hidden;
    z-index: 0;
    outline: unset;
    box-shadow: unset!important;
    text-transform: uppercase;
}

.mona-btn-1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 4px;
    background: linear-gradient(90deg, #327684, #1c8162);
    transition: transform 0.5s ease 0s;
}

.mona-btn-1:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    background: var(--primary-color);
    transition: transform 0.5s ease 0s;
    z-index: -1;
    width: 100%;
    transform: scaleX(0);
    transform-origin: center right;
}

.mona-btn-1:hover:after {
    transform: scale(1);
    transform-origin: center left;
}

.button.mona-btn-1:hover span {
    color: #fff!important
}

.mona-btn-1:focus-visible {
    outline: unset;
}

button.bt_fancybox {
    padding: 0;
}

@media screen and (max-width:849px){
    .category-filtering.category-filter-row.show-for-medium {
        position: absolute;
        bottom: 5px;
        left: 5%;
    }


}
@media screen and (max-width:549px){
   .shop-page-title form.woocommerce-ordering {
        padding-left: 30px;
    }
}
button.single_add_to_cart_button.button.alt.wp-element-button {
    font-size: .8rem;
    background: var(--primary-color) url(/wp-content/uploads/2023/08/cart.svg) no-repeat 13px center/20px auto;
    position: relative;
    padding: 4px 20px 4px 40px;
    border-radius: 4px;
}
button.is-form.expand.button.wp-element-button {
    text-shadow: unset;
    color: #fff;
    text-transform: uppercase;
    background:var(--primary-color);
}
 
.quantity.buttons_added {
    display: none;
}

button.single_add_to_cart_button.button.alt.wp-element-button {
    display: none;
}

form.cart {
    display: none;
}

div#fancybox-wrap {
    width: 400px!important;
}

#fancybox-outer {
    border-radius: 4px;
}

div#fancybox-content {
    padding: 20px;
    border-radius: 4px;
}

div#fancybox-content > div {
    overflow: unset!important;
}

div#fancybox-content input.wpcf7-submit {
    border-radius: 4px;
    margin: auto;
    display: block;
}
div#fancybox-content form input,div#fancybox-content form textarea {
    border-radius: 4px;
}
@media screen and (max-width: 549px) {
    div#fancybox-wrap {
        width:330px!important;
    }

    div#fancybox-content {
        padding: 10px!important;
    }

    div#fancybox-content > div {
        overflow: auto!important;
    }
}
.copyright-footer {
    color: #fff;
    font-size: 1rem;
}
.product-main {
    padding-bottom: 20px;
}
.shop-container span.woocommerce-Price-amount.amount {
    font-size: 1.5rem;
    color: red;
}
.product .nav-tabs+.tab-panels {
    padding: 10px;
}
.related-products-wrapper .box-image {
    width: 100%;
}
 
.related-products-wrapper .product-small.box.box-vertical {
    display: flex;
    flex-wrap: wrap;
}
.wpcf7 .wpcf7-not-valid-tip {
    margin-top: 0;
}
.shop-container .product-small.box .box-image, .shop-container .product-small.box img {
    border-radius: 15px 0 0 15px;
}

.product-small .col-inner {border-radius: 15px;}
/*--------end footer--------*/

/*-----style tablet mode-----*/
@media screen and (max-width: 849px){
		
}
/*---end style mobile mode---*/
/*-----style mobile mode-----*/
@media screen and (max-width: 549px){
    .header-wrapper .header.show-on-scroll,
    .header-wrapper  .stuck .header-main {
        height: 60px!important;
    }
    .header-wrapper.stuck #logo img {
        max-height: 60px!important;
    }
    .searchform-wrapper.ux-search-box button.ux-search-submit.submit-button.secondary.button.wp-element-button.icon{
        font-size: 1rem;
    }
}
/*---end style mobile mode---*/
/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}