/*GENERAL STYLING */
@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-LightItalic.eot);src:url(fonts/SFUI/SFUIText-LightItalic.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-LightItalic.woff) format('woff'),url(fonts/SFUI/SFUIText-LightItalic.ttf) format('truetype');font-weight:200;font-style:italic}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-UltralightItalic.eot);src:url(fonts/SFUI/SFUIText-UltralightItalic.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-UltralightItalic.woff) format('woff'),url(fonts/SFUI/SFUIText-UltralightItalic.ttf) format('truetype');font-weight:200;font-style:italic}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-HeavyItalic.eot);src:url(fonts/SFUI/SFUIText-HeavyItalic.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-HeavyItalic.woff) format('woff'),url(fonts/SFUI/SFUIText-HeavyItalic.ttf) format('truetype');font-weight:900;font-style:italic}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-MediumItalic.eot);src:url(fonts/SFUI/SFUIText-MediumItalic.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-MediumItalic.woff) format('woff'),url(fonts/SFUI/SFUIText-MediumItalic.ttf) format('truetype');font-weight:500;font-style:italic}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-Ultralight.eot);src:url(fonts/SFUI/SFUIText-Ultralight.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-Ultralight.woff) format('woff'),url(fonts/SFUI/SFUIText-Ultralight.ttf) format('truetype');font-weight:200;font-style:normal}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-Medium.eot);src:url(fonts/SFUI/SFUIText-Medium.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-Medium.woff) format('woff'),url(fonts/SFUI/SFUIText-Medium.ttf) format('truetype');font-weight:500;font-style:normal}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-Light.eot);src:url(fonts/SFUI/SFUIText-Light.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-Light.woff) format('woff'),url(fonts/SFUI/SFUIText-Light.ttf) format('truetype');font-weight:200;font-style:normal}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-SemiboldItalic.eot);src:url(fonts/SFUI/SFUIText-SemiboldItalic.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-SemiboldItalic.woff) format('woff'),url(fonts/SFUI/SFUIText-SemiboldItalic.ttf) format('truetype');font-weight:600;font-style:italic}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-Semibold.eot);src:url(fonts/SFUI/SFUIText-Semibold.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-Semibold.woff) format('woff'),url(fonts/SFUI/SFUIText-Semibold.ttf) format('truetype');font-weight:600;font-style:normal}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-Heavy.eot);src:url(fonts/SFUI/SFUIText-Heavy.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-Heavy.woff) format('woff'),url(fonts/SFUI/SFUIText-Heavy.ttf) format('truetype');font-weight:900;font-style:normal}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-Bold.eot);src:url(fonts/SFUI/SFUIText-Bold.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-Bold.woff) format('woff'),url(fonts/SFUI/SFUIText-Bold.ttf) format('truetype');font-weight:bold;font-style:normal}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-Regular.eot);src:url(fonts/SFUI/SFUIText-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-Regular.woff) format('woff'),url(fonts/SFUI/SFUIText-Regular.ttf) format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-RegularItalic.eot);src:url(fonts/SFUI/SFUIText-RegularItalic.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-RegularItalic.woff) format('woff'),url(fonts/SFUI/SFUIText-RegularItalic.ttf) format('truetype');font-weight:normal;font-style:italic}@font-face{font-family:'Expro';src:url(fonts/SFUI/SFUIText-BoldItalic.eot);src:url(fonts/SFUI/SFUIText-BoldItalic.eot?#iefix) format('embedded-opentype'),url(fonts/SFUI/SFUIText-BoldItalic.woff) format('woff'),url(fonts/SFUI/SFUIText-BoldItalic.ttf) format('truetype');font-weight:bold;font-style:italic}
@font-face{
    font-family:'Futura';src:url(../fonts/FUTURA/ElleFutura.eot);
    src:url(../fonts/FUTURA/ElleFutura.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-Bold.eot);
    src:url(../fonts/FUTURA/ElleFutura-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-Bold.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-Bold.ttf) format('truetype');
    font-weight:700;font-style:normal
}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-BoldItalic.eot);
    src:url(../fonts/FUTURA/ElleFutura-BoldItalic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-BoldItalic.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-BoldItalic.ttf) format('truetype');
    font-weight:700;font-style:italic
}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-ExtraBold.eot);
    src:url(../fonts/FUTURA/ElleFutura-ExtraBold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-ExtraBold.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-ExtraBold.ttf) format('truetype');
    font-weight:800;
    font-style:normal}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-ExtraBoldItalic.eot);
    src:url(../fonts/FUTURA/ElleFutura-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-ExtraBoldItalic.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-ExtraBoldItalic.ttf) format('truetype');
    font-weight:800;font-style:italic}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-Heavy.eot);
    src:url(../fonts/FUTURA/ElleFutura-Heavy.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-Heavy.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-Heavy.ttf) format('truetype');
    font-weight:500;font-style:normal}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-HeavyItalic.eot);
    src:url(../fonts/FUTURA/ElleFutura-HeavyItalic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-HeavyItalic.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-HeavyItalic.ttf) format('truetype');
    font-weight:500;font-style:italic}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-Italic.eot);
    src:url(../fonts/FUTURA/ElleFutura-Italic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-Italic.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-Italic.ttf) format('truetype');
    font-weight:600;font-style:italic}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-Light.eot);
    src:url(../fonts/FUTURA/ElleFutura-Light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-Light.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-Light.ttf) format('truetype');
    font-weight:200;font-style:normal}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-LightItalic.eot);
    src:url(../fonts/FUTURA/ElleFutura-LightItalic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-LightItalic.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-LightItalic.ttf) format('truetype');
    font-weight:200;font-style:italic}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-Medium.eot);
    src:url(../fonts/FUTURA/ElleFutura-Medium.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-Medium.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-Medium.ttf) format('truetype');
    font-weight:600;font-style:normal}
@font-face{font-family:'Futura';
    src:url(../fonts/FUTURA/ElleFutura-MediumItalic.eot);
    src:url(../fonts/FUTURA/ElleFutura-MediumItalic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/FUTURA/ElleFutura-MediumItalic.woff) format('woff'),
    url(../fonts/FUTURA/ElleFutura-MediumItalic.ttf) format('truetype');
    font-weight:600;font-style:italic}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus {
    outline: 0 !important;
    text-decoration: none !important;
}
html, body {
    margin: 0 !important;
    padding: 0;
}
button {
    cursor: pointer;
}
body {
    line-height: 1;
    
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
caption, th, td {
    text-align: left;
    padding: 5px 10px;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: none;
}
img {
    border: none;
    max-width: 100%;
    height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, time {
    display: block;
}
li {
    /*list-style-type: none;*/
}

audio,
canvas,
progress,
video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],
template{display:none;}
/*a{background:transparent;}*/
a:active,
a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,
strong{font-weight:bold;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{top:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
i,em{font-style: italic;}
u{text-decoration: underline}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}
button,
input,
optgroup,
select,
textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,
select{text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],
html input[disabled]{cursor:default;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,
th{padding:0;}

a{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
a:hover, a:active,a:focus{
    color: var(--primary-color);
    text-decoration: none;
}
a:active, a:hover{
    outline:0;
}
h1, h2, h3, h4, h5, h6, span {
    margin:0px;
    padding:0px;
}
figure {
    max-width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, time {
    display: block;
}

b, strong {
    font-weight: 700;
}
h1, h2, h3, h4, h5, h6{
    line-height:1.5;
}
h1, h2, h3, h4, h5, h6, span{
    margin:0px;
    padding:0px;
}

p{
    margin:0;
}
i{
	font-style: italic;
}
b,strong{
	font-weight: bold;
}
iframe{width:100%;}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
*:before,
*:after{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
body {
    margin:0;
    padding:0;
    /*font-family: 'Expro','Roboto', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: 1.5;
    overflow-x: hidden;
    color: #555;
    font-size: 14px;
}
p {
    font-size: 14px;
    color:#555;
}
body.push{
    left:-280px;
    overflow:hidden;
}
.project-detail .accordion-heading.collapsed span.accordion-caret.caret-bottom.active{
  display: none !important;
}
.project-detail .accordion-heading.collapsed span.accordion-caret.caret-top

{
  display: block !important;
}

body.fixed{
    overflow:hidden;
}
.fl,.l{
    float:left;
}
.fr,.r{
    float:right;
}
h1 {
    font-size:45px;
    color:#373895;
    margin-top:0px;
}
h2 {
    font-size: 35px;
}
h2, h3, h4, h5 {
    margin: 0;
}
h3 {
    font-size: 25px;
    line-height:28px;
}
h4 {
    font-size:19px;
}
h5 {
    font-size: 17px;
    line-height:24px;
}
img {
    max-width: 100%;
    border:none;
    margin:0;
    padding:0;
    height: auto;
}
.img-responsive{
    max-width: 100%;
    height: auto;;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    transition: all .3s ease-in-out;
}
ol, ul {
    list-style: outside none none;
    margin:0;
    padding:0;
}
iframe{width:100%;}
.mobile {
    display: none !important;
}
.hide{display:none !important;}

table{
    width:100%;
}
table th,
table td{
    border:1px solid #d1d1d1;
    border-collapse:collapse;
    line-height:2 !important;
    padding:10px 20px !important;
}
table th{
    background:#f2f2f2;
    font-size:14px;
    vertical-align:middle !important;
    min-width:145px;
}
.white {
    color:#fff;
}
.no-padding-bottom {
    padding-bottom:0 !important;
}
.no-padding-top {
    padding-top:0 !important;
}
.r_text{text-align:right;}
.center,
.center_text{
    text-align:center;
    margin:0 auto;
}
.b,b{ font-weight:bold !important; }
.rq{ color:red; }
.white{color:#fff !important;}

.dark-bg{background-color:#101a28;}
.w100{width:100% !important;}
.no-pad{padding:0 !important}
.no-mar{margin:0 !important}

main input[type="text"], input[type="password"], input[type="number"], .select {
    border: solid 1px #ccc;
    padding: 7px;
}
#toc_container{
    display:block;
    width:100%;
    background:#e1edcf;
    padding:10px;
    border-radius:3px;
    margin:0px 0 20px 0;
}
#toc_container .toc_title{
    font-size:17px;
    font-family:RCB;
    margin:0px 0px 10px 0;
}
.toc_toggle a{
    color:#F00;
}
#toc_container ul{
    display:block;
    padding-top:3px;
    padding-left:0px;
    margin:0px;
	font-family: Aria;
}
#toc_container ul.toc_list li{
    display:block;
    padding-left:10px;
}
#toc_container ul.toc_list li ul li{
    display:block;
    padding-left:15px;
}
#toc_container ul.toc_list li a{
    display:block;
    line-height:20px;
	color:#676767;
}
#toc_container ul.toc_list li a:hover{
    color:#ff6600;
}
.toc_toggle{
	display:none;
}
.details-sumary{
    display:block;
    font-size:16px;
    color: #333;
}
.details-sumary h2,.details-sumary h3,.details-sumary h4,.details-sumary h5,.details-sumary h6{
    font-family: 'Be Vietnam', sans-serif !important;
    font-size:22px;
    margin: 15px 0 10px;
    text-align:left;
    font-weight:700;
    display: block;
}
.details-sumary h2{
    font-size: 27px;
    line-height:30px;
}
.details-sumary h3{
    font-size: 25px;
    line-height:27px;
}
.details-sumary h4{
    font-size: 24px;
    line-height:25px;
}
.details-sumary h5{
    font-size: 24px;
    line-height:25px;
}
.details-sumary h6{
    font-size: 20px;
    line-height:25px;
}
.details-sumary a{
    color:var(--primary-color);
    cursor: pointer;
}
.details-sumary a:hover{
    color:var(--primary-color);
    text-decoration: underline;
}
.details-sumary p{
    display:block;
    margin-bottom:10px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 4px;
    color: #333;
}
.details-sumary blockquote {
    background: #f2f2f2 none repeat scroll 0 0;
    border-left: 3px solid #0155eb;
    margin: 10px 0;
    padding: 10px;
    border-radius:3px;
}
figcaption {
    border-bottom: medium none;
    display: block;
    float: none;
    font-family: "Courier New",Courier,monospace;
    font-size: 14px;
    font-style: italic;
    margin: 0 auto;
    padding: 3px 10px 5px;
    text-align: center;
}
.details-sumary ul, .details-sumary ol {
    display: block;
    list-style-type: disc;
    margin: 15px 0;
    padding-left: 30px;
}
.details-sumary ol{
    list-style-type: decimal;
}
.details-sumary .more-articles ul {
    list-style-type: none;
    margin: auto -7.5px 10px;
    padding-left: 0;
}
.details-sumary .more-articles ul li {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.details-sumary img{
    max-width: 100% !important;
    margin: 5px auto;
    display: block;
    height: auto !important;
}
.details-sumary i,.details-sumary em{
    font-style: italic;
}
.details-sumary strong,.details-sumary b{
     font-weight: bold;
 }
.autocomplete-suggestions {
    border: 1px solid #F2F2F2;
    border-radius: 0px 0px 5px 5px;
    background: #FFF;
    overflow: auto;
}
.autocomplete-suggestion {
    padding: 2px 5px; white-space: nowrap; overflow: hidden;
}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.autocomplete-suggestion:hover{
    background: #f1f1f1;
    color: #72C02C;
    cursor: pointer;
}
#sidr-right-menu,.menu_mobile_resposive{
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wprs_magic{
    left: -9999px;
    position: absolute;
}

div.rating {
    display: inline-block;
    font-family: FontAwesome;
    position: relative;
}
div.rating::before {
    color: #ccc;
    content: "";
}
div.rating::after {
    color: #ff9900;
    left: 0;
    position: absolute;
}
span.rating {
    display: inline-block;
    font-family: FontAwesome;
    position: relative;
}
span.rating::before {
    color: #999;
    content: "";
}
span.rating::after {
    color: #ff9900;
    left: 0;
    position: absolute;
}
.r-0::before {
    content: "";
}
.r-05::after {
    content: " ";
}
.r-1::after {
    content: "";
}
.r-15::after {
    content: " ";
}
.r-2::after {
    content: "";
}
.r-25::after {
    content: " ";
}
.r-3::after {
    content: "";
}
.r-35::after {
    content: " ";
}
.r-4::after {
    content: "";
}
.r-45::after {
    content: " ";
}
.r-5::after {
    content: "";
}
.editorrating_average {
    background: #f89406 none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 10px 18px;
}
.review_content_post .row{
    border:none;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
.review_content_post .bor-tt{
    padding:0px 0;
    color:#060;
    font-weight:bold;
}
.comment-facebook{
    display: block;
    padding: 10px 0;
}
.review_content_post{
    display: block;
    padding: 10px 0;
}
#Nguoi_viet_danh_gia span{
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}
figure.aligncenter img, .aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#breadcrumb .breadcrumb>li+li:before {
    content: "\f105";
    padding: 0 5px;
    color: #000;
    font-family: FontAwesome;
}
#breadcrumb .breadcrumb>.active,#breadcrumb .breadcrumb>.active a {
    color: #579409;
}
body {
    padding:0px;
    font-size: 15px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    font-family: Arial, sans-serif;
}
.sidr ul li ul {
    padding-left: 15px;
}
.sidr ul li ul.col-sm-3{
    max-width: 100%;
    float: none;
}
.sidr ul li ul.col-sm-3 li span.fr{
    display: none;
}
.sidr-open #right-menu span:nth-child(1) {
    transform: rotate(45deg) translate(5px,10px);
    -ms-transform: rotate(45deg) translate(5px,10px);
    -webkit-transform: rotate(45deg) translate(5px,5px);
}
.sidr-open #right-menu span:nth-child(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}
.sidr-open #right-menu span:nth-child(3) {
    transform: rotate(135deg) translate(-5px,10px);
    -ms-transform: rotate(135deg) translate(-5px,10px);
    -webkit-transform: rotate(135deg) translate(-5px,7px);
}
.slide-page .slick-dots{
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
}
.slide-page .slick-dots li{
    width: 15px;
    height: 15px;
    color: transparent;
}
.slide-page .slick-active{
    opacity: 1 !important;
}
.slide-page .slick-dots li button{
    width: 15px;
    height: 15px;
    padding: 4px;
    border: 1px solid #FFF;
    border-radius: 50%;
}
.slide-page .slick-dots li button:before{
    color: transparent;
}
.slide-page .slick-dots li.slick-active button:before{
    background: #FFF;
    border-radius: 50%;
    opacity: 1;
    color: transparent;
    width: 10px;
    height: 10px;
    color: transparent;
}
.slick-prev:before, .slick-next:before {
    font-family: FontAwesome;
    font-size: 22px;
    line-height: 1;
    color: #333;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 12px;
    right: 14px;
    position: absolute;
}
.slick-prev:before { content: "\f053"; }
[dir="rtl"] .slick-prev:before { content: "\f054"; }

[dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; }
.slick-next:before { content: "\f054"; }
[dir="rtl"] .slick-next:before { content: "\f053"; }

.slide-page .slick-arrow{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #DDD;
}
.slide-page .slick-prev{
   position: absolute;
   left: 10px;
   top: 50%;
   z-index: 9999;
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.slide-page .slick-next{
    position: absolute;
    right: 16px;
    top: 50%;
    z-index: 9999;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.item-slide{
    width: 100%;
}
.loading-slider{
    background: url(../img/ajax-loading.gif) no-repeat center top 300px;
    background-size: auto;
}
.loading-slider.active{
    background: none;
}
.stuck {
    bottom: 40px;
    position: fixed;
    right: 20px;
    z-index: 996;
    border: 1px solid #dedede;
    border-radius: 50%;
}
#back-top {
    animation: 2s ease 0s normal none infinite running float;
    cursor: pointer;
}
#back-top a {
    display: block;
    height: 45px;
    width: 45px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
}
#back-top a img {
    width: 20px;
    margin: 11px 0px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
    color: #000 !important;
    cursor:pointer;
}
.slick-prev:before, .slick-next:before{
    color: #463939 !important;
}
.hidden{
    display: none;
}
a.zoom{
    display: block;
    position: relative;
    overflow: hidden;
}
a.zoom img{
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
}
a.zoom:hover img{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
figure.photo {
    display: block;
    text-align: center;
}
.page_navi{
    display: block;
    text-align: center;
}

.pagination li{
    width: 21px;
     background-color: #3BA1A2 !important;
    border-color: #3BA1A2 !important;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
   /* background-color: #3BA1A2 !important;
    border-color: #3BA1A2 !important;*/
}
.modal {
    height: 100%;
    background: rgba(0,0,0,0.5);
	position:fixed;
	top:15px;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-dialog {
    width: 95%;
    margin: 10px auto 0px auto;
}
.modal-backdrop {
    background-color: rgba(19, 16, 20, 0.8);
    background: rgba(19, 16, 20, 0.8);
    color: rgba(19, 16, 20, 0.8);
}
.fade.show{
	opacity: 1;
}
#cfacebook {
    position: fixed;
    bottom: 0px;
    right: 50px;
    z-index: 999999999999999;
    width: 250px;
    height: auto;
    box-shadow: 6px 6px 6px 10px rgba(0,0,0,0.2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}
#cfacebook a.chat_fb {
    font-style: normal;
    float: left;
    padding: 0 15px;
    width: 250px;
    color: #fff;
    text-decoration: none;
    height: 33px;
    line-height: 33px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    background-color: #3a5795;
    border: 0;
    border-bottom: 1px solid #133783;
    z-index: 9999999;
    margin-right: 12px;
    font-family: RCB;
    font-size: 16px;
}
#cfacebook .fchat {
    float: left;
    width: 100%;
    height: 220px;
    overflow: hidden;
    display: none;
    background-color: #fff;
}
#cfacebook .fchat .fb-page {
    margin-top: -130px;
    float: left;
}
.container{
	display:block;
	position:relative;
	max-width:1920px;
}
.navbar-brand {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
}
ul {
    padding: 0px;
    margin-top: 0px;
}
/* DEMO example styles for logo image */
.navbar-brand {
    padding: 0px;
}
.navbar-brand>img {
    height: auto;
    width: 100%;
    padding: 7px 14px;
}
.navbar {
    margin-bottom: 0px;
}
/*Slider*/
.slider-home {
    max-height: 500px;
}

.full-slider {
    width: 100%;
    overflow: hidden;
}

a.navbar-brand {
    position: absolute;
    bottom: 0;
    z-index: 9;
}
.form-search {
    background: var(--primary-color);
    padding: 15px 0;
}
.form {
    width: auto;
    float: left;
}
.form.pt-1 {
    width: 48%;
}
.form.pt-2 {
    width: 18%;
    margin-left: 10px;
}
.form.pt-3 {
    width: 12%;
    margin-left: 10px;
}
.search_main{
    display: block;
    padding:10px;
}
.form button#dropdownMenu1 {
    width: 100%;
}
.row.align-items-center.justify-content-center {
    padding: 10px;
}
.box-container-search{
    background: #fff;
}

main .btn{
    padding: 8px 12px;
}
main .form-control{
    height: 38px;   
}
main .form .form-group {
    margin-bottom: 0;
}
main .form .form-control, .form .btn {
    height: 44px;
}

main .form  .btn-primary {
    color: #fff;
    background-color: #fe6e00;
    border-color: #fe6e00;
}
main .form.pt-1 input.form-control {
    border-left: none;
}
.widget-right, .widget-left {
    padding-top: 20px;
}
.form.pt-1 button.btn.btn-default {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-right: 0;
    border-right: 0px;
    background: #fff;
}

.thumbnail-img {
    width: 100%;
    display: inline-block;
    position: relative;

}
.thumbnail-img  img {
    vertical-align: middle;
    width: 100%;
    display: inline-block;
}
.media-heading {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
}
.featured-products  h2{
    color: #002f66;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 5px 0;
}
.news-products h2{
    color: #FFF;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 5px 0;
}
.news-project h2{
    color: #002f66;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 5px 0;
}
.blog-news h2{
    color: #002f66;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 5px 0;
}
.is-divider {
    height: 4px;
    display: block;
    background-color: #f1bb19;
    margin: 0 auto;
    display: table;
    border-radius: 4px;
    width: 100%;
    max-width: 70px;
    text-align: center;
    margin-bottom: 35px;
}

.button-readmore {
    text-align: center;
    margin:0 auto;
    text-transform: uppercase;
    padding: 10px 25px;
    font-size: 16px;
    display: table;
    background:var(--primary-color);
}
.col-md-4.widget-right {
    background: #f7f5f5;
    display: inline-block;
}
.thumbnail-img .price .m2 {
    font-weight: 400;
    display: block;
}
.thumbnail-img .price {
    position: absolute;
    top: 0;
    right: 10px;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(0% 0%, 100% 0, 100% 50%, 50% 100%, 0 50%);
    background-color: var(--primary-color);
    color: #fff;
    background-size: cover;
    background-position: center center;
    padding: 10px 15px 25px 15px;
}
.thumbnail-img .featured-products .fa {
    color: var(--primary-color);
}
.thumbnail-img .caption h3 {
    font-size: 20px;
}
.thumbnail-img {
    text-decoration: none !important;
    list-style: none  !important;
}
.thumbnail-img .caption p {
    font-size: 16px;
}
.news-products h2 {
    text-align: center;
}
.news-products .widget-left {
    padding: 0px;
}
.news-products {
    background: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 0;
    color: #fff;
}
.news-products .thumbnail-img .price {
    background-color: #f1bb19;
}
.news-products  .thumbnail-img .caption h3 {
    min-height: 40px;
}
.news-products  .thumbnail-img:hover {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
/*.news-products  .thumbnail-img:hover  .caption {
  padding: 10px;
}*/
.thumbnail-img {
    color: #000;
}
.news-products .thumbnail-img {
    color: #fff;
}

.widget-right .media {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 15px;
}
.h2, h2 {
    font-size: 35px;
}
.news-products .is-divider {
    background-color: #fff;
}
.news-project h2 {
    text-align: center;
    font-size: 35px;
    color: var(--primary-color);
}
.news-project .h4 {
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    padding-bottom: 15px;
}
.news-project {
    font-size: 16px;
}
.news-project ul {
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
}
.news-project ul li:before {
    content: "\f192";
    color: var(--primary-color);
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    margin-top: 2px;
}
.news-project ul li {
    padding-left: 20px;
    position: relative;
    line-height: 26px;
}
.news-project  .button-readmore {
    text-align: left;
    display: inherit;
    margin-top: 12px;
}
.news-project .media-left a {
    display: inline-block;
}
.news-project .media-object {
    padding-right: 30px;
}
.blog-news {
    background: #f2f0f0;
    margin-top: 50px;
    padding-top: 20px;
}
.blog-news h2 {
    text-align: center;
    color: var(--primary-color);
}

.footer-info {
    margin: 0 auto;
    padding-top: 15px;
}
.footer-info a {
    color: #fff;
}
.footer-info .info-item {
    list-style: none;
    margin: 0 0 6px 0;
    position: relative;
    padding-left: 31px;
    color: #fff;
    line-height: 26px;
    font-size: 15px;
}
.footer-info .info-item.blank {
    height: 5px;
}
.footer-info .info-item .fa {
    position: absolute;
    left: 3px;
    top: 4px;
}
.footer {
    background: url(../img/bg-ft.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*margin-top: 30px;*/
    padding: 30px 0;
    color: #fff;
}
.menu-footer a {
    font-size: 15px;
    color: #fff;
    line-height: 26px;
}

li.info-item {
    list-style: none;
    list-style: none;
}
.footer h3 {
    font-size: 20px;
    color: #f1bb19;
    padding-bottom: 15px;
}


/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;
}
ul.social-network li {
    display: inline;
    margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
    background-color: #F56505;
}
.social-network a.icoFacebook:hover {
    background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
    background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
    background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
    background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
    background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
    color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
    color:#44BCDD;
}
.social-circle li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    width: 45px;
    height: 45px;
    font-size:20px;
    border: 1px solid #fff;
}
.social-circle li i {
    margin:0;
    line-height:45px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.media-left{
    display: block;
    float: left;
}

.menu_primary{
    display: block;
    position: relative;
    padding: 0px;
}
#primary_menu_top_one{
    float: left;
    display: block;
    z-index: 2;
    position: relative;
    padding-right: 50px;
}
#primary_menu_top_two{
    float: right;
    display: block;
    z-index: 2;
    position: relative;
    padding-left: 50px;
}
.menu_primary .nav-main .logo{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
.menu_primary .nav-main .logo a{
     display: block;
 }
.menu_primary .nav-main .logo a img{
    display: block;
    max-height: 110px;
}
ul.main-menu>li{
    display: block;
    position: relative;
    float: left;
}
ul.main-menu>li>a{
    display: block;
    position: relative;
    padding: 15px 20px;
    line-height: 30px;
    /*font-family: 'Be Vietnam', sans-serif !important;*/
    /*font-size: 20px;*/
    font-size: 16px;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: 700;
    color: #333;
}
ul.main-menu>li>ul{
    width: 250px;
    position: absolute;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    text-align: left !important;
    left: 0;
    list-style: none;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    background-color: rgba(255,255,255,0.95);
}
ul.main-menu>li:hover>ul{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
ul.main-menu>li.child_menu ul.has-sub:after {
    content: '';
    display: block;
    position: absolute;
    top: -11px;
    left: 14px;
    border: 6px solid transparent;
    border-bottom-width: 5px;
    border-bottom-color: #FFF;
    left: 50px;
    /*
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    */
}
ul.main-menu>li>ul>li{
    margin: 0;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    text-align: left;
    display: block;
}
ul.main-menu>li.child_menu:after{
    content: '\f0d7';
    font-family: "FontAwesome";
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    position: absolute;
    bottom: 15px;
    right: 6px;
    color: #999;
    font-size: 14px;
}
ul.main-menu>li>ul>li>a{
    display: block;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 15px;
    line-height: 18px;
    text-transform: capitalize;
    padding: 15px 15px 15px 25px;
    color: #2e3e49;
    position: relative;
}
ul.main-menu>li>ul>li>a:before{
    content: '\e838';
    font-family: "iconfont";
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    position: absolute;
    top: 16px;
    left: -2px;
    color: #999;
    font-size: 16px;
}
ul.main-menu>li>ul>li>a:hover:before{
   color: var(--primary-color);
}
ul.main-menu>li>a:hover{
    color: var(--primary-color);
}
ul.main-menu>li>ul>li>a:hover{
    color: var(--primary-color);
    text-decoration: underline;
}
@media screen and (max-width:767px){
    .form {
        width: auto;
        float: none;
    }
    .form.pt-1 {
        width: 100%;
        float: none;
    }
    .form.pt-2 {
        width: 100%;
        margin-left: 0;
    }
}
a.effect {
    display: block;
    position: relative;
    overflow: hidden;
}
a.effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
a.effect:hover:before{
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}
@keyframes shine {
    100% {
        left: 125%
    }
}

.item_detais_product .item-thumb{
    display: block;
    position: relative;
}
.tab-content.project #home{
    opacity: 1;
}
.tab-content.project{
        border: none;
}
section.search_tab_index.clear.section_home {
    display: none;
}
body .pagination>.active>span {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
ul.nav.nav-tabs.project-tabs.d-flex.flex-wrap.justify-content-center.text-nowrap.mb-3 {
    border-bottom: none;
}
.tab-content.project {
    border: none;
    padding: 0;
}
.item_detais_product .item-thumb .item_category{
    display: block;
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 12px;
}
.item_detais_product h3{
    display: block;
    padding:5px 0;
    position: relative;
    display: -webkit-box;
    height: 43px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    line-height: 22px;
    margin-top: 0px;
    text-align:left;
    margin-bottom:10px;
    text-transform: capitalize;
    color: #3F3333;
    font-family:Expro;
    font-size:14px;
}
.product_category_container .item_detais_product .excerpt{
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 50px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    line-height: 22px;
    text-align: left;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #3F3333;
    font-family: Expro;
    font-size: 14px;
}
.item_detais_product h3 a{
    display: block;
    font-family: Expro;
    font-size: 17px;
    font-weight: 500;
    color: #2e82d0;
}
.item_detais_product h3 a:hover{
    color: var(--primary-color);
}
.item_detais_product .excerpt{
    display: block;
    font-family: Expro, "Arial", "Times New Roman", Times, serif;
    font-size: 15px;
    padding-bottom: 10px;
    font-style: italic;
}

.item_product_nb .excerpt{
	color: #616161;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 44px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
	margin-bottom:10px;
}

.nb_link_bds{
    margin-top: 20px;
    margin-bottom: 20px;
}
.item_detais_product .item-thumb .item_category span{
    display: block;
    margin-right: 5px;
    float: left;
    color: #fff;
    border-radius: 2px;
    font-size: 9px;
    padding: 2px 4px 2px;
    text-transform: uppercase;
    margin-bottom: 0;
    /* line-height: 11px; */
    vertical-align: top;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    /* font-size: 8px; */
    font-family: Arial, "Arial", "Times New Roman", Times, serif;
    margin-bottom: 5px;
    border-radius: 5px;
    line-height: 20px;
}
.item_detais_product .item-thumb .item_category span.label_need,.head_single_product .label_need {
    background-color: #333;
}
.item_detais_product .item-thumb .item_category span.label_area,.head_single_product .label_area{
    background-color: #bcbcbc;
    margin-left: 5px;
}
.head_single_product .item_category .label_need,.head_single_product .item_category .label_area{
    color: #FFF;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    padding: 3px 10px 3px;
    display: block;
    float: left;
    margin-bottom: 5px;
}
.item_detais_product .item-thumb a{
    display: block;
    position: relative;
    z-index: 1;
}
.item_detais_product .item-thumb .item_price{
    display: block;
    position: absolute;
    z-index: 10;
    left: 12px;
    bottom: 12px;
    z-index: 4;
    text-align: left;
    font-family: "Futura";
    font-weight: 700;
}
.item_detais_product .item-thumb .item_price span{
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    font-weight: 500;
    text-transform: inherit;
    text-align: inherit;
}
.bds_nb_tab_home .row{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.bds_nb_tab_home .row [class*="col-"]{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.sidebar_category_project_home .media-project{
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1ecec;
}
.sidebar_home_field h3{
    display: block;
    color: var(--primary-color);
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 5px 0;
}
.sidebar_home_field .is-divider{
    background-color: #2e82d0;
}
.media-body-project h4{
    display: -webkit-box;
    max-height: 65px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    line-height: 20px;
    text-align:left;
    margin-bottom:10px;
    text-transform: capitalize;
    color: #3F3333;
    font-family:Expro;
    font-size:14px;
}
.media-body-project h4 a{
    font-size: 15px;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: 500;
    display: block;
    color: #333;
}
.media-body-project a.readmore{
    font-size: 14px;
    font-family: Expro;
    color: #333;
}
.media-body-project a:hover{
    color: var(--primary-color);
}
section#project_new_index{
    display: block;
}
.product_list_slick{
    position: relative;
    display: block;
}

.product_list_slick .slick-dots{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    position: absolute;
    bottom: -45px;
    left: 0px;
    right: 0px;
}
.product_list_slick .slick-dots li {
    margin-left: 5px;
    padding-left: 0px;
    display: inline-block;
}
.product_list_slick .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #d8d8e8;
    text-indent: -9999px;
}
.product_list_slick .slick-dots li.slick-active button {
    background-color: var(--primary-color);
}
.product_list_slick .slick-dots li:before,.product_list_slick .slick-dots li:after{
    content: "";
}
.project_runing .media_list_project {
    display: block;
}
.project_runing .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.project_runing [class*="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.media-body-project-one .media-heading{
    display: block;
    padding-bottom: 10px;
}
.media-body-project-one .media-heading a{
    display: block;
    font-family: Expro;
    font-size: 22px;
    font-weight: 500;
    color: #333;
    line-height: 30px;
}
.media-body-project-one{
    display: block;
    padding-bottom: 10px;
}
.media-body-project-one .button-readmore{
    display: inline-block !important;
}
.readmore_single_project{
    float: right;
    padding: 10px 0;
    color: #999;
    font-size: 14px;
}
.list_item_post_right .media-heading{
    padding: 0px;
    position: relative;
    display: -webkit-box;
    max-height: 77px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    line-height: 22px;
    text-align: left;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #3F3333;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 14px;
}
.list_item_post_right .media-heading a{
    display: block;
    font-size: 18px;
    line-height: 25px;
}
.col_lumn_post_right .list_item_post_right {
    padding-bottom: 5px;
    margin-top: 5px;
    display: block;
}
.group_list_collectionNew .row{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.group_list_collectionNew .row [class*="col-"]{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.col_lumn_post_right{
    display: block;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}
.row_column_news_home {
    display: block;
}
.col_lumn_post_right .row_column_news_home:nth-of-type(1) .list_item_post_right {
    margin-top: 0px;
}
.col_lumn_post_right .row_column_news_home:last-child .list_item_post_right {
    border-bottom: 0px;
    padding-bottom: 0px;
}
.firt_post_new .caption_post h3{
    padding: 0px;
    position: relative;
    display: -webkit-box;
    max-height: 30px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    line-height: 30px;
    margin: 5px 0;
}
.firt_post_new .caption_post h3 a{
    text-transform: capitalize;
    color: #3F3333;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 20px;
    text-align: left;
    font-weight: 600;
}
.firt_post_new .excerpt_post {
    padding: 0px;
    position: relative;
    display: -webkit-box;
    max-height: 50px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    line-height: 22px;
    text-align: left;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #3F3333;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 14px;
}
#blog_new_index .blog-news{
    padding-bottom: 30px;
    display: block;
}
footer.footer_site{
    margin-top: 0px;
}
#page{
    display: block;
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}
.footer_container {
    display: table;
    position: relative;
}
.footer_container .item_col_footer {
    display: table-cell;
    position: relative;
    width: 20%;
    padding: 0 10px;
    vertical-align: top;
    font-family: 'Be Vietnam', sans-serif !important;
    text-align: left;
}
.footer_container .item_col_footer:nth-of-type(1) {
    padding-left: 0px;
}
.footer_container .col-ft-2 {
    width: 33%;
}
.footer_container .col-ft-3 {
    width: 27%;
}
.footer_container .item_col_footer:nth-of-type(4) {
    padding-right: 0px;
}
.text-uppercase{
    text-transform: uppercase;
}
footer.footer_site  .title-footer{
    font-size: 20px;
    color: #f1bb19;
    padding-bottom: 15px;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: bold;
}
.col-ft-2 ul{
    display: block;
}
.col-ft-2 ul li{
    display: block;
    position: relative;
    padding-left: 20px;
    color: #FFF;
    font-size: 15px;
    font-family: 'Be Vietnam', sans-serif !important;
    line-height: 30px;
}
.col-ft-2 ul li i{
    display: block;
    position: absolute;
    top:9px;
    left: 0;
    color: #f1bb19;
}
.col-ft-2 h4.title_v2{
    font-size: 18px;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: 600;
}
.col-ft-2 ul li a{
    color: #FFF;
}
.col-ft-1 .logo-footer{
    display: block;
}
.col-ft-1 .logo-footer a{
    display: block;
}
.col-ft-1 .logo-footer a img{
    display: block;
    margin: 0 auto;
}
ul#primary_menu-footter-id{
    display: block;
}
ul#primary_menu-footter-id li{
    display: block;
}
ul#primary_menu-footter-id li a{
    display: block;
    color: #FFF;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 17px;
    position: relative;
    padding-left: 20px;
}
ul#primary_menu-footter-id li a:before{
    display: block;
    position: absolute;
    content: "\f101";
    left: 0px;
    top: 5px;
    font-family: FontAwesome;
    font-size: 12px;
}
ul#primary_menu-footter-id li a:hover{
    color: #f1bb19;
}
.footer_container .col-ft-1{
    vertical-align: middle;
}
.footer_container .col-ft-1 .logo-footer img{
    max-height: 112px;
}
.bg_img_customer{
    background: url('../img/paralax.jpg') no-repeat left center;
    background-size: cover;
    width: 100%;
    padding: 200px 0px;
    display: block;
}
.breadcrumbs_top_page .breadcrumb{
    padding: 5px 10px 5px 0px;
    margin: 15px 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}
.group-section-wrap{
    padding: 30px 0;
}
#sidebar {
    padding: 0;
    display: block;
    position: relative;
    margin: 0px;
}
.sidebar-white .widget{
    border: none !important;
}
.sidebar-white .widget + .widget{
    margin-top: 30px !important;
}
@media(max-width: 768px){
    .bg_img_customer{
        padding: 50px 0;
    }
}

header.header_site {
    position: relative;
    z-index: 10;
}
.main-container{
    position: relative;
    z-index: 5;
}
footer.footer_site {
    position: relative;
    z-index: 10;
}
ul.social_like_single {
    display: block;
    text-align: right;
    position: relative;
}
ul.social_single_like_top {
    text-align: right;
}
ul.social_like_single li {
    display: inline-block;
}
ul.social_like_single li.linkin {
    margin: 0 5px;
    height: 20px;
    position: relative;
    top: -7px;
}
pre.description {
        white-space: pre-wrap;
    color: #6E6E6E;
    font-family: "Inter",sans-serif;
    border: none;
    background: transparent;
    padding: 0;
}
#swiperCard.margin20 {
    margin: 20px;
}
.project-buy-rent{
        background-color: var(--primary-color);
    color: #fff;
    font-weight: bold;
    padding: 10px 10px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
}
.items-project-sidebar .project-card img{
height: 240px;
}
body .items-project-sidebar .project-card {
    height: 360px;
}
.items-project-sidebar .project-card{
    margin: 0 !important;
    margin-bottom: 15px !important;
}
 .project-detail__highlights .highlight{
    border-bottom: 1px solid;
    border-color: #E4E7EB;
    padding-bottom: 15px;
}
#collapse-accordionFacilities .title_project_t {
    display: none;
}
.project-detail__highlights .project-detail__highlights-field {
    font-weight: bold;
}
 .project-detail__highlights .project-detail__highlights-value {
    text-align: end;
}
ul.social_like_single li.pinterest {
    margin-right: 5px;
}
ul.social_like_single li.pinterest a img{
    display: block;
}
ul.social_like_single li.twitter_btn {
    margin-left: 0px;
    margin-right: 0px;
}
ul.social_like_single li.fb_btn {
    position: relative;
    top: -3px;
    vertical-align: top;
}
ul.social_like_single li.fb-share-tbn{
    margin-left:5px;
}
ul.social_like_single li.linkhay a {
    display: block;
    text-decoration: none;
}
ul.social_like_single li.linkhay a img {
    border: 0px none;
    height: 20px;
}
.details-sumary ul.social_like_single li img{
    margin: 0px auto;
    display: block;

}
.head_single_product h1{
    display: block;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 25px;
    font-weight: 500;
    color: var(--primary-color);
}
.table-list {
    display: table !important;
    width: 100%;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.head_single_product .address {
    display: block;
    font-style: italic;
    padding: 10px 0 10px 0;
}
.detail-block {
        background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    margin-bottom: 15px;
}
.area_product_gs{
    padding: 0px;
}
.area_product_gs .detail-title{
    border-bottom: 1px solid #fdf1f1;
    padding: 10px;
 }
.area_product_gs .detail-title .title-left{
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    text-align: left;
    display: block;
    float: left;
    color: #fff
}
.area_product_gs .title-right{
    text-align: right;
    display: block;
    float: right;
}
.area_product_gs .title-right a{
    display: block;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 600;
}
.area_product_gs .title-right a:hover{
    text-decoration: underline;
    color: #373895;
}
.area_product_gs .list_single_view{
    display: block;
    padding: 15px;
    background: #FFF;
}
.area_product_gs .list_single_view .list-three-col{
    padding-left: 0px;
    margin: 0px;
}

.table2 {
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    position: relative;
}
.project-detail .accordion-heading .accordion-caret.active {
    display: flex !important;
}
.project-detail .accordion-heading .accordion-caret {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    color: black;
    display: none;
}
.project-detail .accordion-heading {
    cursor: pointer;
    display: flex;
    border-bottom: solid .5px;
    border-color: #E4E7EB;
    margin-bottom: 1.5rem;
}
.project-detail{
    position: relative;
}
.project-detail__metrics {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: 10vh;
    background-color: #000;
    background-color: rgba(0,0,0,0.8);
    color: white;
    font-weight: bold;
}
.div-table-cell .header {
       background-color: var(--primary-color);
    color: #fff;
    font-weight: bold;
    padding: 10px 10px;
    text-transform: uppercase;
    text-align: center;
}
.customer-avatar {
    text-align: center;
    margin: 15px 0 8px;
}
#divCustomerInfo {
    padding: 10px 10px 40px 10px;
}
.table2 .table-contact {
    text-align: center;
    border-top: 1px solid #DFDFDF;
    padding: 12px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
#divCustomerInfo .right-content {
    margin-bottom: 15px;
}
#divCustomerInfo .left {
    width: 90px;
}
.table-detail .left {
    float: left;
}
.normalblue {
    color: #055699;
}
#divCustomerInfo .right {
    width: 230px;
}
#divCustomerInfo .right {
    float: right;
}
.hidden-phone:hover {
    background-color: #F5F5F5;
}
 .details-sumary #overview i, .details-sumary #overview em{
 color: var(--primary-color)
}
#overview .flex-view-align.no-gutters.flex-wrap {
    justify-content: end;
}
.flex-wrap{
    flex-wrap: wrap;
}
.d-flex{
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
}
.last-project{
    width: calc(100% - 70%)
}
.last-project .label_need{
    display: block;
    width: 100%;
}
.price-top-project{
    font-size: 22px;
}
.area_product_gs a{
    color: #333;
}
.form_single_view .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid var(--primary-color);
    border-radius: .25rem;
}
.form_single_view .border-primary {

}
.form_single_view .rounded-0 {
    border-radius: 0!important;
}
.form_single_view .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.form_single_view .p-0 {
    padding: 0!important;
}
.form_single_view .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.form_single_view .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.form_single_view .p-3 {
    padding: 1rem!important;
}
.form_single_view .form-group {
    margin-bottom: 1rem;
}
.form_single_view .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.form_single_view .mb-2, .form_single_view .my-2 {
    margin-bottom: .5rem!important;
}
.form_single_view .input-group-append, .form_single_view .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}
.form_single_view .input-group-prepend {
    margin-right: -1px;
}
.form_single_view .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    width: 40px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form_single_view .text-info {
    color: var(--primary-color) !important;
}
.form_single_view .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form_single_view .input-group>.custom-file,.form_single_view .input-group>.custom-select,.form_single_view .input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.form_single_view .input-group>.custom-select:not(:first-child),.form_single_view .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.text-center {
    text-align: center!important;
}
.text-white {
    color: #fff;
}
.m-0 {
    margin: 0!important;
}
.form_single_view .card-header .bg-info{
    display: block;
    padding: 15px 0;
    color: var(--primary-color);
}
.form_single_view .bg-info h3{
    display: block;
    text-align: center;
    margin: 0px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.form_single_view .bg-info p.m-0{
    font-style: italic;
    color: #333;
}
.form_single_view .card input[type=submit]{
    background: var(--primary-color);
    width: inherit;
    margin: 0 auto;
    border: none;
    text-transform: uppercase;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: 600;
}
.form_single_view .card input[type=submit]:hover{
    background: #cb8909;
}
.listNews_releated_single_container{
    display: block;
    padding: 30px 0;
}
.listNews_releated_single_container h3.title_product{
        display: block;
    color: #333;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 24px !important;
    text-align: center;
    position: relative;
    padding-left: 0px;
    text-transform: uppercase;
    /* font-size: 20px; */
    font-weight: bold;
        line-height: 1.4;
}
.listNews_releated_single_container  .no-gutters.row{
    margin: 0
}
.listNews_releated_single_container h3.title_product span{
    color: var(--primary-color);
    font-style: italic;
}
.seperate-icon, .block-pding {
    display: block;
    text-align: center;
}
.product_releated_single {
    display: block;
    margin-top: 15px;
}
.box-item-gallery-product{
    display: block;
    margin-bottom: 10px;
}
.details-sumary .entry-content{
    display: block;
    margin-bottom: 15px;
}
.address_single ul.list-three-col li{
    text-align: left;
    font-style: italic;
    color: var(--primary-color);
    font-family: 'Be Vietnam', sans-serif !important;
}
.address_single ul.list-three-col li strong{
    font-style: normal;
    color: #333;
}
.detail-info ul.list-three-col li{
    display: block;
    margin-bottom: 5px;

    font-style: italic;
    color: var(--primary-color);
    font-family: 'Be Vietnam', sans-serif !important;
}
.detail-info ul.list-three-col li strong{
    font-style: normal;
    color: #333;
}
.detail-info ul.list-three-col li .price,.detail-info ul.list-three-col li .room{
    color: #FF0000;
}
.detail-info ul.list-three-col li a{
    color: var(--primary-color);
}
.detail-info ul.list-three-col li a:hover{
    color: var(--primary-color);
    text-decoration: underline;
}
.detail-utility ul.list-three-col li{
    display: block;
    margin-bottom: 5px;
}
.detail-utility ul.list-three-col li a{
    color: var(--primary-color);
    font-size: 17px;
}
.detail-utility ul.list-three-col li a i{
    color: #333;
}
.detail-utility ul.list-three-col li a:hover{
    color: var(--primary-color);
    text-decoration: underline;
}
.box-container-search .btn-block{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.widget_item_sidebar{
    display: block;
    border: 1px solid #F1F1F1;
    margin-bottom: 15px;
    overflow: hidden;
}
.widget_item_sidebar .title{
       border-bottom: 1px solid #fdf1f1;
    padding: 10px 10px;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background: var(--primary-color);
    color: #fff;
    margin-top: 0;
}
:root {
    --primary-color: #821e53 !important;
    font-size: 16px;
}
.widget_item_sidebar .title i{
    font-size: 14px;
    margin-right: 10px;
}
.widget_item_sidebar ul.sidebar-list-category{
    display: block;
}
.widget_item_sidebar ul.sidebar-list-category li{
    display: block;
    border-bottom: 1px solid #f2f2f2;
    padding: 5px 10px 5px 25px;
    position: relative;
    text-align: left;
}
.widget_item_sidebar ul.sidebar-list-category li:last-child{
    border-bottom: none;
}
.widget_item_sidebar ul.sidebar-list-category li a{
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: 600;
    text-align: left;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: var(--primary-color);
}
.widget_item_sidebar ul.sidebar-list-category li a:before{
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: var(--primary-color);
    font-size: 15px;
    position: absolute;
    top: -2px;
    left: -10px;
}
.widget_item_sidebar ul.sidebar-list-category li a:hover{
    color: #333;
}
.widget_item_sidebar ul.sidebar-list-category li a:hover:before{
    color: #333;
}
.widget_item_sidebar ul.sidebar-list-category li span.cat-count{
    float: right;
    font-size: 13px;
    font-family: 'Be Vietnam', sans-serif !important;
    font-weight: 500;
}
.widget_item_sidebar .group_item_product{
    display: block;
    padding: 0px 10px 10px 10px;
}
.widget_item_sidebar .group_item_product .list-item{
    margin-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f1f1f1;
}
/*
.widget_item_sidebar .group_item_product .list-item .item_detais_product h3{
    padding-top: 0px;
    margin-bottom: 5px;
}
*/
.widget_item_sidebar .group_item_product .list-item .item_detais_product h3 a{
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 19px;
}
.widget_item_sidebar .group_item_product .list-item .item_detais_product .price_show{
    font-weight: bold;
    color: #F00;
}
.widget_item_sidebar .group_item_product .list-item .item_detais_product .amenities span{
    font-weight: bold;
    color: var(--primary-color);
}
.widget_item_sidebar .group_item_product .row{
    margin-left: -5px;
    margin-right: -5px;
}
.widget_item_sidebar .group_item_product .row [class*="col-"]{
    padding-left: 5px;
    padding-right: 5px;
}
.widget_item_sidebar .group_item_product .list-item:last-child{
    border-bottom: none;
}
.newslist_page {
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #F1F1F1;
}
.newslist_page:nth-child(odd) .newslist_img {
    width: 50%;
    float: right;
    background-color: #f8f8f8;
    text-align: center;
    overflow: hidden;
    display: block;
}
.newslist_page:nth-child(odd) .newslist_title {
    width: 50%;
    float: right;
}

.row_project .newslist_page:nth-child(odd) .newslist_img,.row_project .newslist_page:nth-child(odd) .newslist_title {
    width: 100%;
    display: block;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
}
.row_project .newslist_page:nth-child(even) .newslist_img,.row_project .newslist_page:nth-child(even) .newslist_title {
    width: 100%;
    display: block;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
}
.project-item_view{
    display: block;
    padding: 15px;
    border: 1px solid #CCC;
}

.newslist_title {
    padding: 0 15px;
}
.newslist_page h3 {
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    max-height: 70px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    line-height: 22px;
    text-align: left;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #3F3333;
    font-family: Expro;
    font-size: 14px;
}
.newslist_title .excerpt-news {
    font-style: italic;
    color: #616161;

    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 75px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Expro;
    font-size: 14px;
}
p.icon_news {
    overflow: auto;
    line-height: 25px;
    font-size: 12px;
    color: #999;
    font-style: oblique;
}
.newslist_page h3 a {
    display: block;
    font-family: 'Be Vietnam', sans-serif, "Arial", "Times New Roman", Times, serif;
    font-size: 22px;
    font-weight: 600;
    color: #333;
    line-height: 25px;
}
.newslist_page h3 a:hover{
    color: var(--primary-color);
}
.newslist_page:nth-child(even) .newslist_img {
    width: 50%;
    float: left;
    background-color: #f8f8f8;
    text-align: center;
    overflow: hidden;
    display: block;
}
.newslist_page:nth-child(even) .newslist_title {
    width: 50%;
    float: left;
}
.newslist_title span.cate a{
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    color: var(--primary-color);
}
.listNews h1{
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 20px;
    display: block;
}
.news_page_gs .newslist_page:last-child{
    border-bottom: none;
}
.newslist_title .cate{
    display: block;
    background: #cb8b29;
    padding: 0px 0px 0px 15px;
    margin-bottom: 5px;
}
.newslist_title .cate a{
    color: #FFF;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 14px;
}
.newslist_title .cate a:hover{
    text-decoration: underline;
}
.readmore .more_link,.readmore .more_link a{
    color: #cb8b29;
    font-size: 13px;
    font-family: Expro;
}
.newslist_page .project-item_view h3{
    max-height: inherit;
    height: 30px;
    -webkit-line-clamp: 1;
}
.newslist_page .project-item_view h3 a{
    font-size: 20px;
    color: var(--primary-color);
}
.newslist_page .project-item_view h3 a:hover{
    color: #cb8b29;
}
.news_page_gs .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.news_page_gs .row [class*="col-"]{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.news_page_gs .row .newslist_page {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 15px;
    display: block;
}
.news_page_gs .excerpt .blog_item_title{
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 52px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    line-height: 22px;
    text-align: left;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #3F3333;
    font-family: Expro;
    font-size: 14px;
}
.news_page_gs .excerpt .blog_item_title a{
    display: block;
    color: var(--primary-color);
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 18px;
}
.news_page_gs .excerpt .blog_item_title a:hover{
    color: var(--primary-color);
}
.news_page_gs .excerpt .excerpt-news{
    display: block;
    position: relative;
    display: -webkit-box;
    height: 70px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    color: #3F3333;
    font-family: Expro;
    font-size: 14px;
}
.sort_name span.title {
    font-weight: bold;
    display: block;
    padding: 10px 0;
    font-size: 17px;
    font-family: RCB;
    color: #B01F24;
    text-transform: uppercase;
}
.view_order {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    margin: 0px 0 10px 0px;
    padding: 10px;
    position: relative;
}
.lien-he-container {
    display: block;
    padding: 0px 10px 0 10px;
    margin: 15px 0;
}
.lien-he-container .row {
    margin-left: -5px;
    margin-right: -5px;
}
.lien-he-container .row [class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px;
}
.view_order p {
    display: block;
    margin-bottom: 5px;
}
.container_contact {
    margin-bottom: 15px;
}
#map_canvas {
    width: 100%;
    height: 450px;
}
.wrapper-contact-form {
    display: block;
    margin-top: 15px;
}
.content_tbl_contact {
    display: block;
    text-align: center;
}
.newslist_page .newslist_title{
    padding-left: 0px;
}
.newslist_page:nth-child(even) .newslist_title {
    padding-left: 15px;
}
.group-top-single-new {
    display: block;
}
.group-top-single-new time {
    display: block;
    font-size: 12px;
    color: #DDD;
}
.group-top-single-new h2 {
    display: block;
    font-size: 13px;
    padding-left: 10px;
}
.group-top-single-new h2 a {
    display: block;
    color: var(--primary-color);
    cursor: pointer;
}

.details-sumary p{
    font-size: 16px;
    font-weight: 400;
}
.contentNews .entry-content.details-sumary{
    display: block;
    padding: 5px 0;
    margin-bottom: 10px;
}
.single_news_releated{
    display: block;
    padding: 10px 0;
}
.single_news_releated .title .seperate-icon{
    text-align: left;
}
.single_news_releated .title .title_product span{
    color: var(--primary-color);
}
.single_news_releated .title{
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 24px;
    font-weight: 600;
    margin-bottom:15px;
}
.cate_side a{
    color: var(--primary-color);
    cursor: pointer;
    font-family: 'Be Vietnam', sans-serif !important;
}
.cate_side a:hover{
    color: var(--primary-color);
    text-decoration: underline;
}
.item_detais_product .time{
    font-size: 12px;
    color: #cbc6b7;
    font-style: italic;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.cate_desc .cate_desc_content {
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 23px;
    font-weight: 700;
    margin-bottom:15px;
    text-transform: uppercase;
}
.single_projects .header-single-theme{
    display: block;
    margin: 10px 0 15px 0;
}
.single_projects .header-single-theme img{
    display: block;
    max-width: 100%;
}
@keyframes float {
    0% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
    }
    100% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}
.mh-alo-phone {
    background-color: transparent;
    bottom: 0;
    cursor: pointer;
    height: 110px;
    left: 0;
    position: fixed;
    visibility: visible;
    width: 110px;
    z-index: 200000 !important;
}
.mh-alo-ph-circle {
    background-color: transparent;
    border: 2px solid #134784;
    border-radius: 100%;
    height: 90px;
    left: 12px;
    opacity: 0.5;
    position: absolute;
    top: 12px;
    width: 90px;
}
.mh-alo-ph-circle-fill {
    background-color: rgba(175, 207, 245, 0.5);
    border: 2px solid transparent;
    border-radius: 100%;
    height: 60px;
    left: 28px;
    opacity: 0.75 !important;
    position: absolute;
    top: 28px;
    transition: all 0.5s ease 0s;
    width: 60px;
}
.mh-alo-ph-img-circle {
    background: #134784 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat scroll center center / 70% auto;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 43px;
    opacity: 0.7;
    position: absolute;
    top: 43px;
    transform-origin: 50% 50% 0;
    transition: all 0.2s ease-in-out 0s;
    width: 30px;
}
.header_site .container_header {
    background: var(--primary-color);
}
ul.main-menu>li>a{
    color: #FFF;
}
ul.main-menu>li.child_menu:after {
    color: #FFF;
}
.breadcrumbs_top_page {
    display: block;
    padding: 5px 0;
    position: relative;
    height: 30px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 22px;
    text-align: left;
    margin: 10px 0px;
    text-transform: capitalize;
    color: #333;
    font-family: 'Be Vietnam', sans-serif !important;
    font-size: 14px;
}
.breadcrumbs_top_page .breadcrumb{
    padding: 0px;
    margin: 0px;
}
.breadcrumbs_top_page .breadcrumb li{
    
}
.effect img{
    border-radius: 3px;
}
.hotline_mobile{
    display: none;
}
.right_tab_home_area{
    position: absolute;
    padding-left: 0px;
    padding-right: 0px;
    height: 100%;
}
#bds_nb_index .featured-products{
    position: relative;
    overflow: hidden;
}
.right_tab_home_area ul>li{
    margin-bottom: 20px;
    position: relative;
}
.right_tab_home_area ul>li>ul{
   display: block;
    margin-bottom: 20px;
    position: relative;
}
.right_tab_home_area ul>li>ul:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    margin-left: -5px;
    margin-right: -5px;
}
.right_tab_home_area ul>li>ul>li{
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
    float: left;
    position: relative;


    display: -webkit-box;
    height: 22px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 22px;
    text-align: left;
    margin-bottom: 5px;
    text-transform: capitalize;

}
.right_tab_home_area ul>li>ul>li>a{
    position: relative;
    display: block;
    padding-left: 10px;
    color: #2e82d0;
    font-size: 15px;
    font-family: Expro, "Arial", "Times New Roman", Times, serif;
}
.right_tab_home_area ul>li>ul>li>a:before{
    content: "\f0da";
    margin-right: 0px;
    font-family: "FontAwesome";
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    left: 0;
    top: 3px;
}
.right_tab_home_area ul>li>ul>li>a:hover{
    text-decoration: underline;
}
.right_tab_home_area ul>li>ul>li>a:hover,.right_tab_home_area>ul>li>ul>li>a:hover:before{
    color: var(--primary-color);
}
.right_tab_home_area h3{
    font-size: 19px;
}
.right_tab_home_area .widget_item_sidebar h3{
    font-size: 19px;
}
.right_tab_home_area .is-divider{
    height: 2px;
    margin-bottom: 20px;
}
.right_tab_home_area .widget_item_sidebar{
    border:none;
}
.right_tab_home_area .widget_item_sidebar ul.sidebar-list-category li{
    margin-bottom: 0px;
    padding: 5px 5px 5px 15px;
    border-bottom: none;
}
.right_tab_home_area .widget_item_sidebar ul.sidebar-list-category li a{
    font-size: 15px;
    font-family: Expro, "Arial", "Times New Roman", Times, serif;
    line-height: 22px;
    color: #2e82d0;
    font-weight: normal;
}
.right_tab_home_area .widget_item_sidebar ul.sidebar-list-category li a:before{
    color: #2e82d0;
    font-size: 12px;
}
.right_tab_home_area .widget_item_sidebar ul.sidebar-list-category li span.cat-count{
   color: var(--primary-color);
}
.right_tab_home_area .widget_item_sidebar ul.sidebar-list-category li a:hover{
    color: var(--primary-color);
    text-decoration: no-underline;
}
.right_tab_home_area .widget_item_sidebar ul.sidebar-list-category li a:hover:before{
    color: var(--primary-color);
    text-decoration: no-underline;
}
.container{
   /*padding-left: 0px;
   padding-right: 0px;*/
}
.box-container-search{
    display: block;
    border-radius: 5px;
}
select.box_option_search_select option{
    font-size: 14px;
    font-family: Expro, "Arial", "Times New Roman", Times, serif;
    line-height: 20px;
    padding: 3px 0;
}
.skiptranslate{
    display: none !important;
}
.cbp-spmenu-push{
    top: 0px !important;
}
ul.main-menu>li.ct-language>ul{
    width: 78px !important;
    left: 20px !important;
}
ul.main-menu>li.ct-language>ul>li>a:before{
    content: "";
}
@media screen and (max-width: 1200px){
    .container{
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    .mobile{
        display: block !important;
    }
    .head_single_product .table-cell{
        display: block;
    }
    .menu_mobile_header {
        margin: 0px !important;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0px;
        display: block;
        z-index: 10;
    }
    #primary_menu_top_one,#primary_menu_top_two{
        display: none;
    }
    .menu_primary .nav-main .logo{
        position: relative;
        top: inherit;
        left: inherit;
        transform: none;
        padding: 5px 0;
        display: block;
    }
    .bar1, .bar2, .bar3 {
        background-color: #333;
        display: block;
        height: 3px;
        margin: 4px 0;
        transition: all 0.4s ease 0s;
        width: 23px;
    }
    .menu-active .bar3 {
        -webkit-transform: rotate(45deg) translate(-7px, -7px);
        transform: rotate(45deg) translate(-7px, -7px);
    }
    .menu-active .bar2 {
        opacity: 0;
    }
    .menu-active .bar1 {
        -webkit-transform: rotate(-45deg) translate(-3px, 3px);
        transform: rotate(-45deg) translate(-3px, 3px);
    }
    button.menu_mobile_header:hover, button.menu_mobile_header:focus {
        background-color: #FFF !important;
    }
    .menu_primary .nav-main .logo a img{
        max-height: 40px;
        text-align: center;
        margin: 0 auto;
    }
    .container_header .menu_primary{
        padding-left: 15px;
        padding-right: 15px;
    }
    .header_site .container_header{
        background: #FFF;
    }
    .hotline_mobile{
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 7;
    }
    .hotline_mobile .fa-phone{
        color: #c98829;
    }
    .hotline_mobile .hot_mobile{
        font-size: 16px;
        font-family: 'Be Vietnam', sans-serif !important;
        font-weight: bold;
        color: #FF0000;
    }
    .cbp-spmenu {
        background: #FFF !important;
        border-left: 1px solid #dedede;
    }
    .flexnav .touch-button {
        height: 42px !important;
     }
    .flexnav .touch-button .navicon{
        color: #fff !important;
    }
}
@media screen and (max-width: 400px){
    .hotline_mobile{
        display: none;
    }
    .menu_primary .nav-main .logo a img {
        max-height: 40px;
        text-align: center;
        margin: 0px;
        float: right;
        display: block;
    }
}
/* Clearfix
-----------------------------------------*/
/*
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);


.container .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.container [class*="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
*/
.clearfix,.clear{
    zoom: 1;
}
.clearfix:after,.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/*slider du an*/
#thumbs .owl-thumb-item{
    padding: 5px;
}
#thumbs .owl-thumb-item img{
    max-height: 65px;
    object-fit: cover;
}

.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: hsla(0,0%,100%,.51)!important;
    font-size: 24px!important;
}
.owl-carousel .owl-nav button.owl-prev {
    left: 5px;
}
.owl-carousel .owl-nav button.owl-next {
    right: 5px;
}
.owl-theme .owl-nav{
    margin: 0;
}

.gallery-content{
    position: relative;
}
.gallery-content .count-media{
    position: absolute;
    left: 10%;
    bottom: 10%;
    z-index: 99;
    background: #821e53;
    padding: 8px 15px;
    color: #fff;
    font-size: 16px;
}
#big .img{
    position: relative;
    background-color: #333;
}
#big .img:before{
    content: "";
    display: block;
    padding-top: 60%;
}
#big .img>div{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    transform: translateY(-50%);
    /* padding: 10px; */
    display: flex;
}
#big .img img{
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
    cursor: pointer;
}

.nav-gallery{
    background-color: #262626;
}
/*slider du an*/
/*filter*/
.filter-bars{
    display: block;
    width: 100%;
}
.filter-bars label{
    white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 990px){
    
}
@media (max-width: 990px){
    .filter-bars .dropdown{
        max-width: 150px;
    }
    .filter-bars button.btn.btn-primary{
        padding: 8px 14px;
        height: 38px;
    }
}
@media (max-width: 580px){
    .filter-bars .dropdown{
        max-width: 115px;
    }
}

/*filter*/
/*.row{
    margin-left: -8px;
    margin-right: -8px;
}
.row>div{
    padding-left: 8px;
    padding-right: 8px;
}
*/