header #iconMenu{display: none;}

.menu-mobile-main{
    visibility: hidden;
    position: absolute;
    right: 0px;
    top: 60px;
    width: 100%;
    opacity: 0;
    transition: all 0.300s;
    transition-delay: 0s;
    text-align: center;
}
.menu-mobile-main.overmain{
    visibility: visible;
    opacity: 1;
    transition: all 0.400s;
    transition-delay: 0.370s;
}
.menu-mobile-main ul.menu-mobile, .menu-mobile-main ul.menu-mobile ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.menu-mobile-main ul.menu-mobile li{
    margin: 0px 0px;
}
.menu-mobile-main ul.menu-mobile li.search{display: none;}
.menu-mobile-main ul.menu-mobile li.callnow a{color: #ff6816; font-weight: bold;}
.menu-mobile-main ul.menu-mobile li.callnow .fa{font-size: 18px; vertical-align: middle; margin-right: 10px;}
.menu-mobile-main ul.menu-mobile li a{
    text-decoration: none;
    color: transparent;
    color: black;
    padding: 10px 10px 10px 10px;
    font-size: 20px;
    border-bottom: 1px solid #e4e1e1;
    display: block;
    text-transform: uppercase;
}
.menu-mobile-main ul.menu-mobile li a:hover, 
.menu-mobile-main ul.menu-mobile li a.selected{
    background: var(--background-color);
    color: var(--text-active-color);
}
.menu-mobile-main ul.menu-mobile li.callnow a:hover{color: #fff; background: #ff6816;}
.menu-mobile-expanded{
    background-color: transparent;
    position: fixed;
    height: 65px;
    top: 0px;
    right: -1px;
    z-index: 8000;
    width: 60px;
}
.menu-mobile-expanded.opened{
    width: 320px;
    max-width: 70%;
    height: 100%;
}
.menu-mobile-second{
    float: right;
    margin: 0px;
    height: 65px;
    width: 60px;
    border: none;
    opacity: 1;
    cursor: pointer;
    background: var(--background-color);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.menu-mobile-expanded.menu-mobile-product{
    height: 60px;
    display: none;
}
.menu-mobile-expanded.menu-mobile-product.opened{
    height: calc(100% - 40px);
    display: block;
}
.menu-mobile-product .menu-mobile-second{
    height: 60px;
}
.menu-mobile-second.over{
    background-image: none !important;
    transition: all 0.350s ease-in;
    cursor: default;
    background-color: #fff;
    height: 100%;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.linee{
    top: 20px;
    right: 19px;
    height: 2px;
    width: 20px;
    position: absolute;
    background: var(--text-active-color);
}
.linea1{
    transition: all 0.3s;
}
.linea2{
    top: 28px;
    transition: opacity 0.5s;
}
.linea3{
    top: 36px;
    transition: all 0.3s;
}
.overL1{
    top: 22px;
    cursor: pointer;
    animation: closetop 1s forwards;
    animation-direction: alternate;
    //background-color: var(--text-color);
    background-color: black;
}
.overL2{
    opacity: 0;
}
.overL3{
    top: 33px;
    cursor: pointer;
    animation: closebottom 1s forwards;
    animation-direction: alternate;
    //background-color: var(--text-color);
    background-color: black;
}
.opened .text_menu{background: transparent;}
@keyframes closetop {
    0% {
        transform: translateY(5px) rotate(0deg);
    }
    25% {
        transform: translateY(5px) rotate(0deg);
    }
    75% {
        transform: translateY(5px) rotate(-45deg);
    }
    100% {
        transform: translateY(5px) rotate(-45deg);
    }
}
@keyframes closebottom {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        transform: translateY(-5px) rotate(0deg);
    }
    75% {
        transform: translateY(-5px) rotate(45deg);
    }
    100% {
        transform: translateY(-5px) rotate(45deg);
    }
}

.menu-project-mobile{
    position: fixed;
    z-index: 1989;
    left: 0px;
    right: 0px;
    bottom: 0px;
    color: var(--text-tab-active-color);
    background: var(--background-tab-active-color);
    box-shadow: 1px 1px 5px var(--background-tab-active-color);
}
.menu-project-mobile ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    align-items: center;
}
.menu-project-mobile li{
    width: 33.333%;
    padding: 0px 5px;
    text-align: center;
    border-left: 1px solid var(--text-tab-active-color);
}
.menu-project-mobile li:first-child{
    border: none;
}
.menu-project-mobile a{
    color: var(--text-tab-active-color);
    text-decoration: none;
    display: block;
}
.menu-project-mobile a:hover{
    color: var(--text-tab-active-color);
    text-decoration: none;
}
.menu-project-mobile a img{
    width: 40px;
}
.menu-project-mobile a i{
    font-size: 25px;
    color: var(--text-tab-active-color);
}

body{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #333;
    background: #fff;
}

img{
    max-width: 100%;
    max-height: none;
}

/* ================================================== Clear ====================================== */
#mainMenu:after, #searchFixed .group:after, .land .item:after, .news2 .item:after, .linksShare ul:after, 
.list-news li:after, .news-highlight .tab-content .tab-pane:after, .news-highlight .date-time:after, 
.projectFooter:after, .projectFooter ul:after, .projects:after{
    content: '';
    display: table;
    clear: both;
}
/* ================================================== Animate ==================================== */
header .logo, .menuDesktop li, header .search, header .headerHotlineText a, header .headerHotlineText:before, header .headerHotlineText .fa, #slider .info a, #slider .overlay, #slider .info h3:after, #landing-page .landing-menu li > a,
#buttonSearch, #searchFixed .close, img.gallery-item{
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    -webkit-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s; 
}
.zoom1:hover, img.gallery-item:hover{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1); 
}

.col-xs-21, .col-xs-26, .col-xs-29{
    float: left;
    padding: 0px 15px;
}
.col-xs-21{
    width: 260px;
}
.col-xs-26{
    width: 710px;
}
.col-xs-29{
    width: 970px;
}

.form-control:focus {
    border-color: #f71a1a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, 0.6);
    /* background: #ffc8c857; */
}

header .logo{
    float: left;
    padding: 8px 0px;
    padding-right: 15px;
}
header .logo img{
    height: 48px;
    width: auto;
}
header .menuDesktop{
    float: left;
}
#header{
    position: fixed;
    z-index: 1989;
    top: 0px;
    left: 0px;
    width: 100%;
    background: transparent;
    padding: 0px 0px 0px;
    transition: all 300ms ease-out 0s;
}
.scroll #header{
    background: #fff;
    padding:  0px 0px 0px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.contentHeader .container{
    background: rgb(255 255 255 / 80%);
}
.menuDesktop ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.menuDesktop li{
    float: left;
    display: block;
    position: relative;
    padding: 10px 0px;
}
.menuDesktop li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: var(--text-color);
    font-weight: bold;
    display: block;
    padding: 10px 14px;
    text-transform: uppercase;
}
.menuDesktop li a:hover{
    text-decoration: none;
}
.menuDesktop li:hover ,
.menuDesktop .active{
    background: var(--background-color);
}
.menuDesktop li:hover > a,
.menuDesktop .active > a,
.menuDesktop li.hotline:hover a,
.menuDesktop li:hover .fa,
.menuDesktop .active .fa{
    color: var(--text-active-color);
}
.scroll .menuDesktop li:hover ,
.scroll .menuDesktop .active{
    background: transparent;
}
.scroll .menuDesktop li:hover > a,
.scroll .menuDesktop .active > a{
    background: var(--background-color);
}
.scroll .menuDesktop li:hover .fa,
.scroll .menuDesktop .active .fa{
    color: #009548;
}
.menuDesktop li.hotline a{
    color: #b52e0b;
}


.menuDesktop li ul{
    display: none;
    min-width: 270px;
    padding: 10px 5px;
    position: absolute;
    left: 0px;
    top: 100%;
    border: 1px solid var(--background-color);
    border-top: 0px;
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 0px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0 0px 5px 0px rgba(0,0,0,0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
}
.menuDesktop li:hover > ul{
    display: block;
}
.menuDesktop li li{
    float: none;
    padding: 0px !important;
}
.menuDesktop li li a{
    white-space: nowrap;
    padding: 5px 10px;
}

header .headerHotline{
    background: #fb6a19;
    margin-left: 45px;
    position: absolute;
	right: 0;
}
header .hotlinePhone{
    margin: 0px;
}
header .headerHotlineText{
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 0px 20px;
}
header .headerHotlineText:before {
    content: '';
    display: block;
    border-top: solid 0 transparent;
    border-bottom: solid 90px #fb6a19;
    border-left: solid 22px transparent;
    right: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
}
header .headerHotlineText:after {
    content: '';
    display: block;
    background-color: #fb6a19;
    width: 1000%;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
}
header .headerHotlineText a{
    color: #fff;
    display: inline-block;
    padding: 14px 0px 20px;
    line-height: 1;
}
header .headerHotlineText a:hover{
    text-decoration: none;
    color: #f3f3f3;
}
header .headerHotlineText .fa{
    display:block;
    height: auto;
    overflow: hidden;
    font-size: 32px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
#iconMenu{display: block; float: right; width: 50px; border-left: 1px solid #eee;}
header > .container{
    display: none;
}
header > .row{
  position: fixed; z-index: 1989; top: 0px; left: 0px; width: 100%; background: #fff; margin: 0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
  box-shadow: 0 2px 5px rgba(0,0,0,0.4);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); 
}
header > .row p{margin: 0px; padding-right: 50px; text-align: center;}
header > .row p span, header > .row p > a{display: block; float: left; width: 40%; padding: 0px 5px;}
header > .row p span{width: 60%; padding: 12px 5px;}
header > .row p .fa{font-size: 22px;}
header > .row p span a{font-size: 16px;font-weight: bold; padding-left: 5px; color: #ed1c24;}

#menu-mobile li.search{display: none;}

#buttonSearch{
    background: none;
    border: none;
    outline: none;
    padding: 5px 15px;
    font-size: 18px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
#buttonSearch:hover{
    color: #ff6816;
}

#postLand a{
    background: #38b775;
    box-shadow: 0px 3px #279a5e;
}
#postLand a:active{
    box-shadow: 0px 2px #31A96B;
}


#frmSearchAll{
    padding: 21px 10px;
    background: #f2f2f2;
}
#frmSearchAll .form-control{
    padding: 5px 12px;
    height: 30px;
}
#frmSearchAll .frmP{
    margin-bottom: 12px;
}
#frmSearchAll .frmP#lineOr{
    border-top: 1px dotted #ddd;
}
.frmP#lineOr span{
    background: #F2F2F2;
    padding: 0px 10px;
    display: inline-block;
    margin-top: -8px;
}
#frmSearchAll .frmbutton{
    width: 100%;
    text-align: center;
    background: #ed1c24;
    box-shadow: 0px 3px #ce131b;
	cursor: pointer;
}
#frmSearchAll .frmbutton:hover{
    box-shadow: 0px 2px #dd141c;    
}
#frmSearchAll p:first-child{
    font-weight: bold;
    font-size: 13px;
    color: #414142;
    text-transform: uppercase;
}
.form-horizontal{text-align: left;}
.form-horizontal:after{content: ''; display: table; clear: both;}
#contentMain #frmSearchAll{margin: -10px 0px 15px;}
#contentMain #frmSearchAll .frmP{float: left; width: 16.6666663%; padding: 0px 5px; margin: 0px;}
#contentMain .form-horizontal{margin-left: -5px;}
#contentMain .form-horizontal .frmbutton{padding-top: 4px; padding-bottom: 4px;}
#contentMain .form-horizontal .frmbuttonP{height: 31px;}

ul.ui-autocomplete{
    /* width: calc(100% - 50px) !important; */
    min-height: 190px;
    max-height: 190px;
    overflow-x: hidden;
    padding: 5px;
    background: #fff;
    border-top: 0px;
    list-style: none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    outline: 0;
    text-align: left;
    position: absolute !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
ul.ui-autocomplete li{
    padding: 5px;
    border-top: 1px dotted #ccc;
    display: block;
    cursor: pointer;
}
ul.ui-autocomplete li:first-child{
    border: none;
}
ul.ui-autocomplete li:hover{
    background: #eee;
}
ul.ui-autocomplete li.ui-state-focus{
    background: #eee;
}
.ui-helper-hidden-accessible{
    opacity: 0px;
    display: none;
}
#searchFixed, #landing-popup{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 91989;
    background: rgba(49, 49, 49, 0.95);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    visibility: hidden;
    overflow: hidden;
    -webkit-transform: scale(.2,.2);
    -ms-transform: scale(.2,.2);
    -o-transform: scale(.2,.2);
    transform: scale(.2,.2);
    -webkit-transition: all .3s cubic-bezier(.4,0,1,1);
    -moz-transition: all .3s cubic-bezier(.4,0,1,1);
    -o-transition: all .3s cubic-bezier(.4,0,1,1);
    -ms-transition: all .3s cubic-bezier(.4,0,1,1);
    transition: all .3s cubic-bezier(.4,0,1,1);
}
#searchFixed form, #landing-popup form{
    position: absolute;
    z-index: 10;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 120px;
    width: 600px;
	max-width: 90%;
}
#searchFixed .bg-popup{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
#searchFixed .close{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 70px;
    height: 70px;
    opacity: 1;
    background: url('../images/close.png') no-repeat center center rgba(255, 182, 6, 0.9);
}
#searchFixed .close:hover{
    background-color: #ffb606;
}
body.openModel{
    overflow-y: scroll;
}
body.openModel #searchFixed, body.openModel #landing-popup{
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
#searchFixed .group{
    margin: 15px 0px;
    clear: right;
    margin-left: -5px;
    margin-right: -5px;
}
#searchFixed .group .item{
    float: left;
    width: 50%;
    padding: 0px 5px;
}
#searchFixed .group .item-all{
    width: 100%;
}
#searchFixed .group .item-all p{
    color: #fff;
    text-transform: uppercase;
}
#searchFixed .form-control{
    border-radius: 0px;
}
#searchFixed .form-control:focus{
    border: 1px solid #ccc;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#searchFixed .item .form-control{
    width: 100%;
}
#searchFixed .item-all .form-control{
    /* width: calc(100% - 50px); */
}
#txttitle{
    border-radius: 0;
    float: left;
    height: 60px;
    font-size: 20px;
}
#submitsearch{
    float: left;
    width: 100%;
    height: 34px;
    text-align: center;
    font-size: 20px;
    border: none;
    color: #fff;
    background-color: #ffb606;
}
.search-mobile#frmSearchAll{
    background: transparent;
}
.search-mobile #txttitle, .search-mobile #submitsearch{
    float: none;
}
.search-mobile #submitsearch{
    padding: 5px 25px;
}


#slider{
    clear: right;
}
#slider .item{
    position: relative;
}
#slider .infos{
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    top: 330px;
}
#slider .info{
    display: inline-block;
    min-width: 45%;
    max-width: 100%;
    padding: 20px;
    background-color: rgba(34,34,34,.7);
}
#slider .info h4{
    margin: 0px;
    font-size: 22px;
    text-transform: uppercase;
}
#slider .info a{
    color: #fff;
}
#slider .info a:hover{
    text-decoration: none;
    color: #fb6a19;
}
#slider .info .slidePrice{
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
}
#slider .info .slidePrice b{
    color: #fb6a19;
    font-size: 15px;
    font-weight: normal;
}
#slider .info .slidePrice span{
    display: inline-block;
    margin-left: 30px;
    font-size: 17px;
}
#slider .info .slidePrice .fa{
    font-size: 18px;
    color: #fb6a19;
}
#slider .overlay{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.4);
    padding-top: calc(25% - 25px);
}
#slider .info:hover .overlay{
    background: transparent;
    text-decoration: none;
}
#slider .owl-theme .owl-nav{
    margin: 0px;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 0px 20px;
}
#slider .owl-theme .owl-prev,
#slider .owl-theme .owl-next{
    position: relative;
    float: left;
    padding: 15px 20px;
    background-color: #f6f6f6;
    color: #fb6a19;
    cursor: pointer;
    border-radius: 0px;
}
#slider .owl-theme .owl-next{
    float: right;
}
#slider .owl-theme .owl-dots{
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
}
#slider .owl-theme .owl-dots .owl-dot span{
    width: 15px;
    height: 15px;
    border-radius: 0px;
}
#slider .owl-theme .owl-dots .owl-dot:hover span{
    background: #279A5E;
}
#slider .owl-theme .owl-dots .owl-dot.active span,
#slider .owl-theme .owl-dots .owl-dot.active:hover span{
    background: #f17600;
}

.background-banner{
    position: relative;
    padding-top: 135px;
    background-color: rgb(172 168 168 / 35%);

}
.background-banner-main{
    padding: 0px;
}
.background-banner img{
    width: 100%;
}
.background-banner h3{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.background-banner span{
    display: inline-block;
    padding: 10px 50px;
    background: #f0f0f0;
    color: #7d2109;
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
}
.background-banner-main span{
    background: rgba(125,33,9,0.6);
    color: #fff;
}

#contentMain{
    padding-top: 25px;
}

.contentBox{
    margin-bottom: 20px;
}

.titleMain{
    font-size: 16px;
    color: #414142;
   // text-transform: uppercase;
    font-weight: normal;
    margin: 5px 0px 10px 0px;
    position: relative;
    text-align: center;
}
.col-xs-29 .titleMain{
    text-align: left;
}
.sidebarBox.highlight .titleMain{
    color: #0084FA;
}
.titleMain span{
    color: #b52e0b;
    font-weight: bold;
    display: inline-block;
    padding: 5px 25px;
    border-bottom: 1px solid #a87062;
    line-height: 1.3;
    text-transform: uppercase;
}
.col-xs-29 .titleMain span{
    padding-left: 0px;
}
.sidebarBox.highlight span{
    border-color: #0084FA;
    color: #0084FA;
}
.titleMain a{
    position: absolute;
    right: 0px;
    bottom: 5px;
    font-size: 13px;
    text-transform: none;
}

.showtext{font-size: 14px;}
.showtext img{height: auto !important;}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 18px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  color: #000;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.tab-content{
    padding: 15px; 
    border: 1px solid #ddd; 
    min-height: 400px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
#wizardtab { padding-left: 110px;}
#wizardtab .nav-tabs{width: 100px; margin: 15px 0px 15px -99px;}
#wizardtab li.active a{color: #008EFA; font-weight: bold;}

#dangkyxemnha{
    padding-left: 110px;
    font-size: 14px;
}
#dangkyxemnha h3{
    margin: 0px;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    font-family: 'RobotoCondensedRegular';
    text-transform: uppercase;
    text-align: justify;
    background: #008EFA;
    overflow: hidden;
    line-height: 20px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
#dangkyxemnha > div{
    background: url('../images/girl.jpg') no-repeat right bottom;
    overflow: hidden;
    padding: 30px 10px 10px;
    border: 1px solid #b7b7b7;
    border-top: 0px;
    min-height: 400px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
#dangkyxemnha p.text-danger{
    font-size: 30px;
    font-weight: bold;
}

.img_captcha{border: solid 1px #ccc; margin-bottom: 5px; width: 65px;}
.captcha .fa{cursor: pointer;}

.list-news ul {
    margin: 0px -10px;
    padding: 0px 0px 20px 0px;
    list-style: none;
}
.list-news ul:after{
    content: '';
    display: table;
    clear: both;
}
.list-news li{
    padding: 10px;
    margin-top: 10px;
    width: 100%;
    clear: both;
    display: flex;
    justify-content: space-between;
    background: #f1f1f1;
}
.list-news .image_news {
    display: block;
    text-align: center;
    width: 42%;
}
.list-news .image_news img {
    margin: auto;
}
.list-news .link-news {
    display: block;
    padding: 0px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    width: 55%;
}
.list-news .link-news:hover{
    color: #f17600;
    text-decoration: none;
}

.list-videos ul{
    margin: 0px -15px;
    padding: 0px;
    list-style: none;
}
.list-videos ul:after{
    content: '';
    display: table;
    clear: both;
}
.list-videos li{
    display: block;
    float: left;
    width: 50%;
    padding: 0px 15px 30px;
}
.list-videos li:nth-child(2n+1){
    clear: both;
}
.list-videos li img{
    width: 100%;
}
.list-videos .image_video{
    display: block;
}
.list-videos .link-video{
    display: block;
    font-weight: bold;
    margin-top: 10px;
    color: #000;
    text-transform: uppercase;
}
.list-videos .link-video:hover{
    color: #f17600;
    text-decoration: none;
}

.linksShare ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.linksShare li{
    float: left; margin-right: 10px;
}

.projectList{
    text-align: center;
    margin: -25px 0px 10px;
    padding: 15px 0px;
    background-color: #ebebeb;
    border-bottom: 1px solid #d8d8d8;
    box-shadow: 0 2px 2px -2px grey;
}
.projectList ul{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.projectList li{
    display: inline-block;
    padding: 2px 10px;
}
.projectList li a{
    display: block;
    padding: 0px 15px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}
.projectList li.active a, .projectList li.active a:hover, .projectList li a:hover{
    text-decoration: none;
    color: #b52e0b;
}

.projects{
    margin-bottom: 20px;
}
.projects .col-xs{
    padding: 0px 15px 30px;
    float: left;
    width: 100%;
}
.projects .item{
    position: relative;
    border: 1px solid #ddd;
    transition: all 300ms ease-out 0s;
}
.projects .itemThumb{
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.projects .item img{
    width: 100%;
    height: auto;
    transition: all 300ms ease-out 0s;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.projects .itemThumb .overlay{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.projects .item:hover{
    border-color: transparent;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.17);
}
.projects .item:hover img{
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
}
.projects .item:hover .overlay{
    background-color: rgba(101, 93, 103, 0.7);
    opacity: 1;
}
.projects .itemThumb .fa{
    position: absolute;
    left: calc(50% - 33px);
    top: calc(50% - 33px);
    color: #fff;
    font-size: 30px;
    padding: 15px 17px;
    border-radius: 100%;
    border: 3px solid #fff;
}
.projects .itemTitle{
    padding: 15px 20px;
    margin: 0px;
    font-weight: normal;
    min-height: 65px;
    line-height: 20px;
    border-top: none;
    text-align: center;
}
.projects .itemTitle a{
    color: #000;
    font-size: 14px;
    line-height: 1.3;
}
.projects .itemTitle a:hover{
    text-decoration: none;
    color: #009548;
}
.projects .itemInfo{
    margin: 0px;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-top: 0px;
}
.projects .itemInfo a{
    display: block;
    color: #333333;
    font-size: 14px;
}
.projects .price{
    position: absolute;
    top: 10px;
    right: -7px;
    z-index: 198;
    display: inline-block;
    width: 95px;
    color: #fff;
    text-align: center;
    padding: 2px 8px 10px 12px;
    background: url('../images/price-tag.png') no-repeat top right;
}

.activity{
    padding: 40px 0px;
    background: #f3f3f3;
}
.activitys:before, .activitys:after{
    content: '';
    display: block;
    clear: both;
}
.activityItem{
    float: left;
    width: 100%;
    padding: 0px 15px 30px;
}
.partner{
    padding: 40px 0px 60px;
    background: #f3f3f3;
    border-top: 1px solid #c9c9c9;
    margin-bottom: 0px;
}
.officeHome .showtext{margin: 0px 0px 20px;}
.officeHome .items{background: #fff; width:100%;}
.officeHome .items:after{content: ''; display: table; clear: both;}
.officeHome .item{border: 1px solid #f3f3f3; background: #fff; float: left;}
.officeHome .item:hover{background: #e4e4e4;}
.officeHome .item img{ width:160px; height:70px}
.officeHome p{ margin: 0 2px 2px;}

/*
.achievements{background: transparent;}
.achievements .owl-theme .owl-controls .owl-nav [class*=owl-]{    
    position: absolute;
    top: calc(50% - 25px);
    left: 0px;
}
.achievements .owl-theme .owl-controls .owl-nav .owl-next{
    left: auto;
    right: 0px;
}
.achievements .owl-theme .owl-dots .owl-dot span{
    border-radius: 0px;
}
.achievements .itemTitle{
    padding: 0px 15px;
    text-align: center;
}
*/
.popupContent{
    display: none;
}

.fancybox-inner{
    overflow: hidden !important;
}

#popupIndex img{height: auto !important;}

#map_google{
    height: 500px;
}

#map_title{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
#map_content span{
    display: inline-block;
    width: 65px;
    font-weight: bold;
}

#tabNewsHighlight{
    border: none;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}
#tabNewsHighlight:after{
    position: absolute;
    content: '';
    width: 40%;
    left: 30%;
    bottom: 0;
    border-bottom: 1px solid #ddd;
}
#tabNewsHighlight>li{
    float: none;
    display: inline-block;
}
#tabNewsHighlight>li>a{
    border: none;
    border-radius: 0px;
    color: #666;
    text-transform: uppercase;
}
#tabNewsHighlight>li>a:focus, #tabNewsHighlight>li>a:hover{
    background: none;
    color: #b52e0b;
}
#tabNewsHighlight>li.active>a, #tabNewsHighlight>li.active>a:focus, #tabNewsHighlight>li.active>a:hover{
    border: none;
    color: #b52e0b;
}
.news-highlight .tab-content{
    border: none;
    padding: 0px;
}
.news-highlight .item{
    float: left;
    width: 25%;
}
.news-highlight .itemAll{
    margin: 0px -10px;
    width: calc(100% + 20px);
}
.news-highlight .itemAll .item{
    padding: 0px 10px;
    width: 100%;
    margin-top: 10px;
}
.news-highlight .imageThumb{
    display: block;
    margin-bottom: 20px;
}
.news-highlight .imageThumb img{
    width: 100%;
    height: auto;
}
.news-highlight .itemTitle{
    margin-top: 0px;
    min-height: 55px;
}
.news-highlight .itemTitle a{
    text-transform: uppercase;
    color: #323232;
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
}
.news-highlight .itemTitle a:hover{
    color: #b52e0b;
    text-decoration: none;  
}
.news-highlight .date-time{
    //color: #b52e0b;
}
.news-highlight .itemDes{
    margin-top: 7px;
    padding-top: 15px;
    border-top: 2px solid #b52e0b;
    text-align: justify;
}
.news-highlight .item-first{
    width: 100%;
    margin-bottom: 25px;
}
.news-highlight .item-first .date-time{
    float: left;
    width: 90px;
    text-align: center;
}
.news-highlight .item-first .date-time .day{
    background-color: #b52e0b;
    color: #fff;
    font-size: 30px;
    padding: 20px 5px;
}
.news-highlight .item-first .date-time .date{
    background-color: #e3e3e3;
    color: #969696;
    padding: 20px 5px;
}
.news-highlight .item-first .itemTitle, .news-highlight .item-first .itemDes{
    margin-left: 110px;
}
.news-highlight .itemRight{
    float: left;
    width: calc(100% + 30px);
    margin: 0px -15px 25px;
}
.news-highlight .itemRight .item{
    width: 100%;
    padding: 0px 15px;
    margin-bottom: 25px;
}
.news-highlight .itemRight .imageThumb{display: none;}
.news-highlight #tin-video .itemRight{width: calc(100% + 20px); margin: 0px -10px 15px;}
.news-highlight #tin-video .itemRight .item{width: 50%; padding: 0px 10px;}
.news-highlight #tin-video .itemRight .item:nth-child(3){clear: both;}
.news-highlight #tin-video .itemRight .imageThumb{display: block;}
.col-contentMain{padding: 0px 15px; float: left; width: 100%}
.col-sidebar{
    padding: 0px;
    padding-left: 15px;
    float: left;
    width: 100%;
    margin: 0px;
    position: sticky;
    background: #fff;
}
.col-sidebar:after{content: ''; display: table; clear: both;}
.col-sidebar .titleMain{
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.col-sidebar .titleMain span{display: block; padding: 5px 0px;}
.col-sidebar .frmbutton{display: block; text-align: center;}

.news .item{
    margin-bottom: 20px;
}
.news .item a{
    display: block;
    color: #414142;
    font-size: 12px;
    padding-left: 15px;
    text-align: justify;
    background: url('../images/icon-news.png') no-repeat left 3px;
}
.video .item{
    margin-bottom: 10px;
}
.video .item:first-child a{
    padding:0px;
    background: none;
    margin-bottom: 20px;
}

.news2 .item{
    margin-bottom: 20px;
}
.news2 .item > a{
    display: block;
    font-size: 14px;
    color: #414142;
    text-align: justify;
}
.news2 .item .itemThumb{
    float: left;
    width: 72px;
    border: 1px solid #cfcfcf;
    padding: 4px;
    background: #fff;
}
.news2 .item .itemThumb:hover{
    border-color: #000;
}
.news2 .item .itemTitle, .news2 .item .itemDes{
    margin-left: 80px;
}
.news2 .item .itemTitle{
    font-weight: bold;
    margin-bottom: 5px;
}
.news2 .item .itemTitle:hover{
    text-decoration: none;
    color: #ff6816;
}
.news2 .item .itemDes{
    display: none;
}

.linkGlass{
    display: block;
    position: relative;
    overflow: hidden;
}
.linkGlass:after{
    content: '';
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: 50%;
    width: 0px;
    height: 0px;
    opacity: 0; 
    visibility: visible;
    background: rgba(255, 255, 255, 0.3);
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.linkGlass:hover:after{
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    opacity: 1;
    visibility: hidden;
}

.linkGlass img{
    width: 100%;
    height: auto;
}

#support{
    padding: 50px 0px;
    background: var(--background-color);
    color: var(--text-active-color);
}
.supportTitle{
	font-family: 'Roboto', sans-serif;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 10px 50px 10px 0px;
    margin: 0px 0px 30px;
    position: relative;
    border-bottom: 2px solid #fff;
    line-height: 1.5;
}
.supports{
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
    justify-content: space-between;
}
.supportItem{
    padding: 0px 15px;
    margin-bottom: 30px;
}
.supportItem:last-child{margin-bottom: 0px;}
#supportCompany ul{
    padding-left: 15px;
}
.support .telephoneInfos{
	clear: both;
	list-style: none;
	font-size: 16px;
	padding-left: 0px;
	text-align: left;
}
.support .telephoneInfos span{
	display: inline-block;
	width: 160px;
}
.support .telephoneInfos a{
	font-weight: bold;
	color: #fff;
	font-size: 20px;
}
.support .telephoneInfos a:hover{
	text-decoration: none;
	color: #fb6a19;
}
#supportMan{
    padding-left: 220px;
}
#supportTitle span:after{
    position: absolute;
    top: 100%;
    right: 0px;
    content: '';
    width: 60px;
    height: 25px;
    background: url('../images/bg-supportTitle.png') no-repeat top right;
}

.content-duan {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -15px;
}
.contentItem {}
.contentItem2 {}
.contentItem3 {margin-bottom: 5px;}

.content-duan td, th {
  padding: 4px;
  border-style: dotted;
}
.contentItem-gia {}
.contentItem-gia p{
    text-align: center;
    text-decoration: underline;
}
.content-vitri {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content-vitri-item {
    padding: 0px;
}

.content-lienhe {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contentItem-lienhe {
    text-align: center;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.17);
    transition: all .3s ease;
    //min-height: 300px;
}
.contentItem-lienhe p{

    text-align: center;
    font-size: 16px;
    line-height: 1.67;
    letter-spacing: .025em;
}
.contentItem-lienhe-icon {
  font-size: 60px;
  line-height: 1;
  color: #009548;
  padding: 25px;
}

#landing-content .tab-contents .tab-panes .content-duan .contentItem2 img {height: 230px !important;}

.content-duan2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -15px;
   

}


.contentItem2-1 {
    border: 2px outset #d91a5c;
    padding: 5px 5px;
    margin:5px 0px 5px 0px;
    border-radius:5%;
}


.action-duan {
    clear: both;
    text-align: center;
    flex-wrap: wrap;
    border: 2px dashed #d91a5c;
    padding: 5px 5px;
    margin: 15px 0px 15px 0px;
}

.action-duan p span {
    animation: blinker .7s infinite;
    font-weight: 600;
}

@keyframes blinker {
  50% {
    color: #ffc107;
  }
}

.button-duan{
    padding: 0px; margin: 5px auto; text-align: center;
    
    }
.button-duan a{
    display: inline-block;
    background-color: #aa4604;
    font-size: 16px;
    border: none;
    color: white;
    border-radius: 12px;
    padding: 5px 15px 5px 15px;
    animation: blinker .7s infinite;
}


.button-duan a:hover {
    background-color: #278b09;
    /* Green */
    color: white;
}

.button-duan a{
    margin: 0 0 0px;
}

.frmbutton{
    color: black;
    text-transform: uppercase;
    padding: 10px 25px;
    background: white;
    cursor: pointer;
    display: inline-block;
    transition: all 300ms ease-out 0s;
} 

.frmRecruitments  .frmbutton{
    color: white;
    text-transform: uppercase;
    padding: 10px 25px;
    background: #7d2109;
    cursor: pointer;
    display: inline-block;
    transition: all 300ms ease-out 0s;
} 

.frmbutton:hover{
    opacity: 0.8;
}

.grecaptcha-badge{
    display: none !important;
    opacity: 0 !important;
}

#landing-page{
    background: url('../images/bg-landing.jpg') no-repeat center center #fff;
    background-attachment: fixed;
    background-size: 100%;
}

#landing-header, #landing-sidebar{
    width: 220px;
    padding: 10px;
    position: fixed;
    top: 0px;
    bottom: 0px;
}
#landing-header{
    left: 0px;
}
.landing-menu ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: none;
}
.landing-menu li{
    display: block;
    float: none;
}
#landing-page .landing-menu li > a{
    text-transform: uppercase;
    padding: 7px 10px;
    margin-bottom: 7px;
    border: none;
    border-bottom: 2px solid transparent;
    color: #333;
}
#landing-page .landing-menu li > a:hover{
    background: transparent;
    color: #ff6816;
}
#landing-page .landing-menu li > a:focus, #landing-page .landing-menu li.active > a{
    text-decoration: none;
    border: none;
    border-bottom: 2px solid #ff6816;
    background: none;
    cursor: pointer;
}
.landing-static{
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}
.landing-static ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}
.landing-static li{
    display: inline-block;
    border-left: 1px solid #eee;
}
.landing-static img{
    display: none;
}
.landing-hotline{
    font-size: 18px;
    text-align: center;
    color: #ff6816;
    margin-top: 10px;
}
.landing-hotline a{
    font-weight: bold;
    color: #ff6816;
}

#landing-content{
    padding: 0px;
    background: #fff;
}
#landing-content .tab-contents{
    padding: 0px;
    border: none;
    position: relative;
    z-index: 1;
}
#landing-content .tab-contents .tab-panes{
    display: block;
	padding: 15px 0px;
}
#landing-content .tab-contents .tab-panes:nth-child(even){
	background: #ececec;
}
#landing-content .tab-contents .tab-panes img{height: auto !important;}
.tab-contents .nav-tab{
    padding: 5px;
    margin-top: 5px;
    list-style: none;
    border: none;
    text-align: center;
}
.tab-contents .nav-tab li{
    display: inline-block;
    padding: 0px 3px;
    margin-bottom: 0px;
    margin-top: 5px;
    float: none;
}
.tab-contents .nav-tab .nav-link{
    display: block;
    padding: 5px 15px 3px;
    color: var(--text-tab-color);
    background: var(--background-tab-color);
    border-radius: 5px;
    cursor: pointer;
    border: none;
}
.tab-contents .nav-tab .nav-item:hover .nav-link,
.tab-contents .nav-tab .nav-item.active .nav-link,
.tab-contents .nav-tab .nav-link:hover,
.tab-contents .nav-tab .nav-link.active{
    background: var(--background-tab-active-color);
    color: var(--text-tab-active-color);
    text-decoration: none;
    border: none;
}
.tab-contents .tab-content{
    border: none;
    padding: 0px 0px;
    min-height: 0px;
}
.tab-contents .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1;
    color: inherit;
    font-size: 16px;
    margin-top: 10px
}
.slide-images{
    margin-bottom: 20px;
}
#utilities-detail,
#houses-detail{
    padding: 20px;
    background: var(--background-color);
    color: var(--text-color);
}

#utilities-detail .page-title,
#ground-detail .page-title,
#houses-detail .page-title,
#schedule-price-detail .page-title,
#video-detail .page-title,
#news-detail .page-title{
    position: relative;
    text-transform: uppercase;
    color: var(--text-color);
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 0px;
    overflow: hidden;
    line-height: 1.4;
}
#utilities-detail .page-title::after,
#ground-detail .page-title::after,
#houses-detail .page-title::after,
#schedule-price-detail .page-title::after,
#video-detail .page-title::after,
#news-detail .page-title::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
    max-width: 70%;
    height: 3px;
    background-image: linear-gradient(90deg, var(--text-color), var(--background-color));
}
#ground-detail .page-title,
#schedule-price-detail .page-title,
#video-detail .page-title,
#news-detail .page-title{
    color: var(--background-color);
}
#ground-detail .page-title::after,
#schedule-price-detail .page-title::after,
#video-detail .page-title::after,
#news-detail .page-title::after{
    background-image: linear-gradient(90deg, var(--background-color), transparent);
}

#utilities-detail .utility-list ul,
#houses-detail .house-list ul,
#news-detail .news-list ul{
    padding: 0px;
    list-style: none;
    text-align: center;
}
#utilities-detail .utility-list li,
#houses-detail .house-list li,
#news-detail .news-list li{
    display: inline-block;
    padding: 0px 15px;
    margin-bottom: 10px;
}
#utilities-detail .utility-list a,
#houses-detail .house-list a,
#news-detail .news-list a{
    color: var(--text-color);
    text-transform: uppercase;
}
#utilities-detail .utility-list a:hover,
#utilities-detail .utility-list a.active,
#houses-detail .house-list a:hover,
#houses-detail .house-list a.active,
#news-detail .news-list a:hover,
#news-detail .news-list .active a{
    color: var(--text-active-color);
}

#utilities-detail .utility-detail .utility-title,
#houses-detail .house-detail .house-title,
#news-detail .news-detail .news-title{
    display: flex;
    align-items: center;
    color: var(--text-active-color);
    font-weight: bold;
    margin-top: 0px;
}
#utilities-detail .utility-detail .utility-number,
#houses-detail .house-detail .house-number,
#news-detail .news-detail .news-number{
    font-size: 30px;
    margin-right: 10px;
}
#utilities-detail .utility-detail .utility-content,
#news-detail .news-detail .news-content{
    color: var(--text-active-color);
}
#houses-detail .house-detail .house-content{
    color: #fff;
}

#utilities-detail .slick-thumb{
    display: flex;
    flex-wrap: wrap;
    margin: 0px -5px;
}
#utilities-detail .slick-thumb .slick-item,
#houses-detail .slick-thumb .slick-item{
    padding: 5px;
    width: 50%;
    transition: all .3s linear;
    cursor: pointer;
    display: inline-block;
}
#utilities-detail .slick-thumb .slick-item.active,
#houses-detail .slick-thumb .slick-item.active{
    transform: scale(1.05);
    background-color: var(--text-active-color);
}
#utilities-detail .slick-thumb .slick-item img,
#houses-detail .slick-thumb .slick-item img{
    width: 100%;
}

#utilities-detail .utility-slider,
#houses-detail .house-slider{
    margin-top: 10px;
    border: 2px solid var(--text-active-color);
}
#utilities-detail .slick-slider .slick-arrow:before,
#utilities-detail .slick-slider .slick-arrow:after,
#houses-detail .slick-slider .slick-arrow:before,
#houses-detail .slick-slider .slick-arrow:after{
    font-size: 30px;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{
    opacity: .1;
}
#utilities-detail .slick-slider .slick-prev,
#houses-detail .slick-slider .slick-prev{
    left: -20px;
    z-index: 1989;
}
#utilities-detail .slick-slider .slick-next,
#houses-detail .slick-slider .slick-next{
    right: -10px;
    z-index: 1989;
}
#utilities-detail .slick-slider img,
#houses-detail .slick-slider img{
    cursor: pointer;
    margin: auto;
}
.slick-initialized .slick-slide{
    padding: 0px 0px 0px 1px;
}

#houses-detail .house-detail{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--text-active-color);
}
#houses-detail .slick-slider .slick-track{
    display: flex;
}
#houses-detail .slick-slider .slick-track .slick-slide{
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}
#houses-detail .slick-thumb{
    margin-top: 15px;
}
#houses-detail .slick-thumb .slick-item{
    width: auto;
    margin: 5px;
}
#houses-detail .slick-thumb .slick-item.active{
    transform: scale(1.1);
}
#houses-detail .slick-thumb .slick-item.active img{
    
}
#houses-detail .slick-slider{
    margin-top: 15px;
}
.tab-detail {padding-top: 7px;}

/*#tin-tuc-tab{
    background: var(--background-color) !important;
    color: var(--text-color);
}*/
#tin-tuc-tab-main.nav-tab{
    border: none;
}
#tin-tuc-tab-main.nav-tab a{
    border-radius: 5px;
}
#tin-tuc-tab-main.nav-tab li.nav-item{
    display: block;
    width: 100%;
    padding: 0px;
    margin: 10px 0px;
}
#tin-tuc-tab-content{
    padding: 0px;
}
#tin-tuc-tab-content .page-title{
    margin: 0px 0px 20px;
    font-size: 16px;
    font-weight: bold;
}

.news-content img{
    height: auto !important;
}

#news-detail .news-list ul{
    text-align: left;
}
#news-detail .news-list li{
    display: block;
    position: relative;
    padding: 0px;
}
#news-detail .news-list li.active:before{
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    width: 100px;
    height: 3px;
    position: absolute;
    left: -12px;
    top: 5px;
    color: var(--text-active-color);
}
#news-detail .news-list a{
    text-transform: none;
}
#news-detail .news-detail{
    height: 550px;
    overflow-x: auto;
    padding-right: 10px;
    position: relative;
}
#news-detail .news-detail:before{
    content: "";
    position: absolute;
    left: -15px;
    top: 0px;
    width: 1px;
    height: 100%;
    background: var(--text-active-color);
}
#news-detail .news-detail::-webkit-scrollbar {
    width: 5px;
}
#news-detail .news-detail::-webkit-scrollbar-track {
    background-color: darkgrey;
}
#news-detail .news-detail::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.video-wrapper {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: auto; max-width: 100%}
.video-wrapper iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.maps-wrapper {position: relative; padding-bottom: 80%; height: 0; overflow: hidden; margin: auto; max-width: 100%}
.maps-wrapper iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

div.img-wrapper{
    overflow: hidden;
    background: transparent;
}
div.img-wrapper .gallery-item-img{
    overflow: hidden;
    position: relative;
}
div.img-wrapper .gallery-item-title{
    margin: 0px;
    padding: 5px 0px 10px;
    text-align: center;
    font-weight: bold;
}

#landing-sidebar{
    right: 0px;
}
#btn-dangkyxemnha{
    background: #fd8746;
    color: #fff;
    text-transform: uppercase;
    /* margin: -10px -10px 10px; */
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    z-index: 2;
    right: 10px;
    bottom: 10px;
}
#btn-dangkyxemnha .fa{
    margin-right: 7px;
    margin-left: -5px;
}
#landing-sidebar .titleMain{
    margin-bottom: 10px;
}
#landing-sidebar .news .item{
    margin-bottom: 13px;
}
#landing-popup{
    opacity: 0.95!important;
}
#landing-popup form{
    height: 605px;
}
#landing-popup .bg-popup{
    position: relative;
    padding: 20px 50px;
    background: #fff;
    border: 2px solid gray;
    border-radius: 10px;
}
#landing-popup .close{
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    opacity: 0.9;
    border-radius: 100%;
    background: url('../images/close.png') no-repeat center center var(--background-color);
}
#landing-popup .close:hover{
    opacity: 1;
}
#landing-popup .btn{
    background: var(--background-color);
    color: var(--text-active-color);
    display: block;
    font-size: 18px;
}

.slider-search{
    padding: 100px 0px;
    background: no-repeat center center;
    background-size: cover;
    position: relative;
}
.slider-search:before{
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
    z-index: 1;
}
.slider-search .container{
    position: relative;
    z-index: 2;
}
.slider-search .slider-search-box{
    width: 70%;
    margin: auto;
}
.slider-search h2{
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin: 0px 0px 25px;
}
.slider-search .subjects{
    margin: 0px 0px 10px 0px;
    padding: 0px;
    list-style: none;
}
.slider-search .subjects li{
    display: inline-block;
    padding: 0px 15px 0px 0px;
}
.slider-search .subjects a{
    display: block;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
}
.slider-search .subjects a:hover{
    color: #fff;
    text-decoration: none;
}
.slider-search .item-all{
    position: relative;
    width: 100%;
}
.slider-search .item-all .form-control{
    height: 44px !important;
    font-size: 17px !important;
    float: none !important;
}
.slider-search .item-all .form-control:focus{
    background: #fff;
}
.slider-search .item-all button{
    position: absolute;
    right: 2px;
    top: 2px;
    color: #fff;
    background: #f17600;
    outline: 0px;
    padding: 10px 20px;
    border: none;
}
.slider-search .group p{
    clear: both;
    color: #fff;
    margin: 5px 0px;
}


footer{
    position: relative;
    padding: 0px;
}

#socialStatic{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#static ul{
    margin: 0px;
    padding: 8px 0px;
    list-style: none;
    font-size: 14px;
    color: #404040;
    /* background: url('../images/icon-static.png') no-repeat top left; */
}
#static ul li{
    padding: 0px;
}
#static ul img{
    //display: none;
}
#static ul span{
    display: inline-block;
    width: 100px;
}
#socialShare{
    padding-top: 50px;
}
#menuFooter{
    padding: 35px 0px 25px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f4f4f4;
}
/* #menuFooter .menuFooter{
    padding-top: 30px;
} */
#menuFooter .menuFooter a{
    font-size: 14px;
    font-weight: bold;
}
.projectFooter h3.title{
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #b52e0b;
    padding-bottom: 7px;
    position: relative;
}
.projectFooter h3.title:after{
    content: '';
    direction: block;
    width: 70px;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: -3px;
    background: #4f4f4f;
}
.projectFooter ul{
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    list-style: none;
}
.projectFooter li{
    padding-top: 8px;
}
.projectFooter .half{
    margin-left: -10px;
    margin-right: -10px;
}
.projectFooter .half li{
    float: left;
    width: 50%;
    padding: 8px 10px;
}
.projectFooter .half li:nth-child(2n+1){
    clear: both;
}
.projectFooter li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #505050;
}
.projectFooter li a:hover{
    color: #ff6816;
}

#infoFooter{
    padding: 30px 0px;
    background: #fff;
}
#formHotlineFooter{
    padding-left: 50px;
    margin-bottom: 20px;
}
#formHotlineFooter .title{
    color: #3d3d3d;
    font-size: 14px;
    text-transform: uppercase;
}

#copyright{
    text-align: center;
    padding: 10px 0px;
}
#copyright a{
    color: #7d2109;
    font-weight: bold;
}

#copyright img{
    padding-left:10px;
    height:30px;
}


.widget-mobile{width:45px;height:45px;position:fixed;text-align:center;bottom:5px;border-radius:100%;line-height:20px;cursor:pointer;display:block;z-index:999;}

.viber-widget{right: 90px; width:55px; height:55px;bottom:42px; display: none;}

.zalo-widget{right: 15px; width:60px; height:60px;}
.zalo-widget span{display: block; position: relative;}
.zalo-widget span:after{content: ''; position: absolute; top: 8px; right: 8px; width: 8px; height: 8px; background-color: #7ed321; border: 1px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}

.hotline-widget{right: 95px; bottom:15px; background:#009acf; color:#fff; font-size:12px;}
.hotline-widget:after,.hotline-widget:before{width:100%;height:100%;position:absolute;border-radius:100%;content:"";left:0;text-align:center;}
.hotline-widget:after{box-shadow:0 0 10px #009acf,0 0 10px #009acf;top:0;animation:shadow 1.2s .5s infinite;-webkit-animation:shadow 1.2s .5s infinite;-moz-animation:shadow 1.2s .5s infinite;-o-animation:shadow 1.2s .5s infinite}
.hotline-widget span{display:block;margin-top:10px;font-size:25px; animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out}

@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
	100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes quick-alo-circle-img-anim{0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-o-keyframes quick-alo-circle-img-anim{0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
}
@keyframes quick-alo-circle-img-anim{0%,100%,50%{transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}
}

@-webkit-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
	50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
	100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}
@-moz-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
	50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
	100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}
@-o-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
	50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
	100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}

@media screen and (max-width: 380px){
}
@media screen and (max-width: 480px){
    /*.support #frmSupport.form-horizontal{padding-left: 15px;}*/
    .supportTitle{display: block;}
    #frmSupport .form-group{margin: 10px 0px;}
    #frmSupport .col-xs-3, #frmSupport .col-xs-7{width: 100%; text-align: left;}
    #frmSupport .col-xs-offset-3{margin-left: 0px;}
    .news2 .item .itemThumb{display: none;}
    .news2 .item .itemTitle, .news2 .item .itemDes{margin-left: 0px;}
    .col-sidebar .sidebarBox{width: 100%; padding-top: 15px;}
    .projectFooter .half li, .projectFooter .col-xs-6{width: 100%;}
}

@media screen and (min-width: 480px){
    .projects .col-xs{width: 50%;}
    .projects .col-xs:nth-child(2n+1){clear: both;}
    .activitys .activityItem{width: 50%;}
    .activitys .activityItem:nth-child(2n+1){clear: both;}
    .imageHighlight{display: block;}
    .news-highlight .itemRight .item{width: 50%; padding: 0px 15px;}
    .news-highlight .itemRight .imageThumb{display: block;}
    .news-highlight .itemRight .item:nth-child(3){clear: both;}
    .list-videos li{width: 33.3333%;}
    .list-videos li:nth-child(2n+1){clear: none;}
    .list-videos li:nth-child(3n+1){clear: both;}
    .news2 .item .itemDes{display: block;}
    .list-news li{float: left; width: 50%; clear: none; display: block; background: none;}
    .list-news li:nth-child(2n+1){clear: both;}
    .list-news .image_news{width: 100%;}
    .list-news .link-news{width: 100%;  padding-top: 10px;}
    .news-highlight .itemAll .item{width: 50%;}
    .news-highlight .itemAll .item:nth-child(2n+1){clear: both;}
}

@media screen and (min-width: 640px){
    .projects .itemTitle{min-height: 80px;}
    .projects .col-xs{width: 33.33333%;}
    .projects .col-xs:nth-child(2n+1){clear: none;}
    .projects .col-xs:nth-child(3n+1){clear: both;}
    .activitys .activityItem{width: 33.33333%;}
    .activitys .activityItem:nth-child(2n+1){clear: none;}
    .activitys .activityItem:nth-child(3n+1){clear: both;}
    .news-highlight .item-first, .news-highlight .itemRight{width: 50%;}
    .news-highlight .itemRight{padding-left: 30px; margin: 0px 0px 25px}
    .news-highlight .itemRight .item{width: 100%; margin-top: 25px; padding: 0px;}
    .news-highlight .itemRight .item:first-child{margin-top: 0;}
    .news-highlight .itemRight .date-time, .news-highlight .itemRight .itemDes{display: none;}
    .news-highlight #tin-video .item-first{width: 40%;}
    .news-highlight #tin-video .itemRight{width: calc(60% + 30px); margin: 0px -15px;}
    .news-highlight #tin-video .itemRight .item{width: 50%; padding: 0px 15px; margin-bottom: 0px;}
    .news-highlight #tin-video .itemRight .item:nth-child(2){margin-top: 0px;}
    .list-news li{float: left; width: 33.3333%; clear: none;}
    .list-news li:nth-child(2n+1){clear: none;}
    .list-news li:nth-child(3n+1){clear: both;}
}

@media screen and (min-width: 768px){
    .scroll #header{padding-top: 5px;}
    #slider .infos{display: block; top: 200px;}
    #slider .info{max-width: 60%;}
    #slider .info h4{font-size: 18px;}
    #slider .info .slidePrice{margin-top: 10px; font-size: 17px;}
    #slider .info .slidePrice span{font-size: 15px;}
    #slider .owl-theme .owl-nav{top: 150px;}
    .slider-search{padding: 200px 0px;}
    .supportItem{border-left: 1px solid #ddd; margin-bottom: 0px}
    .supportTitle{font-size: 16px;}
    .list-news li{width: 25%;}
    .list-news li:nth-child(3n+1){clear: none;}
    .list-news li:nth-child(4n+1){clear: both;}
    .col-recruitment{width: calc(100% - 320px);}
    .col-sidebar{width: 310px; float: right; padding: 10px; border: 1px solid #b52e0b;}
    .col-sidebar .recruitmentForm{padding: 0px 10px; }
    .col-sidebar .   span{color: var(--text-active-color); border-color: var(--text-active-color);}
    .news-highlight .itemAll .item{width: 25%;}
    .news-highlight .itemAll .item:nth-child(2n+1){clear: none;}
    .news-highlight .itemAll .item:nth-child(4n+1){clear: both;}
}

@media screen and (min-width: 992px){
    header > .container{display: block;}
    header nav.menuDesktop{display: block;}
    .menuDesktop li{padding: 15px 0px;}
    .menu-mobile-expanded{display: none;}
    .menu-mobile-expanded.menu-mobile-product{display: block;}
    #mainMenu li a, #mainMenu li span{
        padding: 10px 35px;
        cursor: pointer;
        display: block;
        line-height: 1;
    }
    #mainMenu li a, #mainMenu li span{padding: 10px 10px;}
    #mainMenu li span{padding: 8px 10px}
	.menu-mobile-main ul.menu-mobile li.callnow{display: none;}
    .mm-menu.mm-offcanvas.mm-current{display: none;}
    html.mm-opening .mm-slideout, html.mm-right.mm-opening .mm-slideout{-webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0);}
    html.mm-blocking #mm-blocker{background: none; display: none;}
    html.mm-blocking, html.mm-blocking body{overflow: auto;}
    header .headerHotlineText{font-size: 15px; padding: 0px 10px;}
    header .headerHotlineText a{padding: 14px 0px 20px;}
    header .headerHotlineText:before{border-bottom: solid 83px #fb6a19;}
    header > .row{display: none;}
    #margin-top{padding-top: 80px;}
    .search-mobile#frmSearchAll{display: none;}
    #slider .infos{top: 290px;}
    #slider .owl-theme .owl-nav{top: 240px;}
    .news-highlight .itemRight{padding-left: 30px; margin: 0px -15px 25px; width: calc(50% + 30px);}
    .news-highlight .itemRight .item{width: 50%; margin-top: 0px; padding: 0px 15px;}
    .news-highlight .itemRight .date-time, .news-highlight .itemRight .itemDes{display: block;}
    .news-highlight #tin-video .item-first{width: 50%;}
    .news-highlight #tin-video .itemRight{width: calc(50% + 30px);}
    .supportTitle{font-size: 18px;}
    #btn-dangkyxemnha{right: 0px; bottom: 0px;}
	.popup-mobile{display: none;}
}

@media screen and (min-width: 1200px){
    #mainMenu li a{padding: 10px 25px;}
    #mainMenu li span{padding: 8px 15px;}
    header .headerHotlineText{font-size: 24px; padding: 0px 20px;}
    header .headerHotlineText a{padding: 14px 0px 20px;}
    header .headerHotlineText:before{border-bottom: solid 90px #fb6a19;}
    #slider .infos{top: 330px;}
    #slider .info{max-width: 45%;}
    #slider .info h4{font-size: 22px;}
    #slider .info .slidePrice{margin-top: 20px; font-size: 20px;}
    #slider .info .slidePrice span{font-size: 17px;}
    #slider .owl-theme .owl-nav{top: 280px;}
    #margin-top{padding-top: 114px;}
    .projects .itemTitle{min-height: 60px;}
}

@media screen and (min-width: 1190px){
    .container{width: 1190px;}
}

@media screen and (min-width: 1300px){
}

@media screen and (min-width: 1500px){
}