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

/*************** RESET CSS   ***************/




.hover_box_pt {
	position: absolute;
    top: 0;
    padding: 10px;
    font-size: 12px;
    background: #00000082;
    height: 100%;
	text-align: left;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	transform: translate(0%,100%);
}

.hover_box_pt *{
	color: #fff;
	font-size:14px;
	margin-bottom:5px;
}
.login-action-login {
    background-color: rgb(0, 174, 239) !important;
}

@font-face{
    src: url(../fonts/saf-ru.ttf);
    font-family: saf-ru;
}
@font-face{
    src: url(../fonts/saf-b.ttf);
    font-family: saf-b;
}
@font-face{
    src: url(../fonts/saf-bla.ttf);
    font-family: saf-bla;
}

.nav > li > a {
    font-family: saf-ru !important;
}


p {
	font-size: 14px;
	color: black;
	text-align:justify;
	margin-bottom: 7px;
	font-family: saf-ru;
}

h1, h2, h3, h4 {
    font-family: saf-b !important;
}

.blog-single .post .article-inner .single-page ul li {
    font-family: saf-ru !important;
	font-size: 14px;
}

a {
	font-family: saf-ru !important;
}
.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: 31px;
}
.trp-language-switcher > div {
    background-position: calc(100% - 10px) calc(1em + -2px), calc(100% - 3px) calc(1em + 0px);
    background-size: 10px;
}

/*** 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;
}




/****Slider****/

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

.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
    margin-top: 0px;
}


/***************  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  #f26f21;
	margin-bottom: 30px;
}
.page-checkout .cart-collaterals .cart-sidebar input {
	margin-bottom: 10px;
}
.page-checkout th, td {
	text-transform: capitalize;
	border-bottom: 1px solid #f26f21;
}
.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: #f26f21 !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 {
	padding-left: 35px !important;
    padding-right: 35px !important;
	padding-bottom: 90px;
}

.product-small .col-inner {
    border: 10px solid #ffbd25;
    border-radius: 30px;
}
.product .box-text-products {
    margin-bottom: -43px;
}
.shop-menu-saf {
	margin-bottom: 30px !important;
}


.shop-container .product .col-inner .product-small .box-image {
	border-radius: 5px;
    overflow: hidden;
    border: none;
}

.nav-pagination>li>a {
	border: 1px solid currentColor;
}
.woocommerce-loop-product__title {
	text-align: center !important;
	font-size: 14px;
	font-family: saf-ru;
}
.shop-container .container .woocommerce-pagination .page-numbers .page-number {
	border-radius: 3px !important;
	border: 1px solid #00aeef;	
}

/***************  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: #036ab8;
    display: block;
    padding: 5px 5px 5px 10px;
		font-family: saf-ru;
}
#woocommerce_price_filter-2 .ui-slider.ui-widget-content .ui-slider-handle {
    background: #00aeef;
    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: #00aeef;
    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;
		font-family: saf-ru;
	font-size: 14px;
}
.product-short-description >p {
	margin-bottom: 5px;
}
#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 #036ab8;
}

.account-container .account-register-inner >p {
	text-align: center;
	color: black;
}


/** AN KET TAB KET QUA LOC **/
.inline-block {
    display: none;
}
/*END*/
#wpfBlock_1 {
	margin-bottom: 0px;
	margin-top: 0px;
}



/***************  PRODUCT PAGE   ***************/
.product-main {
    padding: 20px 0;
}
.product_meta .posted_in {
	display: none;
}
.product-main .row .product-gallery .woocommerce-product-gallery {
	border: ;
	max-height: ;
	overflow: ;
}
.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: 20px;
}
.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;	
}

.shop-container .product-main .row {
	background-color: white;
    box-shadow: 0px 10px 17px rgb(0 0 0 / 10%);
    border-radius: 10px;
    overflow: hidden;
}
.row-divided>.col+.col:not(.large-12) {
    border-right: none !important;
}
.Cta-botton {
	    box-shadow: none !important;
}
.product-section {
    border-top: none !important;
}

/*************** HEADER + MENU   ***************/
.nav>li>a>i.icon-menu {
    font-size: 2.9em;
    margin-right: 10px;
	color:#036ab8 !important;
}
.mobile-sidebar .sidebar-menu .nav-sidebar .menu-item a {
	font-size: 14px;
    color: black;
    text-transform: uppercase;	
}

.wide-nav .container .flex-left {
	width: 1250px;
}
.wide-nav .container .flex-left .nav-left {
	justify-content: space-between;
}
.has-dropdown .icon-angle-down {
    font-size: 16px;
    margin-left: 10px;
    opacity: .6;
}



.header-bottom .header-nav .menu-item .nav-top-link {
	font-size: 14px;
	text-transform: uppercase;
	color: #6a6a6a;
	line-height: 25px;
	padding: 5px 15px;
	font-family: saf-b !important;
}
.header-bottom .header-nav .menu-item .nav-top-link:hover {
	color: #f69320;
}
#masthead .logo-left {
	border-bottom: 1px solid #8080803b;
}
.info-contact-head  {
	text-transform: none !important;
}

.header-bottom .header-nav .menu-item.active >a {
	color: #f69320;
}
.logo-left .flex-right .nav-right .has-dropdown {
	margin-right: 0px;
}

.header-inner .flex-right .nav-right .html_top_right_text >a >i {
    color: #f26f21 !important;
    padding-right: 10px;
}
.info-contact-head {
	margin-right: 15px;
	color: #6a6a6a;
	margin-left: 5px;
}
.tel-head {
	font-size: 16px;
}


.header-main .nav > li > a {
    line-height: 16px !important;
    font-size: 14px;
    text-transform: uppercase;
    color: black;
}

.header-wrapper {
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);	
}
.nav>li {
	margin: 0 15px;
}


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

.nav-dropdown {
    min-width: 245px !important;
	padding: 10px;
    box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
    border-top: 3px solid #036ab8;
	border-radius: 5px !important;
	overflow: hidden;
	margin-top: 10px;
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-color: rgba(3,106,184,0);
    border-bottom-color: #036ab8;
    border-width: 8px;
    margin-left: -8px;
	margin-bottom: -10px;
}

.nav-dropdown >li >a {
	font-size: 14px;
	line-height: 32px;
	padding: 0px 0px 0px 10px;
	color: black;
		font-family: saf-ru !important;
}

#wide-nav .header-nav .has-dropdown .sub-menu .menu-item {

}
.nav-dropdown .woocommerce-MyAccount-navigation-link >a:hover {
	color: white;
	background-color: #036ab8 !important;
    border-radius: 3px;
}

#wide-nav .header-nav .has-dropdown .sub-menu .menu-item:hover >a {
	color: white;
	background-color: #036ab8;
	border-radius: 3px;
}

#woocommerce-product-search-field-0 {
	border-radius: 5px;
    border: 1px solid #00aeef;
    background-color: white !important;
	color: black !important;
}
.searchform .button.icon i {
    font-size: 1em;
    background-color: #f26f21;
    color: white;
    padding: 5px 8px;
    border-radius: 3px;
}
.searchform-wrapper.form-flat .flex-col:last-of-type {
	margin-left: -47px;
}
.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {
	box-shadow: 1px 1px 3px #a0a0a08a;
}
.sale-header {
    background-color: #8b2e02;
    height: 10px;
    width: 10px;
    margin-right: 5px;
    border-radius: 10px;
}
@-webkit-keyframes glowing {
  0% { background-color: #8b2e02; -webkit-box-shadow: 0 0 3px #8b2e02; }
  50% { background-color: #8b2e02; -webkit-box-shadow: 0 0 10px #8b2e02; }
  70% { background-color: #8b2e02; -webkit-box-shadow: 0 0 3px #8b2e02; }
}
 
@-moz-keyframes glowing {
  0% { background-color: #8b2e02; -moz-box-shadow: 0 0 3px #8b2e02; }
  50% { background-color: #8b2e02; -moz-box-shadow: 0 0 10px #8b2e02; }
  70% { background-color: #8b2e02; -moz-box-shadow: 0 0 3px #8b2e02; }
}
 
@-o-keyframes glowing {
  0% { background-color: #8b2e02; box-shadow: 0 0 3px #8b2e02; }
  50% { background-color: #8b2e02; box-shadow: 0 0 10px #8b2e02; }
  70% { background-color: #8b2e02; box-shadow: 0 0 3px #8b2e02; }
}
 
@keyframes glowing {
  0% { background-color: #8b2e02; box-shadow: 0 0 3px #8b2e02; }
  50% { background-color: #8b2e02; box-shadow: 0 0 10px #8b2e02; }
  70% { background-color: #8b2e02; box-shadow: 0 0 3px #8b2e02; }
}
 
.sale-header {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.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: 30px;
}
.slider-nav-circle .flickity-prev-next-button svg {
    border-radius: 100%;
    border: none;
    background-color: #eeeeee;
    width: 35px;
    height: 35px;
}
.flickity-prev-next-button svg {
    padding: 15% !important;
}
.flickity-prev-next-button {
	color: #036ab8;
}



.blog-post-inner .cat-label {
	text-align: center;
}
.box-text-bottom .text-center .blog-post-inner .from_the_blog_excerpt {
	text-align: center;
}
.blog-archive .box-blog-post .box-image .image-cover {
    height: 350px;
}

/*************** BLOG   ***************/

.page-wrapper p.from_the_blog_excerpt:after {
    content: "Đọc thêm";
    display: block;
    background-color: #036ab8;
    width: fit-content;
    padding: 5px 20px;
    border-radius: 100px;
    color: white;
	font-size: 12px;
	margin-top: 15px
}

.page-wrapper p.from_the_blog_excerpt:hover:after {
    background-color: #f26f21;
}



.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;
}
.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: #7c7c7c;
    font-family: saf-b;
    font-weight: 800 !important;
    border-left: 5px solid #036ab8;
    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 #00aeef;
    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: #036ab8;
    display: block;
    padding: 10px;
    color: white;
	font-weight: 500;
	font-size: 16px;
}
.blog-archive .post-item .box-text .blog-post-inner .post-title {
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 10px;
	font-family: saf-b;
}
.entry-title {
	font-weight: 600;	
}
.blog-archive .post-item .box-blog-post {
	background-color: white;
    border-radius: 10px;
    overflow: hidden;
}
#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: white;	
}
.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;
}
.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;
}


.has-hover:hover .show-on-hover {
    display: none !important;
}
.not-found .page-content .searchform .relative {
	border: 1px solid #f26f21;
    padding: 10px;
    margin-top: 35Px;
	border-radius: 5px;
}
.not-found .page-content .searchform .relative .search-field {
	box-shadow: none;
	border: none;
}

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

.ado-form-cont .wpcf7-form-control-wrap input, select, textarea {
	box-shadow: none;
	border-radius: 3px;
    margin-bottom: 20px;
	height: 45px;
	font-size: 16px;
	padding-left: 50px;
	border: none;
    border-bottom: 1px solid #80808057;
}
.woocommerce-input-wrapper textarea {
	padding-left: 20px !important;
}
.ado-form-cont i {
	color: #ffffff;
    background-color: #036ab8;
    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 .input-col .wpcf7-submit {
	border-radius: 100px !important;
	background-image: linear-gradient(to bottom right,  #036ab8, #036ab8);
	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 {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.ado-form-cont .ado-col-30 {
	width: 100%;
}
.ado-form-cont .ado-col-2 .input-col {
	width: 100%;
	height: 55px;
}

.ado-form-cont .wpcf7-submit {
	border-radius: 99px;
	background-color: #036ab8;
	color: white !important;
	border: none;
	width: 150px;
	height: 35px;
	margin-top: 75px;
}


.ado-form-cont .wpcf7-submit:hover {
	background-color: #f26f21 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #f26f21;
    color: #f26f21;
	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;
}

.ado-form-cont-flex {

}
textarea {
    padding-top: 0.7em;
    min-height: 100px;
}


.wpcf7 .wpcf7-not-valid-tip {
    padding: 10px;
    line-height: 1.2em;
    font-size: 14px;
    background-color: #ef0000db;
    color: #ffffff;
    z-index: 1;
    text-align: left;
}
.wpcf7 .wpcf7-not-valid-tip:after {
	border-bottom-color: #f45050;
}

/*************** FOOTER   ***************/

.absolute-footer.dark {
    display: none !important;
}
.footer-sec-saf {
	padding-top: 40px !important;
}
.col-dia-chi {
	padding-left: 50px;
}
.col-logo {
	padding-bottom: 0px;
}
.name-cty-ft {
	font-family: saf-b;
}
.contacts-info-footer .item-info {
	list-style-type: none;
	margin-left: 0px;
	font-size: 16px;
		font-family: saf-ru;
}
.col-fb-yb {
	padding-left: 50px;
}
.social-saf-ft {
	display: inline-flex;
}
.td-icon-ft {
	font-size: 14px;
	font-family: saf-b;
}
.sub-social {
	font-size: 14px;
	font-family: saf-ru;
}
.text-icon-row {
	padding-left: 10px;
}
.col-social-saf {
	padding-bottom: 15px;
}
.row-social-saf {
	border-bottom: 3px solid #ffffff4f;
    margin-bottom: 20px;
}
.tieu-de-menu {
	font-family: saf-b;
	font-size: 16px;
}
.list-menu-nhanh {
	font-size: 16px;
    list-style-image: url(https://ellac.com.vn/wp-content/uploads/2024/01/icon-giot-sua-02.svg);
    font-family: saf-ru;
}
.list-menu-nhanh::marker {
  font-size: 30px;
	line-height: 16px;
}
.col-menu-ft .form-sub .left input {
	border: none;
}
.col-chu-ky {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
.col-chu-ky .chu-ky {
	font-size: 14px;
    font-family: saf-ru;
    padding: 10px;
    margin: 0px;
}
.col-chu-ky .saigondigi {
	text-align: right;
}
.td-ket-noi {
	padding-top: 14%;
}
#dangkytheodoi {
	font-size: 16px !important;
	margin-bottom: 20px;
}

/*************** HOME   ***************/
.intechco-slider {
	margin: 1.5%;
}
.intechco-slider .slider {
	border-radius: 15px;
    overflow: hidden;
}
.tieu-de-nb {
	text-align: center;
	font-size: 25px;
	font-weight: 900;
	padding-left: 10%;
	padding-right: 10%;
	color: #606060;
}
.saf-ctn {
	background-color: #036ab8;
    color: white;
    padding: 10px 25px;
    border-radius: 100px;
	margin-bottom: 5px;
	margin-right: 5px;
	font-family: saf-ru !important;
}
.saf-ctn >i {
	margin-left: 10px;
}
.saf-ctn:hover {
	background-color: #f26f21 !important;
    color: white !important;
}
.cta-nhom-tre {
	display: flex;
	justify-content: center;
}
.mota-haibe {
	font-size: 25px;
	font-weight: 900;
	color: #606060;
	margin-bottom: 30px;
}
.thuong-hieu {
	background-color: #036ab8;
	padding: 20px;
	color: white;
	font-family: saf-b;
	font-size: 22px;
	display: block;
    width: 215px;
    text-align: center;
	margin-bottom: 15px;
	border-radius: 10px;
}
.nhom-thuong-hieu {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.icon-spdd {
	display: flex;
	justify-content: center;
}
.td-spdd {
	font-size: 30px;
	font-family: saf-b;
	color: #606060;
	display: block;
    margin-bottom: 0px;
    text-align: left;
    width: 380px;
    margin-top: 10px;
    padding-left: 15px;
}
.tb-sp-nb .nav-center .tab >a {
	background-color: #e2e3e4;
    color: #f69320;
    padding-left: 20px;
    padding-right: 20px;
	font-family: saf-b;
	font-size: 14px;
}
.tb-sp-nb .nav-center .tab >a:hover {
	background-color: #036ab8 !important;
    color: white !important;
}
.tb-sp-nb .nav-center .tab.active >a{
	background-color: #036ab8 !important;
    color: white !important;
}
.tab-panels {
	margin-bottom: 30px;
}
.sp-noi-bat .flickity-viewport {
	height: 500px !important;
	padding-top: 60px;
}
.sp-noi-bat .flickity-slider .product-small .col-inner {
    border: 10px solid #ffbd25;
    border-radius: 30px;
}
.product-small .box-image .mage-fade_in_back {
	padding: 15px;
}
.product-small .box-image {
    margin-top: -75px;
}
.sp-noi-bat .product {
	padding-left: 35px !important;
	padding-right: 35px !important;
}
.sp-noi-bat .product .box-text-products {
	margin-bottom: -43px;
}
.add-to-cart-button .product_type_simple {
	padding: 2px 30px;
    border-radius: 100px;
	font-size: 14px;
	    font-family: saf-ru;
}
.add-to-cart-button .product_type_simple:hover {
	background-color: #f26f21 !important;
}
.woocommerce-Price-amount {
	color: #f26f21 !important;
	font-size: 16px;
	font-family: saf-ru;
}
.home-blog .post-item .col-inner {
	background-color: #f26f21;
	border-radius: 15px;
	overflow: hidden;
}
.home-blog .post-item .col-inner .box-text {
	padding: 15px;
	color: white;
}
.home-blog .post-item .col-inner .box-text  .post-title {
	color: white;
	font-size: 16px;
	font-family: saf-ru;
}
.button {
	font-family: saf-ru !important;	
}
.home-blog .post-item .col-inner .box-text .button {
	background-color: white;
	font-size: 14px;
	color: #f26f21;
	border-radius: 100px;
}
.xem-them-blog {
	text-align: center;
	margin-bottom: 30px;
}



/*************** ABOUT   ***************/
.row-bat-dau {
	padding: 2%;
	max-width: 1400px !important;
}


.row-bat-dau .col-inner {
	background-color: #036ab8 !important;
	padding: 10%;
	min-height: 505px;
}
.col-hinh-anh-gt .col-inner {
	padding: 10%;
	transform: translateX(-260px);
}
.col-mota-gt .col-inner {
	border-radius: 20px 0px 0px 20px;
}
.col-img-gt-page .col-inner {
	border-radius: 0px 20px 20px 0px;	
}

.row-bat-dau .col-mota-gt .col-inner  .tieu-de-pagegt {
	font-family: saf-b;
	font-size: 25px;
	color: white;
}
.noi-dung-gt {
	color: white;
	font-size: 16px;
}
.row-tam-nhin {
	margin-top: 50px;
}
.tieu-de-chan-duong {
	color: #f69320;
	font-family: saf-b;
	font-size: 40px;
}
.tota-chan-duong {
	text-align: center;
	padding-bottom: 25px;
}
.col-doi-moi-sp .col-inner {
	background-color: white;
	padding: 8%;
	border-radius: 30px 0px 30px 0px;
}
.sec-doi-moi .bg-loaded {
	background-attachment: fixed;
}
.row-kiem-tra {
	padding-top: 50px;
}
.row-kiem-tra .col-kiem-tra .col-inner {
	border-radius: 40px 0px 40px 0px;
	overflow: hidden;
	height: 420px;
}

.tieu-de-dm {
	color: #f69320;
    font-family: saf-b;
    font-size: 35px;
}
.row-kiem-tra .col-td-kiem-tra .col-inner {
	background-color: #036ab8;
	padding: 10%;
}
.tieu-chi {
	color: white;
	font-size: 18px;
	font-family: saf-b;
}
.col-cac-thanh-qua {
	padding: 0px;
}
.col-cac-thanh-qua .col-inner {
	background-color: #036ab8;
    padding: 8%;
	border-radius: 20px 0px 0px 20px;
}

.box-none .box-text {
    display: block !important;
}
.box-none .box-text >p {
    text-align: center;
	font-size: 14px;
}
.tu-hao-saf {
	color: white;
	font-size: 30px;
}
.mota-tu-hao {
		color: white;
	font-size: 18px;
}

.shop-page-title {
	display: none !important;
}

.row-chu-de-1 {
	background-image: url(../_1public/images/bg-login.jpg);
}
.row-chu-de-2 {
	background-image: url(../_1public/images/gd-vui-ve-2.jpg);
}
.row-chu-de-3 {
	background-image: url(../_1public/images/kien-thuc.jpg);
}

.chu-de-bg {
	margin-bottom: 30px;
	background-size: cover;
	background-position: left bottom;
	padding: 5% 2% 2% 2%;
	border-radius: 15px;
    overflow: hidden;
	box-shadow: 1px 1px 3px #a0a0a08a;
}

.col-chu-de-bg {
	padding: 0px 10px;
}
.col-chu-de-bg .post-item {
	padding-bottom: 0px;
}
.tieu-de-cd-cnsk {
	font-size: 25px;
}
.mota-cd-cnsk {
	padding-right: 20%;
	padding-bottom: 30px;
}
.chu-de-bg .col-chu-de-bg .blog-list-cnsk {
	margin-top: 50px;
}
.chu-de-bg .col-chu-de-bg .blog-list-cnsk .post-title {
	font-size: 13px;
	font-family: saf-b;
}
.img-24 p {
	font-family: saf-b;
}
.chu-de-bg .col-chu-de-bg .blog-list-cnsk .button {
	border-radius: 100px;
	display: right;
	margin-top: 4px;
}
.chu-de-bg .col-chu-de-bg .blog-list-cnsk .image-cover {
	border-radius: 5px;
}
.chu-de-bg .col-chu-de-bg .blog-list-cnsk .post-item .col-inner {
	box-shadow: none;
	border-radius: 5px;
	overflow: hidden;
}
.chu-de-bg .col-chu-de-bg .blog-list-cnsk .post-item .col-inner .box-text {
	padding: 5px 8px;
}
.blog-wrapper .align-center .large-10 {
    max-width: 100%;
    flex-basis: 100%;
}
.text-center .blog-post-inner .from_the_blog_excerpt:after {
	display: none;
}
.related-products-wrapper .product {
	padding-left: 5px !important;
    padding-right: 5px !important;
}
.related-products-wrapper .large-columns-4 .flickity-viewport {
	height: 450px !important;
    padding-top: 75px;
}
.related-products-wrapper .large-columns-4 .flickity-viewport .product-small .col-inner {
    border: 5px solid #ffbd25;
    border-radius: 20px;
}

.col-form-lien-he .col-inner {
	background-color: white;
    border-radius: 15px;
    overflow: hidden;
	padding: 20px 15px 0px 15px;
	margin-top: -150px;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
}

#cta-page-ct >a {
	background-color: white;
	display: block;
    color: #f26f21;
    padding: 11px 30px;
    border-radius: 100px;
	width: 350px;
	margin: 0 auto;
}
#htcsaf {
	font-size: 35px;
	font-family: saf-b;
}

.img-gt-page .img-inner {
	margin-right: -125px;
}
#chungnhan {
	font-size: 18px;
	color: white;
	font-family: saf-ru;
	margin-bottom: 0px;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	.tieu-de-nb, .mota-haibe  {
		font-size: 22px;
	}
	.thuong-hieu {
    padding: 20px;
    font-size: 22px;
    display: block;
    width: 49%;
    margin-bottom: 15px;
    border-radius: 5px;
}
	.td-spdd {
    font-size: 24px;
		text-align: center;
}
	.icon-spdd {
    flex-wrap: wrap;
}
	.tb-sp-nb .nav-center .tab >a {
    margin-bottom: 10px;
}
	.sp-noi-bat .product {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
	.sp-noi-bat .flickity-slider .product-small .col-inner {
    border: 5px solid #036ab8;
    border-radius: 15px;
}
	.sp-noi-bat .flickity-viewport {
    height: 375px !important;
    padding-top: 65px;
}
	.col-dia-chi {
    padding-left: 15px;
    padding-top: 20px;
}
	.col-fb-yb {
    padding-left: 15px;
}
	.col-chu-ky .chu-ky {
    font-size: 12px;
    text-align: center;
}
	.col-chu-ky .saigondigi {
    text-align: center;
}
.col-hinh-anh-gt .col-inner {
    padding: 10%;
    transform: none;
}
	
	.cta-nhom-tre {
    flex-wrap: wrap;
}
	.shop-container .product {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 100px;
}
	.product-small .col-inner {
    border: 5px solid #036ab8;
    border-radius: 15px;
}
	.add-to-cart-button .product_type_simple {
    padding: 0px 16px;
    border-radius: 100px;
    font-size: 14px;
}
.related-products-wrapper .large-columns-4 .flickity-viewport {
    height: 355px !important;
    padding-top: 75px;
}	
	
	.related .product-section-title-related {
    text-align: center;
}
	.box-blog-post {
    display: flex;
}
	.box-blog-post .box-image {
    width: 38% !important;
}
	.mota-cd-cnsk {
    padding-right: unset;
}
	.blog-archive .box-blog-post .box-image .image-cover {
    height: 160px;
	border-radius: 5px;
    overflow: hidden;
}
		.home-blog .box-blog-post .box-image .image-cover {
    height: 145px;
}
	.featured-posts {
		display: none;
	}
	.blog-archive .box-blog-post .from_the_blog_excerpt {
		font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
	}
	.blog-archive .post-item .box-text .blog-post-inner .post-title {
	font-size: 14px;
	padding-bottom: 0px;
}
	.blog-archive .post-item .box-text {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.blog-archive .post-item .box-blog-post {
    background-color: white;
    border-radius: 5px;
    overflow: visible;
}
.col-form-lien-he .col-inner {
    margin-top: -20px;

}	
	
	.col-cta-lien-he {
		padding-top: 30px;
	}
	.gui-ngay-f >p {
		text-align: center;
	}
	
	.home-blog .box-blog-post {
    display: normal !important;
}
.page-checkout .woocommerce-checkout .large-5 {
    padding-right: 30px;
}	
.page-checkout .cart-collaterals {
    margin: 15px;
}	
	
	
	
	.arcu-widget.arcu-message .messangers-block {
    bottom: 15px;
    width: 200px !important;
    right: 15px;
    border-radius: 5px;
	}
	
.arcu-widget.right.arcu-message {
    bottom: 165px;
}
	
	.slider-nav-circle .flickity-prev-next-button svg {
		height: unset;
		padding: 10px !important;
	}
	.row-slider .flickity-prev-next-button {
		width: 35px !important;
		
	}
	
.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;
}
	
	.mws {
    bottom: 140px !important;
}
	#myBtn {
		bottom: 65px !important;
	}


.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;
}
	
	.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%;
}	
	.mfp-content {
		background-color: white !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;
	}
	.shop-container .product-container .product-main .content-row .product-gallery {
    flex-basis: 100%;
	}

	.noi-dung-dt {
    font-size: 30px;
    margin-bottom: 30px;
	}
	.absolute-footer {
	display: block;
	}
	.blog-wrapper .article-inner, .blog-single .html-before-comments {
    padding: 5%;
}
	.col-mota-gt .col-inner {
	border-radius: 0px;
}
.col-img-gt-page .col-inner {
	border-radius: 0px;	
}
	
.img-gt-page .img-inner {
	margin-right: 0px;
}
	.row-bat-dau .col-inner {
    padding: 5%;
}
	.row-bat-dau {
    padding: 0px;
}
	.row-bat-dau .col-mota-gt .col-inner .tieu-de-pagegt {
    padding-top: 40px;
    padding-bottom: 209x;
}
	.sp-noi-bat .product .box-text-products {
    margin-bottom: -40px;
}
	.home-blog .post-item .col-inner .box-text .button {
    font-size: 12px;
		width: 115px;
}
	.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
	padding: 30% !important;
    background-color: #036ab8;
    border-radius: 100%;
    color: white;
	}
	.slider-nav-reveal .flickity-prev-next-button.next {
    right: 5px !important;
}
	.slider-nav-reveal .flickity-prev-next-button.previous {
    left: 5px !important;
}
	.col-blog-home .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
    margin-top: -15px;
}
	.col-cac-thanh-qua .col-inner {
    height: auto;
}
	.col-bang-cn {
		padding: 0 10%;
	}
	.col-cac-thanh-qua .col-inner {
    border-radius: unset;
}
	.chu-de-bg .col-chu-de-bg .blog-list-cnsk .button {
    width: 105px;
    box-shadow: none;
}
	.row-slider .flickity-prev-next-button svg {
    padding: 12px !important;
    border: 0 !important;
    background-color: #036ab8;
    border-radius: 100%;
}
.product .box-text-products {
    margin-bottom: -40px;
}
	
	
	
	
}

.hotline-1{position:fixed;right:20px;bottom:30%;}
.hotline-1 ul{list-style:none;}
.hotline-1 ul li{float:none;margin-top:15px;}
.hotline-1 ul li img{width:50px;}