/*
Theme Name: BDS08 - Mẫu website Bất Động Sản được phát triển bởi E-web.vn
Theme URI: http://e-web.vn/
Author: Hieu.dev
Author URI: http://e-web.vn/
Description: Eweb Core Theme
Version: v1.4 (14/05/2021)
Text Domain: ew
Domain Path: /languages/
Tags:
*/

@charset "utf-8";
@import url('css/libs.css');
@font-face{
	font-family:'FontAwesome';
	src:url('font-awesome/fonts/fontawesome-webfont.eot');
	src:url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
		url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
		url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight:normal;
	font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before{
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	display:inline-block;
	text-decoration:inherit
}
::-webkit-input-placeholder {color: #fff}
:-moz-placeholder {color: #fff}
::-moz-placeholder {color: #fff}
:-ms-input-placeholder {color: #fff}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top: 20px; margin-bottom: 10px}
h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img, .overlay, [class*=owl-]{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
body, html{overflow-x: hidden}
html {margin: 0 auto}
body {font-size: 18px; line-height:26px; color: #111; font-family: "Roboto Condensed", sans-serif;}
a{outline: none}
a,a:hover,a:focus {text-decoration: none}
a:focus {outline-offset: inherit}
a img{ border:none}
img { max-width:100%; height: auto}
blockquote{border: 3px dashed #F47555;padding: 20px;margin: 10px 0; background-color: #FFFFDF; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
ol,ul {margin: 0;padding: 0}
ul li{list-style: none}
embed,iframe,object,video {max-width: 100%}
h1{ font-size:22px}
h2{ font-size:20px}
h3{ font-size:18px}
h4, h5, h6{ font-size:16px}
/*::selection {background:#f094b7; color:#555; }
::-moz-selection {background:#f094b7; color:#555; }
::-webkit-selection {background:#f094b7; color:#555; }*/
main {display: block }
dfn, cite, em, i {font-style: italic; }
address {margin: 0 0 1.5em; }
pre {background: #eee; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
abbr, acronym {border-bottom: 1px dotted #666; cursor: help; }
mark, ins {background: #fff9c0; text-decoration: none; }
small {font-size: 75%; }
big {font-size: 125%; }

/* =Forms
--------------------------------------------- */
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	margin-bottom: 15px!important
}
input:focus,textarea:focus, select:focus, button:focus {outline: none}
input[type="text"],input[type="email"],input[type="tel"], textarea, select {width: 100%; border: 1px solid #c3c3c3;background-color: #fff;color: #a8a8a8; border-radius: 5px;line-height: 38px;padding: 0 10px}
select{height: 40px}
textarea{padding: 10px; overflow: auto; vertical-align: top}
button[type="submit"], input[type="submit"]{border: 0px;border-radius: 5px;color: #fff;padding: 0 20px; height: 40px; line-height: 40px; background-color: #A5241C}
input[type="checkbox"], input[type="radio"] {padding: 0; /* Addresses excess padding in IE8/9 */ }
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
select:-moz-focusring{color: transparent;text-shadow: 0 0 0 rgba(255, 255, 255, 0.5)}
option {background-color: #fff}
::-webkit-input-placeholder {color:#a8a8a8}
::-moz-placeholder {color:#a8a8a8}
::-ms-placeholder {color:#a8a8a8}
::placeholder {color:#a8a8a8}
input[type='radio']:after {width: 18px; height: 18px; border-radius: 18px; top: -2px; left: -1px; position: relative; background-color: #fff; content: ''; display: inline-block; visibility: visible; border: 1px solid #C3C3C3; }
input[type='radio']:checked:after {background-color: #333468}
/* = Shortcode
--------------------------------------------- */
/*#accordion .panel:first-child{margin-top: 0}
#accordion .panel{ border: none;background: none;box-shadow: none;border-bottom: 1px solid #EAEAEA;padding-bottom: 19px; border-radius: 0; margin-top: 19px}
#accordion .panel .panel-heading{ border: none; color: #fff; padding: 0; background-color: transparent}
#accordion .panel .panel-heading .panel-title{line-height: 32px;color: #14171c; text-transform: uppercase; font-style: italic}
#accordion .panel .panel-heading .panel-title:hover,#accordion .panel .panel-heading.bg-heading .panel-title{color: #FF7F00}
#accordion .panel .panel-heading .panel-title a{padding-left: 20px}
#accordion .panel .panel-collapse{color: #999}
#accordion .panel .panel-collapse .panel-body{ border: none; padding: 24px 0 0 0}
#accordion .panel .panel-heading .panel-title .pt{width: 32px; height: 32px; border: 1px solid #FF7F00}
#accordion .panel .panel-heading .panel-title .pt-tru{background: url(images/tru.png) no-repeat center center}
#accordion .panel .panel-heading .panel-title .pt-cong{background: url(images/cong.png) no-repeat center center}*/

/* = Tables
--------------------------------------------- */
table {border-collapse: collapse;border-spacing: 0;line-height: 2;margin-bottom: 40px;width: 100%}
tbody {border-bottom: 1px solid #ddd}
th,td {text-align: left}
th {font-weight: bold;text-transform: uppercase}
td {border-top: 1px solid #ddd;padding: 6px 0}

/* =Editor Stylesheet
--------------------------------------------- */
.post-content {line-height: 1.625; }
.post-content a { color: #005859}
/*.post-content a:hover {color: #f3ce76 }*/
.post-content p {margin-bottom: 10px; }
.post-content strong {font-weight: 700; }
.post-content ol, .post-content ul {margin: 0 0 15px 40px; padding: 0; }
.post-content ol li {list-style-type: decimal; }
.post-content ul li {list-style-type: disc; }
.post-content ol ol, .post-content ul ul {margin-bottom: 0; }
.post-content blockquote, .post-content blockquote::before {color: #999; }
/*.post-content blockquote {margin: 40px 40px 24px; }*/
.post-content blockquote::before {content: "\201C"; display: block; font-size: 30px; height: 0; left: -15px; position: relative; top: -15px; }
.post-content cite {font-style: normal; }
/* Headings
--------------------------------------------- */
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {font-weight: 700; line-height: 1.2; margin: 0 0 16px; }
.post-content h1 {font-size: 21px; }
.post-content h2 {font-size: 19px; }
.post-content h3 {font-size: 17px; }
.post-content h4, .post-content h5, .post-content h6 {font-size: 15px; }
/* Tables
--------------------------------------------- */
.post-content table {border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; }
.post-content tbody {border-bottom: 1px solid #ddd; }
.post-content th, .post-content td {text-align: left; }
.post-content th {font-weight: bold; text-transform: uppercase; }
.post-content td {border-top: 1px solid #ddd; padding: 6px 0; }
/*
Common Classes
---------------------------------------------------------------------------------------------------- */
.post-content img.centered, .post-content .aligncenter {display: block; margin: 0 auto 24px; }
.post-content img.alignnone {margin-bottom: 12px; }
.post-content .alignleft {float: left; text-align: left; }
.post-content .alignright {float: right; text-align: right; }
.post-content img.alignleft, .post-content .wp-caption.alignleft {margin: 0 24px 24px 0; }
.post-content img.alignright, .post-content .wp-caption.alignright {margin: 0 0 24px 24px; }
.post-content .wp-caption-text {font-size: 14px; font-weight: 700; text-align: center; }
.post-content ul, .post-content ol{margin-left: 15px}
.post-content li{list-style-type: inherit; list-style-position: inside}

/*
Gallery
---------------------------------------------------------------------------------------------------- */
.gallery figure img{max-width:100%;height:auto;margin:0 auto;display:block;}
.gallery figure{float:left;margin:0 2% 1em 0;}
.gallery.gallery-columns-1 figure{width:100%;margin:0 0 1em 0;float:none;}
.gallery.gallery-columns-3 figure{width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3){margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4){clear:left;}
.gallery.gallery-columns-2 figure{width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even){margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd){clear:left;}
.gallery.gallery-columns-4 figure{width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4){margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5){clear:left;}
.gallery.gallery-columns-5 figure{width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5){margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6){clear:left;}
.gallery.gallery-columns-6 figure{width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6){margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7){clear:left;}
.gallery.gallery-columns-7 figure{width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7){margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8){clear:left;}
.gallery.gallery-columns-8 figure{width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8){margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9){clear:left;}
.gallery.gallery-columns-9 figure{width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9){margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10){clear:left;}
@media (max-width:767px){img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb{display:block;margin:1em auto;float:none;}
.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure{width:100%;margin:0 0 1em 0;float:none;}
}

/*
General
---------------------------------------------------------------------------------------------------- */
.btn-custom, .btn-red, .btn-primary, .btn-black{padding: 0 10px; text-transform: uppercase; border-radius: 5px}
.btn-custom{background-color: #fff}
.btn-red{background-color: #A5241C, color: #fff}
.btn-primary{background-color: #005859, color: #fff}
.btn-black{background-color: #111, color: #fff}
.blue{color: #005859}
.bg-primary{background-color: #005859}
.red{color: #A5241C}
.bg-red{background-color: #A5241C}
.black{color: #111}
.bg-black{background-color: #111}
.flw{float: left;width: 100%}
.clear { float:none; clear:both; margin:0px; padding:0px;height: 0;display: block}
.overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 76, 58, 0.55)}
.bold {font-weight: bold}
.site-title{visibility: hidden; position: absolute;}
/*.bloginfo-name{line-height: 80px}*/
.no-padding{padding: 0}
.thumbnail{ margin-bottom: 10px; padding: 0;border-radius: 0;border: none}
.no-margin{margin: 0}
.block{display: block}
.block-inline{display: inline-block}
.relative{position: relative}
.absolute{position: absolute}
.padding-tb-5{padding: 5px 0}
.padding-tb-10{padding: 10px 0}
.padding-tb-20{padding: 20px 0}
.padding-tb-30{padding: 30px 0}
.padding-tb-40{padding: 40px 0}
.padding-tb-50{padding: 50px 0}
.font16{font-size: 16px}
.font18{font-size: 18px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font24{font-size: 24px}
.font26{font-size: 26px}
.fw-bold{font-weight: 700}
.d-flex{display: flex;}
.align-items-center {align-items: center; }
.justify-content-between {justify-content: space-between; }


/*.owl-theme .owl-nav{margin-top: 0}
.owl-theme .owl-dots{position: absolute; bottom: 0; left: 0; right: 0}
.owl-theme .owl-dots .owl-dot span{background: #E5E5E5}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: #FF7F00}
.owl-theme .owl-nav [class*=owl-]{background-color: #B2B2B2;padding: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 0;font-size: 18px; position: absolute; top: 50%; margin: -20px 0 0}
.owl-theme .owl-nav [class*=owl-]:hover{background-color: #000; color: #FF7F00}
.owl-theme .owl-nav .owl-prev{left: 0; margin-left: -70px}
.owl-theme .owl-nav .owl-next{right: 0; margin-right: -70px}*/

header#header{box-shadow: 1px 2px 10px black; background-color: #fff}
header#header.stuck{ position: fixed; top: 0;left: 0; right: 0;z-index: 99999;}
.logo a{display: block; line-height: 0}
.logo img{max-height: 70px}
.container-main-menu{margin-left: auto}
.container-main-menu ul {display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center}
.container-main-menu ul li{ position: relative}
.container-main-menu ul li>a{line-height: 80px}
.container-main-menu ul li a{ color: #33B5AB; padding: 0 20px; display: block; text-transform: uppercase; position: relative}
.container-main-menu ul li:hover>a{ color: #005859}
.container-main-menu ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 9999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
.container-main-menu ul li .sub-menu{ min-width:220px; opacity: 0; position: absolute}
.container-main-menu ul li .sub-menu{-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
.container-main-menu ul li .sub-menu li {margin:0; width: 100%; text-align: left; padding: 0 10px}
.container-main-menu ul li .sub-menu li:last-child {border-bottom: none}
/*.container-main-menu ul li .sub-menu li:hover {background-color: #005859}
.container-main-menu ul li .sub-menu li:hover>a{ padding-left: 25px}*/
.container-main-menu ul li .sub-menu li a{ line-height: 40px; text-transform: inherit; color: rgba(102,102,102,0.85); background-color: #f7f7f7; border-bottom: 1px solid #ececec; padding: 0 15px}
.container-main-menu ul li .sub-menu li:hover a{ color: rgba(17,17,17,0.85)}
.container-main-menu ul li .sub-menu ul {left:220px;margin-top: -40px}
.container-main-menu ul li.menu-item-has-children>a:after{content:'\f107'; font-family: 'FontAwesome'; position: absolute; color: #fff; margin-left: 10px}
.container-main-menu ul li .sub-menu:before { left: 0; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; top: 0; margin-top: -22px}
.container-main-menu ul li .sub-menu:before{ border-bottom-color: #f7f7f7; border-width: 11px; margin-left: 50px}
.container-main-menu ul li .sub-menu .sub-menu:before{border-bottom-color: transparent; border-right-color: #f7f7f7; left: 0; margin-left: -12px; margin-top: 9px}

.navbar-toggle{margin: 0!important; background-color: #005859}
.off-canvas-toggle .icon-bar{background-color: #fff}
#off-canvas{background:#3c3c3c;transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);top: 0;bottom: 0;left: 0;height: 100%;overflow: hidden;position: fixed;visibility: hidden;z-index: -1;transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s}
body.mnopen #off-canvas{transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);overflow-scrolling: touch;overflow: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;visibility: visible;z-index: 999999;transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s}
.off-canvas-inner{width:100%;background:#3c3c3c;color:#FFF}
.off-canvas-inner ul{float:left;width: 260px}
.off-canvas-inner ul li{float:left;width: 100%;border-top: solid 1px rgba(255,255,255,.1); position: relative}
.off-canvas-inner ul li:last-child{border-bottom: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:hover{border-color: #212327}
.off-canvas-inner ul li.menu-item-has-children:hover{border-color: rgba(255,255,255,.1)}
.off-canvas-inner ul li a{ display: block; color: #999; line-height: 40px; padding: 0 20px}
.off-canvas-inner ul li a .fa-times-circle{ color: #fff;font-family: "FontAwesome";font-size: 28px; line-height: 40px}
.off-canvas-inner ul li a:hover .fa-times-circle{opacity: 1}
.off-canvas-inner ul li i.fa{margin-right: 10px}
.off-canvas-inner ul li .sub-menu li{line-height: normal}
.off-canvas-inner ul li .sub-menu li:last-child{border-bottom: 0px}
.off-canvas-inner ul li .sub-menu li a{padding-left: 30px}
.off-canvas-inner ul li .sub-menu .sub-menu li a{padding-left: 40px}
.off-canvas-inner ul li .sub-menu li a:before{content: '-';display: inline-block;font-family: 'Fontawesome';color: #999;margin: 0 5px 0 0}
.off-canvas-inner ul li.search{padding: 5px 10px}
.off-canvas-inner .close-menu {text-align: center}

/*.home #main{margin-top: 40px}*/
#section-slider{overflow: hidden; margin-bottom: 40px}

.blog-post{margin-bottom: 20px}
.blog-post:nth-child(3n+1){clear: both}
.blog-grid-wrapper:hover img{ box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6)}
.blog-grid-post-title{min-height: 40px}
.blog-grid-link{margin-top: 10px}

.banner-archive{margin-bottom: 30px}
.top-banner{background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 50px 0;background-image: url('images/bg-archive.jpg');}
.archive-title, .page-title{margin-top: 0; color: #fff; z-index: 1; position: relative; font-size: 30px}
#breadcrumbs {position: relative; z-index: 1}
#breadcrumbs *{color: #fff}
#breadcrumbs span.breadcrumb_last{color: #f3ce76}
.description{margin-bottom: 30px}

.section-related{margin: 20px 0}
.related-title{margin-bottom: 20px}
.section-related li{margin-bottom: 10px}
.section-related li:before {content: '\f105'; font-family: FontAwesome; margin-right: 5px; color: #c2c2c2 }
.section-related a:hover {color: #c2c2c2}

.widget-title, .box_footer .widget-title{margin-bottom: 20px}
#secondary .widget{margin-bottom: 30px}
#secondary .widget:last-child{margin-bottom: 0}
#secondary .widget-title + ul{background-color: #005859; border-radius: 5px; padding: 10px; float: left; width: 100%}
#secondary li a{color: #fff}
#secondary a:hover{color: #f3ce76}
#secondary iframe{float: left; width: 100%}
#secondary select, #secondary option, #secondary input{color: #111}
#searchform{position: relative;}
#searchform input[type="submit"]{color: #fff!important; position: absolute; top: 0; right: 0; padding: 0 10px; border-radius: 0 5px 5px 0}
#secondary .widget-title{color: #111}
#secondary li{margin-bottom: 10px; border-bottom: 1px solid #fff; padding-bottom: 10px}
#secondary li:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 0}
#secondary .widget_media_image img{margin: 0 auto; display: block}


.footer-wrapper{margin-top: 30px}
.wpb-js-composer .footer-wrapper{margin-top: 0}
.section-widget-footer{background: #EDEDEE; padding: 40px 0 30px}
.section-widget-footer, .section-widget-footer a{color: #005859}
.section-widget-footer a:hover{color: #c2c2c2}
.section-widget-footer p, .section-widget-footer li{margin-bottom: 10px}
.section-widget-footer li:before{ content: '\f105'; font-family: FontAwesome; margin-right: 5px; color: #c2c2c2}
.section-copyright{ padding: 10px 0 15px}
.section-copyright, .section-copyright a{color: #fff}
.scrollTo {width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; right: 8px; z-index: 1; cursor: pointer; background: #005859; position: fixed; bottom: 20%; opacity: 0; visibility: hidden; color: #fff; border-radius: 50%}
.scrollTo.show {opacity: 1; visibility: visible; display: block}

/*Plugins*/
.wp-pagenavi{float: right; margin-bottom: 30px}
.wp-pagenavi a, .wp-pagenavi span {line-height: 20px; padding: 6px 12px; margin: 0 5px 0 0; border: 1px solid #005859; color: #005859; background: #fff; display: inline-block }
.wp-pagenavi span.current, .wp-pagenavi a:hover {background: #005859; color: #fff; border: 1px solid #005859 }
.wp-pagenavi a:last-child, .wp-pagenavi span:last-child{margin-right: 0}
.fb-comments,
.fb-comments > span,
.fb-comments > span > iframe {max-width: 100%; width: 100% !important}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next {position: absolute; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 0; padding: 0; opacity: 1; border-radius: 0 }
.owl-theme .owl-controls .owl-nav [class*=owl-], .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background: transparent}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next {color: #fff; font-size: 30px; line-height: 40px; }
.owl-theme .owl-controls .owl-nav .owl-prev {left: -40px}
.owl-theme .owl-controls .owl-nav .owl-next {right: -40px}
.owl-carousel:hover.owl-theme .owl-controls .owl-nav .owl-prev{left: 0}
.owl-carousel:hover.owl-theme .owl-controls .owl-nav .owl-next{right: 0}
.owl-theme .owl-controls{margin-top: 0}
.owl-controls .owl-dots{position: absolute; bottom: 0; left: 0; right: 0}
.owl-theme .owl-dots .owl-dot span{border-radius: 0; border: 3px solid rgba(17, 17, 17, 0.3); width: 12px; height: 12px; background: transparent}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ border-color: #fff}
input.wpcf7-not-valid, textarea.wpcf7-not-valid { background: #fff url(images/error.png) no-repeat 98% center; border: 1px solid #f00!important}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{background-color: #e8e8e8}
.wpcf7 .wpcf7-not-valid-tip{margin-top: -13px; position: relative; padding: 5px 8px; line-height: 1.2em; border-radius: 3px; opacity: .8; background-color: #f1f1f1; color: #b20000;}
.wpcf7 .wpcf7-not-valid-tip:after {bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-bottom-color: #f1f1f1; border-width: 10px; margin-left: -10px; }
.wpcf7 .ajax-loader, .wpcf7 form.invalid .wpcf7-response-output{display: none!important}
.processing{position:relative}
.processing:before{content:'';margin:0px auto;font-size:10px;text-indent:-9999em;border-top:3px solid rgba(0,0,0,0.1) !important;border-right:3px solid rgba(0,0,0,0.1) !important;border-bottom:3px solid rgba(0,0,0,0.1) !important;opacity:.8;border-left:3px solid #446084;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px;pointer-events:none}
.processing:before{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;z-index:99}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
/*.wpcf7-form{float: left; width: 100%}*/
.wpcf7-form .processing *{opacity:.8}
.wpcf7-spinner{display: none}

/*Call*/
.ew-alo-phone {position: fixed; left: 0; bottom: 4%; z-index: 9999}
.ew-alo-phone .call-text{margin-top: 50px; margin-left: 50px; padding: 0 15px 0 50px; background: #000; border-radius: 50px; line-height: 40px; font-size: 16px}
.ew-alo-phone .call-text a{color: #fff}
.ew-alo-ph-circle {width: 100px; height: 100px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); border: 2px solid #48A5D4 9; opacity: .1; -webkit-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -moz-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -ms-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -o-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -moz-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -ms-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -o-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone:hover .ew-alo-ph-circle {border-color: #309ACF; opacity: .5 }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle {border-color: #FDAA38; border-color: #ffc272 9; opacity: .5 }
.ew-alo-phone.ew-alo-green .ew-alo-ph-circle {border-color: #309ACF; border-color: #48A5D4 9; opacity: .5 }
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle {border-color: #ccc; opacity: .5 }
.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle {border-color: #FDAA38; opacity: .5 }
.ew-alo-ph-circle-fill {width: 100px; height: 100px; top: 20px; left: 20px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -moz-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -ms-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -o-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone:hover .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #309ACF 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); background-color: #ffc272 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-green .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #a6e3fa 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle-fill {background-color: rgba(204, 204, 204, 0.5); background-color: #ccc 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important }
.ew-alo-ph-img-circle {width: 40px; height: 40px; top: 50px; left: 50px; position: absolute; background: rgba(30, 30, 30, 0.1) url("images/icon-phone.png") no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: 1; -webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-ph-img-circle{background-size: 30px 30px}
.ew-alo-phone.ew-alo-active .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -moz-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -ms-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -o-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone:hover .ew-alo-ph-img-circle {background-color: #309ACF }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone.ew-alo-green:hover .ew-alo-ph-img-circle {background-color: #FDAA38}
.ew-alo-phone.ew-alo-green .ew-alo-ph-img-circle {background-color: #E90000}
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-img-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-img-circle {background-color: #ccc }
 .ew-alo-phone.ew-alo-gray .ew-alo-ph-img-circle {background-color: #FDAA38 }
@-moz-keyframes ew-alo-circle-anim {
    0% {-moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
    30% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
    100% {-moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes ew-alo-circle-anim {
    0% {-webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
    30% {-webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes ew-alo-circle-anim {
    0% {-o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 }
    30% {-o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
    100% {-o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes ew-alo-circle-fill-anim {
    0% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% {-moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 }
    100% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes ew-alo-circle-fill-anim {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
    100% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes ew-alo-circle-fill-anim {
    0% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% {-o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
    100% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes ew-alo-circle-img-anim {
    0% {transform: rotate(0) scale(1) skew(1deg) }
    10% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
    30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
    50% {-moz-transform: rotate(0) scale(1) skew(1deg) }
    100% {-moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes ew-alo-circle-img-anim {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes ew-alo-circle-img-anim {
    0% {-o-transform: rotate(0) scale(1) skew(1deg) }
    10% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
    30% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
    50% {-o-transform: rotate(0) scale(1) skew(1deg) }
    100% {-o-transform: rotate(0) scale(1) skew(1deg) }
}
.wpb_slider_nivo{position: relative}
.nivo-controlNav{ padding: 0; position: absolute; bottom: 0; left: 0; right: 0; z-index: 9}

/*.mega_info_box_2{float: left; width: 100%; margin-top: 0!important; margin-bottom: 20px}
.mega_info_box_2 .mega-info-header{height: inherit!important}
.mega_info_box_2 .mega-info-img{padding-bottom: 0!important}
.mega_info_box_2 .mega-info-desc{margin-bottom: 0!important}*/
.mega_info_box_2 .mega-info-footer{float: none!important}
.box-hexagon .mega_info_box_2{margin-bottom: 15px}
.box-hexagon .mega-info-header{display: flex; position: relative;width: 70px; height: 70px!important; background-color: #fff; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}
.box-hexagon .mega-info-header img.mega-info-img{width: 100%; height: auto; display: block; object-fit: cover; padding-bottom: 0;}

.ih-item.circle, .ih-item.square{margin-left: auto; margin-right: auto}
.ih-item.square{box-shadow: none}
/*.ih-item{margin-bottom: 25px}
.circle-ew .info, .circle .info, .square .info{ display: flex; justify-content: center; align-items: center; flex-direction: column}
.circle .info h3, .square .info h3{padding: inherit!important; height: inherit!important; margin: 0 0 16px!important}
.square .info h3{background: transparent!important}
.circle-ew{ position: relative}
.circle-ew, .circle-ew img{border-radius: 50%}
.circle-ew .info{ position: absolute; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; right: 0; text-align: center; bottom: 0; top: 0; left: 0; background-color: transparent;}
.circle-ew .info h3, .square .info h3{color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);}
.circle .info p, .square .info p, .circle-ew .info p{color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5)}*/

.tien-ich { height: 460px; overflow-y: scroll}
.tien-ich ul{margin-left: 0}
.tien-ich li{list-style-type: none!important; border-bottom: 1px solid #ececec; padding: 7px 0px 7px 0}
.tien-ich li:before{content: '\f105'; font-family: 'FontAwesome'; float: left; margin-right: 5px}

.carousel-caption{padding-top: 0}
.slick-slide:focus{outline: none}
.slick-custom .slick-slide{padding-right: 0; padding-left: 0}
.slick-custom .slick-slide img{-webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */ filter: grayscale(80%)}
.slick-custom .slick-center img{-webkit-filter: initial; /* Safari 6.0 - 9.0 */ filter: initial}

.mega-post-carousel1 .mega-post-meta{margin-top: 0}
.mega-post-carousel1 .mega-post-date{float: left}
.mega-post-carousel3 .mega-desc-box{border-bottom-width: 1px!important}
.custom-info-box .mega_info_box{min-height: 360px; background-color: #f7f7f7; padding: 30px 15px 0}
.custom-info-box .mega-info-btn{border: 1px solid #005859; color: #005859!important; border-radius: 0!important; padding: 0 30px!important; line-height: 36px!important; display: inline-block!important; font-size: 14px!important; text-transform: uppercase; position: absolute; bottom: 0; left: 50%; margin-left: -61px; margin-bottom: 30px; background-color: #fff!important}
.custom-info-box .mega-info-btn:hover{background-color: #005859!important; color: #fff!important}
.custom-info-box .mega-info-btn:before, .custom-info-box .mega-info-btn:after{content:''; width: 22px; height: 1px; background-color: #005859; position: absolute; top: 50%}
.custom-info-box .mega-info-btn:before{left: -11px}
.custom-info-box .mega-info-btn:after{right: -11px}

/*Style 2*/
.heading-right, .heading-left{background-color: #005859; color: #fff!important; display: inline-block; padding: 5px 15px; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75); position: relative; margin-bottom: 20px; text-transform: uppercase}
.heading-right2, .heading-left2{ position: relative; color: #005859!important; margin-bottom: 20px; font-family: 'Old Standard TT', sans-serif; font-weight: 700}
.heading-right2{text-align: left!important}
.heading-left2{text-align: right!important}
.heading-right{border-radius: 3px 3px 0 3px }
.heading-left{border-radius: 3px 3px 3px 0}
.heading-right:after, .heading-left:after{content: ''; position: absolute; display: block; border-bottom: 2px solid #005859; width: 1000%; bottom: 0; -webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.75); box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.75)}
.heading-right2:after, .heading-left2:after{content: ''; position: absolute; display: block; background-color: #005859; ; width: 85px; height: 1px; top: 50%; }
.heading-right:after, .heading-left2:after{left: 100%}
.heading-left:after, .heading-right2:after {right: 100%}
.heading-left2:after{margin-left: 15px}
.heading-right2:after{margin-right: 15px}

/*Custom anh Bằng*/
.form-slider .vc_column-inner > .wpb_wrapper{ background-color: hwb(183deg 6% 65% / 70%); padding: 30px 30px 0; border-radius: 5px;}
.form-slider .wpcf7-response-output{color: #fff}

/*col-md*/
@media screen and (max-width: 1199px) {
    
}
@media screen and (max-width: 1024px) {
    
}
/*col-sm*/
@media screen and (max-width: 991px) {
	.mobile-nav{margin-left: auto}
    .navbar-toggle {display: block}
    .container-main-menu{display: none}
    .blog-post:nth-child(3n+1){clear: inherit}
    .blog-post:nth-child(2n+1){clear: both}
    .ew-alo-phone{bottom: 22%}
}

/*col-xs*/
@media screen and (max-width: 767px) {
    
}

@media screen and (max-width: 480px) {
    .ih-item.square{width: 100%!important}
    .ih-item.square .img img{height: auto!important}
    .heading-left:after{left: 100%}
    .heading-right2:after, .heading-left2:after{content: none}
}