@charset "utf-8";body {	font-family: 'Roboto', sans-serif;}input,button,select,textarea {	outline: none;}img {	max-width: 100%;	-webkit-transition: all 0.7s ease;	transition: all 0.7s ease;}a:hover,a:focus {	text-decoration: none;}a {	color: #333;}.owl-theme .owl-nav {	margin-top: 0px !important;}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {	margin: 0px !important;	padding: 0px !important;}.owl-prev,.owl-next {	margin: 0px !important;	border-radius: 0px !important;}.fl-left {	float: left !important;}.fl-right {	float: right !important;}/* css main slider */	/*#slider-home .owl-prev{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}#slider-home .owl-next{	position: absolute;	top: 50%;	right: 0;	transform: translateY(-50%);}#slider-home .owl-nav .fa{	background-color: rgba(51, 51, 51, 0.6);	width: 40px;	height: 40px;	text-align: center;	line-height: 40px;	color: #fff;}*/.hc-nav-trigger.hc-nav-1{	display: none!important;}#myCarousel .item img{	width: 100%;	height: 995px;	object-fit: cover;}#mai-slider{	position: relative;}#mai-slider .logo-menu{	/*position: absolute;*/	width: 100%;	top: 0;	left: 0;	z-index: 99!important;	padding-top: 13px;}#main-menu ul li a{	    color: #000;	    font-size: 16px;	    font-family: 'Roboto-Bold';	    text-transform: uppercase;	    padding: 14px;	    display: inline-block;}#main-menu ul li{	display: inline-block;	position: relative;}#main-menu ul li.search{	padding-left: 15px;}#main-menu ul li.search i{    color: #fff;    font-family: fontawesome;    font-style: inherit;}#main-menu ul{	    display: inline-block;	    float: right;	    margin-bottom: 0;	    padding-left: 0;	    padding-top: 18px;}#myCarousel .carousel-indicators li{	    height: auto;    text-indent: inherit;    color: #fff;    background: none;    border: none;    width: calc((100% - 65px) / 5);    border-bottom: 1px solid;    border-radius: 0;    padding-bottom: 10px;    display: inline-block;    float: left;    margin-right: 15px;    text-transform: uppercase;}#myCarousel .carousel-indicators li.active{	border-bottom: 1px solid #90b50f;}#myCarousel .carousel-indicators li:nth-child(5n){	margin-right: 0;}#myCarousel .carousel-indicators {	    position: absolute;	    top: 49%;	    left: 50%;	    display: inherit;}.info-slider{	    position: absolute;	    width: 100%;	    bottom: 58px;	    left: 0;	    z-index: 22;}.info-slider .info-slider1{	    background: #fff;    padding: 37px;}.info-slider .info-slider1 .info-slider-right .title-info{	    margin: 0;	    font-family: 'UTM Neutra';	    color: #90b50f;	    text-transform: uppercase;	    padding-bottom: 13px;	    font-size: 30px;}.info-slider .info-slider1 .info-slider-right .desc{    font-size: 16px;    overflow: hidden;    text-overflow: ellipsis;    line-height: 25px;    -webkit-line-clamp: 7;    height: 177px;    display: -webkit-box;    -webkit-box-orient: vertical;}.info-slider .info-slider1 .info-slider-left img{	    width: 100%;	    height: 308px;	    object-fit: cover;} .read-more{	    color: #999999;	    border: 1px solid;	    padding: 6px 13px;	    display: inline-block;	    margin-top: 3px;	    text-transform: uppercase;	    -webkit-transition: all 0.7s ease;	    transition: all 0.7s ease;} .read-more:hover{	background: #90b50f;	color: #fff;}.title-primary{	margin: 0;	font-family: 'UTM Neutra';	color: #90b50f;	text-transform: uppercase;	padding-bottom: 13px;	text-align: center;}.project-home{	    padding-top: 42px;}.project-first .image .product-project img{	    width: 100%;	    height: 410px;	    object-fit: cover;	    -webkit-transition: all 0.7s ease;	    transition: all 0.7s ease;}.project-home  .image{	position: relative;	overflow: hidden;}.project-home  .image:hover img{    webkit-transform: scale(1.1);    transform: scale(1.1);}.project-home  .overlay-img{	    display: inline-block;    position: absolute;    bottom: 0;    left: 0;}.info-slider .info-slider1 .info-slider-left{	overflow: hidden;}.info-slider .info-slider1 .info-slider-left:hover img{	   webkit-transform: scale(1.1);    transform: scale(1.1);}.project-home  .title-project{	    position: absolute;	    z-index: 11;	    bottom: 0;	    text-align: center;	    width: 100%;	    font-size: 18px;	    text-transform: uppercase;	    padding: 10px;	        overflow: hidden;    text-overflow: ellipsis;    line-height: 29px;    -webkit-line-clamp: 1;    height: 37px;    display: -webkit-box;    -webkit-box-orient: vertical;}.project-home  .title-project a {	    color: #fff;}.project-home .project-first{	    padding-top: 22px;}.project-second .item-project .row{	margin-left: -5px;	margin-right: -5px;}.project-second .item-project .row .col-md-8{	padding-left: 5px;	padding-right: 5px;}.project-second .item-project .row .col-md-4{	padding-left: 5px;	padding-right: 5px;}.project-second .item-project .image .product-project  img{	width: 100%;	height: 410px;	-webkit-transition: all 0.7s ease;	transition: all 0.7s ease;}.project-second .item-project {	margin-top: 10px;}.project-second .more-project{	    text-align: center;    margin-top: 20px;}/* css register*/.register-home{	background: url('../images/bg2.png');	height: 270px;	background-size: cover;	position: relative;	width: 100%;	overflow: hidden;	margin-top: 50px;}.register-home .content-register .title{	    font-family: 'UTM Neutra';    color: #fff;    text-transform: uppercase;    font-size: 30px;    margin: 0;}.register-home .content-register .title-desc{	    color: #fff;	    font-family: 'UTM Avo';	    font-size: 20px;	    margin-top: 10px;	    text-transform: uppercase;}.register-home .content-register .read-more{	color: #fff;	margin-top: 11px;}.register-home .content-register{    position: absolute;    top: 50%;    transform: translateY(-50%);    width: 100%;}/* css new home*/.nav-new-home .new-home-left .image{	    width: 187px;    display: inline-block;    float: left;}.nav-new-home .new-home-left .nav-image{	width: calc(100% - 187px);	display: inline-block;	float: right;	padding-left: 15px;}.clearfix{	clear: both;}.new-home{	padding-top: 45px;}.new-home .new-home-left .title{	    font-family: 'Roboto-Bold';    font-size: 17px;    margin: 0;    overflow: hidden;    text-overflow: ellipsis;    line-height: 23px;    -webkit-line-clamp: 2;    height: 46px;    display: -webkit-box;    -webkit-box-orient: vertical;}.new-home .new-home-left  .desc{	    overflow: hidden;    text-overflow: ellipsis;    line-height: 21px;    -webkit-line-clamp: 3;    height: 62px;    display: -webkit-box;    -webkit-box-orient: vertical;    font-size: 14px;    margin-top: 8px;    margin-bottom: 0;}.new-home .new-home-left .image img{	    width: 187px;    display: inline-block;    float: left;}.new-home .nav-new-home{	padding-top: 22px;}.new-home .new-home-left .item{	padding-bottom: 30px;}.slider-new  .item img{	height: 330px;    object-fit: cover;}.slider-new  .item .title{	font-size: 18px;	    font-family: 'Roboto-Bold';}.slider-new .owl-dot{	    width: 10px;    height: 10px;    border: 1px solid #90b50f;    -ms-transform: rotate(45deg);    -webkit-transform: rotate(45deg);    transform: rotate(45deg);    display: inline-block;    float: left;    margin:5px;}.slider-new  .owl-dot.active{	background: #90b50f;}.slider-new  .owl-dots{	    position: absolute;    bottom: -27px;    left: 0;}/* css my-work*/.my-work{	background: url('../images/bg3.png');	background-size: cover;}/* css footer*/.title-footer{	    font-size: 20px;	    font-family: 'UTM Neutra';	    text-transform: uppercase;	    color: #90b50f;	    padding-bottom: 6px;}#footer-site .nav-item ul{	    padding-left: 0;    list-style: none;    font-size: 14px;    margin: 0;}#footer-site .nav-item ul li span{	 font-family: 'Roboto-Bold';}#footer-site .nav-item ul li{	padding-bottom: 4px;}#footer-site{	padding-top: 21px;	border-bottom: 5px solid #90b50f;	padding-bottom: 25px;}#footer-site .social-footer ul{	   padding-left: 0;    list-style: none;      margin: 0;}#footer-site .social-footer ul li{	width: 50%;	display: inline-block;	float: left;	font-size: 14px;	margin-bottom: 10px;}#footer-site .social-footer ul li i{	    font-family: fontawesome;    font-style: inherit;    width: 32px;    height: 32px;    display: inline-block;    border: 1px solid;    font-size: 18px;    text-align: center;    line-height: 32px;    border-radius: 7px;    margin-right: 11px;    color: #fff;}#footer-site .social-footer ul li i.fa-facebook-f{	background: #508bc3;}#footer-site .social-footer ul li i.fa-google{	background: #df7373;}#footer-site .social-footer ul li i.fa-twitter{	background: #27c0c8;}#footer-site .social-footer ul li i.fa-youtube{	background: #d34848;}#footer-site .nav-item-form .row{	margin-left: 3px;	margin-right: 3px;}#footer-site .nav-item-form .row .col-md-6{	padding-left: 3px;	padding-right: 3px;	margin-bottom: 5px;}.nav-item-form input[type=text]{	width: 100%;	color: #000;	height: 36px;	padding-left: 10px;	border-radius: 3px;	border: 1px solid #ccc;}.nav-item-form input[type=text]::-webkit-input-placeholder {	color: #000;}.nav-item-form input[type=text]:-moz-placeholder { /* Firefox 18- */	color: #000;}.nav-item-form input[type=text]::-moz-placeholder {  /* Firefox 19+ */	color: #000;}.nav-item-form input[type=text]:-ms-input-placeholder {	color: #000;}#footer-site .nav-item-form .row .col-md-8{	padding-left: 3px;	padding-right: 3px;}#footer-site .nav-item-form .row .col-md-4{	padding-left: 3px;	padding-right: 3px;}.nav-item-form .input{	    background: #90b50f;    height: 36px;    border: 1px solid #90b50f;    width: 100%;    border-radius: 3px;    font-size: 14px;    color: #fff;    text-transform: uppercase;}.new-home .new-home-left .item .image:before{	    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;}.new-home .new-home-left .item .image:after{	    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;}.new-home .new-home-left .item .image{	position: relative;}.new-home .new-home-left .item .image:hover:before {    left: 50%;    right: 50%;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;    background-color: rgba(255,255,255,0.5);}.new-home .new-home-left .item .image:hover:after {    top: 50%;    bottom: 50%;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;    background-color: rgba(255,255,255,0.5);}.slider-new .item .image{	position: relative;}.slider-new .item .image:before{	    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;}.slider-new .item .image:after{	    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;}.slider-new .item .image{	position: relative;}.slider-new .item .image:hover:before {    left: 50%;    right: 50%;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;    background-color: rgba(255,255,255,0.5);}.slider-new .item .image:hover:after {    top: 50%;    bottom: 50%;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;    background-color: rgba(255,255,255,0.5);}.page-body-buong{	width: 100%;	overflow: hidden;}#main-menu ul .sub-menu{	position: absolute;    background: #fff;    width: 200px;    left: 0;    top: 70px;    padding-top: 0;    visibility: hidden;    opacity: 0;    -webkit-transition: all 0.7s ease;    transition: all 0.7s ease;}#main-menu ul li:hover .sub-menu{	top:48px;	visibility: visible;	opacity: 1;}#main-menu ul .sub-menu li{	width: 100%;    display: inline-block;}#main-menu ul .sub-menu li a{	    color: #333;	    text-transform: capitalize;	    width: 100%;	    display: inline-block;	    font-size: 15px;	    padding: 5px 13px;	    border-bottom: 1px solid #ddd;}#main-menu ul .sub-menu li:last-child a{	border-bottom: 0;}#main-menu ul  li .nav-search{	    position: absolute;	    right: 0;	    top: 50px;	    visibility: hidden;	    opacity: 1;}#main-menu ul li .nav-search.open{	top: 29px;	visibility: visible;	opacity: 1;	-webkit-transition: all 0.7s ease;    transition: all 0.7s ease;}#main-menu ul  li .nav-search input[type=text]{	    width: 229px;    height: 36px;    border: 1px solid #ddd;    border-radius: 2px;    padding-left: 10px;}#main-menu ul  li .click-search{	cursor: pointer;}/*zoom ảnh slider*/@-webkit-keyframes zoom {  from {    -webkit-transform: scale(1, 1);  }  to {    -webkit-transform: scale(1.5, 1.5);  }}@keyframes zoom {  from {    transform: scale(1, 1);  }  to {    transform: scale(1.5, 1.5);  }}.carousel-inner .item > img {  -webkit-animation: zoom 20s;  animation: zoom 20s;}.is-sticky .logo-menu{	    background: #fff;    padding: 10px 0;}.is-sticky .logo-menu #main-menu ul li a{	    color: #333;}.is-sticky  #main-menu ul li.search i{	color: #333;}.sticky-wrapper{    height: 0!important;} .sticky-wrapper.is-sticky{	height: 95px!important;}/* css project*/.banner img{	    width: 100%;    height: 565px;    object-fit: cover;}.brecus{	    background: #f3f3f3;	    border-bottom: 1px solid #e1e1e1;	    padding: 11px 0;}.brecus ul{	padding-left: 0;}.brecus ul li{display: inline-block;float: left;padding-right: 12px;}.brecus ul li a{	padding-right: 10px;	display: inline-block;	font-size: 16px;}.main-project .project-home .title-project {   overflow: hidden;   text-overflow: ellipsis;   line-height: 23px;   -webkit-line-clamp: 2;   height: 55px;   display: -webkit-box;   -webkit-box-orient: vertical;   font-size: 14px;}.main-project .project-home .image .product-project img{	    height: 305px;	    object-fit: cover;	    width: 100%;}.main-project .project-home .row{	margin-left: 0;	margin-right: 0;}.main-project .project-home .row .col-md-4{	padding-left: 0;	padding-right: 0;}.main-project .project-home .title-primary{	padding-bottom: 30px;}/*pagenavi */.pagenavi{border-top: 1px dashed #dddddd;padding-top: 26px;margin-top: 13px;padding-bottom: 11px;}.pagenavi ul{padding-left: 0;}.pagenavi ul li{display: inline-block;}.pagenavi ul a{height: 27px;display: inline-block;background: #f2f2f2;text-align: center;line-height: 27px;border: 1px solid #dddddd;padding: 0 10px;}.pagenavi ul a.active{	background: #90b50f;	color: #c5eaf8;}.main-detail-product .nav-main-project.project-home{padding-top: 6px;}.form-detail-project .title{	color: #90b50f;	font-weight: bold;	font-size: 20px;	margin-bottom: 0;	padding-bottom: 15px;}.main-project.main-detail-product .form-detail-project{	padding-top: 10px;}.main-project.main-detail-product .form-detail-project input[type=text]{	width: 70%;    height: 36px;    border: 1px solid #ddd;    padding-left: 10px;    clear: both;    margin-bottom: 10px;}.main-project.main-detail-product .form-detail-project textarea{	width: 70%;    height: 200px;    border: 1px solid #ddd;    padding-left: 10px;    clear: both;    margin-bottom: 10px;}.main-project.main-detail-product .form-detail-project input[type=submit] {	    background: #90b50f;    color: #fff;    text-transform: uppercase;    padding: 6px 30px;    border: 1px solid;}.main-detail-product .relate-project{	padding-top: 35px;} /*css page new*/.nav-main-new .item .title{	    overflow: hidden;    text-overflow: ellipsis;    line-height: 24px;    -webkit-line-clamp: 2;    height: 49px;    display: -webkit-box;    -webkit-box-orient: vertical;    margin: 0;}  .date .fas{	    font-family: fontawesome;    font-style: inherit;    padding-right: 7px;}  .date{	    color: #999;    margin-bottom: 3px;    padding-top: 10px;    font-style: italic;}.nav-main-new .item  .image img{	    height: 250px;    object-fit: cover;}.nav-main-new{	padding-top: 50px;}.nav-main-new .title-primary{	padding-bottom: 25px;}.nav-main-new  .item .image:before{	    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;}.nav-main-new  .item .image:after{	    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;}.nav-main-new  .item .image {	position: relative;}.nav-main-new  .item .image:hover:before {    left: 50%;    right: 50%;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;    background-color: rgba(255,255,255,0.5);}.nav-main-new  .item .image:hover:after {    top: 50%;    bottom: 50%;    -webkit-transition: 0.6s;    -o-transition: 0.6s;    transition: 0.6s;    background-color: rgba(255,255,255,0.5);}.nav-main-new  .item{	margin-bottom: 30px;}.main-new-detail .nav-main-new{	padding-top: 13px;}.other-new{	padding-top: 30px;}.main-new-detail h3{	margin-bottom: 0;}.main-library .gallery-item:before {    position: absolute;    content: '';    top: 20px;    left: 20px;    right: 20px;    bottom: 20px;    border: 2px solid #fff;    transition: all .5s;    opacity: 0;    z-index: 2;}.main-library .item{	position: relative;}.main-library .gallery-item:hover:before {    opacity: 1;}.main-library  .video-link-icon img{	    width: 100%;    height: 253px;    object-fit: cover;}/* css page contatc*/.nav-contact .title1{	    color: #90b50f;    font-size: 20px;} .nav-contact ul{ 	    padding-left: 0;    list-style: none; }  .nav-contact ul li{ 	    padding-bottom: 3px; }   .nav-contact ul li span{   	font-weight: bold;   }.nav-main-contact{	padding-top: 40px;}.form-contact input[type=text]{	    width: 100%;    height: 30px;    border: 1px solid #ddd;    padding-left: 10px;    margin-bottom: 10px;}.form-contact {	    background: #f6f6f6;    padding: 25px;}.form-contact textarea{	    width: 100%;    height: 94px;    padding: 10px;    border: 1px solid #ddd;}.form-contact input[type=submit]{	background: #90b50f;    color: #fff;    border: 1px solid;    padding: 4px 13px;}.main-contatc .nav-contact{	padding-bottom: 30px;	padding-top: 30px;}.content-detail-product h1{	font-size: 20px;	font-weight: bold;}.content-detail-product img{	max-width: 100% !important;	height: auto !important;}.is-sticky >*{	    -webkit-transition: all 0.7s ease;    transition: all 0.7s ease;}.form-contact .title1{	    margin-top: 0;    padding-bottom: 5px;}.logo img{	width: 120px;	margin-bottom: 20px;}.text-top-tt img, .text-top-tt iframe {	max-width: 100% !important;	height: auto !important;}#at4-share, #at4-soc, #at-cv-toaster.at-cv-mask, #at-share-dock {	display: none !important;}