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


/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,800&display=swap');
@font-face {
    font-family: 'Georgia';
    src: url('./assets/fonts/SVN-Georgia.eot');
    src: url('./assets/fonts/SVN-Georgia.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/SVN-Georgia.woff2') format('woff2'),
        url('./assets/fonts/SVN-Georgia.woff') format('woff'),
        url('./assets/fonts/SVN-Georgia.ttf') format('truetype'),
        url('./assets/fonts/SVN-Georgia.svg#SVN-Georgia') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
	font-family: 'Montserrat' !important;
}
pre, blockquote, form, figure, p, dl, ul, ol {
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6, .heading-font {
    font-weight: 600 !important;
}
.fz32 h3 {
    font-size: 32px;
    line-height: 1.5
}
.georgia p {
    font-family: 'Georgia';
}
#logo {
    z-index: 99;
}
.nav-dark .nav > li > a {
    color: #fff;
}
.header-nav-main li a {
    font-size: 14px;
    letter-spacing: 0;
    text-transform: initial;
}
.header-nav-main > li {
    margin: 0 25px;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: #9a6837;
}
.nav-dropdown-has-border .nav-dropdown {
    border:none;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    font-weight: 500;
}
.header-nav-main .hotline {
    width: unset;
    padding: 5px 10px;
}
.header-nav-main .hotline h6 {
    font-size: 14px;
}
.header-nav-main .hotline h5 {
    font-size: 10px;
    color: #fff;
}
.header-social-icons a i{
    color: #FFF;
    margin: 0 5px;
}
.header .flex-row {
    position:relative;
}
.header-main .hide-for-medium.flex-left {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 90px;
}
.header-main .hide-for-medium.flex-right {
    display: block;
    position: absolute;
    width: 100%;
    padding-left: 90px;
    top: 0;
}
.header-main .header-nav-main.nav-right  {
    border-bottom:1px solid #ccc;
    padding: 8px;
}
.header-main .hide-for-medium.flex-left ul {
        -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    color: #0F222D;
}
.off-canvas-center .nav-vertical>li>ul>li a, .off-canvas-center .nav-vertical>li>a {
    font-size: 18px;
    color: black;
}
@media(min-width: 1024px ) {
    .header-nav-main.nav-right .header-search {
        padding-left: 200px;
    }
}
.stuck .header-main .hide-for-medium.flex-left {
    position: unset;
}
.nav-right li a {
    text-transform: initial;
    font-weight: 400 !important;
    font-size: 12px;
    padding: 0;
}
.stuck .header-main .hide-for-medium.flex-right {
    display: none;
}
.header-nav-main img.ux-menu-icon{
	height: 15px;
}
/*** Header **/

.fw600 p, .fw600 h3{
	font-weight: 600;
}
.fw500 p, .fw500 h3 {
    font-weight: 500;
}
.fw900 p strong {
    font-weight: 800 !important;
}
a.button {
	font-family: 'Montserrat';
	font-weight: 600;
}
.btn.is-outline:hover {
    background-color: #e5b97c !important;
}
.btn span, #ajax-load-more .alm-load-more-btn {
	position: relative;
	background: url('./assets/images/line-sh.png') no-repeat;
	background-size: 60px;
	background-position: left center;
	padding-left: 80px;
}
#ajax-load-more .alm-load-more-btn.done {
    display: none;
}
#ajax-load-more .alm-load-more-btn {
        background-position: 105px center;
    padding-left: 20px;
    padding-right: 95px;
    background-color: #0F222D;
    letter-spacing: 0;
    font-weight: 600;
    color: #E5B97C;
    border-radius: 0;
    border: 2px solid;
}
.btn.right span {
	padding-left: 0;
	padding-right: 80px;
	background-position: right center;
}
.btn.is-outline {
    border-width: 1px;
    padding: 5px 30px;
}
.home .flickity-page-dots {
	left: 10%;
	text-align: left;
	bottom: 15%;
	display: flex;
	align-items: center;
}
.home .slider-nav-light .flickity-page-dots .dot.is-selected {
	width: 80px;
	border-radius: 5px;
	height: 10px;
	    background: #E5B97C;
    border-color: #E5B97C;
}
.home .slider-nav-light .flickity-page-dots .dot {
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid #E5B97C;
	opacity: 1;
}
.ux-menu-link__link  {
        min-height: unset;
    font-size: 14px;
    font-weight: 500;
}
.mg10 p {
    margin-bottom: 10px;
}
.mg0 p {
	margin: 0;
}
.mg0 p strong {
	font-weight: 600;
}
.row-vu p {
	font-family: 'Montserrat';
    font-size: 15px;
}
.row-vu p strong {
	font-weight: 600;
}
.row-box-icon .icon-box-text h5 {
    text-transform: initial;
        letter-spacing: 0;
    margin: 20px 0;
}
.uppercase {
    letter-spacing: 0;
}
.row-box-icon.border .icon-box {
    border: 1px solid #9A6837;
    padding: 30px;
}
@media screen and (min-width: 850px){
	.row5col .col{
		max-width: 20%;
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
	}
}
@media (min-width: 1024px) {
    .banner-gt:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 150px 500px 0;
        border-color: transparent #ffffff transparent transparent;
        right: 0;
        top: 0;
        z-index: 99;
    }
}
.row-gt p {
    margin-bottom: 0;
}
.row-gt .box-text {
    padding-top: 0;
}
.row-gt .box-text .text p:first-child {
    margin-top: 0;
}

.hotline {
    background-color: #9A6837;
    width: 240px;
    align-items: center;
    padding: 5px 20px;
}
.hotline h5 {
    font-size: 12px;
    font-weight: 600;
    text-transform: initial;
}

.hotline h6 {
    color: #FFB900;
    font-size: 18px;
}

.padding-bot .col {
    padding-bottom: 0;
}
.form-contact input, .form-contact textarea, .form-contact select {
    background-color: transparent;
    box-shadow: none;
    border:1px solid #e2e2e2;
    color: #fff;
    height: 40px;
    font-size: 13px;
}
.form-contact .wpcf7-form-control::placeholder, .form-contact .wpcf7-form-control option {
    color: #fff;
}
.form-contact .wpcf7-submit {
    border:1px solid #F9D299;
    background-color: #0F222D !important;
    padding: 5px 20px;
    margin-top: 15px;
    color: #F9D299 !important;
}
.form-contact .wpcf7-submit:hover {
    background-color: #08324a !important;
}
.btn-newsl {
    background-color: transparent !important;
    position: absolute;
    top: 0;
    right: 0;
}
.form-newsletter input {
    background-color: transparent;
    height: 40px;
}
.form-newsletter input::placeholder {
    color: #fff;
}
.btn-newsl img {
    width: 50px;
}
.form-newsletter {
    position: relative;
}

.fw500p p {
    font-weight: 500;
}
.rank-math-breadcrumb {
    font-size: 14px;
    font-weight: 500;
}
.rank-math-breadcrumb .separator {
    margin: 0 10px;
}
.testi .testimonial-box .testimonial-text  {
    font-style: inherit !important;
    font-size: 18px;
    line-height: 1.8;
}
.testi .testimonial-box .testimonial-text  p {
    font-size: 18px;
}
.testim {
    display: flex;
    margin-top: 30px;
}
.testim .tes-img {
    width: 50px;
}
.testim .tes-img img {
    height: 50px;
    object-fit: contain;
    border-radius: 99%;
    border:1px solid #1b2338;
}
.testim .testimonial-meta {
    padding-top: 0;
    padding-left: 30px;
}
.testim .testimonial-meta p {
    margin-bottom: 5px;
}

.testimonial-name {
    font-weight: 600;
    font-size: 16px;
}
.test-slider .flickity-button {
    bottom: 15%;
    top: unset;
}
.test-slider .flickity-button svg {
    border-width: 1px;
    border-radius: 5px;
        padding: 4px;
    width: 20px;
    height: 20px;
}
.test-slider  .flickity-prev-next-button.previous {
    left: 88%
}
.test-slider:before {
    content: '';
    background: url(/wp-content/uploads/2021/08/testi.png) no-repeat;
    width: 80px;
    height: 80px;
    background-size: 100%;
    position: absolute;
    top: -50px;
    left: -35px;
}


/** Law layout   */

.law-item .mail {
        position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    bottom: 0;
    background: #11222e;
    border-radius: 99%;
}
.law-item .mail img {
    width: 20px;
    object-fit: contain;
}

.form-filter select, .form-filter input[type='text'] {
    box-shadow: none;
    border: 1px solid #0F222D;
    height: 45px;
    border-radius: 5px;
}
.form-filter label {
    font-weight: 400;
    font-size: 14px;
}
.law-item .post-title {
    font-size: 16px;
    font-weight: 600;
    color: #0F222D;
}
.law-item:hover .post-title {
    color: #9A6837;
}
.law-item p.chucvu {
    margin: 6px 0;
}
#more_posts, #more_posts_sv, #more_posts_vu {
    display: inline-block;
    background-color: #0F222D;
    color: #F9D299;
    border:2px solid #F9D299;
    font-weight: 600;
    padding: 10px 20px;
    text-transform: uppercase;
    cursor: wait;
}
#more_posts img, #more_posts_sv img, #more_posts_vu img {
    width: 60px;
    margin-left: 15px;
}
#more_posts[disabled], #more_posts_sv[disabled], #more_posts_vu[disabled] {
    display: none;
}
.spinner {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 80px;
}
.hidden1 {
    display: none;
}
.back-to {
    display: flex;
    align-items: center;
}
.main-lawyer .col-inner {
    border:1px solid #dadada;
    padding: 30px;
}

.main-lawyer .large-8 .col-inner {
    margin-left:-1px;
}
.main-lawyer table td, .main-lawyer table th {
    border:none;
}
.main-lawyer table th {
    font-size: 14px;
    text-transform: initial;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.6;
    padding-right: 30px;
}
.main-lawyer table tr {
    border-bottom: 1px solid #748B97;
}
.main-lawyer table tr:last-child {
    border:none;
}
.main-lawyer table {
    border-collapse: collapse;
}
.main-lawyer table p {
    margin-top: 0;
}
.main-lawyer table .social-icons a {
    margin-right: 15px;
}
.main-lawyer table .social-icons i {
    font-size: 18px;
    color: #222;
}
.main-lawyer h1 {
    font-weight: 600;
}
.main-lawyer p.chucvu {
    font-size: 16px;
    color: #748B97;
}
.lawyer-success a {
    display: block;
    color: #222;
    margin-bottom: 15px;
}
.lawyer-success a:hover {
    color: #9A6837;
}
@media (min-width: 1024px) {
    .law-add .large-7 {
        padding-right: 80px;
    }
}
.law-add h3 {
    font-weight: 500;
    margin-bottom: 20px;
}
.law-add .accordion .toggle {
    left: unset;
    right: 0;
}
.law-add .accordion .toggle img {
    width: 20px;
}
.law-add .accordion .accordion-title  {
    font-weight: 500;
    padding-left: 0;
    border-top: 1px solid #748B97;
}
.law-add .accordion .accordion-item:last-child .accordion-title {
    border-bottom: 1px solid #748B97;
}
.law-add .accordion .accordion-title.active {
    background-color: transparent;
}
.law-add .accordion .accordion-inner {
    padding-left: 0;
}



/*** CSS VU DIEN HINH *******/
.vu-item .box-info, .box-related .box-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
.vu-item .vu-title {
    font-size: 18px;
    font-weight: 500;
}
.box-info a {
    color: #0F222D;
}
.vu-linhvuc a, .box-vu-linhvuc a {
    display: block;
    font-weight: 600;
    color: #9A6837;
    text-decoration: underline;
    margin-bottom: 10px;
    font-size: 13px;
}
.vu-linhvuc a{
  text-decoration: none;
}
.vu-price {
    font-weight: 600;
    color: #9A6837;
    font-size: 14px;
}
.vu-item label {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}
.vu-link svg {
    transform: rotate(180deg);
    border: 2px solid;
    border-radius: 99%;
    width: 45px;
    height: 45px;
    padding: 3px;
}
.vu-link a:hover svg {
    background-color: #0F222D;
}
.vu-link a:hover svg path {
    fill:#fff;
}

@media (min-width: 1024px) {
    .vu-title.col {
        flex-basis: 30%;
        max-width: 30%;
    }
    .vu-linhvuc {
        flex-basis: 20%;
        max-width: 20%;
    }
}
.box-author img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 99%;
    float: left;
    margin-right: 10px;
}
.box-info-single label {
    font-weight: 600;
    font-size: 14px;
}
.box-info-single .lawyer a {
    font-size: 14px;
    color: #222;
}
.box-author .vcard {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0.4em;
}
.box-author p {
    font-size: 14px;
}
.box-related .section-title  {
    margin: 50px 0 30px 0;
}
.box-related .section-title-main{
    border:none;
    padding-left: 0;
    letter-spacing: 0;
    text-transform: initial;
    font-size: 22px;
}

.box-related .section-title b {
    height: 1px;
    background-color: #748B97;
    opacity: 1;
}
.box-related h4 {
    font-size: 14px;
    margin-bottom: 10px;
}
.linhvuc-category li {
    list-style: none;
    margin-left: 0;
        padding-bottom: 8px;
    margin-bottom: 8px;
    font-size: 15px;
    border-bottom: 1px solid #eee;
}
.vu-sidebar .section-title  {
    margin: 0;
}
.vu-sidebar .section-title .section-title-main {
    font-size: 16px;
    font-weight: 600;
}
.header-law p {
    font-size: 32px;
    font-weight: 600;
}
/** Dich vu.   */
.divider {
    width: 100%;
    height: 1px;
    background: #748B97;
    margin: 20px 0;
}
.dichvu-item .divider {
    margin: 10px 0;
}
.dichvu-item svg {
    width: 35px;
    height: 35px;
    border:none;
}
.dichvu-item h3 {
    margin: 0;
}
.dichvu-item {
    align-items: center;
}

#response .row:hover h3 {
    color: #9A6837;
}
.col.divider {
    margin: 0;
    padding:0;
}
.row-info-sv > .col-inner {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #748B97;
}
.row-info-sv a {
        margin-top: 10px;
    display: block;
}

.custom-box {
    transition: height 500ms;
    overflow: hidden;
}
a.readmore {
    display: block;
    text-align: center;
    font-weight: 500;
    margin: 30px 0;
}
a.readmore span {
    font-weight: 500;
    margin: 30px 0;
}
.service-bar ul {
    list-style: none;
    position: relative;
}
.service-bar ul:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: black;
    left: 0;
    border-radius: 4px;
}
.service-bar ul li {
    padding: 5px 0 5px 15px;
    position: relative;
}
.service-bar li:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: #9A6837;
    left: 0;
    border-radius: 4px;
    opacity: 0;
}
.service-bar li:hover:before {
    opacity: 1;
}
.service-bar li:hover a {
    color: #9A6837;
}
.service-bar ul li a {
    font-weight: 600;
    color: #0F222D;
}
.vu-related {
    margin:60px 0;
}
h3.heading-title {
    font-size: 26px;
}
#locdichvu li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}
#locdichvu li label {
        background-color: #D0D8DA;
    color: #0F222D;
    font-size: 16px;
    padding: 12px 25px;
    border-radius: 5px;
}
#locdichvu li label:hover,  #locdichvu li.selected label {
    background-color: #0F222D;
    color: #F9D299;
}
#locdichvu li label {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 400;
}
#locdichvu li input {
    display: none;
}
#locdichvu label.head {
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 400;
}

.widget .box .is-divider {
    display: none;
}
.widget .box .post-title {
    font-size: 15px;
}
.latest-post li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.latest-post li img {
    width: 70px;
    height: 70px;
    border-radius: 99%;
    border:1px solid #979797;
    margin-right: 15px;
}
.latest-post li a {
    font-size: 15px;
    font-family: 'Georgia';
    color: black;
}
.latest-post li a span {
    display: block;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    font-size: 14px;
}


.response-img {
    margin: 0 auto;
    display: block;
    text-align: center;
}
.absolute-footer.dark {
    display: none;
}
#footer .social-icons a {
    margin-right: 15px;
}

#content #toc_container p.toc_title {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
        border-bottom: 1px solid #748B97;
    padding-bottom: 10px;
}
#content #toc_container {
    padding: 25px;
}
#content #toc_container a {
    font-size: 16px;
    color: #222;
}
#content #toc_container a span {
    padding-right: 15px;
}

#logo h1{
  margin: 0;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .test-slider .flickity-prev-next-button {
        display: block;
    }
    .test-slider .flickity-prev-next-button.previous {
        left: 80%;
    }
    .main-lawyer .large-8 .col-inner {
        margin-left: 0;
        margin-top: -1px;
    }
    .law-add .accordion .toggle svg {
        width: 20px;
    }

    h3 {
        font-size: 22px;
    }
    .fz32 h3 {
        font-size: 22px;
    }
    .header-social-icons a i {
        margin: 0;
    }
    .row-gt .box-text {
        margin-top: 15px;
    }
    form .col {
        padding-bottom: 10px;
    }
    .law-item .image-cover {
        padding-top: 200px !important;
    }
    .btn-button  {
        padding-bottom: 0;
        text-align: left;
    }
    .btn-button .col-inner {
        text-align: left;
    }
    .row-vu {
        margin-bottom: 30px;
        border-bottom: 1px solid #748B97;
    }

}

@media (min-width: 1600px) {
    .row-gt .box-vertical .box-image {
        width: 18% !important;
    }
    .row-cauchuyen .img1 .image-cover {
        padding-top: 150% !important;
    }

}