html,
body {
font-family: 'Courier New', monospace;
height: 100%;
}

body {
/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes.
*/
}
@font-face {
font-family: "myfont";
src: url("UTM%20Avo.ttf") format("truetype"); font-weight: normal;
font-style: normal;
}
.border2 {border-bottom: 1px solid #CCCCCC; width:70%; margin:0 auto}
.center {
font-size: 20px;
text-align: center;
margin: 0 auto;
font-weight: bold;
width: 45px;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 6px;
}
.topbar {
background: #099dcf;
padding: 4px 0;
color: #fff;
}
.topbar ul {margin-bottom:0px;}

.topbar #menu-top-trai li {
float: left;
list-style: none;
font-size: 18px}
.topbar #menu-top-trai a{color:#FFFFFF}
.topbar a:hover {text-decoration:none; color:#0a1e29;}

.topbar #menu-top-phai li { float: left;
list-style: none;
padding-right: 18px;
font-size: 13px; color:#FFFFFF}
.topbar #menu-top-phai {color:#FFFFFF; float: right;}

.img-portfolio {
margin-bottom: 13px;
}
.marding0 {margin-top:0px;}
.img-hover:hover {
opacity: 0.8;
}

/* Home Page Carousel */
.trichdan {width: 40%; float:right; margin-left:20px;

background-color: #ffffcc;
padding: 5px;
border: 1px solid #fdfdb1;}

.box {
width: 50%;
margin: 0 auto;
background: rgba(255,255,255,0.2);
padding: 35px;
border: 2px solid #fff;
border-radius: 20px/50px;
background-clip: padding-box;
text-align: center;
}
#popup1 {z-index:99;}
.button {
font-size: 1em;
padding: 10px;

border: 2px solid #06D85F;

text-decoration: none;
cursor: pointer;
transition: all 0.3s ease-out;
}
.button:hover {
background: #06D85F;
}
.img-responsive {z-index:-99;}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
h3 a {color:#000;}
h3 a:hover {text-decoration:none; color:#999999}

.item2 img {float:left; margin-right:15px; width:30%;}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 50%;
position: relative;
transition: all 5s ease-in-out; z-index:9999;
}

.popup h2 {
margin-top: 0;
color: #333;
font-family: Roboto, sans-serif;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #06D85F;
}
.popup .content {
max-height: 30%;
overflow: auto;
}

.tin-tuc {float:none; clear:both; margin-bottom:10px; }
.imgTintuc {width:100%;}
@media screen and (max-width: 1176px){
#albumhinh img { width: 73px !important;

}}
@media screen and (max-width: 700px){
#albumhinh img { width: 12.5% !important;

}}

@media screen and (max-width: 414px){
#albumhinh img { width: 25% !important;

}}

@media screen and (max-width: 700px){
.dichvuhome {margin-top:5px !important;}
.box{
width: 70%;
}
.popup{
width: 70%;
}

}

.masonry {
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
font-size: .85em;
}

.masonry1 {
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
font-size: .85em;
}

.item {
margin-right: 10px; margin-bottom:15px;
}

.item img { width:100%; }

.item1 {
display: inline-block;
background: #fff;
padding: 5px;
margin: 0 0 10px;
width: 95%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.item1 img{ width:100%;}

figure {

padding: 0;
margin: 0;
}
figure img {
opacity: 1; margin: 0 auto;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out; display: block;
}
figure:hover img {
opacity: .5;
}
.content_view{
font-size: 14px;
line-height: 20px;}

.sd-right-col ul, .sd-right-col ol {
list-style: none;
margin: 0;
padding: 0;
}
.sd-recent-widget-thumb {
float: left;
height: 65px;
margin-right: 20px;
width: 100px;
}
.sd-right-col img, .sd-right-col select {
max-width: 100%;
}
.sd-recent-posts-content {
overflow: hidden;
}
.sd-recent-posts-content h4 {
font-size: 16px;
padding-bottom: 0;
}
.sd-recent-date {
font-size: 12px;
}

.marginright15 {margin-right:15px;}
.margintop15{margin-top:15px;}
.margintop0{margin-top:0px;}
.marginright0{margin-right:0px;}
.paddingleft0{padding-left:0px;}
.paddingright0{padding-right:0px;}
.paddingrightleft8{ }
.paddingtop0{padding-top:0px;}
.paddingbottom0{padding-bottom:0px;}
.formdattiec {float: left;
width: 48%;
margin-right: 10px;}

header.carousel {
height: 100%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height: 100%;
}

header.carousel .fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}

/* 404 Page Styles */

.error-404 {
font-size: 100px;
}

/* Pricing Page Styles */

.price {
display: block;

}

.price sup {
top: -20px;
left: 2px;
font-size: 20px;
}

.period {
display: block;
font-style: italic;
}

/* Footer Styles */

footer {
margin-top:30px;
}

.fontkhac {font-family: 'Roboto', sans-serif;}

.nen1 {background:#4e0304 url('../images/nenduan.jpg') bottom center no-repeat;}
.nenfooter {background:#047095 url('../images/nenfooter.jpg') bottom center no-repeat;; padding:5px 0;
color:#fff;font-family: 'Roboto', sans-serif; font-size:15px; line-height:33px;}
.nenfooter a {color:#f4f4f4;}
.nenfooter a:hover {color:#cd0707;}
.nau { font-size: 17px;
font-weight: bold; }
.martop60{ margin-top: 60px; padding-left:0px !important;}

.floatleft {float:left;}
.floatright {float:right;}
.font28 {font-size:28px;}

.wrapperheader {
width: 100%;
background-color: #fff;
}

.mang-xh {
width: 82px;
float: right; font-size:26px; color:#8e8e8e;
}
.smallsearch { float: right;
width: 242px;
margin-top: 1px;}

.smallsearch1 {

margin-top: 6px;}

.mang-xh a:hover {color:#099dcf;}
.google-maps {
position: relative;
padding-bottom: 63%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.colorwhite {color:#8e8e8e;}

.topmenu {
margin-top: 8px;
}
.topmenu ul {
position: relative;
list-style: none; margin-bottom:0px; padding-left:0;
}
.topmenu ul >li:first-child {
padding-left: 0px;
}
.topmenu ul >li {
float: left;
padding: 0 13px;
position: relative;
border-right: 1px solid #d1d2d4;
}

.topmenu ul >li >a {
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
font-size: 13px;
}
.topmenu ul >li >a:hover {
color:#3a1b07;
}
.nopadright {
border-right:none; padding-right:0px;
}

.nopadleft {
padding-left:0px;
}

.hotlineright {
float: right; margin-top:26px;

}
.dangkynhanbantin {
float: left; padding-left:0px;
text-align:left;
margin-top: 7px;
font-size: 15px;
color: #fbfe13;
}

.flipkart-navbar-input {
padding: 2px 16px; background-color:#fff; color:#999999;
border: 0 none;
outline: 0 none;
font-size: 13px;
}

.flipkart-navbar-button {
background-color: #559db6; width: 38px;
border:none;
color: #565656;
padding: 2px 0; padding-top:3px;
height: 22px;
cursor: pointer; color:#999999;
}

.cart-button {
background-color: #2469d9;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
padding: 10px 0;
text-align: center;
height: 41px;
border-radius: 2px;
font-weight: 500;
width: 120px;
display: inline-block;
color:#999999;
text-decoration: none;
color: inherit;
border: none;
outline: none;
}

.cart-button:hover{
text-decoration: none;
color: #fff;
cursor: pointer;
}

.cart-svg {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 8px;
}
.martop20 {margin-top:20px;}
.dichvuhome { position:relative;}
/***********/
.tr_mobile
{
display:none!important;
}
.tr_pc
{
display: block!important; margin-top: 31px; float: left; margin-left: 6px;

}

.glossymenu{ position: relative;
list-style: none;
}

.glossymenu >li{
float:left;
position:relative;
}

.glossymenu >li:first-child>a {
width: 44px; height:36px;
background: url(../images/home.png) no-repeat!important;
border-left: 0!important;
text-indent: -10em;
overflow: hidden;
}

.glossymenu >li:last-child{
padding-right:0px !important;
}

.glossymenu >li >a{
padding: 5px 11px;
display: block;
font-family: 'Roboto', sans-serif;
color:#484848;
text-decoration: none;
cursor: pointer; font-size:17px;
border-left: none;
border-top: none;
text-decoration: none;
border-bottom: none !important;

}
/*hover*/
.glossymenu >li >a:hover{
color:#fff;
border-radius: 100px;
background-color:#00b0f0;

}
.glossymenu >li.current >a {
color:#fff !important;
padding: 5px 20px;
border-radius: 100px;
background-color:#00b0f0;
}

.paddingtop13 {padding-top:13px; font-size:16px; }
.paddingtop13 a {color:#444444;}
.glossymenu >li >ul{display:none; position:absolute; left:0px; z-index:999999; border-top:none; width:190px;
padding-left:18px; background-color:#fff; box-shadow: 0 3px 5px rgba(0,0,0,0.2); font-family: 'Roboto', sans-serif;}
.glossymenu >li >ul >li{margin-right:10px; padding:5px 0; border-bottom: 1px solid #eeeeee; list-style:none;
position:relative;}
.glossymenu >li >ul >li >a{color:#000; padding:3px 0px; text-decoration:none;display: inline-block; }
.glossymenu >li >ul >li >a:hover{color:#43a1f3;}
.glossymenu >li:hover >ul{display:block; z-index:999;}

.glossymenu >li:hover >ul{display:block; z-index:999;}

.glossymenu >li >ul >li >ul{display:none; position:absolute; top:0; left:100%; width:190px; background-color:#0e5915;
padding-left: 17px;}
.glossymenu >li >ul >li >ul >li{ line-height:20px; border-bottom:1px solid #471492; padding:8px 0; position:relative;
list-style:none}
.glossymenu >li >ul >li >ul a{color:#fff !important; padding:0 10px; display:inline-block;}
.glossymenu >li >ul >li >ul a:hover{color:#f58634 !important;}
.glossymenu >li >ul >li:hover >ul{display:block;}

.glossymenu >li >ul >li >ul >li >ul{display:none; position:absolute; top:0; left:100%; width:220px;
background-color:#810005;}
.glossymenu >li >ul >li >ul >li >ul >li{padding:0; line-height:20px; background:url(../images/li-sub-menu-3.html)
repeat-x left bottom; padding:5px 0; position:relative;}
.glossymenu >li >ul >li >ul >li >ul a{color:#fff !important; padding:0 10px; display:inline-block;}
.glossymenu >li >ul >li >ul >li >ul a:hover{color:#ff0 !important;}
.glossymenu >li >ul >li >ul >li:hover >ul{display:block;}

.menu_active, .grid{display:none;}

.new, .sale {
position: absolute;
top: 0;
right: 0;
}

a.view-all {
display: block;
width: 160px;
height: 40px;
text-align: center;
line-height: 40px;
border: 1px solid #099dcf;
color: #099dcf; font-size:12px;
margin: 30px auto 0;
}

.mauvang{color:#fff; margin-top:4px;}

.mauxanh {color:#099dcf; margin-top:4px;}
.gach {

position: absolute;
content: '';
width: 200px;
height: 2px;
background: #099dcf;
bottom: 3px;
left: 0;
right: 0;
margin: 0 auto;}
/************/
.d_mneu_mobile
{

width: 55px;
margin-top: 15px;
float: left;
position: relative;
height:45px;
overflow:hidden;
}

.slide-show {width:100%;}
.slide-show img{max-width:100%; }

#mask {
position: absolute;
left: 0;
top: 0;
z-index: 9000;
background-color: #000;
display: none;
}

#boxes .window {
position: absolute;
left: 0;
top: 0;
display: none;
z-index: 9999;

text-align: center;
}

#boxes #dialog {
width: 50%;
height: auto;

}

#boxes #dialog img{width:100%;}

#popupfoot {

width: 50px; height:50px; position: absolute;
top: 0px;
right: 0px;

}

@media screen and (max-width: 1207px) {
.glossymenu >li >a {

padding: 10px 8px;
}}
@media screen and (max-width: 1024px) {
.navbar.compressed .hotlineright {
/* margin-top: -40px !important;*/
}

.glossymenu >li {
padding: 0px;
}
.tr_pc {

margin-top: 19px;

}
.glossymenu >li >a {
padding: 10px 4px;
}

.navbar.compressed img{
height:45px;
}

.tr_mobile
{
display:none!important;
}
.tr_pc
{
display:block!important;
}

.navbar.compressed .tr_pc {
margin-top: 3px !important;
}

}
.logomobile { display:none!important;}

@media screen and (max-width: 1000px) {

.navbar.compressed {
position: relative;

width:100%;

box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.compressed1{ display: block!important;
margin-top: 0px !important;
display: block;
/* font-size: 30px; */
position: absolute;
top: 5px;
/* padding: 0 10px; */
color: #2980B9;}

.tr_mobile
{
display:block!important; position: absolute;
}

.logomobile { display:block!important; text-align: center;
float: left;
margin-left: 29px;
padding-left: 30px; }
.logomobile img{ }

}
.thumbnail1 img{width:100%;}

@media screen and (max-width: 400px) {
.logomobile {float:none; margin-left: 0px;
padding-left: 0px; }

.hotlineright {margin-top:0px; display: none;}
}

.hinhquangcao img{ width:100%; margin-bottom:10px;}

.blog-title h5 {
margin: 0; padding-bottom: 10px;

}
.blog-title a {
line-height: 17px; color:#fff; font-size:16px;
}

.item-container {float:left; width:33.333333%; position: relative;
}

.item-containermenu {float:left; width:33.333333%; position: relative;
}

.item-containermenu img {
text-align: center; width:100%; border-right:1px solid #fff;border-top:1px solid #fff;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.item-container .blog-image {
text-align: center;
}
.item-container img {
text-align: center; width:100%; border-right:1px solid #fff;border-top:1px solid #fff;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.blog-image {
position: relative;
overflow: hidden;
}

.item-container .blog-image1 {
margin-bottom: 10px;
text-align: center;
}
.item-container .blog-image1 img {
text-align: center;
border: 1px solid #0a1e29;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.item-container .blog-image1 img:hover {
border: 1px solid #88a826;
}
.item-container.first .blog-image1 {
margin-bottom: 0;
margin-right: 10px;
float: left;
}
.item-container.first .blog-image1 {
margin-right: 10px;
margin-right: inherit;
}
.item-container.first .blog-image1 {
float: left; margin-right:10px;
}
.item-container.first .blog-image1 img {

}/* linh-vuc-kinh-doanh */
#feconBusiness.lvkd{

}
#tungtt_feconLvkd {
width: 100%;

}
#tungtt_feconLvkd ul {
padding: 0;
margin: 0;
list-style: none;
}
#tungtt_feconLvkd ul li {

text-align: center;
}

#tungtt_feconLvkd ul li a {
color: #fff;

text-transform: uppercase;
}

#tungtt_feconLvkd ul li a:hover img {

transform: scale(1.02);
}
#tungtt_feconLvkd ul li a:hover h5 {
color: #009933; text-decoration:none;
}
#tungtt_feconLvkd ul li a img {
width: 100%;

-webkit-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#myCarousel a{color:#FFFFFF;}

#tungtt_feconLvkd p{}
.h4index:after{clear:both;}

.h4index {position: absolute;
background: url(../images/nenlvhd.png) bottom center no-repeat;
bottom: 30;
left: 0;
bottom: 0;
right: 0;
margin: 0 15px;
z-index: 99;
padding-top:25px; padding-bottom:20px;
text-align: left;
padding-left: 10px;
}
.h4index h4 {color:#FFFFFF}

.counters {
background-color:#fff;
position: relative;
}
.counters .facts-item {
text-align: center;
color: #000;
}
.counters .facts-item .icon { float: none;
margin-bottom: 10px;
}
.counters .facts-item .icon img{
text-align: center;
width: 62%;

}

.counters .facts-item .fact-count h3 {
font-size: 20px;
color: #000;

}
.counters .facts-item .fact-count h4 {
font-size: 15px;
color: #000;
}

.social-button{
display: inline-grid;
position: fixed;
bottom: 15px;
left: 25px;
min-width: 45px;
text-align: center;
z-index: 99999;
}
.social-button-content{
display: inline-grid;
}
.social-button a {padding:8px 0;cursor: pointer;position: relative;}
.social-button i{
width: 40px;
height: 40px;
background: #43a1f3;
color: #fff;
border-radius: 100%;
font-size: 20px;
text-align: center;
line-height: 1.9;
position: relative;
z-index: 999;
}
.social-button span{
display: none;
}
.alo-circle {
animation-iteration-count: infinite;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: zoomIn;
width: 50px;
height: 50px;
top: 3px;
right: -3px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, 0.4);
opacity: .1;
border-color: #0089B9;
opacity: .5;
}
.alo-circle-fill {
animation-iteration-count: infinite;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: pulse;
width: 60px;
height: 60px;
top: -2px;
right: -8px;
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
background-color: rgba(0, 175, 242, 0.5);
opacity: .75;
}
.nav-menu{
background-color: #009933;
}
.zalo{ display: block;
position: relative;
z-index: 3;
background: url(../images/stick_zalo.png) 0 0 no-repeat;
background-size: cover;

height: 50px;}
.call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span{display: block}
.social-button a span {
border-radius: 2px;
text-align: center;
background-color: #f58634;
padding: 9px;
display: none;
width: 180px;
margin-left: 10px;
position: absolute;
color: #ffffff;
z-index: 999;
top: 9px;
left: 40px;
transition: all 0.2s ease-in-out 0s;
-moz-animation: headerAnimation 0.7s 1;
-webkit-animation: headerAnimation 0.7s 1;
-o-animation: headerAnimation 0.7s 1;
animation: headerAnimation 0.7s 1;
}
@-webkit-keyframes headerAnimation {
0% { margin-top: -70px; }
100% { margin-top: 0; }
}
@keyframes headerAnimation {
0% { margin-top: -70px; }
100% { margin-top: 0; }
}

.social-button a span:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent rgb(103, 182, 52) transparent transparent;
position: absolute;
left: -10px;
top: 10px;
}

.navbar {
transition: all 0.3s;
}

.navbar img{
transition: all 0.3s;
height:100px;
}

.navbar.compressed {
position: fixed;
top:0; z-index: 99;
width:100%;

box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.navbar.compressed img{
height:45px;
}

.navbar.compressed .tr_pc { margin-top: 7px;}
.navbar.compressed .hotlineright {

margin-top: 5px;

}
.tintucindex p{ position: absolute; color:#FFFFFF;

left: 0;
bottom: 0;
right: 0;
margin: 0 15px;
line-height: 25px;
z-index: 23;font-size: 16px;
padding: 10px;}

.tintucindex2 p{ position: absolute; color:#FFFFFF;

left: 8px;
bottom: 0px;
right: 0;

z-index: 23;font-size: 17px; font-weight:bold;
padding: 10px; padding-bottom:4px;}
.tintucindex2 span{
font-size: 14px; font-weight:bold;
}

.tintucindex3 img {height:144px;width: 100%;}
.tintucindex3{ border:1px solid #e0e1e6; font-size: 11px; margin-bottom:15px;}
.tintucindex3 .tieude{ font-size: 11px; font-weight:bold; color:#000000; text-align: left; }
.tintucindex3 span{ font-size: 10px; }
.noidungbaochi {padding:10px; color:#545353;}

.phongthuyindex h3{ position: absolute; text-transform:uppercase; color:#FFFFFF;
background-color:rgba(0, 0, 0, 0.5);
left: 0;
bottom: 0;
right: 0;
margin: 0 15px; margin-bottom: 13px;
line-height: 25px;
z-index: 23;font-size: 18px;
padding: 10px;}
.phongthuyindex h3 a {color:#FFFFFF}

.sanphamindex {margin-bottom:15px;}
.sanphamindex img{width:100%;}
#sticky {
position: -webkit-sticky;
position: sticky;
height: 50px;
top:50;
}

.tab01 .nav-tabs {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background-color: #fff;
border-bottom: none; margin-bottom:15px;
}

.tab01 .nav-tabs .nav-item {
padding: 8px 16px;
}

.tab01 .nav-link {
padding: 0;
border-radius: 0px;
border: none;
border-bottom: 1px solid transparent;
font-size: 15px;
color: #888888;
line-height: 1.1;
}

.tab01 .nav-link.active {
color: #333333;
border-bottom: 1px solid #6a6a6a;
}

.tab01 .nav-link:hover {
color: #333333;
border-bottom: 1px solid #6a6a6a;
}
.gioithieucss1 {font-size:17px;}
#albumhinh {}
#albumhinh img { width: 25%;
float: left;
border-right: 2px solid #fff;
border-left: 2px solid #fff;

margin-bottom: 4px;}

@media (max-width: 900px) {

.baochi .col-md-3 {padding:3px; width:25%; float:left}

.padright20 {
padding: 0px;
padding-right: 0px;
}
.tintucindex3 img {
height: 100px;
width: 100%;
}
.tintucindex3 .tieude {
font-size: 9px;
font-weight: bold;
color: rgb(0, 0, 0);}

.tintucindex3 {

font-size: 8px;

}
.tintucindex3 span {
font-size: 9px;
}
.noidungbaochi {

height: 110px;
}
}

@media (max-width: 480px) {

.tintucindex3 {margin-bottom:7px;}

.baochi .col-md-3 {padding:3px; width:49%;}

.hidepc {height:15px !important;}
.tab01 .nav-tabs .nav-item {
padding: 8px 6px;
}

.tab01 .nav-tabs {
margin-right: -6px;
margin-left: -6px;
}
}

.phongthuyindex h3{ position: absolute; text-transform:uppercase; color:#FFFFFF;}
.tieudetrangchu p{
text-transform: uppercase;
position: relative;
margin-bottom: 27px;
font-family: "Roboto","Helvetica Neue",sans-serif;
}

.tieudetrangchu p:after {
content: "";
position: absolute;
display: block;
border-bottom: 2px solid #ccc;
min-width: 120px;
}
.tieudetrangchu .textleft {text-align:left;}

.sanphamindex .tensp {min-height:43px; margin-top:10px; margin-bottom:0px; text-align:center; font-size:15px;
text-transform:uppercase}
.sanphamindex .tensp a {color:#FF0000;}
.footer-main {background-color:#FFFFFF;}
.foleft {margin-top:-55px;}
.footer-main:before {
content: "";
display: block;
width: 100%;
border-top: 5px solid #ee1c25;
}
.footer-main .content {
padding: 17px;
text-align: justify;
color: #000;

}
.footer-main .content img {

padding: 4px;

border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer-main .content p {

font-size: 15px;
line-height: 24px;

}
.footer-main .content hr {
border-color: #ccc
}
.footer-main .content ul li {
font-size: 13px;
}
.footer-main .content ul li svg {
color: #d41920;
}
.footer-top {
padding: 25px 15px; background-color: #fff;
}
.footer-nav ul li {
text-align: center;
display: inline-block;
float: left;
}
.footer-nav ul li a {
text-align: center;
position: relative;
display: block;
padding: 8px 15px;
text-transform: uppercase;
color: #000;
font-weight: 500;
}
.footer-nav ul li a:hover,
.footer-nav ul li a:focus {
text-decoration: none;
}
.footer-nav ul li a:after {
content: "";
position: absolute;
display: block;
width: 60%;
border-top: 2px solid #000;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.footer-nav ul li a:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.footer-btm {
background-color: #232323;
padding: 50px 15px;
}
.footer-section {
margin: 0 1% 25px 1%;
}
.footer-section.half-width {
width: 48%;
float: left;
position: relative;
}

.menuFixed {
position: fixed;
top: 50%;
right: 0;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
z-index: 500;
cursor: pointer;
overflow: hidden;
pointer-events: none;
}

.show {
display: block!important;
}

.menuFixed{
position: fixed;
top: 50%;
right: 0;
-webkit-transform:translate(0%, -50%);
-moz-transform:translate(0%, -50%);
-o-transform:translate(0%, -50%);
-ms-transform:translate(0%, -50%);
transform:translate(0%, -50%);
z-index: 500;
cursor: pointer;
overflow: hidden;
pointer-events: none;
}
.menuFixed li{
display: block;
position: relative;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
color: #ffffff;
width: 100%;
height:0;
right:0;
clear: both;
}
.menuFixed li a{
color: #ffffff;
}
.menuFixed li .divText{
display: block;
position: relative;
float: left;
width: 100%;
height: 34px;
padding-right: 50px;
z-index: 1;
background-color: #f5090e;
border-top: 1px solid #c20408;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
transform:translateX(100%);
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
pointer-events: auto;
border-left: 1px solid #0c121c;
}
.menuFixed.show li .divText{
transform:translateX(0%);
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
}
.menuFixed li:hover .divText{
background-color: #ffffff;
color: #0c121c;
}
.menuFixed li .divText span{
color: #ffffff;
}
.menuFixed li:hover .divText span{
color: #0c121c;
}
.menuFixed li .divText > span{
display: block;
font-size: 13px;
line-height: 23px;
padding: 7px 0px 0 10px;
}
.menuFixed li .divText .social{
padding: 0;
}
.menuFixed li .divText .social > span{
float:left;
display: block;
width: 50px;
height: 50px;
font-size: 18px;
position: relative;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.menuFixed li .divText .social > span i{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.menuFixed li .divText .social .facebook:hover{
background: #305891;
}
.menuFixed li .divText .social .google:hover{
background: #d34836;
}
.menuFixed li .divText .social .plug:hover{
background: #4A4F54;
}
.menuFixed li .divIcon{
position: absolute;
display: block;
z-index: 1;
width: 37px;
height: 36px;
top: 0;
right: 0;
background-color: #0c121c;
border-top: 1px solid #35312f;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
background-repeat: no-repeat;
background-position: 50% 50%;
pointer-events: auto;
border-right: 1px solid #0c121c;
}
.menuFixed li .divIcon:before{
position: absolute;
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-family: "fontawesome";
top: 50%;
left: 50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.menuFixed li:hover .divIcon:before{
color: #0c121c;
}
.menuFixed li:hover .divIcon{
background-color: #ffffff;
color: #0c121c;
}
.menuFixed li:hover{
background-color:#ffffff ;
color: #333333;
}
.menuFixed li.liShare:hover .divText,
.menuFixed li.liShare:hover .divIcon {
background-color:#0c121c;
color: #ffffff;
}
.menuFixed li.liShare:hover .divIcon:before{
color: #ffffff;
}
.menuFixed li:hover a{
color: #333333;
}
.menuFixed li:hover .divText .social a{
color: #ffffff;
}
.menuFixed li .formSearch .btn{
width: 100%;
height: 100%;
background: transparent;
outline: none;
border: none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-indent: -9999px;
}
.menuFixed li .formSearch .text_search{
width: 100%;
height: 100%;
border: none;
background-color: transparent;
outline: none;
padding: 0px 0px 0px 25px;
height: 50px;
color: #ffffff;
}
.menuFixed li:hover .formSearch .text_search{
color: #333333;
}

.mod-products >div {
border: 1px solid #f5f5f5;
}
.mod-products h4{min-height:40px; overflow:hidden;}
.motachitiet{
border-bottom: 2px solid #FF0000;
width: 177px;

}

.sanphambanchay { margin-bottom: 10px;
border-bottom: 1px solid #CCCCCC;
clear: both;
padding-bottom: 9px;}
.sanphamul {list-style:none;
margin-left: 0px;
padding-left: 0px;}
.sanphamul img {width:115px; float:left; margin-right:15px; margin-left:0px; padding-left:0px;}

.hotline-phone-ring-wrap {
z-index: 999999;
}

.hotline-phone-ring {
background-color: transparent;
width: 37px;
height: 37px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
display: block; float:left; margin-top: -33px;
}

.hotline-phone-ring-circle {
width: 85px;
height: 85px;
top: 10px;
left: 10px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #e60808;
-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
width: 55px;
height: 55px;
top: 26px;
left: 26px;
position: absolute;
background-color: rgba(230, 8, 8, 0.7);
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
background-color: #e60808;
width: 33px;
height: 33px;
top: 37px;
left: 37px;
position: absolute;
background-size: 20px;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
width: 20px;
height: 20px;
}

.hotline-bar {
background: #E88A25;
background: -webkit-linear-gradient(left, #e88a25, #d40000);
background: -o-linear-gradient(right, #e88a25, #d40000);
background: -moz-linear-gradient(right, #e88a25, #d40000);
background: linear-gradient(to right, #e88a25, #d40000);
height: 40px;
width: 245px;
float: right;
line-height: 40px;
border-radius: 3px;
/* padding: 0 10px; */
background-size: 100%;
cursor: pointer;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
border-radius: 50px !important;
border: 2px solid white;
/* width: 175px !important; */
/* left: 33px; */
bottom: 37px;
}

.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-indent: 37px;
display: block;
letter-spacing: 1px;
line-height: 38px;
font-family: Roboto;
}

.hotline-bar > a:hover,
.hotline-bar > a:active {
color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
-webkit-opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
-webkit-opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: 0.1;
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
.dichvuindex {text-align:justify; margin-bottom:20px;}
.dichvuindex img {width:150px; height:150px; border-radius: 100%; margin-right:10px;

border: 6px solid #FFF}
.dichvuindex img:hover {width:150px; height:150px; border-radius: 100%; margin-right:10px;

border: 6px solid #01e4ff; -webkit-transition : border 500ms ease-out;
-moz-transition : border 500ms ease-out;
-o-transition : border 500ms ease-out;
transition : border 500ms ease-out;}

.porto-sicon-body {
display: table-cell;
vertical-align: middle;
}
.porto-sicon-left {
display: table-cell;
vertical-align: top;
}

#c6 {
background: #4ab8f5 url('../images/nensao.jpg') bottom center no-repeat;
color: #fff; padding: 45px 10px;
}
div#c6 h1 {
font-weight: bold;
margin-top: 10px;
}

.btn-infoindex {
margin-top: 27px;
background-image: none;
background-image: none;
background-image: none;
background-image: none;
background-repeat: no-repeat;
border-color: #fff;
text-transform: uppercase;
color: #2B388F;
background-color: #fff;
padding: 7px 21px;
border-radius: 4px;
font-size: 17px;
font-weight: bold;
}
.btn-infoindex:hover {
margin-top: 27px;
background-image: none;
background-image: none;
background-image: none;
background-image: none;
background-repeat: no-repeat;
border-color: #fff;
text-transform: uppercase;
color: #2B388F;
background-color: #FFFF00;
padding: 7px 21px;
border-radius: 4px;
font-size: 17px;
font-weight: bold;
}

.slideshow,
.slideshow:after {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0; list-style:none;
}
.slideshow li span {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
color: transparent;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
opacity: 0;
z-index: 0;
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 36s linear infinite 0s;
-moz-animation: imageAnimation 36s linear infinite 0s;
-o-animation: imageAnimation 36s linear infinite 0s;
-ms-animation: imageAnimation 36s linear infinite 0s;
animation: imageAnimation 36s linear infinite 0s;
}
.slideshow li div {
z-index: 1000;
position: absolute;
bottom: 30px;
left: 0px;
width: 100%;
text-align: center;
opacity: 0;
-webkit-animation: titleAnimation 36s linear infinite 0s;
-moz-animation: titleAnimation 36s linear infinite 0s;
-o-animation: titleAnimation 36s linear infinite 0s;
-ms-animation: titleAnimation 36s linear infinite 0s;
animation: titleAnimation 36s linear infinite 0s;
}
.slideshow li div h3 {
font-family: "helvetica neue", helvetica;
text-transform: uppercase;
font-size: 80px;
padding: 0;
line-height: 200px;
color: rgba(255,255,255, 0.8);
}
.slideshow li:nth-child(1) span { }
.slideshow li:nth-child(2) span {

-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.slideshow li:nth-child(3) span {

-webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
-webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s;
}
.slideshow li:nth-child(5) span {
-webkit-animation-delay: 24s;
-moz-animation-delay: 24s;
-o-animation-delay: 24s;
-ms-animation-delay: 24s;
animation-delay: 24s;
}
.slideshow li:nth-child(6) span {
-webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
-o-animation-delay: 30s;
-ms-animation-delay: 30s;
animation-delay: 30s;
}
.slideshow li:nth-child(2) div {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.slideshow li:nth-child(3) div {
-webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
}
.slideshow li:nth-child(4) div {
-webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s;
}
.slideshow li:nth-child(5) div {
-webkit-animation-delay: 24s;
-moz-animation-delay: 24s;
-o-animation-delay: 24s;
-ms-animation-delay: 24s;
animation-delay: 24s;
}
.slideshow li:nth-child(6) div {
-webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
-o-animation-delay: 30s;
-ms-animation-delay: 30s;
animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-webkit-transform: scale(1.05);
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-webkit-transform: scale(1.1);
}
25% {
opacity: 0;
-webkit-transform: scale(1.1);
}
100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
0% {
opacity: 0;
-moz-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-moz-transform: scale(1.05);
-moz-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-moz-transform: scale(1.1);
}
25% {
opacity: 0;
-moz-transform: scale(1.1);
}
100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
0% {
opacity: 0;
-o-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-o-transform: scale(1.05);
-o-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-o-transform: scale(1.1);
}
25% {
opacity: 0;
-o-transform: scale(1.1);
}
100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
0% {
opacity: 0;
-ms-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-ms-transform: scale(1.05);
-ms-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-ms-transform: scale(1.1);
}
25% {
opacity: 0;
-ms-transform: scale(1.1);
}
100% { opacity: 0 }
}
@keyframes imageAnimation {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
8% {
opacity: 1;
transform: scale(1.05);
animation-timing-function: ease-out;
}
17% {
opacity: 1;
transform: scale(1.1);
}
25% {
opacity: 0;
transform: scale(1.1);
}
100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
}
8% {
opacity: 1;
-webkit-transform: translateY(0px);
}
17% {
opacity: 1;
-webkit-transform: scale(1);
}
19% { opacity: 0 }
25% {
opacity: 0;
-webkit-transform: scale(10);
}
100% { opacity: 0 }
}
@-moz-keyframes titleAnimation {
0% {
opacity: 0;
-moz-transform: translateY(200px);
}
8% {
opacity: 1;
-moz-transform: translateY(0px);
}
17% {
opacity: 1;
-moz-transform: scale(1);
}
19% { opacity: 0 }
25% {
opacity: 0;
-moz-transform: scale(10);
}
100% { opacity: 0 }
}
@-o-keyframes titleAnimation {
0% {
opacity: 0;
-o-transform: translateY(200px);
}
8% {
opacity: 1;
-o-transform: translateY(0px);
}
17% {
opacity: 1;
-o-transform: scale(1);
}
19% { opacity: 0 }
25% {
opacity: 0;
-o-transform: scale(10);
}
100% { opacity: 0 }
}
@-ms-keyframes titleAnimation {
0% {
opacity: 0;
-ms-transform: translateY(200px);
}
8% {
opacity: 1;
-ms-transform: translateY(0px);
}
17% {
opacity: 1;
-ms-transform: scale(1);
}
19% { opacity: 0 }
25% {
opacity: 0;
-webkit-transform: scale(10);
}
100% { opacity: 0 }
}
@keyframes titleAnimation {
0% {
opacity: 0;
transform: translateY(200px);
}
8% {
opacity: 1;
transform: translateY(0px);
}
17% {
opacity: 1;
transform: scale(1);
}
19% { opacity: 0 }
25% {
opacity: 0;
transform: scale(10);
}
100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{
opacity: 1;
}
.menutop { padding-top:20px; }
.menutop a{font-size:20px; color:#FFFFFF; padding-top:20px;text-shadow: 0 0 2px #e0e0e0}
.menutop a:hover{font-size:20px; color:#666666; padding-top:20px; text-shadow: none}

.menutop1 { padding-top:20px; }
.menutop1 a{font-size:20px; color:#666666; padding-top:20px;text-shadow: 0 0 2px #e0e0e0}
.menutop1 a:hover{font-size:20px; color:#333333; padding-top:20px; text-shadow: none}
.logochinh {margin:20px auto; margin-top:12px; width:72px;}
.logochinh img {width:100%}
.containerindex {position:relative; z-index:9999;}
.containermoi {position:relative; }
.bottom-left {
position: absolute;
bottom: 8px;
left: 16px;
}
.top-left a {color:#FFFFFF;font-family: "myfont"; font-size:22px; font-weight:bold;}
.top-right a {color:#FFFFFF;font-family: "myfont";font-size:22px;font-weight:bold;}
.top-left a:hover {color:antiquewhite;}
.top-right a:hover {color:antiquewhite;}
/* Top left text */
.top-left {
position: absolute;
top: 30px;
left: 44px;
}

/* Top right text */
.top-right {
position: absolute;
top: 30px;
right: 44px;
}

.top-leftduan a {color:#000;font-family: "myfont"; font-size:22px; font-weight:bold;}
.top-rightduan a {color:#000;font-family: "myfont";font-size:22px;font-weight:bold;}
.top-leftduan a:hover {color:#fff;}
.top-rightduan a:hover {color:#fff;}
/* Top left text */
.top-leftduan {
position: absolute;
top: 30px;
left: 44px;
}

/* Top right text */
.top-rightduan {
position: absolute;
top: 30px;
right: 44px;
}

.top-left1 a {color:#000;font-family: "myfont"; font-size:22px;font-weight:bold;}
.top-right1 a {color:#000;font-family: "myfont";font-size:22px;font-weight:bold;}
.top-left1 a:hover {color:#666666;}
.top-right1 a:hover {color:#666666;}
/* Top left text */
.top-left1 {
position: absolute;
top: 10px;
left: 44px;
}

/* Top right text */
.top-right1 {
position: absolute;
top: 10px;
right: 44px;
}

/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.logomaytinh {position: fixed; width:100px;
margin-top:50px;
left: 50%;
transform: translate(-50%, -50%);}
.logomaytinh img {width:100%;}
.containermoi1 {
position: fixed;
z-index: 99999;
width: 100%;
height: 100px;
background-color: rgba(0,0,0,0.5);
}
.logochinh1 {
margin: 0px auto;
width: 96px;
}
html {
scroll-behavior: smooth;
}
.viewmore {float:right;}
.viewmoremobile {display:none !important;}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
.heightmobile {margin-top: 0;
position: absolute;left: 50%; width:100%;
top: 50%; transform: translate(-50%, -50%);}
.heightmobile1 {margin-top: 0;
position: absolute;left: 50%;
top: 50%; transform: translate(-50%, -50%);}

.text-centernew{
position: fixed;
z-index: 999;
bottom: 5px;
text-align: center; color:#fff;
width: 100%;}
.footerfa {text-align:center; position:absolute; bottom:0px; width:100%; font-family: "myfont"; z-index: 1000; }
.footerfa {font-size:12px; color:#FFFFFF;bottom: 0px;padding: 0 13px; background-color: rgba(0,0,0,0.5);}
.footerfa a:hover{ color:#000; }
.footerfa a{font-size:12px; color:#FFFFFF; }

.footerfa1 {
position: absolute;
left: 50%;
bottom: 10px;
transform: translate(-50%,0%);
text-align: center;
cursor: pointer;
}
.footerfa1 a{font-size:12px; color:#666666; }
.footerfa1 a:hover{ color:#000000; }
.clearfix {clear:both}

.footerfacontact {
text-align: center;
position: fixed;
bottom: 30px; font-size:12px;
/* left: 45%; */
width: 100%; clear: both;
}
.footerfacontact a{font-size:12px; color:#666666; }
.footerfacontact a:hover{ color:#000000; }

.footerfa2 {
text-align: center;
position: fixed;
bottom: 30px;
/* left: 45%; */
width: 100%; clear: both; font-size:12px;
}
.footerfa2 a{font-size:12px; color:#666666; }
.footerfa2 a:hover{ color:#000000; }

.footerfa3 {
text-align: center; font-size:12px; padding: 0 10px;
/* left: 45%; */ z-index:999; position:relative;
width: 100%; clear: both; margin-bottom:10px;
}
.footerfa3 a{font-size:12px; color:#666666; }
.footerfa3 a:hover{ color:#000000; }
.hinhanha img {width:100%;}
.list-news {float:left; margin-right:30px; font-size: 18px;
color: #2e2e2e;
font-weight: bold;}
.block-item {margin:0 auto; width:600px;}
.padright20 {padding:0px; padding-right:30px;}
.gioithieucss {font-size:18px; margin-top:17px; margin-left:15px;}
.gioithieucss {font-size:18px; text-transform:uppercase}

@media (max-width: 736px) {
.content_view img {width:100%; height:auto}

.heightmobile1 { padding:0px }
.footerfa2 {bottom: 18px; margin-bottom: 10px;}
.footerfacontact {position:relative; top: 10px; margin-bottom: 10px; font-size:12px;}
.flexslider .slides img {

}

.padright20 {padding:0px !important;}

.tintucindex2 p {
font-size: 12px;
font-weight: bold;
padding: 0px;}

.top-right1 a, .top-left1 a {
font-size: 14px;
}
.top-right1 {
position: absolute;
top: 10px;
right: 12px;
}
.top-left1 {

left: 12px;
}
.logochinh {

width: 50px; margin-top: 7px; margin-bottom: 10px;
}
.logomaytinh {
width: 50px;
margin-top: 34px;
}
.top-left a {color:#FFFFFF;font-family: "myfont"; font-size:14px; font-weight:bold;}
.top-right a {color:#FFFFFF;font-family: "myfont";font-size:14px;font-weight:bold;}

.top-left {
left: 12px; top: 17px;
}

/* Top right text */
.top-right {
right: 12px; top: 17px;
}
.top-leftduan a {color:#000;font-family: "myfont"; font-size:14px; font-weight:bold;}
.top-rightduan a {color:#000;font-family: "myfont";font-size:14px;font-weight:bold;}
.top-leftduan {
left: 12px; top:16px;
}

/* Top right text */
.top-rightduan {
right: 12px; top:16px;
}

.block-item {width: 48%;
float: left;
margin-right: 13px;}
.content_view {
font-size: 13px;
line-height: 19px;
}
.gioithieucss {font-size:14px; margin-top:0px; }
.gioithieucss1 {font-size:14px; margin-top:0px; }
.page-header {

font-size: 14px; padding-bottom: 0px; margin:0px;

}
h3 {font-weight:bold; font-size: 13px;}
.text-centernew {bottom: 2px;}
.text-centernew p{padding:0px; margin:0px; font-size:10px;}
.text-centernew img{width:20px;}
#arrow_left {
bottom: 48%;
height: 50px;
position: absolute;
right: 15px;
width: 27px;
z-index: 1000;
}
#arrow_right {
bottom: 48%;
height: 50px;
position: absolute;
right: 15px;
width: 27px;
z-index: 1000;
}
#arrow_left img {
height:40px !important;
position:absolute;
right:15px !important;
width:auto;
z-index:1000;
}
#arrow_right img{
height:40px !important;
position:absolute;
right:0px !important;
width:auto;
z-index:1000;
}

#arrow_left {
left:20px !important;
}
#arrow_right {
right:15px !important;
}

}
@media (max-width: 976px) {
.heightmobile1 {position:fixed; top:120px; left:0; transform:none; }}

@media (max-width: 667px) {
.footerfa2 {position:relative;top: 2px; margin-bottom: 10px; padding: 0 10px;}
.footerfacontact {position:relative;top: 10px; margin-bottom: 10px;padding: 0 10px;}
.heightmobile {position:relative; top:60px; left:0; transform:none; }
.viewmoremobile {display:block !important; float:right}
.viewmore {display:none !important;}
.padright20 {padding:0px !important;}
.item-container {
float: left;
width: 50%;
position: relative;
}
.tintucindex2 p {
font-size: 12px;
font-weight: bold;
padding: 0px;}

.item-containermenu {
float: none;
width: 100%;
position: relative;
}
.top-right1 a, .top-left1 a {
font-size: 14px;
}
.top-right1 {
position: absolute;
top: 10px;
right: 12px;
}
.top-left1 {

left: 12px;
}
.logochinh {

width: 50px; margin-top: 7px; margin-bottom: 10px;
}
.logomaytinh {
width: 70px;
margin-top: 50px;
}
.top-left a {color:#FFFFFF;font-family: "myfont"; font-size:14px; font-weight:bold;}
.top-right a {color:#FFFFFF;font-family: "myfont";font-size:14px;font-weight:bold;}

.top-left {
left: 12px; top: 17px;
}

/* Top right text */
.top-right {
right: 12px; top: 17px;
}
.top-leftduan a {color:#000;font-family: "myfont"; font-size:14px; font-weight:bold;}
.top-rightduan a {color:#000;font-family: "myfont";font-size:14px;font-weight:bold;}
.top-leftduan {
left: 12px;
top: 16px;
}

/* Top right text */
.top-rightduan {
right: 12px; top:16px;
}

.block-item {width:100%}
.content_view {
font-size: 13px;
line-height: 17px;
}
.gioithieucss {font-size:13px; margin-top:0px; }
.gioithieucss1 {font-size:13px; margin-top:0px; }
.page-header {

font-size: 13px; padding-bottom: 0px; margin:0px;

}
h3 {font-weight:bold; font-size: 13px;}

}
.fa-clock-o {font-size:13px !important;}