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

/*************** RESET CSS   ***************/
@font-face{
    src: url(font/Trodivie.ttf);
    font-family: Trodive;
}
@font-face{
    src: url(font/tro-avo.ttf);
    font-family: Tro-avo;
}
@font-face{
    src: url(font/tro-avo-bold.ttf);
    font-family: Tro-avo-b;
}

@font-face{
    src: url(font/Obread-Regular.ttf);
    font-family: obread-re;
}
@font-face{
    src: url(font/Obread-SemiBold.ttf);
    font-family: obread-seb;
}
@font-face{
    src: url(font/Obread-Bold.ttf);
    font-family: obread-bol;
}



p, li {
	font-size: 20px;
	color: black;
	text-align:justify;
	margin-bottom: 7px;
	font-family: obread-re !important;
}
li {
	line-height: 28px;
}
h1, h2, h3 {
	font-family: obread-bol !important;
}
label {
	font-weight: normal;
}

.page-inner ul li {
    margin-bottom: 0.6em;
    margin-left: 20px;
}

.trp-language-switcher {
    width: unset;
}
.trp-language-switcher > div {
    padding: unset;
    border: unset;
}
.trp-language-switcher > div > a {
    padding: 5px 6px;
	font-size: 13px;
}
.trp-language-switcher {
    height: 38px;
}
.trp-language-switcher > div {
    background-position: calc(100% - 10px) calc(1em + -2px), calc(100% - 3px) calc(1em + 0px);
    background-size: 10px;
}

del {
	display: none !important;
}
span.amount {
	color: #e2b819 !important;
}
.gialienhe {
	color: black !important;
	font-weight: unset !important;
}



/*** adjusted back-to-top position ***/

.arcontactus-widget.right.arcontactus-message {
    bottom: 130px !important;
	right: 25px !important;
}
.arcontactus-widget .arcontactus-message-button {
	background-color: #00aeef !important;
}
.arcontactus-widget .messangers-block {
    background: center no-repeat #FFF;
    box-shadow: 0 0 10px rgb(189 189 189 / 60%) !important;
    width: 172px !important;
}
.arcontactus-widget .arcontactus-message-button .pulsation {
	background-color: #00aeef !important;
}
.ado-button {
	background-color: white;
    padding: 8px 20px;
    border-radius: 3px;
    color: #006838;
    font-weight: 300;
}
.ado-button >i {
	margin-left: 10px;
}
.tb-tin-tuc >h4 {
	margin-bottom: 20px;
	font-family: 'fl-icons';
}
.nav-pills {
	margin-bottom: 15px;
}
.nav-pills .tab >a {
	padding: 0px 20px;
    border-radius: 3px;	
}

/****Slider****/

.slider-sec .flickity-page-dots {
    bottom: 230px;
    text-align: left;
    left: calc((100% - 1200px) / 2);
}
.slider-sec .flickity-page-dots .dot.is-selected, .slider .flickity-page-dots .dot:hover {
    background-color: #00aeef;
}
.slider-sec .flickity-page-dots .dot {
    border: none;
    width: 24px;
    height: 10px;
    border-radius: 10px;
	background-color: #edf4fcba;
    opacity: 1;
}

#wpfBlock_1 {
	margin-bottom: 0px;
	margin-top: 0px;
}

#hotline-bk {
    background-color: #37b34a;
    display: block;
    padding: 10px 20px;
    color: white;
    font-size: 20px;	
}

/***************  WOOCOMER SYTEM   ***************/
.sticky-add-to-cart .buy_now_button {
	margin-right: 0px;
	margin-left: 5px;
	padding-top: 1px;
}
.page-checkout {
	padding: 0px;
}
.page-checkout .woocommerce-cart-form {
	padding: 15px;
	background-color: ;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #a0a0a08a;
}
.page-checkout .cart-collaterals {
	border-left: none !important;
}
.page-checkout .cart-collaterals .cart-sidebar {
	padding: 15px;
	background-color: ;
	border-radius: 5px;
	border: 2px dashed  #c5c5c5;
	margin-bottom: 30px;
}
.page-checkout .cart-collaterals .cart-sidebar input {
	margin-bottom: 10px;
}
.page-checkout th, td {
	text-transform: capitalize;
	border-bottom: 1px solid #c5c5c5;
}
.page-checkout .product-name {
	border-top: none;
	border-left: none;
	border-right: none;
}
.page-checkout button, .button-continue-shopping  {
	background-color: #8173be;
	border-radius: 100px;
}
.page-checkout .button-continue-shopping:hover  {
	background-color: #8173be !important;
	border: none;
}
.page-checkout .cart-collaterals .checkout-button {
	border-radius: 100px;
}

#customer_details {
    padding-top: 0px;
    border-top: none;
	padding: 20px;
	background-color: ;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #a0a0a08a;
}
#customer_details .woocommerce-billing-fields {
    padding-top: 0px;
    border-top: none;
}
.page-checkout input {
	box-shadow: none;
    border-radius: 3px;
	margin-bottom: 0px;
}
#billing_address_1_field {
	width: 100% !important;
}
.woocommerce-checkout .has-border {
	border-radius: 5px;
	border: 2px dashed #00aeef;
}
.woocommerce-privacy-policy-text {
	display: none;
}


#order_comments {
	box-shadow: none;
	border-radius: 3px;
}
.message-container .showcoupon {
	background-color: #8b2e02;
    color: white;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
}
.message-container .showcoupon .coupon .flex-col .button {
	border-radius: 3px !important;
}
.page-checkout .woocommerce-checkout .large-5 {
    padding-right: 0px;
}
.page-checkout .woocommerce-checkout .row {
	margin-left: 0px;
}
.page-checkout .woocommerce-checkout .large-7 {
    padding-left: 0px;
}
.order-total .amount {
	color: red;
	font-size: 20px;
}


/*************** SHOP / CATEGORY.   ***************/

#main .category-page-row {
	max-width: ;
	margin-left: ;
	margin-right: ;
}
.category-page-title .page-title-inner {
	max-width: ;
}
.category-page-title .page-title-inner .medium-text-center {
	display: flex;
	justify-content: space-between;
	margin-right: 1%;
	align-items: center;
}
#main .category-page-row .col .shop-container .products {
	max-width: 100%;
}
.category-page-title .page-title-inner .woocommerce-ordering .orderby {
	border-radius: 100px;
    box-shadow: none;
	font-size: 13px;
	line-height: 18px !important;
}
.category-page-title .page-title-inner .woocommerce-ordering .orderby option {
	line-height: 14px;
}
.slider-category {
	margin-left: ;
	margin-right: ;
	margin-top: ;
	border-radius: ;
	overflow: hidden;
}
.has-equal-box-heights .box-image {
	padding-top: 100%;
	border: 1px solid #80808063;
}
.col-inner .badge-container {
	margin-top: 5px;
	margin-left: 13px;
}
.category-page-title .woocommerce-breadcrumb {
	background-color: #f1f1f1;
    border-radius: 50px;
    padding: 5px 20px 5px 20px;
}
.shop-container .product .col-inner .product-small {
	transition: 0.5s;
	
}
.shop-container .product .col-inner .product-small:hover {
	margin-top: -15px;
	transition: 0.5s;
}
.box-text-products .price-wrapper .price .woocommerce-Price-amount {
	font-size: 16px;
	color: #e2b819;
	font-family: Tro-avo;
}
.product-page-price .woocommerce-Price-amount {
	font-size: 20px;
	font-family: Tro-avo;
	color: #e2b819;
}

.nav-pagination>li>a {
	border: 1px solid currentColor;
}
.woocommerce-loop-product__title {
	text-align: center !important;
	font-size: 18px;
	color: #26793f !important;
	font-family: obread-seb !important;
}
.shop-container .container .woocommerce-pagination .page-numbers .page-number {
	border-radius: 3px !important;
	border: 1px solid #00aeef;	
}
.woocommerce-loop-product__title  a {
	color: #059a4d !important;
}

/***************  SHOP BAR   ***************/
#shop-sidebar {
	background-color: white;
}
#shop-sidebar .sidebar-inner .woocommerce .product-categories li a {
	color: black;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.widget .is-divider {
	display: none;
}
.widget {
	margin-bottom: 10px;
}
span.widget-title.shop-sidebar {
    font-size: 16px;
    color: white;
    background-color: #26793f;
    display: block;
    padding: 10px;
}
#woocommerce_price_filter-2 .ui-slider.ui-widget-content .ui-slider-handle {
    background: #006838;
    border: none !important;
    border-radius: 20px;
}
#woocommerce_price_filter-2 .ui-widget-header {
    background: #ffbf00 !important;
    padding: 1px !important;
}

#woocommerce_price_filter-2 form {
	margin-top: 15px;
}
.wpfFilterButtons {
	display: ;
}
#wpfwoofilterswidget-2 .wpfFilterButton.wpfButton {
	padding: 0px;
	min-height: 30px;
	width: 30%;
	background-color: #3e1807;
    color: white;
    margin: 0px;
    height: 10px;
    font-size: 12px;
}
.widget_price_filter .price_slider_amount .button {
    border-radius: 3px;
    background-color: #006838;
    float: left;
    font-size: 12px;
    margin-bottom: 0px;
}

#shop-sidebar .widget_product_categories {
	border-radius: 10px;
	background-color: white;
	padding: 10px;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
}

#shop-sidebar .widget_product_categories .widget-title {
	border-radius: 3px;
}
#shop-sidebar .widget_product_categories  .cat-item  {
	padding-left: 10px;	
}

#product-sidebar .widget_product_categories {
	border-radius: 10px;
	overflow: hidden;
    background-color: white;
    padding: 10px;
    box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
}
#product-sidebar .widget_product_categories .product-categories .cat-item {
	padding-left: 10px;
}
#product-sidebar .widget_product_categories .widget-title {
	border-radius: 3px;
}
.shop-container .product .row-large {
	margin-top: 30px;
}
#product-sidebar .hide-for-off-canvas .next-prev-thumbs {
	margin: 0;
}
#product-sidebar .next-prev-thumbs .prod-dropdown .button {
	border-radius: 3px !important;
	border: 1px solid #00aeef;
}

/** AN KET TAB KET QUA LOC **/

/*END*/
#wpfBlock_1 {
	margin-bottom: 0px;
	margin-top: 0px;
}



/***************  PRODUCT PAGE   ***************/
.product-main .woocommerce-product-gallery {
    border-radius: 10px !important;
    overflow: hidden !important;
	border: 3px solid #059a4d;
}


.product-main {
    padding: 20px 0;
}
.product_meta .posted_in {
	display: none;
}

.product-container .product-main .content-row {
	max-width: ;
	margin-left: ;
	margin-right: ;
}
.shop-container .product-container .product-main .content-row .product-gallery {
	flex-basis: 50%;
}

.product-gallery-slider img {
    width: 100%;
    height: ;
    object-fit: cover;
}
.product-main .product-gallery .flickity-viewport .flickity-slider img.attachment-woocommerce_thumbnail {
	height: ;
	object-fit: cover;
}
.product-container .product-main .product-gallery .product-images .badge-container {
	margin-left: 3%;
    margin-top: 3%;
}

.small-columns-4 .flickity-slider>.col {
	max-width: 15% !important;
	flex-basis: 15%;
} 
.product-info {
    padding-top: 10px;
    padding-right: 40px;
}
.product-info .product-title {
	font-size: 26px;
	text-align: left;
    color: #26793f !important;
    font-family: obread-seb !important;
}


.product-info .product-page-price {
    font-size: 20px;
}
.deliver-info {
    background-color: #f1f1f1;
    padding: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.deliver-info .text-deli {
	font-weight: 700;
}
form.cart {
    margin-bottom: 0px;
}
.Cta-botton .col-botton {
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}
.form-sub .left input {
	box-shadow: none;
	border-radius: 3px;
	border: 1px solid;
	height: 45px;
}
.form-sub .right input {
	height: 35px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-size: 12px;
	border-radius: 50px;
}
.form-sub .left {
	position: relative;
}
.form-sub .right {
	position: absolute;
	top: 5px;
	right: 3px;
}
.form-sub .right .wpcf7-spinner {
	display: block;
	margin-top: 15px;
}
.cta-form {
	height: 50px;
}
.yith-wcwl-add-to-wishlist.add-to-wishlist-39.wishlist-fragment.on-first-load {
    font-size: 14px;
}
.tagged_as a {
	background-color: gray;
	color: white;
	padding: 3px 7px;
	border-radius: 25px;
	font-size: 12px;
}
.product-main .product-footer .container {
	margin-top: 20px;
}
.delivery-related {
	background-color: #f1f1f1;
	padding: 10px 15px 10px 15px;
}
.delivery-related .title-delivery {
	border-bottom: 1px solid gray;
}
.related .product-section-title-related {
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 600;
}
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    width: 30px;
    top: -2px;
    bottom: 0;
	background-color: #fff0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
    margin: 0 !important;
}
#product-sidebar .hide-for-off-canvas .next-prev-thumbs .prod-dropdown .nav-dropdown {
    width: 90px !important;
    min-width: 90px !important;	
}



/*************** HEADER + MENU   ***************/

.off-canvas-right .mfp-content {
	width: 25% !important;
}

.nav>li>a>i.icon-menu {
    font-size: 1.9em;
    margin-right: 10px;
}
.mobile-sidebar .sidebar-menu .nav-sidebar .menu-item a {
    color: #26793f;
    text-transform: uppercase;
    text-shadow: none;
	font-family: obread-bol;
}
.mfp-ready .mfp-close {
    opacity: .6;
    margin-right: 20px !important;
    margin-top: 10px !important;
}

#wide-nav {
    background-color: #11af4b;
	min-height: 45px;
}
.header-bottom .header-nav .menu-item .nav-top-link {
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
	color: white;
	line-height: 25px;
}
.header-bottom .header-nav .menu-item {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.header-bottom .header-nav .menu-item:hover {
	background-color: #3b9ad5;
}
.header-bottom .header-nav .menu-item.active {
	background-color: #3b9ad5;
}
.sub-menu .menu-item:hover {
	background-color: rgb(240 240 240) !important;
}

.header-inner .flex-right .nav-right .html_top_right_text >a >i {
    color: #11af4b !important;
    padding-right: 10px;
}
.info-contact-head {
	margin-right: 15px;
	color: #11af4b;
}
.tel-head {
	font-size: 16px;
	font-weight: 900 !important;
}


.header-main .nav > li > a {
    line-height: 16px !important;
    font-size: 20px;
    font-family: 'obread-bol';
    text-transform: uppercase;
    padding: 15px 5px;
}

.header-wrapper {
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);	
}
.nav>li {
	margin: 0 5px;
}
.nav-dropdown.nav-dropdown-bold>li>a {
    margin: 5px 0px;
    padding-left: 10px;
    border-radius: 10px;
    padding-right: 5px;
}

#header-contact li span {
	color: black;
	font-size: 13px;
}

.nav-dropdown {
	min-width: 190px !important;
	padding: 10px;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
	border-top: 5px solid #efb819;
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-color: rgba(221,221,221,0);
    border-bottom-color: #efb819;
    border-width: 8px;
    margin-left: -8px;
}

.nav-dropdown >li >a {
	font-size: 18px;
    line-height: 32px;
    padding: 3px 0px 3px 10px;
    color: #26793f;
	font-family: obread-bol;
}
.nav-dropdown >li >a:hover {
	background-color: green !important;
	border-radius: 5px;
	color: white;
	transition: 0.3;
}

#wide-nav .header-nav .has-dropdown .sub-menu .menu-item {
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding-left: 10px;
    padding-right: 10px;	
}

#wide-nav .header-nav .has-dropdown .sub-menu .menu-item:hover {
	background-color: #00aeef !important;
	color: white;
}
#wide-nav .header-nav .has-dropdown .sub-menu .menu-item:hover >a {
	color: white;
}
.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {
	box-shadow: 1px 1px 3px #a0a0a08a;
}

.header-nav-main .account-item, cart-item  {
	margin-left: 10px;
	margin-right: 10px;
}
.ado-button-call .fa-solid a {
	font-weight: bold !important;
}
.ado-button-call li {
	color: #00aeef !important;
}

.slider-nav-light .flickity-prev-next-button {
    color: #fff;
    width: 60px;
}
.slider-nav-circle .flickity-prev-next-button svg {
    border-radius: 100%;
    border: none;
    background-color: #eeeeee;
    width: 60px;
    height: 60px;
}
.flickity-prev-next-button svg {
    padding: 30% !important;
    background-color: #37b34a;
    border-radius: 5px;
}


/*************** FOOTER  ***************/
.absolute-footer {
	display: none;
}
.menu-ft-ob a {
	font-family: obread-bol;
	padding: 0px 15px;
}
.chu-ky-ob {
	text-align: center;
    font-size: 18px;
    padding-top: 15px;
}
.menu-ft-ob {
	padding-top: 25px;
}
.ob-info-contact {
	margin-bottom: 0px;
	font-size: 18px;
}
.company-name-ob {
	font-size: 25px;
	margin-bottom: 0px;
}
.title-dm-ob {
	font-family: obread-seb !important;
	margin-bottom: 25px;
}
.row-ft-contact-ob .col-img-icon-social-obr {
	padding: 0px 10px 0px 0px !important;
}



/*************** BLOG   ***************/
.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.blog-single .html-before-comments {
	margin-bottom: 0px;
	margin-top: 25px;
}
.blog-single .html-before-comments .relatedcat >p {
	font-size: 22px;
    text-transform: uppercase;
    color: #7c7c7c;
    font-family: 'number-font';
    font-weight: 100 !important;
    margin-top: 20px;
    border-left: 5px solid;
    line-height: 22px;
    padding-left: 20px;
    margin-bottom: 20px;
}
.blog-single .html-before-comments .relatedcat .related-post .col .feature {
	border-radius: 3px !important;
	overflow: hidden;
}

.blog-wrapper .article-inner, .blog-single .html-before-comments {
    background-color: white;
    padding: 2%;
    border-radius: 3px;
}
.blog-single .html-before-comments .relatedcat >p {
	font-size: 18px;
    text-transform: uppercase;
    color: #26793f;
    font-family: obread-bol;
    font-weight: 800 !important;
    border-left: 5px solid #26793f;
    line-height: 22px;
    padding-left: 20px;
    margin-bottom: 20px
}
.is-divider {
	display: none !important;
}

.blog-post-inner .is-divider {
	display: none;
}
.blog-archive .archive-page-header {
	display: none;
}
.post-sidebar .widget-area .widget {
	border: 1px solid #26793f;
    border-radius: 5px;
	overflow: hidden;
}
.post-sidebar .widget-area .widget ul {
	padding: 5px 10px 5px 10px;
}
.post-sidebar .widget-area .widget .widget-title {
	background-color: #26793f;
    display: block;
    padding: 10px;
    color: white;
	font-weight: 500;
	font-size: 16px;
}
.blog-archive .post-item .box-text .blog-post-inner .post-title, .box-text .box-text-inner .post-title {
    font-size: 22px;
    font-family: 'obread-bol';
    color: #26793f;
    text-shadow: none;
}
.page-wrapper p.from_the_blog_excerpt:after {
    content: "Đọc thêm";
    display: block;
    background-color: #059a4d;
    width: fit-content;
    padding: 9px 20px;
    border-radius: 100px;
    color: white;
    font-size: 12px;
    margin-top: 15px;
}
.entry-title {
	font-weight: 600;	
}

#comments .comment-respond {
	border-radius: 10px;
	overflow: hidden;
}
#comments .comment-respond .submit {
	border-radius: 30px;
	border: none;
	background-image: linear-gradient(to bottom right, #6153a0, #9b8be5);
}
.blog-wrapper .post-sidebar .widget-area .widget {
	background-color: white;
}
.widget-area .widget_products .product_list_widget .size-woocommerce_gallery_thumbnail {
	border-radius: 100px;
	border: 1px dashed #6153a0;
	padding: 3px;
}
.post-sidebar .widget-area .widget {
    box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
}
#main .blog-wrapper {
    background-color: rgb(235 235 235);	
}
.blog-wrapper .article-inner  {
	background-color: white;
	border-radius: 3px;
}
.blog-wrapper .article-inner .entry-divider {
	display: none;
}
.blog-wrapper .article-inner .entry-header .entry-header-text .entry-title {
	margin-bottom: 0px;
	font-size: 25px;
    font-family: 'Trodive';
    color: #059a4d;
    text-shadow: none;
    letter-spacing: 1px;
}
.blog-wrapper .article-inner .entry-header .entry-header-text .entry-category {
	margin-top: 20px;
}
.blog-wrapper .post-sidebar .widget-area .widget .searchform {
	margin-bottom: 0px;
}

.box-blog-post .box-image .image-cover {
	height: ;
}
.box-blog-post .box-text {
	text-align: left;
    padding: 15px;	
}
.blog-share {
	text-align: left;
}
.post {
	margin-bottom: 0px;
}
.single-page ul, ul {
	list-style-type: square;
}
ul ::marker {
	color: #37b34a;
}

.blog-single .type-post .article-inner .single-page {
	padding-top: 0px;
}
.blog-archive .col-inner .box-blog-post .box-text {
    padding: 10px 15px;
}
.not-found .page-content .searchform .relative {
    border: 1px solid #00a250;
    padding: 10px;
    margin-top: 35Px;
    border-radius: 5px;
}
.not-found .page-content .searchform .relative .search-field {
    box-shadow: none;
    border: none;
}



/*************** WOO *************/

.product-title {
	text-align: center;
}

/*************** CONTACT FORM.   ***************/

.any-question {
	padding-bottom: 15px !important;
	font-family: tro-avo-b !important;
}

.ado-form-cont .wpcf7-form-control-wrap input, select, textarea {
	box-shadow: none;
    border: 1px solid #009345;
	border-radius: 3px;
    margin-bottom: 20px;
	height: 45px;
	font-size: 16px;
	padding-left: 50px;
	background-color: #ffffffab;
}
.ado-form-cont i {
	color: #ffffff;
    background-color: #009345;
    padding: 5px;
    height: 30px;
    width: 30Px;
    text-align: center;
    border-radius: 100px;
	font-size: 18px;
	position: absolute;
	top: 8px;
	left: 8px;
}
.input-col {
	position: relative;
}
.ado-form-cont p {
	text-align: left;
}
#coaching-form .ado-form-cont p {
	text-align: left;
}
.ado-form-cont .input-col .wpcf7-submit {
	border-radius: 100px !important;
	background-image: linear-gradient(to bottom right,  #eb0a0a, #9b8be5);
	margin-right: 0px;
	border: none;
	width: 150px;
	height: 50px;
}
.wpcf7-spinner {
    visibility: hidden;
    display: block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}
.ado-form-cont .check-box input {
	height: 10px;
	transform: scale(1.5);
}
.ado-form-cont .check-box .wpcf7-form-control-wrap {
	text-align: center;
}
.ado-form-cont .check-box .wpcf7-list-item {
	margin-left: 10px;
	margin-right: 10px;
}
.ado-form-cont .flex-form {
	display: flex;
    justify-content: space-between;
}
.ado-form-cont .flex-form .flex-col {
	width: 49%;
}
.flex-cn .flex-check-col label {
	display: grid;
}
.ado-form-cont .flex-cn {
	display: flex;
	justify-content: space-between;
}
.ado-form-cont .flex-cn .flex-check-col {
	width: 49%;
	background-color: #6153a0;
    border-radius: 10px;
}
.ado-form-cont .flex-cn .flex-check-col .wpcf7-list-item-label {
	color: white;
	font-weight: 400;
	font-size: 13px;
}
.ado-form-cont .flex-cn {
	margin-bottom: 20px;
}
.ado-form-cont .flex-cn .flex-check-col input {
    height: 10px;
    transform: scale(1.9);
    margin: 0 auto;
    margin-bottom: 10Px;
    margin-top: 10px;
	cursor: pointer;
}


.ado-form-cont .wpcf7-response-output {
	border: #8173be;
}
.ado-form-cont .wpcf7-list-item-label {
	color: white;	
}

.ado-form-cont .ado-col-2 .input-col {
	width: 100%;
}

.ado-form-cont .wpcf7-submit {
	border-radius: 99px;
	background-image: linear-gradient(to right, #37b34a, #006838);
	color: white;
	border: none;
	width: 150px;
	height: 40px;
}

.ado-form-cont .wpcf7-submit:hover {
	background-image: linear-gradient(to right, #006838, #37b34a);
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #009345;
	color: white;
	border-radius: 3px !important;
	margin: 0 !important;
}

.form-sub .wpcf7 form.sent .wpcf7-response-output {
    border-color: red;
	color: black;
	border-radius: 3px !important;
	margin: 0 !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
	border: none !important;
}
.form-col {
	padding-top: 20px;
}
.row-sub-ft .col-sub-ft {
	padding-bottom: 0px;
}



/*************** HOME   ***************/

.cty-cp-ob {
	font-size: 35px;
	text-transform: uppercase;
    color: #26793f;
}
.col-gt-ob .cty-cp-ob {
    color: #efb819;
}
.yeuto-nb {
	font-size: 35px;
    color: #efb819;
    line-height: 40px;
}
.col-ddnb .cty-cp-ob {
	text-align: center;
    margin-top: 25px;
}
.row-td-sp {
	background-image: url(https://obread.vn/wp-content/uploads/2025/01/xanh-line.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 960px !important;
}
.col-tdsp {
	padding-top: 15px;
    padding-bottom: 15px;
}
.col-tdsp .td-sec {
    color: white !important;
	margin-bottom: 0px;
}
.tro-bio-white {
	background-image: linear-gradient(to right, #059a4d, #f7ed45);
    color: white;
    padding: 10px 20px;
    margin: 30px 0px;
    display: block;
    border-radius: 99px;
    width: 180px;
    font-size: 16px;
    font-family: ;
    transition: 0.3s;
	text-align: center;
}
.tro-bio-white i {
    padding-left: 10px;
}
.tro-bio-white:hover {
    background-image: linear-gradient(to right, #f7ed45, #059a4d);
    color: white;
    width: 190px;
    transition: 0.5s;
}
.tro-bio-white:hover i {
    padding-left: 18px;
    transition: 0.5s;
}
.col-spnb .tro-bio-white {
	margin: 0 auto !important;
}
.row-thi-truong {
	margin-bottom: 5%;
}
.row-thi-truong .col-ap-bg {
	background-image: url(https://obread.vn/wp-content/uploads/2025/01/nen-xanh-xk.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.row-thi-truong .col-ap-bg  .cty-cp-ob {
	color: #efb819;
	text-align: center;
	text-transform: math-auto;
	padding: 10px 20px;
}
.row-thi-truong .col-ap-bg .tota-ttxk {
	color: white;
	text-align: center;
	padding: 2% 10%;
}
.box-blog-post .box-text {
	text-align: left;
    padding: 10px 0px;
}
.box-blog-post .box-image {
    border-radius: 10px;
    overflow: hidden;
}
.post-item .col-inner {
	background-color: white;
	padding: 15px;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
}
.product-small .box-image {
    border-radius: 15px;
    overflow: hidden;
	box-shadow: 0px 14px 20px rgb(0 0 0 / 10%);
}
.box-text .blog-post-inner .button {
	margin: 15px 0px;
    padding: 0px 20px;
    background-color: #059a4d !important;
    border-radius: 100px;
    color: white;
	transition: 0.5s;
}
.box-text .blog-post-inner .button:hover {
	background-color: #f7ed45 !important;
    color: #059a4d !important;
	transition: 0.5s;
}
.home-post-ob .blog-post-inner .post-title {
	font-size: 20px;
}



/*************** SERVICES   ***************/

.col-thu-moi-1 .col-inner {
	background-color: #c5ffce;
    padding: 3%;
    border-radius: 10px;
	border-top: 5px solid #26793f;
}
.thumoi-td {
	color: #26793f;
	font-size: 29px;
}
.col-ly-do .thumoi-td {
	color: white;
	font-size: 26px;	
}
.td-loiich {
	color: #26793f;
	margin-bottom: 3px;
}
.container-loiich ul {
	margin-bottom: 0px;
}
.container-loiich ul li {
	margin-bottom: 0px;
}
.container-loiich {
	background-color: #a7ffb5;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.accordion-item {
	background-color: #c5ffce;
	border-radius: 10px;
	margin-bottom: 10px;
}
.accordion-item .accordion-title {
	border-top: none;
	font-size: 20px;
	color: #26793f;
	font-family: obread-bol;
	padding: 20px 20px 20px 50px;
}
.toggle {
	padding: 10px !important;
}
.col-dang-ky-om .col-inner, .col-tuyen .col-inner {
	background-color: white;
    padding: 5%;
    margin-top: 5%;
    border-radius: 20px;
	box-shadow: 0px 16px 28px rgb(0 0 0 / 10%);
	border-top: 10px solid #efb819;
    border-right: 10px solid #efb819;
}
.col-dang-ky-om .col-inner p, .col-tuyen .col-inner p {
	text-align: center;
}
.col-dang-ky-om .col-inner .wpcf7-spinner, .col-tuyen .col-inner .wpcf7-spinner {
    display: block;
    margin: 0 auto;
}
.box-text-products .add-to-cart-button .add_to_cart_button, .add-to-cart-button a {
	border-radius: 50px;
}
.col-03-loithe .col-inner {
	background-color: white;
    padding: 22px;
    overflow: hidden;
    border-radius: 15px;
	box-shadow: 0px 16px 28px rgb(0 0 0 / 10%);
}
.row-03-loithe {
	padding-top: 25px;
}
.title-loithe {
	font-size: 18px;
    color: #26793f;
    padding-top: 15px;
}
.col-tn .col-inner {
	padding: 25px;
	min-height: 520px;
	display: flex;
	transition: 0.3s;
}
.col-tn .col-inner:hover {
	background-color: #26793fd6;
	transition: 0.3s;
}
.col-tn .col-inner:hover .title-tn-con {
	display: none;
	transition: 0.3s;
}
.icon-box-tn {
	display: none;
}
.col-tn .col-inner:hover .icon-box-tn {
	display: block !important;
	transition: 0.3s;
}
.tam-nhin-ob {
	font-size: 56px;
    line-height: 68px;
}
.title-tn-con {
	display: flex;
	align-items: center;
}
.chil-tn {
	color: #efb81d !important;
    font-size: 30px;
    text-transform: uppercase;
}
.mota-tamnhin {
	color: white;
}
.cty-cp-ob {
	color: #efb819;
}
.mota-tuyen {
	background-color: white;
    padding: 20px;
    overflow: hidden;
    border-radius: 15px;
}
.col-tuyen .col-inner {
	margin-top: -80px;
}




@media only screen and (max-width: 48em) {
	
	
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
.cty-cp-ob {
    padding: 0px 25px;
}
	.yeuto-nb {
    text-align: center;
}
	.col-tn .col-inner {
    justify-content: center;
}
.yeuto-nb {
    font-size: 26px;
    padding: 0 20px;
    line-height: 30px;
}
.product-info {
    padding-top: 10px;
    padding-right: 15px;
}
	.accordion-item .accordion-title, .td-loiich {
    font-size: 18px;
}
	
	
.mota-pp {
    padding: 0% 10%;
}
	
	.row-chu-ky-sgd {
    padding-left: 20px;
    padding-right: 20px;
}
.ban-quyen {
    text-align: center;
}
.ado-form-cont .ado-col-2 .input-col {
    width: 100%;
}	
	.box-blog-post {
		display: flex;
	}
	.box-blog-post .box-image {
		width: 35% !important;
	}
	.box-blog-post .box-text {
		width:  68%;
	}
	.box-blog-post .box-image .image-cover {
    height: 190px;
}
	.box-blog-post .box-text {
    text-align: left;
    padding: 10px 10px;
	margin-left: 5px;
}
	.box-blog-post .box-text .from_the_blog_excerpt {
		display: none;
	}
	
	.col-form .col-inner {
    margin-top: 0px;
}

	
	
.col-divided {
    max-width: 100%;
    flex-basis: 100%;
    margin-right: 4%;
}
	
.ado-form-cont .check-box input {
    transform: scale(2);
	margin-right: 10px;
	display: inline-block;
	margin-left: 10px;
}
	.ado-form-cont .wpcf7-list-item-label {
    color: white;
    line-height: 14px;
	margin-left: 0px;
}
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
    display: none !important;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
    padding: 4px 4px;
	width: 70px !important;
}
.trp-language-switcher > div {
    border: 1px solid #00aeef;
}	
	
.header-main li.html.custom {
    display: block;
}
	
.blog-single .row-large .large-9 {
	padding-left: 0px !important;
	padding-right: 0px !important;
	box-shadow: none;
}
.blog-wrapper .article-inner {
    padding: 5%;
    border-radius: 3px;
    box-shadow: none;
}
	
.off-canvas-right .mfp-content {
    width: 70% !important;
}
.mobile-sidebar .sidebar-menu .nav-sidebar .menu-item a {
    font-size: 22px;
	}
	.contact-col-logo {
		margin-bottom: 15px !important;
	}	
.ado-form-cont .ado-col-2 {
    display: block !important;
}	
.ado-form-cont-flex {
    display: block !important;
}
.ado-form-cont .ado-col-30 {
    width: 100% !important;
}	
.check-box {
	margin-top: 50px !important;
	}	
.adosec .namber-row .namber-col {
    max-width: 100%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}	
	.new-col .list-tin-moi .post-item {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}	

	.img-slider-home .img-inner img {
		height: 220px !important;
	}	
	.img-slider-home {
		max-height: 250px !important;
	}	
	
	.blog-wrapper .post-item .col-inner .box .box-text {
		padding-right: 10px;
		padding-left: 10px;
	}
	.absolute-footer {
	display: block;
	}
	.blog-wrapper .article-inner, .blog-single .html-before-comments {
    padding: 5%;
}
.col-tn .col-inner .title-tn-con {
	display: none;
}
.icon-box-tn {
	display: block;
}
	.col-tn .col-inner {
    min-height: 400px;
}

	
	
}