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

/*************** ADD CUSTOM CSS HERE.   ***************/
/*.giaiphap h2, .giaiphap h3{
	color:#fff !important;
}*/

@font-face {

    font-family: 'UTMAVO';
    src: url('./fonts/UTM Avo.eot');
    src: local('Ă¢ËœÂº'), url('./fonts/UTM Avo.woff') format('woff'),
                     url('./fonts/UTM Avo.ttf') format('truetype'),
                     url('./fonts/UTM Avo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTMAvoBold';
    font-style: normal;
    font-weight: normal;
    src: local('UTMAvoBold'), url('/fonts/utm-avobold.woff') format('woff');
}
.addtable h4{
 font-family: 'UTMAVO' !important;	
}
@font-face {
    font-family: 'UTMAvoB';
    src: url('/fonts/UTMAvoBold.eot');
    src: local('UTMAvoBold'),
        url('/fonts/UTMAvoBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/UTMAvoBold.woff2') format('woff2'),
        url('/fonts/UTMAvoBold.woff') format('woff'),
        url('/fonts/UTMAvoBold.ttf') format('truetype'),
        url('/fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
p,div,span,li{
	 font-family: 'UTMAVO';
}
.woocommerce-cart .breadcrumbs a.current, .woocommerce-cart .breadcrumbs a:hover{
	color:#026c87
}
.button-continue-shopping, .shop_table .button.primary, .checkout-button, #place_order{
	border: 1px solid rgb(0 138 173 / 56%);
    border-radius: 40px;
    padding: 7px 20px;
    background: rgb(0, 138, 173);
    background: linear-gradient(90deg, rgba(0, 138, 173, 1) 0%, rgba(3, 110, 137, 1) 48%, rgba(3, 106, 132, 1) 62%);
	color:#fff !important
}
.cart-collaterals{
	padding-right:0px !important
}
.cart-container .woocommerce table th{
    font-family: Oswald, sans-serif;	
	color:#026c87;
}
.woocommerce.row{
	max-width:100% !important
}
.page-checkout .row{
	max-width:100% !important
}
.cart-container .woocommerce table.shop_table  th{
font-size: 16px;
}

.cart-container .woocommerce:not(.row){
	padding:30px 50px;
	background:#026c870a !important
}
.sub-menu.nav-dropdown.nav-dropdown-default{
	min-width:350px;
}
.stsub h4{
	min-height:44px !important
}
body.single-product  .featured-title .page-title-inner, body.single-product .product-main .row.content-row{
	max-width:1430px !important;
}
.cart-container.page-checkout{
	max-width:1430px !important;
}
.product-footer .container{
	max-width:1430px !important;
}
.product-footer .product-section>.row{
	display:block !important;
	    max-width: 100% !important;
}
.product-footer .product-section .row{
	  max-width: 100% !important;
}
.product-footer .product-section>.row>.large-2.col{
	display:none !important
}
.product-footer .product-section>.row>.large-10.col{
        flex-basis:100%;
        max-width: 100%;
	padding-right:0px !important
}
.ux-quantity .input-text.qty{
	height:55px !important;
}
.ux-quantity input{
	border:0px !important
}
.product-info.summary .single_add_to_cart_button {
    padding-left: 75px;
    padding-right: 45px;
    font-weight: 500 !important;
    text-transform: none !important;
    height: 55px !important;
    border-radius: 45px;
	position:relative;
}
.quantity .button{
	background:none !important;
	border:0px !important
}
.product-info.summary .single_add_to_cart_button:before {
     width: 40px;
    height: 40px;
    background: url(/wp-content/uploads/2024/12/market_white.png) no-repeat top center;
    content: "";
    z-index: 9;
    position: absolute;
    top: 8px;
    left: 20px;
    background-size: cover !important;
}
.ux-quantity {
    border: 1px solid #d1d1d1 !important;
    border-radius: 40px !important;
    padding-left: 30px;
    padding-right: 30px;
    background: #fff;
}
.row.category-page-row{
	padding-top:45px !important
}
.shop-page-title.category-page-title{
	min-height:200px;
	    padding-top: 55px;
}
.shop-page-title.category-page-title h1.shop-page-title{
	text-transform:uppercase !important
}
.shop-page-title.category-page-title .woocommerce-breadcrumb{
	display:none !important
}
body.single-product .shop-page-title nav.woocommerce-breadcrumb{
	font-size:14px !important
}
.shop-page-title.category-page-title .title-overlay{
    background-color: rgba(0, 138, 173, 0.9) !important;
}
body.single-product .shop-page-title.product-page-title .title-overlay{
	 background-color: rgba(0, 138, 173, 0.9) !important;
}
body.single-product .product-info{
	padding-left:70px;
}
body.single-product .product-info .product-title{
	color:#008aad;
	font-size:36px;
}
body.single-product .product-info .star-rating, body.single-product .product-info .star-rating span{
	font-size:12px !important
}
body.single-product .product-info .price-wrapper{
	margin-top:12px !important;
	margin-bottom:12px !important
}
.flippro .flipContainer{
	 box-shadow: 0px 0px #fff !important
}
.flippro .product-info a.button{
	    border: 1px solid rgb(0 138 173 / 56%);
    border-radius: 40px;
    padding: 5px 40px;
    background: rgb(0, 138, 173);
    background: linear-gradient(90deg, rgba(0, 138, 173, 1) 0%, rgba(3, 110, 137, 1) 48%, rgba(3, 106, 132, 1) 62%);
    color: #fff !important;
    padding-left: 40px !important;
    font-weight: normal !important;
    font-size: 16px;
	text-transform:uppercase;
}
.flippro .price-wrapper {
	margin-top:15px;
	margin-bottom:15px;
}
.flippro .product_meta{
	font-size:14px !important
}
.flippro .price-wrapper span.amount{
	color: #008aad !important;
}
.product-small .star-rating span:before, .product-small .star-rating {
	font-size:12px !important;
	color:orange !important
}
.product-small .name.product-title{
	margin-bottom:12px;
}
.product-small.box{
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
	border-radius:8px !important
}
.product-small .box-image{
	border-top-left-radius:9px !important;
	border-top-right-radius:9px !important
}
.product-small  .add-to-cart-button{
	margin-top:10px;
}
.product-small a.add_to_cart_button {
	    border: 1px solid rgb(0 138 173 / 56%);
    border-radius: 40px;
    padding: 5px 20px;
    background: rgb(0, 138, 173);
    background: linear-gradient(90deg, rgba(0, 138, 173, 1) 0%, rgba(3, 110, 137, 1) 48%, rgba(3, 106, 132, 1) 62%);
	color:#fff !important;
	padding-left:40px !important;
	font-weight:normal !important;
	    text-transform: none;
    font-size: 14px;
}
.product-small a.add_to_cart_button:before{
	width:24px;
	height:24px;
	background:url(/wp-content/uploads/2024/12/market_white.png) no-repeat top center;
	content:"";
	z-index:9;
	position:absolute;
	top:8px;
	left:10px;
	background-size:cover !important
}
.product-small .box-image img{
border-top-left-radius:8px !important;
	border-top-right-radius:8px !important
}
.product-small .name.product-title a{
	color:#1c1f53;
	font-size:18px;
}
.product-small span.amount{
	font-family: Oswald, sans-serif;
	color:#008aad !important;
	font-size:24px;
}
.product-small .box-text.text-center{
	padding-top:15px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px !important;
}
#header .header-inner{
	padding-left:50px;
	padding-right:50px;
	max-width:100% !important
}
.section.sanphamx{
	margin-top:-35px;
	z-index:8;
}
.titfic h2{
	padding:12px 50px;
	background:#008aad !important;
	color:#fff !important;
    margin: 0 auto;
	display:block !important;
	border-radius:8px;
}
.header-main li.cart-item a.header-cart-link{
	padding-left:50px;
	position:relative
}
.header-main li.cart-item{
	height:49px !important;
}
.header-main li.cart-item a.header-cart-link{
	padding-top:0px !important;
	color:#fff !important
}
.header-main .cart-icon strong{
	    background: #fff !important;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 16px;
    height: 16px;
	line-height:15px !important;
    font-size: 9px;
    border-radius: 100%;
    border: 1px solid #008aad !important;
	color:#008aad !important
}
.header-main .header-cart-title{
	font-size:13px !important;
	font-weight:normal !important
}
.header-main .cart-icon{
	border:0px !important;
	background:url(/wp-content/uploads/2024/12/market_white.png) no-repeat top center;
	background-size:cover !important;
	    height: 45px;
    width: 45px;
    top: -9px;
}
.header-main .cart-item {
    border: 1px solid rgb(0 138 173 / 56%);
    border-radius: 40px;
    padding: 5px 20px;
    background: rgb(0, 138, 173);
    background: linear-gradient(90deg, rgba(0, 138, 173, 1) 0%, rgba(3, 110, 137, 1) 48%, rgba(3, 106, 132, 1) 62%);
	padding-left:5px !important
}
.header-main .cart-item .cart-price{
	display:block;
	font-family:Oswald, sans-serif !important
}
.header-main .cart-item span.amount{
	font-family:Oswald, sans-serif !important	
}
.header-cart-title{
	text-transform:none !important
}
.header-main .cart-icon strong:after{
	display:none !important;
	    margin: 0px;
}
.header-main .cart-icon.image-icon{
	position:absolute;
	left:0px;
	top:-9px;
	margin:0px !important
}
.header-main .header-block{
	width:auto !important
}
#top-bar .container{
		padding-left:60px;
	padding-right:60px;
	max-width:100% !important
}
.header-main .flex-col.hide-for-medium.flex-right{
	min-width:600px;
}
.header-block-block-1{
	max-width:255px;
}
.
.row.xthucte{
	padding-left:50px;
	padding-right:50px;
}
.dunglofix h2{
	line-height:45px !important
}

.tannoibat .accordion-title{
	    font-family: Oswald, sans-serif;
	font-size:20px;
}
.rnoibatsp h3{
	margin-bottom:20px;
}
.xnoilo .col.medium-2{
	flex-basis: 20%;
        max-width: 20%;
}
.textul h3{
	font-weight:normal !important
}
.textul ul{
	margin:0px;
	padding:0px;
	margin-top:10px !important
}
.textul p{
	font-size:16px;
}
.tannoibat .accordion-inner{
	padding-top:5px !important
}
.textul ul li{
	font-size:17px;
	margin-bottom:0px;
	margin-top:15px;
	padding-left:30px;
	margin-left:0px;
	position:relative;
	list-style:none;
}
.textul ul li:after{
	width:18px;
	height:18px;
	display:block;
	background:url(/wp-content/uploads/2024/06/check-mark.png) no-repeat top left;
	position:absolute;
	left:0px;
	top:4px;
	display:block;
	content:"";
	background-size:cover !important
	
}

.xnoilo h4{
	text-transform:uppercase !important;
	min-height:50px;
}
.boxtraloi{
	font-size:18px;
	padding:20px;
	border-radius:5px;
	background:#f8f8f8;

	}
.boxtraloi p{
	margin-bottom:0px !important
}
.dktuvan .wpcf7-form-control{
	font-size:15px;
	border:0px !important;
	height:44px;
	border-radius:5px !important;

}
.wpcf7-form{
	margin:0px !important
}
.wpcf7-form-control.wpcf7-submit{
	display:block !important;
	margin:0 auto;
	padding-left:45px;
	padding-right:45px;
	border-radius:35px !important;
		background:#fff !important;
	color:#026c87 !important;
	font-weight:700 !important
}
.wpcf7-spinner{
	display:none !important
}
.section.bfooter{
	position:relative;
	overflow:hidden
}
.section.bfooter:after{
	display:none !important;
	width:20%;
	right:0px;
	top:0px;
	bottom:0px;
	height:100%;
	background:#036a84 !important; 
	content:"";
	z-index:0;
	position:absolute
}
.bfooter .icon-box-img img{
	opacity:0.5;
}
.absolute-footer{
	display:none !important
}
.testimonial-text{
	margin-top:15px;
	font-style:normal !important
}
.rnoibatsp p{
	font-size:15px;
}
.chungnhan .xhoatdong .box-text{
	background:#008aad !important; 
	left:5% !important;
	width:90% !important
}
.chungnhan h2, .chungnhan h3{
	color:#fff !important;
}
.slicamnhan .testimonial-text p{
	font-size:14.5px;
	margin-top:15px;
}
.slicamnhan .icon-box-img{
	border:4px solid #008aad !important;
}
.hoatdong h2, .hoatdong h3{
	color:#fff !important;
}
.xhoatdong .box-text{
	background:none !important
}
.xhoatdong .box-text p{
	    font-family: Oswald, sans-serif;
	text-transform:uppercase;
	color:#fff;
	font-size:18px;
}
.xnoilo{
	padding-left:50px;
	padding-right:50px;
}
.xhoatdongx{
	padding-left:50px;
	padding-right:50px;
}
.row.xhoatdong {
	padding-left:10%;
	padding-right:10%;
}
.rnoibatsp{
	padding-left:10%;
	padding-right:10%;
}
.rdacbiet{
padding-left:10%;
	padding-right:10%;
}
.xroiloan .has-icon-bg .icon .icon-inner{
	background:#008aad !important;
}
.xroiloan .icon-box-text h3{
	margin-bottom:15px;
}
.xroiloan .icon-box-text ul{
	list-style:none !important;
	margin:0px;
	padding:0px;
}
.xroiloan .icon-box-text ul li{
	text-align:left;
	padding-left:30px;
	margin-bottom:10px;
	margin-left:0px !important;
	position:relative;
	
}
.xroiloan .gach{
	border-right:1px dashed #008aad !important;
}
.xroiloan .icon-box-text ul li:after{
	width:18px;
	height:18px;
	content:"";
	z-index:9;
	position:absolute;
	left:0px;
	top:6px;
	background:url(/wp-content/uploads/2024/06/alert.png) no-repeat top left;
	display:block;
	background-size:cover !important
}
.rdacbiet h3{
	font-size:22px;
}
.xroiloan{
	padding-left:50px;
	padding-right:50px;
}
.xroiloan .col.large-3 {
        flex-basis: 20%;
        max-width: 20%;
    }
.xnoilo .col-inner{
	padding:7px !important
}
.dunglo h2 strong{
	padding:5px 25px;
	background:#008aad;
	border-radius:5px;
	color:#fff;
	  margin-right:15px;
}
.slihome h3{
	text-shadow: 2px 0 #008aad, -2px 0 #008aad, 0 2px #008aad, 0 -2px #008aad,
             1px 1px #008aad, -1px -1px #008aad, 1px -1px #008aad, -1px 1px #008aad;
	font-size:50px !important;
	margin-bottom:0px;
}
.rtitle h2{
		font-size:36px;
	color:#008aad;
	margin-bottom:1px;
}
.rtitle h3{
	font-size:24px;
	color:#444;
		margin-bottom:20px;
	position:relative;
	padding-bottom:15px;
}
.rtitle h3:after{
	width:10%;
	height:3px;
	background:#008aad;
	position:absolute;
	left:45%;
	right:45%;
	margin:0 auto;
	text-align:center;
	content:"";
	bottom:0px;
}
.rtitle h3:before{
	    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
left:45%;
	right:45%;
	background:#fff;
	z-index:9;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}
@keyframes animborder {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(113px);
    transform: translateX(113px);
  }
}
.slihome h2{
	font-size:90px;
	color:#008aad
}
.header-main .nav > li > a{
	font-size:16px !important
}
.header-block-block-1{
	border:1px solid rgb(0 138 173 / 56%);
	border-radius:40px;
	padding:5px 20px;
	background: rgb(0,138,173);
	background: linear-gradient(90deg, rgba(0,138,173,1) 0%, rgba(3,110,137,1) 48%, rgba(3,106,132,1) 62%);
}
.header-block-block-1 .icon-box-text p{
	color:#fff;
	font-size:12px;
	margin-bottom:0px;
}
.header-block-block-1 .icon-box-text h3{
	margin:0px;
	color:#fff;
	font-size:18px;
	line-height:18px;
	margin-top:-2px !important;
	font-weight:normal !important
}
.header-block-block-1 .icon-box img{
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
}
@keyframes phonering-alo-circle-img-anim {
0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
.animation-circle-inverse {
    opacity: 0.25;
    
}
.animation-circle-inverse i {
      background: #eeeeee;
      position: absolute;
      height: 200px;
      width: 200px;
      border-radius: 100%;
      opacity: 0.3;
      -webkit-animation: ripple1 3s linear infinite;
      animation: ripple1 3s linear infinite; }
.animation-circle-inverse i:nth-child(2) {
        -webkit-animation: ripple2 3s linear infinite;
        animation: ripple2 3s linear infinite; }
 .animation-circle-inverse i:nth-child(3) {
        -webkit-animation: ripple3 3s linear infinite;
        animation: ripple3 3s linear infinite; }

@keyframes ripple1 {
  0% {
    transform: scale(5.5);
    opacity: 0.3; }
  100% {
    transform: scale(8.5);
    opacity: 0; } }

@keyframes ripple2 {
  0% {
    transform: scale(3.5); }
  100% {
    transform: scale(5.5); } }

@keyframes ripple3 {
  0% {
    transform: scale(1.5); }
  100% {
    transform: scale(3.5); } }
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo {
    width: 80px !important;
}
	.header-block-block-1 .icon-box img{
		width:20px !important
	}
.header-block-block-1 {
	border-radius: 30px;
    padding: 2px 12px;
	        min-width: 170px;
}
.header-block-block-1  .icon-box-text{
		padding-left:0px !important
	}
.header-block-block-1 .icon-box-img{
		width:25px !important
	}
.header-block-block-1 .icon-box-text h3 {
    
    font-size: 13px;
    line-height: 14px;

}
	.header-block-block-1 .icon-box-text p {
		font-size:11px !important
	}
	.mfp-wrap.off-canvas.off-canvas-left .mfp-content {
    background: rgb(0, 138, 173);
    background: linear-gradient(90deg, rgba(0, 138, 173, 1) 0%, rgba(3, 110, 137, 1) 48%, rgba(3, 106, 132, 1) 62%);

	}
	.slihome h3{
		font-size:21px !important
	}
	.slihome h2 {
		font-size: 40px;
	}
	.tannoibat .accordion-title{
		font-size:17px !important
	}
	.dunglofix h2 {
    line-height: 30px !important;
}
	.rtitle h2{
		font-size:24px !important
	}
	.dunglo h2 strong {
		padding: 5px 15px;}
	.xnoilo {
    padding-left: 12px;
    padding-right: 12px;
}
	.xnoilo h4{
		min-height:50px;
	}
	.dunglo h2 strong {
 
    clear: both;
    display: block;
    margin: 0 auto;
   
}
	.xroiloan {
    padding-left: 0px;
    padding-right: 0px;
}
	.dunglo h2{
		line-height:2em;
	}
	.rtitle h3 {
		font-size: 18px;}
	.xroiloan .col.large-3 {
    flex-basis: 100%;
    max-width: 100%;
		border-bottom:1px dashed #dedede;
}
	.row.xhoatdong {
    padding-left: 12px;
    padding-right: 12px;
}
	.rdacbiet {
    padding-left: 12px;
    padding-right: 12px;
}
	.section.bfooter:after{
		display:none !important
	}
	.rtitle h3:after{
		width:50% !important;
		left:25% !important;
		right:25% !important
	}
	.xnoilo .col.medium-2{
	flex-basis: 50%;
        max-width: 50%;
}
	.slihome .ux-shape-divider{
		height:50px !important;
		bottom:-40px !important
	}
}