/**
Theme Name: MinaLaw
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: minalaw
Template: astra
*/




/* Chung toan trang*/
.site-header .site-title a{
	font-family: 'Roboto';
}

.site-header .site-description{
	font-family: 'Mulish';
	font-weight: 600;
}

p {
	margin-bottom: 0px !important;
}
.mina-footer a{
	color: #EEEE22 !important;
}

.gt_white_content.notranslate{
	background-color: #8D1E1F !important;
}

.sub-menu {
	background-color: #8D1E1F !important;
	box-shadow: none !important;
	border-top-width: 0px !important;
}
.sub-menu a{
	color: #EEEE22 !important;
	top: 40px !important;
}

.rank-math-breadcrumb a{
	font-family: 'Mulish';
	font-size: 16px !important;
	text-decoration: none !important;
	color: #8D1E1F !important;
}

.elementor-image-box-wrapper h3{
	margin-bottom: 0px !important;
}

.title-cactruonghop {
	height: 70px;
}

.type-toa-an {
	padding: 0px !important;
}

.content-area.primary{
	margin: 0px !important;
}

.cothotro a span{
	color: #FF0000 !important;
}

.baivietchitiet h4{
	font-family: 'Roboto Slab';
	font-weight: bold;
	color: #8d1d1f !important;
}

.baivietchitiet img{
	margin-top: 30px;
	border: solid 1px #f3f3f3;
}

.ast-scroll-top-icon {
	border: solid 1px #f5cc6d69;
	border-radius: 5px;
}

.elementor-slideshow__title {
	display: none;
}

/*Trang rieng DV ly hon*/

.ss1-dvlh h2{
	font-family: "Roboto", Sans-serif;
    font-size: 45px;
    font-weight: 900;
}

.ss1-dvlh h3{
	font-family: "Roboto", Sans-serif;
    font-size: 30px;
    font-weight: 900;
	letter-spacing: 2px;
}

.ss1-dvlh .p_banner{
	font-weight: 900;
	padding-top: 20px;
}


/*End Trang rieng DV ly hon*/

/*Mobile*/

@media (max-width: 544px) {
    .ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
        top: 10px;
		color: #ffffff !important;
    }

.mina-topbar {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mina-topbar h4{
	font-size: 20px;
	color: #ffffff;
	font-family: 'Roboto Slab';
}
.mina-topbar p, .mina-topbar a{
	color: #ffffff;
	font-size: 14px;
	font-family: 'Roboto Slab';
}

.mina-logo-mobile {
	text-align: center;
}


.mobile-menu {
	font-family: 'Roboto Slab';
}

/* Nút điện thoại dưới trái*/
.fone {
	font-family: 'Roboto Slab';
 	font-weight: 700;
  	font-style: normal;
	font-size: 20px; /* chữ cạnh nút gọi */
	color: #ffffff;
	line-height: 40px;
	font-weight: 900;
   	background: #d81608; /*Màu nền số điện thoại*/
	padding-left: 48px; /* cách bên trái cho chữ */
	margin: 0 0;
	    
}
.fix_tel { position:fixed; bottom:40px; left:	20px; z-index:999;} /* left 18px là cách bên trái 18px. nếu muốn cho nút gọi sang phải thay là right */
.fix_tel a {text-decoration: none; display:block;}
.tel {
	width:205px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;
	border: solid 1px #f17623;
		
}
.ring-alo-phone {
	background-color: transparent;
	cursor: pointer;
	height: 82px;
	position: absolute;
	transition: visibility 0.5s ease 0s;
	visibility: hidden;
	width: 80px;
	z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
	visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
	opacity: 1;
}
.ring-alo-ph-circle {
	animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
	background-color: transparent;
	border: 2px solid #f17623; /*màu sóng*/
	border-radius: 100%;
	height: 70px;
	left: 6px;
	opacity: 0.1;
	position: absolute;
	top: 15px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
	animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
	animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
	border-color: #f17623; /*màu sóng*/
	opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
	border-color: #f17623; /*màu sóng khi hover*/
	opacity: 0.5;
	opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
	border-color: #f17623; /*màu sóng*/
	opacity: 0.5;
	opacity: 0.5;
}
.ring-alo-ph-circle-fill {
	animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
	background-color: #000;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 30px;
	left: 30px;
	opacity: 0.1;
	position: absolute;
	top: 33px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.5);
	opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
	background-color: rgba(117, 235, 80, 0.5);
	opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
	background-color: #f17623; /*màu sóng*/
	opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
	animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 50px; /*cao cua icon dien thoai*/
	left: 15px;
	opacity: 1;
	position: absolute;
	top: 25px;
	transform-origin: 50% 50% 0;
	width: 50px; /*thap cua icon dien thoai*/
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
	background-color: #f17623;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
	background-color: #f17623; /*màu khi hover icon*/
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
	background-color: #f17623; /*Màu icon */
}
@keyframes ring-alo-circle-anim {
	0% {
		opacity: 0.1;
		transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
		opacity: 0.5;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
		opacity: 0.6;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}


@keyframes ring-alo-circle-img-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
		opacity: 0.2;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
.ring-alo-ph-img-circle a img {
	padding: 6px 0 0px 6px;
	width: 40px;
	position: relative;
	top: -1px;
}