/*
Theme Name: chothuanan-child
Description: This is a child theme for chothuanan
Author: HTDIGI
Template: chothuanan
Version: 3.0
*/


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

/* ===== Hiển thị đầy đủ tiêu đề sản phẩm, không bị cắt ===== */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  display: block !important;
  height: auto !important;
  max-height: none !important;
  line-height: 1.4em; /* thêm cho cân đối dòng chữ */
}


/* ===== Tùy chọn: nếu muốn rút gọn lại chỉ 2 dòng ===== */
/*
.woocommerce-loop-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
*/

/* Giữ layout đều nhau */

/* Cố định font-size, độ đậm, màu cho giá min - max */
.price-range .price-value {
  font-size: 22px !important; /* chỉnh tùy ý */
  font-weight: 600;
  color: #000;
}

.price-range {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}





.page.page-id-9.logged-in #secondary {
    margin-top: -46px;
}
.page.page-id-9 .box-error .large-12.right.col {
    max-width: 83.3333333333%;
}
.home .row.row-collapse.box-error {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.woocommerce-notices-wrapper .message-container.container >a {
    background: #d00;
    padding: 4px;
    color: #fff;
    border-radius: 1px;
    border: 1px solid #000;
}
.html .social-icons a.icon {
    padding: 9px;
    border: 1px solid;
}
.row.banner-hero {
    z-index: 99999999;
    position: relative;
}
/* ======= Toast message ======== */
h3.woocommerce-Reviews-title.normal {
    display: none;
}
#toast {
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 999999;
}

.toast {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  padding: 8px 0;
  max-width: 450px;
  border-left: 4px solid #008848;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  transition: all linear 0.3s;
}
.toast__icon {
  font-size: 24px;
}

.toast__icon,
.toast__close {
  padding: 0 16px;
}

.toast__body {
  flex-grow: 1;
}

.toast__title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.toast__msg {
  font-size: 14px;
  color: #888;
  margin-top: 6px;
  line-height: 1.5;
}

.toast__close {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(calc(100% + 32px));
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login {
    border: 3px solid #008848;
    padding: 10px;
    background: #fff;
}
.single .woocommerce-message.message-wrapper {
    padding-left: 20px;
}

.woocommerce-error.message-wrapper li {
	margin-left: 16px;
}
.message-container.container  {
    background: #fff;
    margin: 10px 0;
    border: 2px #d00 dotted;
    padding: 4px 10px;
    text-shadow: 0 0 #d00;
}
#secondary {
	overflow: scroll;
	overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.luu-y {
	border: 2px #d00 dotted;
    padding: 4px 10px;
}
ul#menu-danh-muc-san-pham li.menu-chinh-sach {
    padding-top: 20px !important;
    border-top: 1px solid #eee !important;
} 
.commentlist>li:not(:first-child), .comment-list>li:not(:first-child) {
    border-top: 1px dashed #ddd;
}
.woocommerce-Address-title.title a.edit {
    padding: 3px 13px;
    background: #008848;
    color: #fff;
    border-radius: 3px;
}
aside#nav_menu-6 {
    margin-bottom: 7px;
}
#custom_html-2 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    color: #1d1d1d;
    cursor: pointer;
}

@media (max-width: 1211px) and (min-width: 851px) {
  .col-divided+.col {
    padding-left: 85px;
	}
}@media (max-width: 1211px) and (min-width: 851px) {
  .page .my-account .account-user.circle span {
    color: #000;
	}
	.page .my-account .account-user.circle {
    background: none; 
    margin-right: 0px;
	}
}
.single.single-product #secondary {
    margin-top: -88px;
}
.logged-in.admin-bar.page-id-9 #secondary{
    margin-top: -46px;
}
.single.single-post .large-10.right .col-inner {
    background: #fff;
    padding: 11px;
	border: 1px solid #d5d5d5;
}
.single.single-post .footer-wrapper .section-content .row.padding {
    padding-left: 232px !important;
	background: transparent;
}
.shop-badge--promotion__label-wrapper.shop-badge--promotion.lienhe {
    width: 80px;
}
.message-container.container.success-color.medium-text-center {
	border: 2px solid #d00;
	background: #f9ffa4;
	color: #000;
}

.woocommerce-checkout .page-inner {
	margin-left: 30px;
}

.woocommerce-checkout .header-search.header-search-dropdown {
	display: none;
}

.woocommerce-checkout .message-container.container.medium-text-center,
{
	text-shadow: 0 0 red;
	background: #fff;
	padding: 5px;
	border: 3px solid #D00;
	text-align: center;
}

.home .coupon {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
}

.coupon>div {
	padding: 10px 10px;
	border-radius: 4px;
}

.coupon .coupon-intro {
	text-align: left;
	position: relative;
	background: #eee;
	flex: 3;
}

.coupon .coupon-intro ul {
	color: #aaa;
	padding-left: 10px;
	margin-bottom: 0;
}

.coupon .coupon-intro ul li {
	margin-bottom: 2px;
	font-size: 12px;
	color: #b76ba3;
	font-size: 12px;
}

.coupon .coupon-intro:after {
	content: " ";
	border: 2px dashed #fff;
	height: 100%;
	position: absolute;
	top: 0;
	right: -2px;
	z-index: 2;
}

.coupon .coupon-value {
	display: grid;
	font-size: 13px;
	flex: 1;
	position: relative;
	background: #008848;
	color: #fff;
	align-items: center;
	justify-content: center;
}

.coupon .coupon-value a {
	cursor: pointer;
	background-color: #fff100;
	color: #000;
	padding: 3px 12px;
	border: 1px solid #fff;
}

.coupon .coupon-value:before {
	content: " ";
	width: 24px;
	height: 16px;
	position: absolute;
	top: -6px;
	left: -12px;
	border-radius: 100%;
	background: #fff;
}

.coupon .coupon-value:after {
	content: " ";
	width: 24px;
	height: 16px;
	position: absolute;
	bottom: -6px;
	left: -12px;
	border-radius: 100%;
	background: #fff;
}

.single.single-post .footer-wrapper .section-content .row.padding {
	padding-left: 0;
}

.single.single-post .entry-category {
	display: none;
}

.single.single-post .row.align-center {
	background: #fff;
	padding-top: 20px;
}

.single.single-post table th {
	border: 1px solid #eee;
}

.row.bg-green {
	background: #fff;
	border: 3px solid #008848;
	position: relative;
}

.shop-item-card__badge-wrapper {
	position: absolute;
	z-index: 10;
	top: 20px;
	left: 5px;
}

.shop-badge--promotion__label-wrapper.shop-badge--promotion {
	width: 40px;
	background: #f00;
	font-weight: bold;
	color: #fff;
	border-radius: 0;
	overflow: unset;
	font-size: 13px;
	position: relative;
	text-align: center;
}

.shop-badge--promotion__label-wrapper.shop-badge--promotion::before {
	content: '';
	border-top: 12px solid #f00;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	display: inline-block;
	margin-left: 5px;
	position: absolute;
	transform: rotate( 0deg);
	right: -11px;
	top: 0px;
}

.shop-badge--promotion__label-wrapper.shop-badge--promotion::after {
	content: '';
	border-top: 12px solid #f00;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	display: inline-block;
	margin-left: 5px;
	position: absolute;
	transform: rotate( 180deg);
	right: -10px;
	bottom: 0px;
}


/* Sản phẩm khuyến mãi */

.recomcart {
	background: #fff;
	border: 3px solid #f2c94c;
	position: relative;
}

.recomcart .product-small.col,
.row.bg-green .product-small.col {
	border: 1px solid #eee;
	box-sizing: border-box;
}

.recomcart .box-image,
.row.bg-green .box-image {
	padding: 5px;
}

.recomcart .add-to-cart-button a.primary {
	border-radius: 4px;
	border: 1px solid #008848;
	font-size: 10px;
}

.product-thumbnails a {
	border-color: rgba(0, 0, 0, .2) !important;
}

ul.menu>li ul,
.widget>ul>li ul {
	font-size: 12px;
}

.home container .section,
.row .section {
	padding-left: 8px;
	padding-right: 0px;
}

.woocommerce-bacs-bank-details ul.wc-bacs-bank-details.order_details.bacs_details {
	background: #f5f5f5;
	padding: 10px;
	list-style: none;
	border-radius: 4px;
	border: 1px solid #008848;
}

.lightbox-content .lightbox-inner {
	border: 2px solid #008848;
}

.my-account .account-user.circle {
	background: #008848;
	margin-right: 9px;
}

.my-account .account-user.circle span {
	color: #fff;
	font-weight: 600;
	opacity: 1 !important;
}

a.account-link.account-login.is-small {
	color: #fff;
}
.page-wrapper.my-account .container {
    padding: 20px;
}
.my-account-header .page-title-inner.flex-row.container.text-left {
	    padding: 5px 20px !important;
}

mark {
	padding: 2px 7px;
	background-color: #ff0;
	color: #000;
	border-radius: 3px;
	border: 1px solid #f5f5f5;
}

.dashboard-links a {
	border: 1px solid #008848;
}

.page-wrapper.my-account .container {
	padding-top: 20px;
	background: #fff;
	border: 1px solid #8a8a8a;
	border-radius: 4px;
}

.product-home .flickity-slider .col>.col-inner {
	padding: 0 10px !important;
}

.page-wrapper {
	padding-top: 6px;
}

.page-wrapper #secondary {
	margin-top: -52px;
}

.add-to-cart-button a.primary {
	border-radius: 4px;
	border: 1px solid #008848;
	font-size: 13px;
	font-weight: 100;
	border-radius: 4px;
	border: 1px solid #008848;
}

.promotion-list .title {
	font-weight: bold;
	font-size: 18px;
	line-height: 16px;
	white-space: normal;
	color: #037841;
}

.promotion-list .content {
	font-weight: normal;
	font-size: 12px;
	line-height: 120%;
	white-space: normal;
	color: #222b45;
	padding-top: 4px;
}

.no-mg {
	margin-bottom: 0px;
}

input#woocommerce-product-search-field-0 {
	background: #fff;
	border-radius: 4px;
}

.list-product .price-wrapper .price,
.border-product .price-wrapper .price {
	display: inline !important;
}

.list-product span.price,
.border-product span.price {
	font-size: 13px;
	color: #b10e0e;
	font-weight: bold;
}

.archive #main .section-content {
	background: #fff;
}

@media only screen and (max-width: 850px) {
	.single .woocommerce-message.message-wrapper {
    padding-left: 0px;
}
	.single.single-post .footer-wrapper .section-content .row.padding {
    padding-left: 0 !important;
    background: transparent;
}
	.woocommerce-checkout .page-inner {
		margin-left: 0px;
	}
	.promotion-list .title {
		font-weight: bold;
		font-size: 13.5px;
	}
	.product-main {
		background: none !important;
	}
	.single-product .row.content-row.mb-0 {
		background: #fff;
	}
	h2#contributions-list-title {
		display: none;
	}
	.entry-author .flex-row {
		display: block !important;
	}
}

.entry-author h5.author-name.uppercase.pt-half {
	text-align: left;
	color: #fff;
	font-size: 15px;
}

p.author-desc.small {
	font-size: 13px;
	text-transform: capitalize;
	text-align: left;
}

.team-social-links {
	display: flex;
}

.team-social-links p {
	margin-right: 24px;
}

.team-social-links ul {
	list-style: none;
	display: flex;
}

.team-social-links ul li {
	margin-right: 23px;
	color: #fff;
}

.team-social-links ul li a {
	color: #fff;
	font-size: 16px;
}

.entry-author.author-box {
	position: relative;
	margin: 30px 0 40px;
	background-color: #27604b;
	border: 1px solid #dadada;
	padding: 25px;
	color: #fff;
}

.box-text-products .add-to-cart-button .product_type_simple {
	padding: 5px;
}

.box-text-products .star-rating span:before {
	color: #f7e80b !important;
}

.box-text-products span.amount {
	color: #d00 !important;
}

.box-text-products .title-wrapper {
	font-weight: 700;
}

div#breadcrumbs {
	padding: 10px;
	background: #f8f8f8;
	border-bottom: 1px solid #dfdfdf;
}

div#breadcrumbs a {
	color: #d00;
}

.title-wrapper {
	font-size: 13px;
	height: 43px;
	overflow: hidden;
}

.box-buy .price-wrapper .price {
	display: contents;
}

.product-info.summary .woocommerce-product-rating {
	display: none;
}


/*hide on small screen / mobile*/

@media (max-width: 600px) {
	.add-to-cart-button a.primary {
		border: 1px solid #008848;
		font-size: 9px;
		font-weight: 500;
	}
	.sticky {
		position: inherit !important;
	}
	.img-footer {
		margin-top: -24px;
	}
	.deal-home .hear>.col-inner p.h2 {
		font-size: 84%;
	}
	.mfp-wrap.mfp-auto-cursor.off-canvas.dark.off-canvas-left.mfp-ready {
		z-index: 9999999;
	}
	.page-template-default .archive .col.medium-3 {
		padding-left: 0px !important;
	}
	.section-title a {
		display: none;
	}
	.product-box .section-title .read-more {
		display: none;
	}
	.wph_tooltipP {
		display: none!important;
	}
	.col-divided {
		padding-right: 15px !important;
	}
	.single-product .product-main .price-wrapper {
		margin-top: 15px;
	}
	.single-product .product-main .price-wrapper {
		padding: 10px 10px !important;
	}
	.single-product .product-main .price-wrapper bdi {
		font-size: 15px !important;
	}
	.single-product .product-main .price .woocommerce-Price-amount:nth-child(3) bdi {
		font-size: 22px !important;
	}
	.woocommerce-tabs .woocommerce-Tabs-panel {
		padding: 0px;
	}
}

.pro-special-offer-container {
	border: 1px solid #d00;
}

.pro-special-offer-container .spec-title {
	padding: 6px 8px 7px 0;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
}

.pro-special-offer-container .spec-title::before {
	content: '';
	position: absolute;
	width: 10px;
	background: #e05353;
	left: -10px;
	top: 6px;
	bottom: 0;
	height: 37px !important;
}

.pro-special-offer-container .spec-price {
	background: #e05353;
	color: #fff;
	font-weight: bold;
	padding: 6px 58px 6px 32px;
	display: inline-block;
	position: relative;
}

.pro-special-offer-container .spec-title::after {
	content: '';
	position: absolute;
	border-top: 13px solid #ce0707;
	border-left: 10px solid transparent;
	left: -10px;
	bottom: -5px;
}

.pro-special-offer-container .spec-price::after {
	content: '';
	position: absolute;
	right: -21px;
	top: 0;
	bottom: 0;
	width: 31px;
	height: 32px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.TextCaptions {
	padding: 0px !important;
}

.TextCaptions .item:last-child {
	border-right: 1px solid #d00;
}

.TextCaptions .item {
	border: 1px solid #d00;
	border-right: none;
	font-size: 13px;
	font-weight: bold;
}

.sidebar-wrapper .giakhuyenmai {
	margin-right: 5px !important;
}

.listgroup {
	display: block;
	overflow: hidden;
}

.listgroup .cate {
	background: #f3f3f3;
	margin: 5px;
	margin-right: 0;
	padding: 20px 0px;
	font-size: 14px;
	color: #666;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 36px;
	line-height: 15px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
	width: 24%;
	text-align: center;
}

.listgroup img {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto 5px;
	border-radius: 50px;
}

.listgroup span {
	display: block;
	line-height: 1.3em;
	font-size: 14px;
	color: #0064c2;
	text-align: center;
	padding: 0 5px;
}

.namegroup {
	display: block;
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
}

.ux-logo.has-hover.align-middle.ux_logo.inline-block {
	background: #fff;
}

.box a {
	display: block;
}

.border-product .big {
	border-right: 1px solid #edeef2;
	padding: 10px !important;
}

.border-product .small .product {
	border: 1px solid #edeef2;
	padding: 10px !important;
}

.product-box .section-title-container .section-title>ul {
	margin: 0;
	display: flex;
}

.product-box .section-title-container .section-title>ul>li {
	margin-bottom: 0 !important;
	list-style: none;
	margin-left: 0 !important;
}

.product-box .section-title-container .section-title>ul>li>a {
	border-right: 2px solid #fff;
	padding: 0 2.4375rem;
	color: #fff;
}

.pm-box {
	background: #fff4de;
	border-radius: 5px;
	padding: 15px 20px;
	border: 1px solid #f97d10;
	margin-top: 10px;
}

.pm-box p {
	margin-bottom: 3px !important;
}

.box-buy {
	max-width: 365px;
	width: 100%;
	padding: 10px 20px;
	background: #f3f3f3;
}

.archive .price-wrapper .price {
	font-size: 17px;
}

ul.product_list_widget li .product-title {
	color: #000;
}

.box-buy .title {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}

.box-buy .woocommerce-Price-amount {
	color: #d00;
}

.box-buy .price-wrapper {
	background: #f0f0f0;
	border-radius: 5px;
	padding: 0px 20px;
}

.box-buy .pro-special-offer-container {
	background: #fff;
	border: 1px solid #d00;
}

.box-buy form.cart {
	display: block !important;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
	padding: 10px;
}

.tab-product.tabbed-content {
	margin-top: -51px;
}

.tab-product.tabbed-content .tab.active>a {
	color: #000;
}

.tab-product.tabbed-content .tab>a {
	color: #fff;
}

.single #product-sidebar .widget {
	border: none;
}

a.button.btn-read-more {
	z-index: 999;
	position: absolute;
	top: 5px;
	right: 3px;
}

.buy-content span {
	color: red;
	font-size: 19px;
}

.buy-content.text-center {
	background-color: #fffdef;
	border: 2px dashed #e38f00;
	padding: 10px 15px;
}

#tbl-hotline-footer {
	padding: 4px;
}

#tbl-hotline-footer th,
td {
	border-bottom: none;
}

.double-line {
	margin: 0 auto;
	border-bottom: solid 3px #d00;
	height: 6px;
	border-top: solid 1px #d00;
	margin-bottom: 5px;
}

.ft-border>.col>.col-inner {
	padding: 10px !important;
}

.img-footer {
	margin-top: -22px;
	padding-right: 25px;
}

.form-mail .wpcf7-form-control {
	background-color: #fff !important;
	border-radius: 3px;
}

.form-mail .wpcf7-submit {
	background: #ffc800 !important;
}

#tbl-hotline-footer p .title {
	background: url(https://chothuanan.com/wp-content/uploads/2021/07/icon_tel_support.png) left 1px no-repeat;
	padding-left: 24px;
	display: block;
	line-height: 19px;
}

.sticky {
	position: fixed;
	top: 0;
	top: 192px;
	z-index: 8;
}

#wrapper>.message-wrapper {
	background: #ff9;
	border: 1px solid #d00;
}

span.giakhuyenmai {
	float: left;
}

.page-title {
	background: #f8f8f8;
	border-bottom: 1px solid #dfdfdf;
}

.page-title-inner.flex-row.medium-flex-wrap.container a {
	color: #3d52bf;
	font-size: 14px;
}

.page-title-inner {
	padding-top: 0px !important;
	min-height: 40px;
}

.box-text {
	font-size: 13px;
}

.text-13 {
	font-size: 13px;
}

.text-15 {
	font-size: 16px;
}

.icon-shopping-cart::after {
	color: #000;
	background-color: #f8f635 !important;
}


/*-------------------------------------------------*/


/*                       TOP BAR                   */


/*-------------------------------------------------*/

.nav.top-bar-nav .text-title a:last-child {
	margin-right: 0px;
}

.nav.top-bar-nav .text-title a {
	color: #fff;
	margin-right: 30px;
}

.nav.top-bar-nav .text-title i {
	margin-right: 5px;
}

.hotline-header {
	margin-right: 70px;
	display: flex;
}

.hotline-header .icon-phone {
	float: left;
	padding: 9px;
	border-radius: 100px;
	background: #d00;
	margin-right: 8px;
	color: #fff;
}

.hotline-header .icon-text {
	float: left;
}

li.cart-item.has-icon.has-dropdown {
	font-size: 14px;
	border-radius: 0;
	background: rgba(19, 18, 24, .16);
	padding: 0 10px;
}

li.cart-item.has-icon.has-dropdown .header-cart-title,
li.cart-item.has-icon.has-dropdown .icon-shopping-cart {
	color: #fff;
}

#mega-menu-wrap {
	width: 47%;
}

.nav.header-nav>.custom.html_top_right_text {
	margin: 0 0px !important;
}

.deal a {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	color: #ffff01;
}

.deal {
	padding-left: 30px;
	background: #d00;
	height: 44px;
	text-align: center;
	line-height: 44px;
	width: 200px;
	position: relative;
}

.deal::before {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border: solid 44px transparent;
	border-bottom-color: #00842c;
	position: absolute;
	left: -44px;
	bottom: 0px;
}

.banner-home .col {
	padding: 0 15px 0px !important;
}

.lien-he {
	position: absolute;
	top: 5px;
	right: 5px;
	border-radius: 6px;
	background-color: #00842c;
	z-index: 9;
	font-size: 14px;
	color: #fff;
	padding: 2px 8px;
}

.deal-home .hear {
	background-color: #008848;
	height: 45px;
	background-image: url(https://gaodongxuan.com/wp-content/uploads/2025/10/hear-all-sp.png);
	background-repeat: no-repeat;
	color: #fff;
}

.btn-sale .col-inner {
	background: #fff;
	color: #0064c2;
	text-align: center;
}

.btn-sale .col-inner a {
	color: #0064c2;
	font-size: 14px;
}

.btn-sale a.button.primary.is-outline:hover {
	color: #d00;
}

.btn-sale a.button.primary.is-outline {
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
}

.dia>a {
	width: 100%;
}

.deal-home .hear>.col-inner {
	display: flex;
}

.deal-home .hear>.col-inner p {
	margin-bottom: 0 !important;
}

.deal-home .hear>.col-inner span#demo {
	margin: 0 20px;
	border-radius: 7px;
	border: 1px solid;
	font-size: 19px;
	padding: 0px 10px !important;
	background: #00842c;
	height: 30px;
}

.deal-home>.col>.col-inner {
	background: #008848;
}

.intro span.widget-title {
	padding: 6px 13px;
	background: #d00;
	color: #fff;
	font-size: 17px;
	margin-bottom: 0 !important;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	display: block;
}

.intro .is-divider {
	display: none;
}

.intro .list-product .col:first-child {
	border-left: 1px solid #edeef2;
}

.product-box .section-title-normal span:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	background-image: url(https://chothuanan.com/wp-content/uploads/2021/07/border-title-right.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 54px;
	right: -50px;
}


/*-------------------------------------------------*/


/*                      PRODUCT                    */


/*-------------------------------------------------*/

.product-box .section-title .read-more {
	font-size: 14px;
	border-radius: 25px;
	background: #d00;
	padding: 4px 19px;
	color: #fff;
	margin-right: 10px;
}

.product-box .container.section-title-container {
	margin-bottom: 0em !important;
}

.list-product .col {
	background: #fff;
	padding: 0px 10px 0px 10px !important;
	border: 1px solid #edeef2;
	border-left: 0;
}

.product-box {
	background: #fff;
}

.product-box .giathuong,
.product-box .gianiemyet,
.product-box .giakhuyenmai,
.related .giathuong,
.related .gianiemyet,
.related .giakhuyenmai,
.archive .giathuong,
.archive .gianiemyet,
.archive .giakhuyenmai {
	display: none;
}

.product-box .title-wrapper {
	font-weight: bold;
}

.product-box span.price {
	margin: 8px 0;
}

.product-box span.price>.woocommerce-Price-amount.amount bdi {
	font-size: 18px;
	color: #ce0707;
}

.product-box h3.section-title.section-title-normal {
	position: relative;
	background-color: #008848;
	border-bottom: none;
}

.section-title-normal span {
	position: relative;
	background: -webkit-linear-gradient(90deg, #51b935 0, #96d12e 100%);
	margin-right: 30px;
	margin-top: -10px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 7px;
	border-right: none;
	padding: 18px 20px !important;
	padding-bottom: 0px;
	border-bottom: none;
}


/*-------------------------------------------------*/


/*                      FOOTER                     */


/*-------------------------------------------------*/

.footer-hero ul li {
	list-style: none;
	padding: 0;
	margin: 7px 0;
}

footer#footer ul li a {
	font-size: 15px;
}

.footer-border {
	border-bottom: 1px solid #f9f9f9;
}

.absolute-footer.dark {
	display: none;
}

@media screen and (max-width: 421px) {
	.home .coupon .coupon-value {
	font-size: 10px;
	}
	.home  .coupon .coupon-intro ul li {
    font-size: 10px;
}
	.home .coupon .coupon-intro {
    flex: 2;
}
}
@media screen and (max-width: 281px) {
	.coupon-intro {
    font-size: 10px;
}
.coupon>div {
    padding: 5px 5px;
}
	.coupon .coupon-value a {
    padding: 3px 6px;
	}
}
/*-------------------------------------------------*/


/*                      SINGLE_PRODUCT             */


/*-------------------------------------------------*/

h1.product-title2.product_title2.entry-title2 {
	display: none;
}

.single-product .woocommerce-product-gallery.woocommerce-product-gallery {
	border: solid 1px #ddd;
}

.single-product .product-main .price-wrapper {
	width: 100%;
	background: #fff4de;
	border-radius: 5px;
	padding: 15px 20px;
	border: 1px solid #f97d10;
	margin-bottom: 10px;
}

.single-product .product-main .price-wrapper del {
	padding-bottom: 20px;
	width: 100%;
}

.product-page-price {
	color: #d42333;
	font-weight: 600;
	white-space: nowrap;
	font-weight: bold;
	font-size: 25px;
}

.single-product .product-main .price-wrapper .price-on-sale bdi {
	color: #333;
	font-weight: 600;
	white-space: nowrap;
	font-weight: bold;
	font-size: 15px;
}

.price-wrapper::after {
	/* content: "(chưa thuế 10% VAT)"; */
	font-size: 15px;
	display: inherit;
	color: #000;
	font-style: italic;
}

.single-product .product-main .price .woocommerce-Price-amount:nth-child(3) bdi {
	color: #d42333;
	font-weight: 600;
	white-space: nowrap;
	font-weight: bold;
	font-size: 25px;
}

.single-product .product-short-description {
	background: #f6f8fa;
	margin: 19px 0;
	padding: 10px 5px;
	font-size: 14px;
}

.single-product .product-short-description li {
	margin-bottom: .1em;
	font-size: 14px;
}

.single-product .box-single {
	color: #d00;
	font-size: 14px;
}

.single-product .box-single p {
	margin-bottom: 2px;
}

.product-footer .woocommerce-tabs {
	padding-top: 0px;
}

.product-main {
	padding-bottom: 0 !important;
}

.single-product .product-container {
	background: #f0f2f5;
}

.related.product-section {
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	padding: 5px 6px;
	border-top: 1px solid #ececec;
	margin-top: 13px;
	background: #fff;
}

.single-product .product-footer .detail-product {
	padding: 30px 0;
	border-top: 1px solid #ececec;
}

.single-product .product-footer .detail-product li.recent-blog-posts-li {
	margin-left: 16px;
	list-style: none;
}

.single-product .product-footer .detail-product span.giakhuyenmai {
	padding-top: 0px;
	margin-right: 4px !important;
}

.intro .nav-tabs+.tab-panels {
	padding: 0px !important;
}

.intro .btn-intro {
	padding-top: 20px !important;
}

.intro .xs-title {
	margin: 0px !important;
}

.intro .sidebar-wrapper .xs-feature-item:nth-child(2) {
	margin-top: 20px;
}

.single-product .product-footer .detail-product .xs-title,
.archive .xs-title,
.intro .xs-title {
	padding: 6px 13px;
	background: #d00;
	color: #fff;
	font-size: 17px;
	margin: 11px 0;
	margin-bottom: 0 !important;
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

.single-product .product-footer .detail-product .xs-feature-item:nth-child(2) .product_list_widget,
.archive .xs-feature-item:nth-child(2) .product_list_widget,
.intro .xs-feature-item:nth-child(2) .product_list_widget {
	padding: 4px;
	border: 1px solid #e1e1e1;
	border-top: none;
	font-size: 13px;
}

.archive .media ul,
.intro .media ul {
	border: 1px solid #e1e1e1;
	margin: 0;
}

ul.product_list_widget li {
	font-weight: bold;
	color: #d00;
}

ul.product_list_widget li a,
ul.product_list_widget li .woocommerce-Price-amount {
	font-weight: bold;
	color: #d00;
}

.archive ul li,
.intro ul li {
	list-style: none;
}

.single-product .product-footer .related .box-text-products {
	padding-right: 10px;
	text-align: center;
	padding-left: 10px;
}

.single-product .product-footer .related .so-luong-si {
	display: none;
}

.single-product .title-product {
	background: #f0f2f5;
}

.single-product .title-product .container {
	padding-top: 16px;
	background: #ffff;
}

.single-product span.giakhuyenmai {
	color: #d42333;
	font-weight: 600;
	white-space: nowrap;
	font-weight: bold;
	font-size: 25px !important;
	padding-top: 0px;
}

.single-product .box-single .bottom {
	background: #fbfbfb;
	border: 1px solid #e1e1e1;
	width: 100%;
	border-radius: 5px;
	padding: 7px 10px;
}

.single-product .static-item .title {
	font-size: 15px;
	width: 100%;
	background: #fbfbfb;
	border: 1px solid #e1e1e1;
	line-height: 18px;
	font-weight: 600;
	padding: 10px 15px;
	text-transform: uppercase;
	position: relative;
	border-radius: 5px 5px 0 0;
	color: #d00;
	z-index: 1;
}

.single-product h1.product-title.product_title.entry-title {
	background: #fbfbfb;
	border: 1px solid #e1e1e1;
	font-size: 22px;
	padding: 5px 10px;
	border-left: 4px solid #E50017;
}

single-product .product-main {
	padding: 0px 10px;
}

.col-divided {
	padding-right: 0;
	border-right: none;
}

.product-info {
	padding-top: 0px;
}

.single-product .static-item .static-nd {
	padding: 4px;
	border: 1px solid #e1e1e1;
	border-top: none;
	border-radius: 0 0 5px 5px;
	font-size: 14px;
	line-height: 24px;
	width: 100%;
}

.single-product .button p {
	font-size: 13px;
	display: inline-block;
	line-height: 1.6;
	text-transform: capitalize;
	margin: 0 !important;
	line-height: 1.2em;
	padding: 5px 0;
}

.single-product button.single_add_to_cart_button.button.alt {
	border-radius: 4px;
	color: #fff;
	background-color: #e50016;
	background: #008848;
	font-weight: 100;
	border: 0 !important;
	padding: 2px 15px;
}

.single-product form.cart {
	padding-top: 15px;
	border-top: 1px dashed #E5E5E5;
}

.related-products-wrapper .product-small .col-inner .product-small {
	box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.woocommerce-cart .woocommerce.row.row-large.row-divided>a {
	display: contents;
}

.woocommerce-checkout .row.pt-0>a {
	display: contents;
}

.page-id-634 div#content,
.page-id-616 div#content,
.page-id-590 div#content,
.page-id-559 div#content {
	background: #f4f4f4;
}

.archive .xs-title {
	margin-top: 0px !important;
}

.page-id-634 div#content .row-main>.col>.col-inner,
.page-id-616 div#content .row-main>.col>.col-inner,
.page-id-590 div#content .row-main>.col>.col-inner,
.page-id-559 div#content .row-main>.col>.col-inner {
	background: #fff;
	padding: 3px;
	border-radius: 3px;
}

.archive .col.medium-3 {
	padding-left: 10px !important;
}

.archive .col-lg-6.xs-feature-item {
	margin-bottom: 30px;
}

.archive .section-title-normal span {
	background: #d00;
	color: #fff;
}

.archive .section-title-container {
	margin-bottom: 1em;
}

.archive .section-title-normal {
	border-bottom: 2px solid #d00;
}

.list-product.archive {
	box-shadow: 0px 0px 5px 0px #ccc;
}

.list-product.archive .col {
	border-left: 1px solid #edeef2;
}

.search .widget {
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 6px;
}

.search span.widget-title {
	border-radius: 4px;
	margin-bottom: 15px;
	padding: 10px 13px;
	display: block;
	background: #d00;
	font-size: 17px;
	color: #fff;
}

.archive.tax-product_cat .widget ul.menu>li ul,
.widget>ul>li ul,
.single .widget ul.menu>li ul,
.widget>ul>li ul,
.search .widget ul.menu>li ul,
.widget>ul>li ul {
	background: #f4f4f4;
}

.archive.tax-product_cat .row-small>.flickity-viewport>.flickity-slider>.col,
.archive.tax-product_cat .row-small>.col:nth-child(1),
.archive.tax-product_cat .row-small>.flickity-viewport>.flickity-slider>.col,
.archive.tax-product_cat .row-small>.col:nth-child(2n+1),
.search .row-small>.flickity-viewport>.flickity-slider>.col,
.search .row-small>.col:nth-child(1),
.search .row-small>.flickity-viewport>.flickity-slider>.col,
.search .row-small>.col:nth-child(2n+1) {
	border-left: 1px solid #eee;
}

.archive.tax-product_cat .row-small>.flickity-viewport>.flickity-slider>.col,
.archive.tax-product_cat .row-small>.col,
.search .row-small>.flickity-viewport>.flickity-slider>.col,
.search .row-small>.col {
	border: 1px solid #eee;
	border-left: 0;
}


/* cho thuan an*/

div#masthead .header-inner,
.footer-wrapper .section-content .row.padding,
.breadcrumbs {
	padding-left: 232px;
}

#secondary {
	margin-top: -77px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding: 10px;
	height: calc(100vh - 10px);
	background: white;
	width: 100%;
	max-width: 210px;
	position: fixed;
	text-transform: uppercase;
	z-index: 111;
	border-right: 1px solid #008848;
}

.archive #secondary {
	margin-top: -126px;
}

#secondary .is-divider.small {
	height: 1px;
	max-width: 100%;
}

#secondary span.widget-title {
	font-weight: normal;
	font-size: 14px;
	background: url(images/menu.png) no-repeat left center;
	padding-left: 24px;
	background-size: 22px;
}

.header-button .icon-menu:before {
	content: "";
	background: url(images/menu-mobile.png) no-repeat left center;
	width: 35px;
	height: 35px;
	background-size: 35px;
	display: block;
}

.header-button a.icon.primary.button.round.is-small {
	border: none;
}

ul#menu-danh-muc-san-pham li {
	margin-bottom: 10px;
	border: none !important;
}

#secondary ul.menu>li>a {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #1d1d1d;
	cursor: pointer;
}

#main .section-content {
	padding: 0px 5px;
}

.product-main {
	background: #fff;
	padding-left: 5px;
	padding-right: 5px;
}

ul.header-nav>li>a,
ul.header-nav .hotline-header a {
	color: #ffff;
}

.TextCaptions,
span.giakhuyenmai,
span.giathuong {
	display: none;
}

.btn-sale a.button.primary.is-outline,
.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs,
.woocommerce-result-count {
	font-size: 12px !important;
}

.deal-home p.title.h2 {
	font-size: 18px;
}

.woocommerce .product-summary .woocommerce-Price-currencySymbol {
	vertical-align: middle;
}

.product-short-description ul {
	list-style: none;
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0,
.hotline-header .icon-phone {
	background: rgba(19, 18, 24, .16);
}

@media screen and (max-width: 849px) {
	.col,
	.gallery-item,
	.columns {
		padding: 0 5px;
	}
	.container .section,
	.row .section {
		padding-left: 5px;
		padding-right: 5px;
	}
	.page-wrapper {
		padding-top: 5px;
		padding-bottom: 10px;
	}
	div#masthead .header-inner,
	.footer-wrapper .section-content .row.padding,
	.breadcrumbs {
		padding-left: 0;
	}
	#header .nav>li>a {
		color: #fff;
	}
}

/* Căn giữa giá cũ và giá mới trong WooCommerce */
/* Căn giữa giá khuyến mãi */
.price-wrapper .custom-price {
  display: flex;
  align-items: center;
  gap: 8px;
}

.price-wrapper .old-price {
  position: relative;
  opacity: 0.8;
}

.price-wrapper .old-price bdi {
  position: relative;
  display: inline-block;
}

.price-wrapper .old-price bdi::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px; /* độ dày của gạch */
  background-color: #e53935; /* 🔴 màu đỏ tươi */
  transform: translateY(-50%);
}

.price-wrapper .new-price {
  font-weight: 700;
  color: #111; /* màu giá mới */
}




.arcontactus-widget.right.arcontactus-message{right:20px}
.arcontactus-widget.right.arcontactus-message{bottom:20px}
.arcontactus-widget .arcontactus-message-button
.pulsation{-webkit-animation-duration:2s;animation-duration:2s}
.arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message{width:60px;height:60px}
.arcontactus-widget{opacity:0;transition:.2s opacity}
.arcontactus-widget *{box-sizing:border-box}
.arcontactus-widget.left.arcontactus-message{left:20px;right:auto}
.arcontactus-widget.left .arcontactus-message-button{right:auto;left:0}
.arcontactus-widget.left .arcontactus-prompt{left:80px;right:auto;transform-origin:0 50%}
.arcontactus-widget.left .arcontactus-prompt:before{border-right:8px solid #FFF;border-top:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid transparent;right:auto;left:-15px}
.arcontactus-widget.left .messangers-block{right:auto;left:0;-webkit-transform-origin:10% 105%;-ms-transform-origin:10% 105%;transform-origin:10% 105%}
.arcontactus-widget.left .callback-countdown-block{left:0;right:auto}
.arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before{left:25px;right:auto}
.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block{bottom:70px}
.arcontactus-widget.md .arcontactus-prompt{bottom:5px}
.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before{left:21px}
.arcontactus-widget.md.left .arcontactus-prompt{left:70px}
.arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before{right:21px}
.arcontactus-widget.md.right .arcontactus-prompt{right:70px}
.arcontactus-widget.md .arcontactus-message-button .pulsation{width:74px;height:74px}
.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button,.arcontactus-widget.sm.arcontactus-message{width:50px;height:50px}
.arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block{bottom:60px}
.arcontactus-widget.sm .arcontactus-prompt{bottom:0}
.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before{left:16px}
.arcontactus-widget.sm.left .arcontactus-prompt{left:60px}
.arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before{right:16px}
.arcontactus-widget.sm.right .arcontactus-prompt{right:60px}
.arcontactus-widget.sm .arcontactus-message-button .pulsation{width:64px;height:64px}
.arcontactus-widget.sm .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button .static{margin-top:-16px}
.arcontactus-widget.sm .arcontactus-message-button .callback-state{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.active{opacity:1}
.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide{opacity:0;transform:scale(0)}
.arcontactus-widget.arcontactus-message{z-index:10000;right:20px;bottom:20px;position:fixed!important;height:70px;width:70px}
.arcontactus-widget .arcontactus-message-button{width:70px;position:absolute;height:70px;right:0;background-color:red;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.arcontactus-widget .arcontactus-message-button p{font-family:Ubuntu,Arial,sans-serif;color:#fff;font-weight:700;font-size:10px;line-height:11px;margin:0}
.arcontactus-widget .arcontactus-message-button .pulsation{width:84px;height:84px;background-color:red;border-radius:50px;position:absolute;left:-7px;top:-7px;z-index:-1;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:arcontactus-pulse 2s infinite;animation:arcontactus-pulse 2s infinite}
.arcontactus-widget .arcontactus-message-button .icons{background-color:#fff;width:44px;height:44px;border-radius:50px;position:absolute;overflow:hidden;top:50%;left:50%;margin-top:-22px;margin-left:-22px}
.arcontactus-widget .arcontactus-message-button .static{position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-26px;width:52px;height:52px;text-align:center}
.arcontactus-widget .arcontactus-message-button .static img{display:inline}
.arcontactus-widget .arcontactus-message-button .static svg{width:24px;height:24px;color:#FFF}
.arcontactus-widget .arcontactus-message-button.no-text .static{margin-top:-12px}
.arcontactus-widget .pulsation:nth-of-type(2n){-webkit-animation-delay:.5s;animation-delay:.5s}
.arcontactus-widget .pulsation.stop{-webkit-animation:none;animation:none}
.arcontactus-widget .icons-line{top:10px;left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-transition:cubic-bezier(.13,1.49,.14,-.4);-o-transition:cubic-bezier(.13,1.49,.14,-.4);-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);height:24px;transition:.2s all}
.arcontactus-widget .icons,.arcontactus-widget .static{transition:.2s all}
.arcontactus-widget .icons-line.stop{-webkit-animation-play-state:paused;animation-play-state:paused}
.arcontactus-widget .icons-line span{display:inline-block;width:24px;height:24px;color:red}
.arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg{width:24px;height:24px}
.arcontactus-widget .icons-line span i{display:block;font-size:24px;line-height:24px}
.arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span{margin-right:40px}
.arcontactus-widget .icons.hide .icons-line{transform:scale(0)}
.arcontactus-widget .icons .icon:first-of-type{margin-left:0}
.arcontactus-widget .arcontactus-close{color:#FFF}
.arcontactus-widget .arcontactus-close svg{-webkit-transform:rotate(180deg) scale(0);-ms-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0);-webkit-transition:ease-in .12s all;-o-transition:ease-in .12s all;transition:ease-in .12s all;display:block}
.arcontactus-widget .arcontactus-close.show-messageners-block svg{-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
.arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block{background:center no-repeat #FFF;box-shadow:0 0 10px rgba(0,0,0,.6);width:235px;position:absolute;bottom:80px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:14px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:7px;-webkit-transform-origin:80% 105%;-ms-transform-origin:80% 105%;transform-origin:80% 105%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:ease-out .12s all;-o-transition:ease-out .12s all;transition:ease-out .12s all;z-index:10000}
.arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before{position:absolute;bottom:-7px;right:25px;left:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #FFF;border-left:8px solid transparent;content:''}
.arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt{color:#787878;font-family:Arial,sans-serif;font-size:16px;line-height:18px;width:auto;bottom:10px;right:80px;white-space:nowrap;padding:18px 20px 14px}
.arcontactus-widget .arcontactus-prompt:before{border-right:8px solid transparent;border-top:8px solid transparent;border-left:8px solid #FFF;border-bottom:8px solid transparent;bottom:16px;right:-15px}
.arcontactus-widget .arcontactus-prompt.active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close{position:absolute;right:6px;top:6px;cursor:pointer;z-index:100;height:14px;width:14px;padding:2px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg{height:10px;width:10px;display:block}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing{border-radius:10px;display:inline-block;left:3px;padding:0;position:relative;top:4px;width:50px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div{position:relative;float:left;border-radius:50%;width:10px;height:10px;background:#ccc;margin:0 2px;-webkit-animation:arcontactus-updown 2s infinite;animation:arcontactus-updown 2s infinite}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2){animation-delay:.1s}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3){animation-delay:.2s}
.arcontactus-widget .messangers-block.sm .messanger{padding-left:50px;min-height:44px}
.arcontactus-widget .messangers-block.sm .messanger span{height:32px;width:32px;margin-top:-16px}
.arcontactus-widget .messangers-block.sm .messanger span svg{height:20px;width:20px;margin-top:-10px;margin-left:-10px}
.arcontactus-widget .messanger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;cursor:pointer;width:100%;padding:8px 20px 8px 60px;position:relative;min-height:54px;text-decoration:none}
.arcontactus-widget .messanger:hover{background-color:#EEE}
.arcontactus-widget .messanger:before{background-repeat:no-repeat;background-position:center}
.arcontactus-widget .messanger.facebook span{background:#0084ff}
.arcontactus-widget .messanger.viber span{background:#7c529d}
.arcontactus-widget .messanger.telegram span{background:#2ca5e0}
.arcontactus-widget .messanger.skype span{background:#31c4ed}
.arcontactus-widget .messanger.email span{background:#ff8400}
.arcontactus-widget .messanger.contact span{background:#7eb105}
.arcontactus-widget .messanger.call-back span{background:#54cd81}
.arcontactus-widget .messanger span{position:absolute;left:10px;top:50%;margin-top:-20px;display:block;width:40px;height:40px;border-radius:50%;background-color:#0084ff;margin-right:10px;color:#FFF;text-align:center;vertical-align:middle}
.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg{width:24px;height:24px;vertical-align:middle;text-align:center;display:block;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}
.arcontactus-widget .messanger span i{font-size:24px;line-height:24px}
.arcontactus-widget .messanger p{margin:0;font-family:Arial,sans-serif;font-size:14px;color:rgba(0,0,0,.87)}
@-webkit-keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@media (max-width:468px){.arcontactus-widget.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message{width:auto;right:20px;left:20px}}
@keyframes arcontactus-updown{0%,100%,43%{transform:translate(0,0)}25%,35%{transform:translate(0,-10px)}}
@-webkit-keyframes arcontactus-updown{0%,100%,43%{transform:translate(0 0)}25%,35%{transform:translate(-10px 0)}}
@keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@-webkit-keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}}
@keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}}
@-webkit-keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}}