/*!
Theme Name: An Chau
Theme URI: https://dadayanchau.vn
Author: ipro team
Author URI: http://ipro.vn
Description: Giao diện website wordpress chuẩn seo
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: iprovn
Tags: da day, an chau

!*/


@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	color: #032b45 ;
	text-decoration: none;
}

a:hover {
	color: #ede38e;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
	margin: 8px 0;
	display: block;
	color: #818181;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
	-webkit-appearance: none;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color:#333;
	font-family: 'Be Vietnam', sans-serif;
	font-size: 17px;
	line-height: 1.6;
	background: #fff;
	font-weight: 300;
	border: 1px solid #ebebeb;
	border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 24px;
	line-height: 30px;
}

p {
	margin-bottom: 1em;
	
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
    color: #333;
    font-size: 15px;
    padding: 20px 20px 20px 68px;
    background: rgba(203, 201, 17, 0.2);
    margin: 15px 0 20px 0;
    position: relative;
}

blockquote::before {
    content: '\f08d';
    font-family: 'Font Awesome 5 Pro';
    font-size: 35px;
    font-weight: 900;
    color: #032b45 ;
    position: absolute;
    left: 18px;
    transform: rotate(30deg);
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 5px 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

.wp-caption {

    width: 100% !important;
    overflow: hidden;

}

.wp-caption img {
	width: 100%;
}

.wp-caption-text {

    font-style: italic;
    text-align: center;
	padding: 10px 0;

}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	transition: all .3s ease-in-out;
    box-shadow: 0 5px 10px 0.5px rgba(0, 0, 0, 0.1);
}

.ipro-connect-content ul li {
    display: inline-block;
    background: #032b45 ;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
	margin-right: 10px;
}

.ipro-connect-content ul li a i {
    color: #fff;
}

.i-facebook {
    background: #4267B2 !important;
}

.i-youtube {
    background: #F00 !important;
}

.i-twitter {
	background: #1DA1F2 !important;
}

.btn-white {
    border: 1px solid #fff;
    border-radius: 21px;
    padding: 8px 25px;
    display: inline-table;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    margin-top: 10px;
}

.btn-white:hover {
	border: 1px solid #94887A;
	color: #94887A;
}

.read-more {
    border: 1px solid #94887A;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 25px;
}

.read-more:hover {
	border: 1px solid #94887A;
	color: #94887A;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.site-header {
    background: #fff;
}

.header-slogan {
    font-size: 16px;
    font-weight: 800;
    color: #032b45 ;
}

.header-tel-icon i {
    color: #fff;
    font-size: 27px;
    background: #e91c24;
    height: 48px;
    width: 48px;
    border-radius: 100%;
    text-align: center;
    line-height: 48px;
    margin-top: 5px;
    margin-right: 10px;
    transform: rotate(90deg);
}

.site-logo h1 {
    margin: 0;
}
#navbar {
    background: #032b45 ;
	min-height: 50px;
}

.top-search label {
    width: 100%;
}

.top-search .search-field {
    width: 100%;
    position: relative;
}

.top-search .search-submit {
    position: absolute;
    right: 0;
}

.search-pop {
    width: 100%;
    margin: 0;
    padding: 30px 0;
    border-radius: 0 0 10px 10px;
    vertical-align: top;
}

.fancybox-slide--html {
	padding: 0;
}

.search-pop .search-form-content {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.search-pop input {
    width: 100%;
    background: transparent;
    border-bottom: 1px solid #ebebeb;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
    padding: 10px 35px 10px 0;
    border-radius: 0;
}

.search-pop .search-submit {
    position: absolute;
    right: 0;
    background: transparent;
    font-size: 20px;
    padding: 0;
    top: 10px;
}

.search-pop .search-submit i {
    color: #414141;
}

.header-mobile-number a {
    color: #fff;
    font-weight: 900;
    font-size: 22px;
    display: block;
	line-height: 19px;
}

.header-mobile-icon i {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 100%;
    margin: 5px;
}

.header-mobile {
	 -webkit-justify-content: flex-end;
     -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
          justify-content: flex-end;
}

.header-mobile-number span {
    color: #fff;
    font-size: 12px;
}

/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/


.wpcf7-form select:after {
	content: '\f0dd';
    position: absolute;
    font-family: 'Font Awesome 5 Pro';
    right: 8px;
    top: 8px;
    color: #333;
}

.select-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.select-wrapper::after {
    content: '\f078';
    font-family: "Font Awesome 5 Pro";
    color: #333;
    font-size: 13px;
    font-weight: 300;
    top: 10px;
    padding: 0;
    position: absolute;
    pointer-events: none;
    right: 10px;
}

/*------- Section Home News ----*/

#home-news {
    padding: 50px 0;
}

.home-blog-list {
    margin-bottom: 25px;
}

.blog-thumb {
    position: relative;
}

/*------- Archive ----------*/

.blog-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #e1e1e1;
}

.blog-title {
    margin: 0;
    font-size: 17px;
    line-height: 20px;
}

.blog-title a{
    color: #333
}

.blog-excerpt {
    font-size: 15px;
}

/*---- Single ----*/

.entry-content strong {
    font-weight: 700;
}

.date-blog {
    position: absolute;
    background: #94887A;
    top: 0;
    left: 15px;
	padding: 10px 15px;
}

.date-blog span {
    font-weight: 900;
    color: #fff;
    font-size: 20px;
    font-style: italic;
}

.date-blog small {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
}

.share-post {
    text-align: right;
    margin-top: 31px;
}

.title-related-post {
    text-transform: uppercase;
    padding: 0;
    font-weight: 700;
    font-size: 21px;
    color: #032b45 ;
    border-bottom: 1px solid #333;
    display: block;
    margin-bottom: 20px;
    position: relative;
    height: 48px;
}

.title-related-post span {
    background: #fff;
    display: table;
    padding: 10px 10px 0 0px;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.related-cat ul {
    margin: 0;
    margin-top: 0px;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    margin-top: 18px;
	margin-left: 20px;
	
}

.related-cat ul li {

	padding-bottom: 5px;

}

.related-cat ul li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin-left: -2em;
    width: 2em;
    color: #032b45 ;
    font-weight: 900;
    font-size: 10px;
    vertical-align: middle;
	margin-bottom: 3px;
}

.related-cat a {
    color: #333;
}

.tags {
    border-bottom: 1px solid 
    #ebebeb;
    padding: 10px 0;
}

.videos {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	
}

.videos iframe, .videos object, .videos embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-icon img {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	opacity: 1 !important;
}

.video-thumb {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
	background: #000;
}

.video-thumb img {
	opacity: 1;
}

.video-thumb:hover img {
    opacity: 0.6;
}


.blog-excerpt {
    padding: 0;
}

.blog-list {
    margin-bottom: 40px;
}

.blog-bottom {
    margin: 20px 0;
    border-bottom: 1px solid 
    #ebebeb;
    padding-bottom: 15px;
}

.share-blog {
    text-align: right;
}

.entry-content ul {
    margin: 0;
    margin-top: 0px;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    margin-top: 18px;
	margin-left: 20px;
	
}

.entry-content ul li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin-left: -2em;
    width: 2em;
    color: #032b45 ;
    font-weight: 900;
    font-size: 10px;
    vertical-align: middle;
}


.entry-content ul li {
    padding-left: 2em;
	padding-bottom: 5px;

}

article h2 {
    color: #032b45 ;
	font-weight: 600;
}

.banner-post a img {
    display: block;
    margin: 0 auto;
}

.pagination {
    text-align: center;
}

.pagination a, .pagination span {
    border: 1px solid #ebebeb;
    padding: 2px 8px;
}

/*------- Comment -----*/

.title-comment-simple {
    background: #e91c24;
    display: block;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    border-radius: 8px;
    margin-top: 30px;
}

.comment-tabs {
    display: flex;
	margin-top: 30px;
}

.comment-tabs li {
    width: 50%;
    text-align: center;
	cursor: pointer;
}

.tab-comment-wp {
    background: #e91c24;
    padding: 8px;
    color: #fff;
    font-weight: 700;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.tab-comment-fb {
    background: #032b45 ;
    padding: 8px;
    color: #fff;
    font-weight: 700;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.comment-notes, .comment-form-comment label {
    display: none;
}

.comment-respond {
	margin: 30px 0;
}

.comment-respond label {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.comment-form-author input, .comment-form-email input {
    width: 100%;
}

.comment-respond input, .comment-respond textarea {
    padding: 5px 10px;
    border-radius: 0;
}

.comment-respond #submit {
    background: #032b45 ;
    color: #fff;
    border: 0;
    padding: 13px 25px;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    font-size: 15px;
}

.comments-area ol {
    list-style: none;
}

.comment-list .comment {
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.comment-list .comment .children .comment {
    border-bottom: 0;
    padding-bottom: 10px;
}

.comment-list li {
    background: #f5f5f5;
    padding: 10px 15px;
    margin: 15px 0 5px;
    border: 1px solid #ddd;
}

.comment-body p {
    padding-left: 35px;
}

.comment-list .fn {
    font-weight: 700;
    color: #032b45 ;
}

.comment-list .children {
    padding-top: 20px;
	margin: 0;
}

.comment-meta.commentmetadata a {
    color: #333;
}

.comment-list .children li {
    background: #fff;
}

.comment-reply-link {
    background: #032b45 ;
    color: #fff;
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: 500;
}

.comment-meta.commentmetadata {
    font-size: 11px;
    text-align: left;
    padding-left: 35px;
}

input#phonenumber {
    width: 100%;
}

.comment-form-comment {
    margin: 0;
}

#comment {
    height: 90px;
}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/

.title-cat {
    color: #032b45 ;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 26px;
    margin: 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #032b45 ;
}

.breadcrumbs p {
    margin: 10px 0;
    font-size: 14px;
    color: #333;
}

.breadcrumbs a {
    margin: 10px 0;
    font-size: 14px;
    color: #032b45 ;
}

/*--------------------------------------------------------------
## sidebar
--------------------------------------------------------------*/
.sidebar-right {
    overflow: hidden;
}

.sidebar-title {
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
    color: #032b45 ;
    font-size: 19px;
    font-weight: 900;
    border-bottom: 2px solid #032b45 ;
    padding-bottom: 10px;
    margin-top: 16px;
}

.sidebar-title span {
    padding-right: 15px;
}

.sidebar-shop .menu li, .sidebar-right .menu li {

    background: #ebebeb;
	padding: 6px 10px 6px 15px;
	border-bottom: 1px solid #fff;

}

.sidebar-right .menu li a, .sidebar-shop .menu li a {

    color:#414141;
	display: block;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 400;;

}

.sidebar-right .menu li a:hover, .sidebar-shop .menu li a:hover {
	color: #ff9000;
}

.sidebar-shop .widget, .sidebar-right .widget {

    margin-bottom: 20px;

}

.sidebar-right .wpp-list a, .sidebar .wpp-list a {
    color: #333;
    font-weight: 500;
    font-size: 16px;
}

/*--------------------------------------------------------------
## Custom Elementor
--------------------------------------------------------------*/


.elementor-widget-container .wpcf7 input, .elementor-widget-container .wpcf7 select {
    width: 100%;
    border: 1px solid #B9B9B9;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 5px 10px;
    color: #1E1E1E;
}

.elementor-widget-container .wpcf7-submit {
    background: #FC336F;
    font-size: 16px;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 13px 20px !important;
    font-weight: 600;
    text-transform: uppercase;
}

.elementor-widget-container .ajax-loader {
    display: none !important;
}

.elementor-nopadding .elementor-widget-wrap.elementor-element-populated {
    padding: 0 !important;
}

/*--------------------------------------------------------------
## He thong phan phoi
--------------------------------------------------------------*/
.tp-muahang .title-diemban {
    background: url(assets/img/local.png) no-repeat left top;
    padding: 0;
    padding-left: 30px;
    color: #ff000a;
    font-size: 20px;
    font-weight: 800;
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 5px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.tp-muahang ul li {
    color: #333;
    margin-bottom: 15px;
}


table.diem_ban {
    border-collapse: collapse;
    border: 1px solid #aaa;
	width: 100%;
}

table.diem_ban.layout_3col td.dia_chi, table.diem_ban.layout_3col th.dia_chi {
    width: 35%;
}

table.diem_ban td, table.diem_ban th {
    padding: 5px 10px !important;
}

table.diem_ban th {
    border: 1px solid #aaa;
    padding: 2px;
    background-color: grey;
    color: white;
}

table.diem_ban td {
    border: 1px solid #aaa;
    padding: 2px;
}

table.diem_ban.layout_3col td.ten_nha_thuoc, table.diem_ban.layout_3col th.ten_nha_thuoc {
    width: 45%;
}

table.diem_ban.layout_3col td.sdt, table.diem_ban.layout_3col th.sdt {
    width: 20%;
}

table.diem_ban tr.nha_thuoc.vip1 td, table.diem_ban tr.nha_thuoc.vip2 td {
    font-weight: bold;
}

table.diem_ban.layout_3col td.dia_chi, table.diem_ban.layout_3col th.dia_chi {
    width: 35%;
}

table.diem_ban .icons span {
    padding: 4px 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    background: #1d9046;
    margin-right: 5px;
    border-radius: 5px;
    float: right;
}

table.diem_ban .icons span.icon2 {
    background: #ff6600;
}

.diem_ban.layout_3col tr:nth-child(2n+1) {
    background: #ebebeb;
}

.sub_dist_title {
    color: #032b45 ;
}

/*--------------------------------------------------------------
## Page Contact
--------------------------------------------------------------*/

.content-contact {
	margin-bottom: 50px;
}

.content-contact h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    color: #94887A;
    margin-bottom: 25px;
    display: table;
    padding-bottom: 10px;
    font-style: italic;
}

.content-contact ul li {
    padding-bottom: 8px;
	overflow: hidden;
}

.content-contact input {
    width: 100%;
    border-radius: 1px;
}

.content-contact .wpcf7-form-control.wpcf7-submit {
    background: #94887A;
    border: none;
    border-radius: 0;
    padding: 15px 25px;
    text-transform: uppercase;
    font-size: 13px;
	width: auto;
	color: #fff;
	cursor: pointer;
}

.contact-icon {

    width: 15px;
    float: left;
	color: #E0CEB8;
	text-align: center;

}

.contact-content {

    float: left;
    overflow: hidden;
    padding-left: 5px;

}

#contact-maps {
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}

/*----------- Faq -----------*/

.list-faq-title {
    display: block;
    background: #032b45 ;
    color: #fff;
    font-weight: 700;
    padding: 10px 10px;
    font-size: 20px;
}

.archive-faq {
    border: 1px solid #d9dcda;

}

div.archive-faq {
  counter-reset: list-number;
}
/** Note that we can use counter-increment in :before psuedo element **/
.archive-faq div:before {

    counter-increment: list-number;
    content: counter(list-number);
    margin-right: 10px;
    margin-bottom: 10px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    background-color: #032b45 ;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 5px;
    font-weight: 700;

}

.list-faq {
    position: relative;
    padding: 15px 15px 15px 50px;
}

.faq-title {
    font-size: 16px;
	margin: 0;
}

.faq-title a {
    color: #333;
    font-style: normal !important;
    font-size: 16px !important;
}

.list-faq p {
    color: #333;
    font-size: 16px;
    margin: 0;
}

.list-faq a {
    font-style: italic;
    font-size: 14px;
}

.faq-more {
    font-style: normal !important;
    font-weight: 700;
    font-size: 15px !important;
    position: relative;
    padding-left: 20px;
}

.faq-more::before {
    content: '\f0dd';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: -1px;
    left: 0;
}

.archive-faq .list-faq:nth-child(2n) {
    background: #f7f8f9;
}

/*------ Single Faq ----*/

.btn-repfaq {
    background: #032b45 ;
    color: #fff;
    padding: 8px 20px;
    border-radius: 3px;
    margin: 15px 0;
    display: table;
}

.single-faq-content {
    background: #f7f8f9;
    padding: 15px;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.footer-widget {
    background: #ffffff;
    padding: 40px 0 0 0;
    color: #fff;
	font-size: 16px;
	line-height: 33px;
}

.footer-widget section {
    margin-bottom: 15px;
}

.footer-widget a, .footer-widget p, .footer-widget i {
	color: #333;
	font-size: 15px;
}

.footer-widget .widget-title {
    font-size: 20px;
    display: block;
    color: #032b45 ;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight: 600;
	position: relative;
	padding-bottom: 15px;
}

.footer-widget .widget-title::after {
    content: '';
    width: 68px;
    height: 5px;
    background: #032b45 ;
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer-widget strong {
    font-weight: 700;
    color: #032b45 ;
    font-size: 16px;
}

.footer-widget a {
    font-weight: 700;
    color: #032b45 ;
    font-size: 15px;
}

li.local-icon, li.email-icon, li.tel-icon, li.date-icon {

    margin-left: 1.3em;

}

li.local-icon:before, li.email-icon:before, li.tel-icon:before, li.date-icon:before    {

    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    color: #fff;
    padding-right: 10px;
    margin-left: -1.3em;
	font-size: 12px;

}

li.local-icon:before {
	content: '\f3c5';
	font-weight: 600;
}
li.email-icon:before {
	content: '\f0e0';
}
li.tel-icon:before {
	content: '\f3cd';
}
li.date-icon:before {
	content: '\f073';
}

.footer-widget .wpcf7 {
    position: relative;
    overflow: hidden;
}

.footer-widget .wpcf7 p {
    padding: 0;
    margin: 0;
}

.footer-widget .wpcf7 .your-email input {
    width: 100%;
    background: #fafafa;
    border: solid 1px #ececec;
    color: #000;
    font-size: 14px;
    padding: 8px 10px;
    position: relative;
    border-radius: 0;
}

.footer-widget .wpcf7 .wpcf7-submit {
    background: #2B58D6;
    border: 1px solid #2B58D6;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    height: 40px;
    border-radius: 0;
    padding: 0 21px;
    font-size: 16px;
    font-weight: 500;
}

.footer-widget-bottom p {
    margin: 0 0 40px 0;
    font-style: italic;
    color: #333;
    font-size: 16px;
}

.footer-info {
    background: #032b45 ;
    padding: 15px 0;
    color: #fff;
}

.footer-buy {
    background: #ebebeb;
    padding: 30px 0;
	color: #333;
}

.footer-buy h2 {
    color: #032b45 ;
}

.footer-buy strong {
    color: #333;
    font-weight: 700;
}

.footer-buy .wpcf7 {
    margin-top: 20px;
}

.footer-buy .wpcf7 input, .footer-buy .wpcf7 select, .footer-buy .wpcf7 textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 6px 10px;
}

.footer-buy .wpcf7 p {
    margin: 0;
}

#buy-btn {
    background: #032b45 ;
    color: #fff;
    display: table;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 34px;
    width: auto;
    border-radius: 8px;
    border: 0;
}


/*----- Search -----*/
.search-submit {

    background: #ff9000;
	color:#fff;
    border: 0;
    height: 32px;
    cursor: pointer;

}

#primary {

    margin-bottom: 20px;

}

/*------- 404 page -------*/

.error-404 .search-form {

    position: relative;
    width: 260px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

}

.error-404 label {

    width: 100%;

}

label {

    display: inline-block;
    margin-bottom: 7px;
    font-weight: 700;
    color: #000;
    position: relative;

}

.error-404 .search-submit {
	
    background: #ffc928;

}

.error-404 .search-field {

    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: 1px solid #e0e5eb;
    font-size: 14px;
    height: 40px;
    padding: 0 15px 0 15px;
    width: 100%;

}

.error-buttonhome a {

    background: #ffc928;
    padding: 8px;
    display: block;
    width: 138px;
    text-align: center;
    font-weight: 500;
    color: #414141;
    font-size: 13px;

}

.title-error-post {

    text-align: center;
    margin: 53px 0;

}

.posterror-title {

    margin: 5px 0;

}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
	.site-branding {padding: 15px 0;}
	.menu-toggle.full {width: 25%;height: 46px;position: absolute;left: 0;top: 0;cursor: pointer;z-index: 12399994; text-align: left; padding: 0 !important;}	
	.site-logo img {margin: 0 auto;}
	.header-mobile {display: flex;}
	.header-slogan {text-align: center;}
	.error-fixsearch {float: none;}
	.error-buttonhome a {margin: 0 auto;}	
	.contact-content {width: 329px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n+1) { padding-right: 15px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n) { padding-left: 15px;}
	#show-noti {bottom: 95px;}
	#noti-number {bottom: 100px;}
	div.ul-muahang {float: left;width: 50%;}
	.diem_ban.layout_3col {font-size: 12px;}
	.elementor-103 .elementor-element.elementor-element-d34cf8a .swiper-slide {height: 140px;}
}

@media only screen and (min-width:480px) {	
	.site-branding {padding: 15px 0;}
	.menu-toggle.full {width: 25%;height: 46px;position: absolute;left: 0;top: 0;cursor: pointer;z-index: 12399994; text-align: left;padding: 0 !important;}	
	.site-logo img {margin: 0 auto;}
	.header-mobile {display: flex;}
	.header-slogan {text-align: center;}
	.error-fixsearch {float: none;}
	.error-buttonhome a {margin: 0 auto;}
	.contact-content {width: 329px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n+1) { padding-right: 15px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n) { padding-left: 15px;}
	#show-noti {bottom: 95px;}
	#noti-number {bottom: 100px;}
	div.ul-muahang {float: left;width: 50%;}
	.diem_ban.layout_3col {font-size: 12px;}
	.elementor-103 .elementor-element.elementor-element-d34cf8a .swiper-slide {height: 150px;}
}

@media only screen and (min-width:768px) {	
	.site-branding {padding: 15px 0;}
	.menu-toggle.full {width: 55%;height: 46px;position: absolute;left: 0;top: 0;cursor: pointer;z-index: 12399994; text-align: left;padding: 0 !important;}
	.site-logo img {margin: 0 auto;}
	.header-mobile {display: flex;}
	.header-slogan {text-align: center;}
	.error-fixsearch {float: none;}
	.error-buttonhome a {margin: 0 auto;}
	.contact-content {width: 329px;}
	.popup {width: 30%;margin: 0 auto;top: 240px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n+1) { padding-right: 5px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n) { padding-left: 5px;}
	#show-noti {bottom: 95px;}
	#noti-number {bottom: 100px;}
	div.ul-muahang {float: left;width: 25%;}
	.diem_ban.layout_3col {font-size: 13px;}
	.elementor-103 .elementor-element.elementor-element-d34cf8a .swiper-slide {height: 275px;}

}	
	
@media only screen and (min-width:1024px) {
	.site-branding {padding: 15px 0;}
	.site-logo {width: 231px;float: left;}
	.site-logo img {margin: auto;}
	.header-slogan { float: left;width: 348px;padding: 9px 0px 9px 10px;text-align:left;}
	.header-tel {width: 361px;float: left;overflow: hidden;display: flex;justify-content: end;}
	.header-tel-number a {color: #e91c24;font-weight: 900;font-size: 30px;display: inline-block;line-height: 20px;}
	.header-tel-number span {color: #333;display: block;text-align: left;}
	.header-mobile {display: none;}
	.error-fixsearch {float: right;}
	.error-buttonhome a {margin: 0;}
	.contact-content {width: 435px;}
	.popup {width: 30%;margin: 0 auto;top: 240px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n+1) { padding-right: 5px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n) { padding-left: 5px;}
	#show-noti {bottom: 255px;}
	#noti-number {bottom: 290px;}
	div.ul-muahang {float: left;width: 25%;}
	.diem_ban.layout_3col {font-size: 14px;}
	.elementor-103 .elementor-element.elementor-element-d34cf8a .swiper-slide {height: 368px;}

}
@media only screen and (min-width:1140px) {
	.site-branding {padding: 15px 0;}
	.site-logo {width: 231px;float: left;}
	.site-logo img {margin: auto;}
	.header-slogan { float: left;width: 348px;padding: 9px 0px 9px 10px;text-align:left;}
	.header-tel {width: 361px;float: left;overflow: hidden;display: flex;justify-content: end;}
	.header-tel-number a {color: #e91c24;font-weight: 900;font-size: 30px;display: inline-block;line-height: 20px;}
	.header-tel-number span {color: #333;display: block;text-align: left;}
	.header-mobile {display: none;}
	.error-fixsearch {float: right;}
	.error-buttonhome a {margin: 0;}
	.contact-content {width: 435px;}
	.popup {width: 30%;margin: 0 auto;top: 240px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n+1) { padding-right: 5px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n) { padding-left: 5px;}
	#show-noti {bottom: 255px;}
	#noti-number {bottom: 290px;}
	div.ul-muahang {float: left;width: 25%;}
	.diem_ban.layout_3col {font-size: 14px;}
	.elementor-103 .elementor-element.elementor-element-d34cf8a .swiper-slide {height: 400px;}
	
}
@media only screen and (min-width:1280px) {		
	.site-branding {padding: 15px 0;}
	.site-logo {width: 300px;float: left;}
	.site-logo img {margin: auto;}
	.header-slogan { float: left;width: 360px;padding: 15px 0px 15px 20px;text-align:left;}
	.header-tel {width: 480px;float: left;overflow: hidden;display: flex;justify-content: end;}
	.header-tel-number a {color: #e91c24;font-weight: 900;font-size: 30px;display: inline-block;line-height: 20px;}
	.header-tel-number span {color: #333;display: block;text-align: left;}
	.header-mobile {display: none;}
	.error-fixsearch {float: right;}
	.error-buttonhome a {margin: 0;}	
	.contact-content {width: 535px;}
	.popup {width: 30%;margin: 0 auto;top: 240px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n+1) { padding-right: 5px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n) { padding-left: 5px;}
	#show-noti {bottom: 255px;}
	#noti-number {bottom: 290px;}
	div.ul-muahang {float: left;width: 25%;}
	.diem_ban.layout_3col {font-size: 14px;}
	.elementor-103 .elementor-element.elementor-element-d34cf8a .swiper-slide {height: 495px;}
}



@media only screen and (min-width:1600px) {
	.site-branding {padding: 15px 0;}
	.site-logo {width: 300px;float: left;}
	.site-logo img {margin: auto;}
	.header-slogan { float: left;width: 360px;padding: 15px 0px 15px 20px;text-align:left;}
	.header-tel {width: 480px;float: left;overflow: hidden;display: flex;justify-content: end;}
	.header-tel-number a {color: #e91c24;font-weight: 900;font-size: 30px;display: inline-block;line-height: 20px;}
	.header-tel-number span {color: #333;display: block;text-align: left;}
	.header-mobile {display: none;}
	.error-fixsearch {float: right;}
	.error-buttonhome a {margin: 0;}
	.contact-content {width: 535px;}
	.popup {width: 30%;margin: 0 auto;top: 240px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n+1) { padding-right: 5px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n) { padding-left: 5px;}
	#show-noti {bottom: 255px;}
	div.ul-muahang {float: left;width: 25%;}
	.diem_ban.layout_3col {font-size: 14px;}
	.elementor-103 .elementor-element.elementor-element-d34cf8a .swiper-slide {height: 570px;}
}	

@media only screen and (min-width:1920px) {	
	.site-branding {padding: 15px 0;}
	.site-logo {width: 300px;float: left;}
	.site-logo img {margin: auto;}
	.header-slogan { float: left;width: 360px;padding: 15px 0px 15px 20px;text-align:left;}
	.header-tel {width: 480px;float: left;overflow: hidden;display: flex;justify-content: end;}
	.header-tel-number a {color: #e91c24;font-weight: 900;font-size: 30px;display: inline-block;line-height: 20px;}
	.header-tel-number span {color: #333;display: block;text-align: left;}
	.header-mobile {display: none;}
	.error-fixsearch {float: right;}
	.error-buttonhome a {margin: 0;}
	.popup {width: 30%;margin: 0 auto;top: 240px;}
	.contact-content {width: 535px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n+1) { padding-right: 5px;}
	.footer-buy .wpcf7 .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n) { padding-left: 5px;}
	#show-noti {bottom: 255px;}
	div.ul-muahang {float: left;width: 25%;}
	.diem_ban.layout_3col {font-size: 14px;}
	.elementor-103 .elementor-element.elementor-element-d34cf8a .swiper-slide {height: 700px;}
	
}	
	
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}	
	
/* Menu Setup */
 .stellarnav.light.mobile {
    position: relative
}
.stellarnav,.stellarnav li{
    position:relative;
    line-height:normal 
}
.stellarnav{
    width:100%;
    z-index:9900 
}
.stellarnav ul{
    margin:0;
    padding:0;
    text-align:left 
}
.stellarnav li{
    list-style:none;
    display:block;
    margin:0;
    padding:0;
    vertical-align:middle 
}
.stellarnav li a{
    padding:15px;
    display:block;
    text-decoration:none;
    font-weight: 400;
    font-size: 16px;
    box-sizing:border-box;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    transition:all .3s ease-out;

}
.stellarnav ul li{
    display:inline-block 
}
.stellarnav ul li a{
    padding:18px 15px 
}
.stellarnav ul ul{
    top:auto;
    min-width:230px;
    position:absolute;
    z-index:9900;
    text-align:left;
    display:none;
    background:#fff;
    white-space: nowrap;
}
.stellarnav li li{
    display:block; 
	border-bottom: 1px solid #fff;
}
.stellarnav li li a{
    color:#000;
    padding: 7px 25px 7px 22px;
    clear: both;
    -o-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -webkit-transition: padding .2s linear;
    transition: padding .2s linear;
}
.stellarnav li li a:hover{
    padding:7px 17px 7px 30px;
    -o-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -webkit-transition: padding .2s linear;
    transition: padding .2s linear;
}
.stellarnav ul ul ul{
    top:0;
    left:220px 
}
.stellarnav ul li:hover ul li:hover ul{
    opacity:1;
    visibility:visible;
    top:0 
}
.stellarnav ul li.drop-left ul{
    right:0 
}
.stellarnav li.drop-left ul ul{
    left:auto;
    right:220px 
}
.stellarnav.light,.stellarnav.light ul ul{
}
.stellarnav.light li a{
    color:#fff; 
}
.stellarnav.light .call-btn-mobile,.stellarnav.light .close-menu,.stellarnav.light .location-btn-mobile,.stellarnav.light .menu-toggle{
    color:#fff;
}

.stellarnav.dark,.stellarnav.dark ul ul{
    background:rgba(0,0,0,1) 
}
.stellarnav.dark li a{
    color:#36b44a 
}
.stellarnav.light li a:hover{
    color:#ede38e
}
.stellarnav.light li.active a {
    color: #fff;
	background: #ede38e;
}
.stellarnav.light li.active ul li a {
    color: #fff;
}
.stellarnav.light li.active ul li a:hover {
    color: #E0CEB8;
}
.stellarnav.dark .call-btn-mobile,.stellarnav.dark .close-menu,.stellarnav.dark .location-btn-mobile,.stellarnav.dark .menu-toggle{
    color:rgba(119,119,119,1) 
}
.stellarnav.fixed{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:9999 
}

.stellarnav.light.mobile.active ul li:nth-child(2n) {
    background: #053657;
}

body.stellarnav-noscroll-x{
    overflow-x:hidden 
}
.stellarnav li.has-sub>a:after{
    content:'\f107';
    font-family:"Font Awesome 5 Pro";
    margin-left:5px;
	font-weight: 300;
}
.stellarnav li li.has-sub>a:after{
    content:'\f105';
    font-family:"Font Awesome 5 Pro";
    margin-left:5px 
}
.stellarnav li.drop-left li.has-sub>a:after{
    float:left;
    content:'\f107';
    font-family:"Font Awesome 5 Pro";
    margin-right:5px 
}
.stellarnav.hide-arrows li li.has-sub>a:after,.stellarnav.hide-arrows li.drop-left li.has-sub>a:after,.stellarnav.hide-arrows li.has-sub>a:after{
    display:none 
}
.stellarnav .dd-toggle{
    display:none;
    position:absolute;
    top:0;
    right:0;
    padding:0;
    width:48px;
    height:48px;
    text-align:center;
    z-index:9999;
    border:0 
}
.stellarnav .dd-toggle i{
    position:absolute;
    margin:auto;
    top:33%;
    left:0;
    right:0;
    -webkit-transition:transform .3s ease-out;
    -moz-transition:transform .3s ease-out;
    transition:transform .3s ease-out 
}
.stellarnav.mobile>ul>li>a.dd-toggle{
    padding:0 
}
.stellarnav li.call-btn-mobile,.stellarnav li.location-btn-mobile{
    display:none 
}
.stellarnav li.open>a.dd-toggle i{
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg) 
}
.stellarnav .call-btn-mobile,.stellarnav .close-menu,.stellarnav .location-btn-mobile,.stellarnav .menu-toggle{
    display:none;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    padding:15px;
    box-sizing:border-box; 
	margin-top: 10px;
}
.stellarnav .half{
    width:50% 
}
.stellarnav .third{
    width:33%;
    text-align:center 
}
.stellarnav .location-btn-mobile.third{
    text-align:center 
}
.stellarnav .location-btn-mobile.half{
    text-align:right 
}
.stellarnav.light .half,.stellarnav.light .third{
    border-left:1px solid rgba(0,0,0,.15) 
}
.stellarnav.light.left .half,.stellarnav.light.left .third,.stellarnav.light.right .half,.stellarnav.light.right .third{
    border-bottom:1px solid rgba(0,0,0,.15) 
}
.stellarnav.light .half:first-child,.stellarnav.light .third:first-child{
    border-left:0 
}
.stellarnav.dark .half,.stellarnav.dark .third{
    border-left:1px solid rgba(255,255,255,.15) 
}
.stellarnav.dark.left .half,.stellarnav.dark.left .third,.stellarnav.dark.right .half,.stellarnav.dark.right .third{
    border-bottom:1px solid rgba(255,255,255,.15) 
}
.stellarnav.dark.left .menu-toggle,.stellarnav.dark.right .menu-toggle,.stellarnav.light.left .menu-toggle,.stellarnav.light.right .menu-toggle{
    border-bottom:0 
}
.stellarnav.dark .half:first-child,.stellarnav.dark .third:first-child{
    border-left:0 
}
.stellarnav.mobile,.stellarnav.mobile.fixed{
    position:static 
}
.stellarnav.mobile ul{
    position:relative;
    display:none;
    text-align:left;
    background:rgba(221,221,221,1) 
}
.stellarnav.mobile.active>ul,.stellarnav.mobile>ul>li{
    display:block 
}
.stellarnav.mobile.active{
    padding-bottom:0 
}
.stellarnav.mobile>ul>li>a{
    padding:15px 
}
.stellarnav.mobile ul ul{
    position:relative;
    opacity:1;
    visibility:visible;
    width:auto;
    display:none;
    -moz-transition:none;
    -webkit-transition:none;
    -o-transition:color 0 ease-in;
    transition:none 
}
.stellarnav.mobile ul ul ul{
    left:auto;
    top:auto 
}
.stellarnav.mobile li.drop-left ul ul{
    right:auto 
}
.stellarnav.mobile li a{
    border-bottom:1px solid rgba(255,255,255,.15) 
}
.stellarnav.mobile li.has-sub a{
    padding-right:50px 
}
.stellarnav.mobile>ul{
    border-top:1px solid rgba(255,255,255,.15) 
}
.stellarnav.mobile.light li a{
    border: 0;
}
.stellarnav.mobile.light>ul{
    border-top: 0;
}
.stellarnav.mobile li a.dd-toggle,.stellarnav.mobile.light li a.dd-toggle{
    border:0 
}
.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .close-menu,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .location-btn-mobile,.stellarnav.mobile .menu-toggle{
    display:inline-block 
}
.stellarnav.mobile li.call-btn-mobile{
    border-right:1px solid rgba(255,255,255,.1);
    box-sizing:border-box 
}
.stellarnav.mobile li.call-btn-mobile,.stellarnav.mobile li.location-btn-mobile{
    display:inline-block;
    width:50%;
    text-transform:uppercase;
    text-align:center 
}
.stellarnav.mobile li.call-btn-mobile.full,.stellarnav.mobile li.location-btn-mobile.full{
    display:block;
    width:100%;
    text-transform:uppercase;
    border-right:0;
    text-align:left 
}
.stellarnav.mobile li.call-btn-mobile i,.stellarnav.mobile li.location-btn-mobile i{
    margin-right:5px 
}
.stellarnav.mobile.light ul{
	background: #032b45;
}
.stellarnav.mobile.dark ul{
    background:rgba(0,0,0,1) 
}
.stellarnav.mobile.dark ul ul{
    background:rgba(255,255,255,.08) 
}
.stellarnav.mobile.light li.call-btn-mobile{
    border-right:1px solid rgba(0,0,0,.1) 
}
.stellarnav.mobile.top{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    z-index:9999 
}
.stellarnav.mobile li li.has-sub>a:after,.stellarnav.mobile li.drop-left li.has-sub>a:after,.stellarnav.mobile li.has-sub>a:after{
    display:none 
}
.stellarnav.mobile.left>ul,.stellarnav.mobile.right>ul{
    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    max-width:280px;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch 
}
.stellarnav.mobile.right>ul{
    right:0 
}
.stellarnav.mobile.left .close-menu,.stellarnav.mobile.right .close-menu{
    display:inline-block;
    text-align:right 
}
.stellarnav.mobile.left>ul{
    left:0 
}
.stellarnav.mobile.left .call-btn-mobile.half,.stellarnav.mobile.left .call-btn-mobile.third,.stellarnav.mobile.left .close-menu.half,.stellarnav.mobile.left .close-menu.third,.stellarnav.mobile.left .location-btn-mobile.half,.stellarnav.mobile.left .location-btn-mobile.third,.stellarnav.mobile.right .call-btn-mobile.half,.stellarnav.mobile.right .call-btn-mobile.third,.stellarnav.mobile.right .close-menu.half,.stellarnav.mobile.right .close-menu.third,.stellarnav.mobile.right .location-btn-mobile.half,.stellarnav.mobile.right .location-btn-mobile.third{
    text-align:center 
}
.stellarnav.mobile.left .menu-toggle.half,.stellarnav.mobile.left .menu-toggle.third,.stellarnav.mobile.right .menu-toggle.half,.stellarnav.mobile.right .menu-toggle.third{
    text-align:left 
}
.stellarnav.mobile.left .close-menu.third span,.stellarnav.mobile.right .close-menu.third span{
    display:none 
}
.stellarnav.desktop li.mega li{
    display:inline-block;
    vertical-align:top;
    margin-left:-4px 
}
.stellarnav.desktop li.mega li li{
    display:block;
    margin-left:0 
}
.stellarnav.desktop li.mega ul ul{
    width:auto 
}
.stellarnav.desktop>ul>li.mega{
    position:inherit 
}
.stellarnav.desktop>ul>li.mega>ul{
    width:100% 
}
.stellarnav.desktop>ul>li.mega>ul li.has-sub ul{
    display:block;
    position:relative;
    left:auto 
}
.stellarnav.desktop>ul>li.mega>ul>li{
    padding-bottom:15px;
    box-sizing:border-box 
}
.stellarnav.desktop li.mega li li a{
    padding:5px 15px 
}
.stellarnav.desktop li.mega li.has-sub a:after{
    display:none 
}
.stellarnav.desktop>ul>li.mega>ul>li>a{
    color:#ff0 
}
@media only screen and (max-width :768px){
    .stellarnav{
        overflow:hidden;
        display:block 
    }
    .stellarnav ul{
        position:relative;
        display:none 
    }
}
@media only screen and (max-width :420px){
    .stellarnav.mobile .call-btn-mobile.third span,.stellarnav.mobile .location-btn-mobile.third span{
        display:none 
    }
}


/*--------- Noti box ----------*/

#show-noti i {
    font-size: 25px;
}

#show-noti {
    background: #032b45 ;
    color: #fff;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 16px;
    border-radius: 100%;
    border: 0;
	cursor: pointer;
	z-index: 99;
}

#noti-box {
    position: fixed;
    right: 15px;
    bottom: 50px;
    background: #fff;
    border: 1px solid #ebebeb;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	z-index: 999999;
	width: 310px;
}

#noti-title {
    background: #032b45 ;
    position: relative;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#noti-title strong {
    font-weight: 700;
    font-size: 18px;
}

#hide-noti {
    position: absolute;
    right: 0;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 17px;
    top: 0;
    padding: 8px;
	cursor: pointer;
}

#noti-content {
    padding: 5px;
}

#noti-number {
    background: #e91c24;
    position: fixed;
    width: 20px;
    height: 20px;
    right: 10px;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 19px;
    font-size: 10px;
    font-weight: 600;
    z-index: 100;
}

/*----- Contact bar -----------*/

#contact-bar {
    position: fixed;
    text-align: center;
    width: 45px;
    bottom: 60px;
    right: 20px;
    z-index: 99999;
}

#contact-bar ul li {
    margin: 14px 0;  
    
}

#contact-bar ul li img {
    padding: 10px;
	border-radius: 100%;
	box-shadow: 0 3px 10px #888;
}

.ctb-fbm img {
    background: #0080f7;
}

.ctb-fbm img:hover {
    background: #0572d8;
}

.ctb-zalo img {
    background: #0065f7;
}

.ctb-zalo img:hover {
    background: #055cda;
}

.ctb-phone img {
    background: #4bd963;
}

.ctb-phone img :hover {
    background: #36c14e;
}

.ctb-mail img {
    background: #d32d2c;
}

.ctb-mail img:hover {
	background: #b31918;
}

#contact-bar-mobile {
    position: fixed;
    text-align: center;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background: #032b45 ;
    padding: 10px 0;
}

#contact-bar-mobile ul {
    display: flex;
    align-content: center;
    justify-content: center;
	margin: 0;
	padding: 0;
}

#contact-bar-mobile ul li {
    margin: 0 21px;
    border-radius: 100%;
   
}

#contact-bar-mobile ul li img {
    padding: 5px;
    max-width: 30px;
	border-radius: 100%;
	box-shadow: 0 3px 10px #888;
}

#contact-bar-mobile span {
    color: #fff;
    font-size: 13px;
	display: block;
	text-align: center;
	padding-top: 3px;
}

.diemban img {
    background: #E91C24;
}

input.wpcf7-form-control.wpcf7-submit {
    cursor: pointer;
}