html, body {
font-family: Roboto, Arial, sans-serif;
font-size: 15px;
padding: 0px;
margin: 0px;
color: #414042;/*
line-height:20px;
*/
}
h1, h2, h3, h4, h5, h6 {
line-height: normal;
margin:0px;
font-weight:normal;
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
padding:5px 0px;
}
a {
text-decoration: none;
}
strong, b{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
}
img {
border: none;
max-width: 100%;
}
ul{
padding-left:20px;
}
#page {
background: #ebebec;
overflow:hidden;
width:100%;
margin:0 auto;
position:relative;
}
.c, .c5, .c10, .c15, .c20, .c30, .c3, .c2, .c80 {
clear: both;
}
.c {
height: 0px;
}
.c2 {
height: 2px;
}
.c3 {
height: 3px;
}
.c5 {
height: 5px;
}
.c10 {
height: 10px;
}
.c15 {
height: 15px;
}
.c20 {
height: 20px;
}
.c30 {
height: 30px;
}
.c35 {
height: 35px;
}
.c80 {
height: 80px;
}
.logo {
text-align:center;
width:85px;
}
.right-header{
width:calc(100% - 100px);
max-width:955px;
}
.right-header .second{
width:430px;
height:80px;
color:#FFF;
padding-top:20px;
}
.right-header .second a{
color:#FFF;
}
.right-header .first{
width:calc(100% - 470px);
align-self:center;
}
.right-header .second .tragop{
width:24%;
background:url(../images/icon-do.png) no-repeat left;
min-height:37px;
padding-left:42px;
}
.right-header .second .hotline{
width:39%;
background:url(../images/icon-phone.png) no-repeat left;
min-height:37px;
padding-left:42px;
}
.right-header .second .cart{
width:34%;
background:url(../images/icon-bag.png) no-repeat left;
min-height:37px;
padding-left:42px;
}
.right-header .second .tragop div:last-child,.right-header .second .hotline div:last-child,.right-header .second .cart div:last-child,
.right-header .second .tragop div:last-child a,.right-header .second .hotline div:last-child a,.right-header .second .cart div:last-child a{
color:#ffc573;
}
.header{
height:80px;
position:relative;
background:#30778c;
}
.menubar{
height:48px;
background:#3f94a8;
}
.search-top,.hotline-top{
align-self:center;
margin:0px 20px;
}
.search-top{
width:266px;
max-width:100%;
background:#efefef;
height:39px;
-webkit-border-radius:20px;
border-radius:20px;
}
.search-top input{
width:calc(100% - 39px);
border:none;
height:39px;
background:none;
padding:0px 15px;
outline:none;
}
.search-top a{
width:39px;
height:39px;
line-height:39px;
text-align:center;
color:#565656;
}
.hotline-top{
color:#5c5c5c;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.hotline-top a{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:18px;
color:#f89b2c;
}
.langbar{
text-align:right;
padding:0px 0px 0px 20px;
align-self:Center;
}
.langbar a{
color:#333;
}
.menumobile {
background: #0059bd;
height: 42px;
}
.langsearch{
width:110px;
color:#FFF;
margin-top:8px;
}
.langsearch a{
color:#FFF;
margin:0px 5px;
}
.langsearch .search{
width:31px;
height:31px;
background:#FFF;
-webkit-border-radius:50%;
border-radius:50%;
display:inline-block;
text-align:center;
line-height:30px;
color:#37b7b7;
margin-left:15px;
margin-right:0px;
}
.nav {
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Muli-B, Tahoma, Geneva, sans-serif;
position: relative;
width: calc(100%);
text-align:left;
height:48px;
font-size:15px;
}
.nav > li {
list-style: none;
display: inline-block;
position: relative;
font-size: 14px;
font-weight: bold;
line-height:48px;
}
.nav li a {
text-decoration: none;
color: #fff;
display: inherit;
padding: 0px;
padding: 0px 12px;
}
.nav > li:first-child a {
}
.nav > li.active > a {
color:#ec973a;
}
.nav li ul {
position: absolute;
top: 100%;
left: 0;
width: 220px;
text-align: left;
display: none;
background: #3f94a8;
padding: 0px;
opacity: .95;
z-index: 999999;
font-weight: normal;
}
.nav li ul li {
width: 100%;
list-style: none;
border: none !important;
text-transform: none;
line-height: normal;
position: relative;
}
.nav li ul li a {
padding: 10px 10px;
display: block;
color: #fff !important;
line-height: 18px;
border-bottom: solid 1px #ccc !important;
}
.nav li ul li a:hover {
background: #FF8E00 !important;
color:#FFF !important;
}
.nav li ul ul {
left: 100%;
top: -1px;
}
.nav li.mega ul {
position: absolute;
top: 100%;
left: 0;
width: 665px;
text-align: left;
display: none;
padding: 0px;
opacity: .95;
z-index: 999999;
font-weight: normal;
padding:10px;
background:url(../images/bg-dropmenu.png);
font-family:Roboto, Tahoma, Geneva, sans-serif;
}
.nav li.mega ul li{
width:calc(24% - 20px);
border-bottom:none;
margin:10px;
text-align:center;
}
.nav li.mega ul li a{
border-bottom:none !important;
padding:0px;
color:#FFF !important;
}
.nav li.mega ul li a span{
display:block;
padding:5px;
}
.nav li.mega ul li a:hover {
background: none !important;
color:#FFF !important;
}
.nav li.mega ul li:hover{
background:url(../images/bg-dropmenu.png);
position:relative;
}
.nav li.mega:hover:after {
height:4px;
width:100%;
position:absolute;
bottom:0px;
background:url(../images/bg-dropmenu.png);
content:"";
}
.menubar-mobile .nav {
text-align: left;
}
.menubar-mobile .nav li {
border-left: solid 1px #6dc2ef;
font-size: 18px;
}
.menubar-mobile .nav li a {
padding: 0px 10px;
}
.lang {
float: right;
border: none;
margin-top: 5px;
margin-left: 20px;
}
.lang .vi {
background: url(../images/flag-vi.png) no-repeat;
width: 33px;
height: 22px;
display: block;
margin-right: 5px;
float: left;
}
.lang .en {
background: url(../images/flag-en.png) no-repeat;
width: 33px;
height: 22px;
display: block;
margin-right: 5px;
float: left;
}
.flag-vn {
float: right;
background: url(../images/flag-vi.png) no-repeat;
width: 33px;
height: 22px;
margin-right: 10px !important;
padding-left:40px;
}
.flag-en {
float: right;
background: url(../images/flag-en.png) no-repeat;
width: 33px;
height: 22px;
margin-right: 10px !important;
padding-left:40px;
}
.news-name {
font-size: 18px;
padding: 0px;
margin: 0px;
color: #3c3c3c;
font-weight: normal;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.news-name a {
color: #414042;
text-decoration: none;
}
.news-name a:hover {
color:#37b7b7;
}
.createdate {
margin: 5px 0px;
font-size: 13px;
color: #999;
}
.viewmore {
margin-top: 10px;
float: left;
background: #355595;
color: #FFF;
padding: 7px 30px;
border-radius: 3px;
text-transform: uppercase;
}
.intro-detail {
font-size: 14px;
}
.image-border {
border: solid 2px #515151;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.image-news-name {
width: 170px;
float: left;
margin-right: 10px;
overflow: hidden;
}
.item-news-home {
border-top: dashed 1px #e1e1e1;
}
.box-news-shadow .item-news-home:first-child {
border-top: none;
}
.footer {
/*
background: #1f1f1f;
color: #d9d9d9;
*/
}
.footer-menu {
color: #fff;
}
.footer-menu a {
color: #333132 !important;
}
.keyword {
width: 1001%;
}
.news-name-other {
margin: 0px;
margin: 0px;
}
.news-name-other a {
text-decoration: none;
color: #333;
font-weight: normal;
}
.other-article-title {
text-transform: uppercase;
}
.other-article {
padding: 0px;
margin: 0px;
}
.other-article li {
list-style: none;
padding: 3px 0px;
}
.other-article li a {
color: #333;
text-decoration: none;
}
.other-article li a i.fa {
margin-right: 5px;
color: #ec3539;
font-size: 16px;
}
.other-article li a:hover {
text-decoration: underline;
}
.crumb {
padding: 15px 0px 15px 0px;
}
.crumb a {
color: #939393;
text-decoration: none;
}
.crumb a:hover {
text-decoration: underline;
}
.crumb a:last-child {
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
color:#37b7b7;
}
.paging1 {
display: block;
padding: 20px 10px;
background: #ececec;
}
.clicked {
padding: 5px;
color: #FFF;
background: #29a7e1;
border: solid 1px #999;
margin-right: 10px;
border-radius: 3px;
}
.page {
padding: 2px 4px;
text-decoration: none;
color: #333;
}
.page:hover {
color: #FFF;
background: #13203b;
}
.page.active {
color: #FFF;
background: #13203b !important;
}
.paging a {
padding: 7px 10px;
color: #333;
border: solid 1px #999;
margin-right: 10px;
border-radius: 3px;
background: #FFF;
}
.clicked {
background: #1569b2 !important;
color: #FFF !important;
}
.paging a:first-child {
}
.content-detail img {
max-width: 100%;
}
.error {
border: #FF0000 solid 1px;
}
.info-home {
/*background: url(../uploaded/gioi-thieu/bg-gioi-thieu.png) #f6f6f6 right center no-repeat;*/
color: #696969;
line-height: 22px;
padding: 40px 0px;
}
.info-home-title {
margin: 0px;
padding: 0px;
font-size: 30px;
font-family: Lato;
font-weight: normal;
text-align: left;
margin-left: 39px;
position: relative;
}
.info-home-title::before {
content: '';
position: absolute;
left: -40px;
top: 0px;
background: url(../images/flower.png) no-repeat left center;
height: 36px;
width: 36px;
color: #2d2d2d;
}
.info-home-title a {
color: #ef5994;
}
.info-home-title a b {
font-family: Lato;
font-weight: normal;
color: #2d2d2d;
}
.info-home-content {
padding: 20px;
padding-right: 30px;
text-align: justify;
}
.menu-footer {
}
.menu-footer a {
padding:3px 0px;
display:block;
}
.menu-footer a:hover {
text-decoration:underline;
}
.linksmo {
}
.linksmo a {
margin-bottom:5px;
}
.linksmo a i.fa{
width:32px;
height:32px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
text-align:center;
line-height:30px;
font-size:16px;
color:#fff;
margin-right:5px;
background:#30778c;
line-height:34px;
}
.menuleft {
padding: 0px;
margin: 0px;
padding-bottom: 10px;
background:#efeff0;
border:solid 1px #efeff0;
}
.menuleft .fa {
color: #414042;
float: right;
margin-right:8px;
}
.menuleft ul {
list-style: none;
margin: 0px;
padding: 0px;
background:#FFF;
}
.menuleft li {
list-style: none;
margin: 0px;
padding: 0px;
border-top:solid 1px #FFF;
}
.menuleft li:last-child {
border-bottom: none;
}
.menuleft li a {
color: #4b4b4b;
padding: 10px 10px;
width: 100%;
display: block;
font-size: 15px;
}
.menuleft li.actived{
color:#e30614;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.menuleft .actived a {
color: #e30614;
}
.menuleft .actived a .fa {
color: #e30614;
}
.menuleft li ul {
margin: 0px;
padding: 0px;
}
.menuleft li ul li {
padding-left: 0px;
color:#666;
}
.menuleft li ul li .fa{
float:none;
}
.menuleft li.actived ul li a .fa{
color:#959595;
}
.menuleft li ul li a,.menuleft li.actived ul li a {
border-bottom: none;
padding: 5px 10px;
color:#414042;
font-family:Roboto, Tahoma, Geneva, sans-serif;
}
.menuleft li ul li.actived a{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
color:#1f1c3d;
}
.menuleft li ul li.actived a .fa{
color:#1f1c3d;
}
.menu-top {
float: right;
padding: 0px;
text-align: right;
margin-top: 10px;
font-size: 13px;
}
.menu-top a {
color: #616161;
font-family: Lato;
}
.partner-prev {
position: absolute;
left: 0px;
top: 50%;
z-index: 9;
font-size: 20px;
color: #999;
margin-top: -10px;
}
.partner-next {
position: absolute;
right: 0px;
top: 50%;
z-index: 9;
font-size: 20px;
color: #999;
margin-top: -10px;
}
.menufooter {
padding: 0px;
margin: 0px;
}
.menufooter li {
list-style: none;
padding-bottom: 5px;
}
.menufooter li a {
font-size:15px;
color: #414042;
}
.menufooter li .fa {
color: #666;
}
.menufooter li a:hover {
text-decoration:underline;
}
.cathome-title {
font-size: 30px;
text-transform: uppercase;
font-family: Lato-L;
font-weight: normal;
text-align: center;
/* float: none; */
display: table;
margin: 0 auto;
position: relative;
}
.cathome-title b {
font-family: Lato-B;
font-weight: normal;
}
.cathome-title::before {
content: '';
position: absolute;
left: -40px;
top: 2px;
background: url(../images/flower.png) no-repeat left center;
height: 36px;
width: 36px;
}
.cat-home-name {
margin: 0px;
padding: 10px;
background: rgba(0,0,0,0.5);
font-size: 16px;
text-transform: uppercase;
position: absolute;
width: 100%;
bottom: 0px;
font-family: Lato;
font-weight: normal;
}
.cat-home-name a {
color: #FFF;
}
.news-name-home {
margin: 0px;
padding: 0px;
font-size: 18px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight: normal;
color: #f7941d;
}
.news-name-home a {
color: #f7941d;
}
.intro-news-home {
text-align:justify;
}
#button-btt {
position: fixed;
right: 10px;
bottom: 20px;
color: #0059bd;
background:#424242;
padding: 10px;
z-index:99999;
}
#button-btt a {
color: #FFF;
}
.view-detail {
display: block;
background: url(../images/flower-ico.png) no-repeat left center;
padding-left: 30px;
color: #ef5994;
}
.newsletter{
background:#FFF;
padding:5px;
-webkit-border-radius:20px;
border-radius:20px;
}
.newsletter-input {
position: relative;
width: 100%;
}
.news-other {
padding: 0px;
margin: 0px;
}
.news-other li {
padding: 5px 0px;
list-style: none;
}
.news-other li .fa {
color: #ef5994;
}
.news-other li a {
color: #333;
}
.error {
border: solid 1px #FF0000 !important;
}
.frm {
padding: 10px 240px;
}
.line-title {
float: left;
width: 100%;
line-height: 30px;
}
.line-title span {
color: #FF0000;
}
.line-frm {
float: left;
width: 100%;
margin-bottom: 10px;
}
.txt-contact {
width: 100%;
height: 35px;
border: solid 1px #ccc;
padding:0px 5px;
}
.btn-send {
margin-top: 10px;
float: left;
width: 100%;
background: #37b7b7;
color: #FFF;
padding: 11px 30px;
border-radius: 5px;
text-transform: uppercase;
border: none;
}
.contact-title {
font-family: Lato-B;
font-weight: bold;
font-size: 17px;
position: relative;
text-transform: uppercase;
margin-left: 40px;
line-height: 35px;
margin-bottom: 10px;
}
.contact-title::before {
content: '';
position: absolute;
left: -40px;
top: 0px;
background: url(../images/flower.png) no-repeat left center;
height: 36px;
width: 36px;
}
.logo-mobile {
float: left;
width: 50%;
}
.menu-mobile {
float: right;
margin-top: 10px;
margin-right: 20px;
padding: 10px 12px;
background: #3b5b9b;
color: #FFF;
}
.search-mobile {
width: 100%;
position: relative;
display: none;
}
.search-mobile input {
width: 100%;
height: 30px;
}
.m-search-icon {
position: absolute;
right: 10px;
top: 6px;
color: #ef5994;
}
.news-home-wrapper {
background: #f2f2f2;
padding: 20px 0px;
}
.title-news-detail {
margin: 0px;
padding: 0px;
font-family: Arial;
font-weight: bold;
font-size: 20px;
color: #333;
}
.homeslide-prev, .homeslide-next {
position: absolute;
top: 50%;
z-index: 9;
margin-top: -30px;
cursor:pointer;
}
.homeslide-next {
right: 0px;
background: url(../images/arrow-slide-right.png) no-repeat;
width: 49px;
height: 49px;
}
.homeslide-prev {
left: 0px;
background: url(../images/arrow-slide-left.png) no-repeat;
width: 49px;
height: 49px;
}
.homeslide-next.swiper-button-disabled {
background: url(../images/arrow-slide-right-1.png) no-repeat;
}
.homeslide-prev.swiper-button-disabled {
background: url(../images/arrow-slide-left-1.png) no-repeat;
}
.title-frm-reg span {
color: #FF0000;
}
.detail-cathome{
border:solid 2px #18b7ca;
display:inline-block;
position:absolute;
bottom:20px;
height:44px;
line-height:40px;
padding:0px 25px;
-webkit-border-radius:40px;
border-radius:40px;
color:#18b7ca;
font-weight:bold;
}
.info-cat-home{
padding:20px;
color:#515151;
}
.text-line-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.text-line-3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.text-line-4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.box-cell-cat-home .name{
font-size:20px;
color:#515151;
margin:0px;
padding-bottom:5px;
font-family:Hel-B; font-weight:normal;
}
.box-cell-cat-home .name a{
color:#515151;
}
.title-cat-home{
font-family:Muli-B, Arial, Helvetica, sans-serif;
font-size:20px;
text-transform:uppercase;
color:#414042;
margin:0px;
padding:0px;
}
.title-cat-home a{
color:#414042;
}
.title-info-home{
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:30px;
color:#18b7ca;
margin:0px;
padding:0px;
}
.title-info-home a{
color:#18b7ca;
}
.intro-info-home{
line-height:22px;
text-align:justify;
}
.box-why{
background:#18b7ca;
min-height:200px;
color:#FFF;
padding:20px 30px;
}
.title-why-home{
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:30px;
margin:0px;
padding:0px;
text-align:center;
padding-bottom:10px;
color:#FFF;
}
.line-title-why{
border-bottom:solid 1px #5ecdda;
margin:0px 50px;
}
.why-icon{
text-align:center;
}
.why-name{
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:20px;
text-align:center;
font-weight:bold;
}
.ul-why{
margin:0px;
padding:10px 0px 10px 20px;
list-style-image:url(../images/icon-check.png);
}
.ul-why li{
padding-bottom:8px;
}
.box-article-home{
background-image:url(../images/bg-article-home.png);
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
min-height:200px;
padding:40px 0px;
color:#FFF;
text-align:center;
}
.box-article-home a{
color:#FFF;
}
.image-article-home{
width:154px;
height:154px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
overflow:hidden;
margin:0 auto;
background:#FFF;
}
.copyright{
padding:5px 0px;
color:#fff;
background:#3f94a8;
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2;
margin: 0px 2px;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.title-footer{
font-family:Muli-B, Arial, Helvetica, sans-serif;
font-size:18px;
color:#30778c;
text-transform:uppercase;
}
.title-footer a{
color:#30778c;
}
.title-footer1 {
font-family: Muli-B, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #FFF;
text-transform: uppercase;
background: #3f94a7;
padding: 6px;
padding-top: 8px;
border-left: solid 6px #f8930f;
}
.title-footer1 a{
color:#d9d9d9;
}
.hotline-email-top{
color:#FFF;
line-height:40px;
}
.hotline-email-top a{
color:#FFF;
}
.topmnu{
text-align:right;
}
.topmnu a{
color:#FFF;
}
.about-name{
color:#18b7ca ;
font-size:35px;
padding:0px;
margin:0px;
}
.margin-bottom-20{
margin-bottom:20px;
}
.margin-bottom-30{
margin-bottom:30px;
}
.margin-bottom-10{
margin-bottom:10px;
}
.menutab{
}
.menutab div.menu-tab-item {
display:inline-block;
line-height:41px;
position:relative;
margin:2px;
background:#FFF;
-webkit-border-radius:2px;
border-radius:2px;
}
.menutab div.menu-tab-item a{
color:#616161;
padding:0px 20px;
display:inherit;
}
.menutab div.actived {
position: relative;
background: #3f94a8;
color:#FFF;
}
.menutab div.actived a{
color:#FFF;
}
.menutab div.actived:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(63, 148, 168, 0);
border-top-color: #3f94a8;
border-width: 6px;
margin-left: -6px;
}
.box-hp{
border:solid 1px #e7e7e7;
text-align:center;
}
.box-hp .title-box{
background:#18b7ca;
color:#FFF;
padding:15px 5px;
text-align:center;
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:16px;
margin:0px;
width:calc(100% + 2px);
margin-left:-1px;
}
.arrow-right-home,.arrow-left-home{
width:21px;
height:40px;
position:absolute;
top:20%;
z-index:9;
cursor:pointer;
}
.arrow-right-home{
background:url(../images/arrow-right-home.png) no-repeat;
right:-30px;
}
.arrow-left-home{
background:url(../images/arrow-left-home.png) no-repeat;
left:-30px;
}
.mnu-mobile{
color:#F7A527;
display:none;
text-align:right;
}
.mnu-mobile .fa-bars{
display:inline-block;
width:40px;
height:40px;
color:#F7A527;
line-height:50px;
font-size:28px;
margin-right:20px;
}
.intro-detail img,.content-detail img{
max-width:100%;
}
.slide-description{
position:absolute;
bottom:20%;
max-width:1200px;
width:100%;
left:50%;
transform:translate(-50%,0);
z-index:9;
color:#FFF;
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:18px;
}
.slide-description .description{
max-width:494px;
}
.title-product-home{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:24px;
color:#1f1c3d;
text-transform:uppercase;
text-align:center;
margin:0px;
}
.title-product-home a{
color:#1f1c3d;
position:relative;
}
.title-product-home a:before{
background:url(../images/line-title-product-home.png) no-repeat;
height:3px;
width:101px;
position:absolute;
bottom:-10px;
left:50%;
transform:translate(-50%,0%);
content:"";
}
.btn-nhanbaogia{
-webkit-border-radius:20px;
border-radius:20px;
background:#1f1c3d;
padding:10px 25px;
display:inline-block;
color:#FFF;
}
.title-home{
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
font-size:35px;
color:#4e4e4e;
margin:0px;
font-weight:normal;
text-align:center;
}
.title-home a{
color:#1f1c3d;
position:relative;
}
.title-home span{
position:relative;
}
.title-home span:before{
width:48px;
height:2px;
background:#f7941d;
position:absolute;
bottom:10px;
left:50%;
content:"";
bottom:-10px;
transform:translate(-50%,0)
}
.title-home1{
font-family:Hel-B, Tahoma, Geneva, sans-serif;
font-size:40px;
color:#4e4e4e;
margin:0px;
text-align:center;
}
.title-home1 a{
color:#4e4e4e;
position:relative;
}
.title-home1 span{
position:relative;
}
.title-home1 span:before{
width:21px;
height:3px;
background:#e92529;
position:absolute;
bottom:10px;
left:-25px;
content:"";
}
.title-about{
font-family:Hel-B, Tahoma, Geneva, sans-serif;
font-size:24px;
color:#333;
margin:0px;
padding-left:25px;
}
.title-about a{
color:#333;
position:relative;
}
.title-about span{
position:relative;
}
.title-about span:before{
width:21px;
height:3px;
background:#e92529;
position:absolute;
bottom:10px;
left:-25px;
content:"";
}
.line-red{
border-bottom:solid 3px #e92529;
width:32px;
clear:both;
margin:0 auto;
}
.title-page{
font-family:Muli-B, Tahoma, Geneva, sans-serif;
font-size:24px;
color:#414042;
margin:0px;
font-weight:normal;
padding:0px;
text-transform:uppercase;
}
.title-service-home{
font-family:Hel-B, Tahoma, Geneva, sans-serif;
font-size:24px;
text-transform:uppercase;
margin:0px;
text-align:center;
}
.title-service-home a{
color:#333;
position:relative;
}
.btn-detail-news-home{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:14px;
color:#1f1c3d;
}
.product-name-home{
font-family:Muli-B, Tahoma, Geneva, sans-serif;
font-size:16px;
color:#414042;
margin:0px;
}
.product-name-home a{
color:#414042;
}
.bigvideo-name{
background:#ebebeb;
color:#414042;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:14px;
border-bottom:solid 1px #b7b7b7;
}
.bigvideo-name a{
display:block;
padding:8px 20px;
color:#414042;
}
.b-video-home-name{
border:solid 1px #b7b7b7;
border-top:none;
}
.smallvideo-home-name{
border-top:solid 1px #b7b7b7;
}
.b-video-home-name div .smallvideo-home-name:first-child{
border-top:none;
}
.smallvideo-home-name a{
padding:7px 20px;
display:block;
color:#414042;
}
.box-info-home{
}
.cathome-hover{
position:absolute;
width:100%;
height:100%;
background:url(../images/bg-hover.png);
top:0px;
padding:0px;
display:none;
}
.cathome-hover:before{
position:absolute;
top:10px;
left:10px;
width:calc(100% - 22px);
height:calc(100% - 22px);
content:"";
border:solid 2px #f7941d;
}
.text-cat-home{
width:calc(100% - 1px);
align-self:center;
text-align:center;
color:#FFF;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:16px;
}
.cathome:hover .cathome-hover{
display:block;
}
.news-detail-name{
font-size:18px;
color:#414042;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
margin:0px;
}
.title-other{
color:#333;
font-size:20px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
margin:0px;
width:100%;
overflow:hidden;
}
.title-other span{
position:relative;
}
.item-other-news{
padding:3px 0px;
}
.item-other-news a{
color:#333132;
}
.item-other-news a:hover{
text-decoration:underline;
}
.image-c-pro{
-webkit-border-radius:5px;
border-radius:5px;
}
.service-detail-name{
color:#414042;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:26px;
margin:0px;
padding:0px;
}
.service-detail-name span{
position:relative;
}
.service-detail-name span:after{
position:absolute;
height:3px;
background:#CCC;
width:50px;
left:0px;
bottom:-10px;
content:"";
}
.frm-book-service .title{
color:#4e4e4e;
font-family:Hel-B, Tahoma, Geneva, sans-serif;
text-transform:uppercase;
line-height:40px;
font-size:18px;
}
.frm-box-content{
}
.frm-box-content label{
display:block;
margin-bottom:3px;
}
.frm-box-content .txt{
width:100%;
height:38px;
border:solid 1px #d7d7d7;
padding:0px 5px;
}
.btn-submit-book{
background:#f7941d ;
height:38px;
display:block;
padding:0px 40px;
line-height:38px;
color:#FFF;
font-family:Roboto, Tahoma, Geneva, sans-serif;
text-align:center;
font-weight:normal;
font-size:16px;
}
.product-name-detail{
color:#414042;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
font-size:24px;
margin:0px;
font-weight:normal;
}
.thumb-image-pro-detail-prev,.thumb-image-pro-detail-next{
position:absolute;
top:20%;
z-index:9;
outline:none;
}
.thumb-image-pro-detail-prev{
background:url(../images/pro-detail-arrow-left.png) no-repeat right;
width:38px;
height:41px;
left:-36px;
}
.thumb-image-pro-detail-next{
background:url(../images/pro-detail-arrow-right.png) no-repeat right;
width:38px;
height:41px;
right:-36px;
}
.color-product{
border:solid 1px #c2c2c2;
width:24px;
height:13px;
display:inline-block;
}
.attr-item .attr-name{
float:left;
margin-right:7px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.attr-item .attr-value{
float:left;
}
.attr-item:after{
clear:both;
content:"";
display:block;
height:8px
}
.box-promotion-detail{
}
.box-promotion-detail .title{
color:#FFF;
font-size:16px;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
background:#3f94a8;
padding:10px;
}
.box-promotion-detail .title i.fa{
font-size:24px;
align-self:center;
}
.box-promotion-detail .title span{
padding-left:10px;
}
.box-promotion-detail .b-promotion{
border:dashed 1px #3f94a8;
border-top:none;
padding:10px;
}
.tab-detail-pro{
background:#3f94a8;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
}
.tab-detail-pro:after{
clear:both;
content:"";
display:block;
}
.tab-detail-pro a{
float:left;
display:block;
height:40px;
padding:0px 20px;
line-height:40px;
color:#fff;
position:relative;
}
.tab-detail-pro a.active{
color:#FFF;
height:42px;
margin-left:-1px;
margin-top:-1px;
}
.tab-detail-pro a.active:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(63, 148, 168, 0);
border-top-color: #3f94a8;
border-width: 6px;
margin-left: -6px;
}
.box-promotion-detail ul{
margin:0px;
padding:0px;
}
.box-promotion-detail ul li{
list-style:none;
position:relative;
padding-left:15px;
}
.box-promotion-detail ul li:before{
font-family:'FontAwesome';
content:"\f111";
position:absolute;
left:0px;
color:#ec973a;
top:5px;
font-size:8px;
}
.title-content-pro{
margin:0px;
font-size:26px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
color:#414042;
width:100%;
overflow:hidden;
padding:0px;
}
.title-content-pro span{
position:relative;
padding-left:28px;
}
.title-content-pro span:before{
width:23px;
border-bottom:solid 3px #e30614;
position:absolute;
bottom:7px;
left:0px;
content:"";
}
.title-content-pro span:after{
position:absolute;
width:1500px;
border-bottom:solid 1px #c2c2c2;
content:"";
right:-1510px;
bottom:7px;
}
.phone-tuvan a{
padding:15px 10px;
text-align:center;
background:#e20612;
-webkit-border-radius:5px;
border-radius:5px;
color:#FFF;
}
.phone-tuvan a:nth-child(2){
background:#f7941d;
}
.phone-tuvan a:last-child{
background:#1f1c3d;
}
.phone-tuvan a span{
position:relative;
padding-left:28px;
display:inline-block;
text-align:left;
}
.phone-tuvan a span strong{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
}
.phone-tuvan a span:before{
background:url(../images/icon-phone.png) no-repeat;
width:23px;
height:23px;
position:absolute;
left:0px;
top:8px;
content:"";
}
.b-pro{
border:solid 1px #d7d7d7;
padding-bottom:20px;
}
.b-pro:hover .btn-nhanbaogia{
background:#e30614;
}
.b-image-pro{
width:calc(100% + 2px);
margin:-1px 0px 0px -1px;
}
.box-message-result{
padding:20px;
text-align:center;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:16px;
border:solid 1px #090;
margin-bottom:20px;
-webkit-border-radius:5px;
border-radius:5px;
}
.box-message-result.mess-success{
color:#468847;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #dff0d8;
border: 1px solid #d6e9c6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.box-message-result.mess-error{
color:#b94a48;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f2dede;
border: 1px solid #eed3d7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.b-search{
background:#FFF;
-webkit-border-radius:4px;
border-radius:4px;
overflow:hidden;
}
.b-search input{
width:calc(100% - 100px);
height:38px;
border:none;
padding:0px 5px;
outline:none;
}
.b-search a{
width:100px;
height:38px;
color:#FFF;
background:#ec973a;
text-align:center;
line-height:36px;
}
.header-mobile{
height:60px;
background:#30778c;
position:relative;
display:none;
}
.header-mobile:after{
position:absolute;
bottom:-4px;
left:0px;
height:4px;
width:100%;
content:"";
background:url(../images/bg-bottom-banner.png) repeat-x;
z-index:9
}
.logo-mobile{
height:60px;
width:100px;
}
.logo-mobile img{
width:auto;
height:100%;
}
.mnu-header-mobile{
width:100%;
text-align:left;
font-size:24px;
background:#3f94a8;
color:#FFF;
height:40px;
}
.mnu-header-mobile .item-mnu{
display:inline-block;
}
.mnu-header-mobile .item-mnu a{
color:#FFF;
width:39px;
height:39px;
text-align:center;
line-height:39px;
display:inline-block;
border-right:solid 1px #41d3d3;
}
.mnu-header-mobile .item-mnu a.lang-en{
background:url(../images/flag-en.png) no-repeat center;
}
.mnu-header-mobile .item-mnu a.lang-vn{
background:url(../images/flag-vi.png) no-repeat center;
}
.b-search-mobile{
background:#EBEBEB;
padding:5px;
display:none;
}
.b-search-mobile input{
width:calc(100% - 35px);
height:30px;
padding:0px 5px;
border:solid 1px #CCC;
}
.b-search-mobile a{
width:35px;
height:30px;
text-align:center;
line-height:30px;
background:#37b7b7;
color:#FFF;
}
.btn-detail{
border:solid 2px #e92529;
-webkit-border-radius:4px;
border-radius:4px;
display:inline-block;
padding:8px 30px;
color:#5c5c5c;
font-family:Hel-B, Tahoma, Geneva, sans-serif;
}
.btn-detail .fa{
color:#e92529;
}
.btn-detail-service{
background:#c10e12;
width:100%;
position:absolute;
left:0px;
height:40px;
bottom:-40px;
line-height:40px;
font-family:Hel-B, Tahoma, Geneva, sans-serif;
color:#FFF;
display:none;
}
.line-news-list{
border-bottom:solid 2px #37b7b7;
}
.service-icon-right{
width:76px;
align-self:center;
}
.service-text-right{
width:calc(100% - 86px);
align-self:center;
}
.title-left{
font-family:Hel-B, Tahoma, Geneva, sans-serif;
font-size:18px;
color:#4e4e4e;
margin:0px;
position:relative;
}
.title-left a{
position:relative;
color:#4e4e4e;
padding-left:26px;
}
.title-left a:before{
position:absolute;
height:3px;
width:21px;
left:-21px;
bottom:2px;
left:0px;
background:#e92529;
content:"";
}
.service-name-right{
font-family:Hel-B, Tahoma, Geneva, sans-serif;
font-size:16px;
color:#6a6a6a;
}
.service-name-right a{
color:#6a6a6a;
}
.item-service-right:hover .service-name-right a{
color:#4e4e4e;
}
.desc-default{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#FFF;
font-family:Hel, Tahoma, Geneva, sans-serif;
font-size:34px;
}
.addthis_toolbox a{
color:#666;
}
.box-file-download{
border:solid 2px #CCC;
padding:10px;
-webkit-border-radius:5px;
border-radius:5px;
}
.box-file-download .fa-arrow-down{
width:35px;
height:35px;
border:solid 2px #CCC;
-webkit-border-radius:50%;
border-radius:50%;
text-align:center;
line-height:33px;
color:#666;
}
.name-about{
color:#4e4e4e;
font-family:Hel, Tahoma, Geneva, sans-serif;
font-size:28px;
margin:0;
font-weight:normal;
}
.name-about a{
color:#4e4e4e;
}
.box-trust{
min-height:100px;
background:#1569b2;
padding:70px 0px 40px 0px;
color:#FFF;
}
.trust-cell-1-3{
width:33.33%;
border-bottom:solid 1px #35a1ff;
border-right:solid 1px #35a1ff;
padding:50px 20px 20px 20px;
position:relative;
}
.flex-trust{
border:solid 1px #35a1ff;
border-right:none;
border-bottom:none;
text-align:center;
}
.flex-trust a{
color:#FFF;
}
.trust-name{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:18px;
font-weight:normal;
text-align:center;
padding-bottom:5px;
}
.trust-icon{
position:absolute;
width:74px;
height:74px;
-webkit-border-radius:50%;
border-radius:50%;
border:solid 1px #35a1ff;
top:-40px;
left:50%;
transform:translate(-50%,0);
background:#1569b2;
overflow:hidden;
}
.trust-cell-1-3:hover,.trust-cell-1-3:hover a{
background:#FFF;
color:#545454;
}
.trust-cell-1-3:hover .trust-name,.trust-cell-1-3:hover a .trust-name{
color:#1569b2;
}
.trust-cell-1-3:hover .trust-icon{
background:#f7941d;
border:solid 1px #f7941d;
}
.arrow-left-news-home,.arrow-right-news-home{
position:absolute;
top:25%;
width:52px;
height:52px;
z-index:9;
outline:none;
}
.arrow-left-news-home.swiper-button-disabled,.arrow-right-news-home.swiper-button-disabled{
opacity: 0.8;
filter: alpha(opacity=80);
}
.arrow-left-news-home{
background-image:url(../images/arrow-left-news-home.png);
left:-26px;
}
.arrow-right-news-home{
background-image:url(../images/arrow-right-news-home.png);
right:-26px;
}
.bg-service-home{
position:absolute;
bottom:0px;
width:100%;
min-height:200px;
background:url(../images/bg-service-name-home.png) bottom;
}
.service-name-home{
color:#FFF;
position:absolute;
z-index:10;
bottom:0px;
width:100%;
text-transform:uppercase;
padding:10px;
text-align:center;
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
font-size:22px;
font-weight:normal;
}
.service-name-home a{
color:#FFF;
}
.partner-footer{
overflow:hidden;
width:100%;
background:#f6f6f6;
}
.partner-footer .partner-label{
height:82px;
background:#f7941d;
color:#FFF;
position:relative;
width:67px;
}
.partner-footer .partner-content{
width:calc(100% - 122px);
}
.partner-footer .partner-label:before{
position:absolute;
height:82px;
background:#f7941d;
width:500px;
left:-500px;
content:"";
}
.partner-footer .partner-label:after{
border-left: solid 25px #f7941d;
border-bottom: solid 45px #f7941d;
border-right: transparent solid 30px;
border-top: transparent solid 37px;
position:absolute;
width:0px;
height:0px;
content:"";
top:0px;
right:-55px;
}
.box-customer{
background: rgb(241,241,241);
background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}
.menu-bar-footer a{
color:#333132;
}
.menu-bar-footer span{
margin:0px 10px;
}
.line-top{
height:59px;
width:1px;
background:#ebebeb;
}
.submenu-left{
padding:0px;
margin:0px;
background:#f7f7f7 ;
width:100%;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
position:relative;
padding-bottom:30px;
}
.submenu-left.border-right:after{
position:absolute;
width:3px;
right:0px;
height:100%;
max-height:164px;
top:0px;
content:"";
background:#747474;
}
.submenu-left li{
list-style:none;
}
.submenu-left > li{
list-style:none;
border-top:solid 1px #d4d4d4;
}
.submenu-left li.level1:first-child,.submenu-left li:first-child{
border-top:none;
}
.submenu-left li a{
display:block;
padding:10px 20px;
color:#3c3c3c;
}
.submenu-left li.active > a,.submenu-left li:hover > a{
color:#f7941d;
}
.submenu-left li.title{
color:#1569b2;
font-size:16px;
border-bottom:solid 1px #f7941d;
}
.submenu-left li.title a{
color:#1569b2;
display:block;
padding:10px 20px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.submenu-left li ul{
margin:0px;
padding:0px;
font-family:Roboto, Tahoma, Geneva, sans-serif;
padding-bottom:10px;
}
.submenu-left li ul li a{
color:#5f5f5f;
}
.other-news-name a{
color:#333;
}
.other-news-name a:hover{
color:#1569b2;
}
.form_error{
color:#FF0000;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:16px;
}
.table-scroll{
width:100%;
max-width:100%;
overflow:auto;
}
.feature-list{
background:#1567af;
padding:20px;
color:#FFF;
}
.ul-feature-list li{
list-style:none;
background-image:url(../images/icon-feature.png);
background-repeat:no-repeat;
background-position:left;
min-height:28px;
padding:10px 0px 10px 35px;
}
.frm-book-service{
background:#F6F6F6;
padding:30px;
}
.reg-title{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:18px;
margin-bottom:10px;
}
.faq-icon{
background:url(../images/icon-faq-question-1.png) no-repeat;
width:46px;
min-height:46px;
}
.faq-icon.faq-icon1{
background:url(../images/icon-faq-question.png) no-repeat;
width:46px;
min-height:46px;
}
.faq-item{
width:calc(100% - 46px);
background:#f7f7f7;
-webkit-border-radius:5px;
border-radius:5px;
padding:15px;
}
.label-answer{
font-size:18px;
color:#f7941d;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.faq-question{
cursor:pointer;
}
.faq-question.active{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
color:#2a2a2a;
}
.faq-answer{
padding-top:10px;
display:none;
padding-left:25px;
}
.catcontent-faq{
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
}
.box-filter-daily{
border:solid 1px #dbdbdb;
padding:10px;
max-width:634px;
width:100%;
}
.box-filter-daily select{
width:100%;
border:solid 1px #ededed;
background:#ededed;
height:35px;
}
.daily-name{
font-size:18px;
}
.menuleftmobile{
border:solid 1px #f7f7f7;
background:#f7f7f7;
padding:5px;
}
.mnuscroll{
max-height:600px;
overflow:auto;
}
.mnuscroll::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.mnuscroll::-webkit-scrollbar
{
width: 3px;
background-color: #F5F5F5;
}
.mnuscroll::-webkit-scrollbar-thumb
{
background-color: #747474;
}
.submenulapdat{
display:none;
}
.submenulapdatshow{
display:block;
}
.level1 {
position:relative;
}
.level1 .fa{
position:absolute;
right:10px;
top:10px;
color:#f7941d;
}
.menuleftmobile{
position:relative;
}
.menuleftmobile span{
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
display:block;
padding:6px 0px;
position:relative;
}
.menuleftmobile span:after{
position:absolute;
top:10px;
right:10px;
content:"\f0d7";
font-family:'FontAwesome';
}
.menuleftmobile ul{
padding:0px;
margin:0px;
border-top:solid 1px #CCC ;
position:absolute;
top:100%;
left:-1px;
width:calc(100% + 2px);
background:#f7f7f7;
padding:5px;
display:none;
z-index:9999;
}
.menuleftmobile ul li{
list-style:none;
color:#333;
}
.menuleftmobile ul li a{
color:#333;
display:block;
padding:5px 0px;
border-top:solid 1px #EEE;
}
.menuleftmobile ul li:first-child a{
border-top:none;
}
.menuleftmobile ul li ul{
padding-left:20px;
}
.text-about-home{
max-width:457px;
width:100%;
padding-left:10px;
}
.title-about-home span:first-child{
font-family:Lob, Tahoma, Geneva, sans-serif;
font-size:20px;
color:#414042;
display:block;
}
.title-about-home span:last-child{
font-family:Bask-B, Tahoma, Geneva, sans-serif;
font-size:32px;
color:#37b7b7;
display:block;
text-transform:uppercase;
font-weight:normal;
}
.btn-view-more{
background:#37b7b7;
color:#FFF;
display:inline-block;
padding:8px 20px;
}
.box-info-home .flex-container{
background:#f1f2f2;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.box-info-home .flex-container:nth-child(2n){
-webkit-flex-direction: row;
flex-direction: row;
background:#37b7b7;
color:#FFF;
}
.box-info-home .flex-container:nth-child(2n) .text-about-home{
float:right;
padding:0px 10px 0px 0px;
}
.box-info-home .flex-container:nth-child(2n) .title-about-home span,
.box-info-home .flex-container:nth-child(2n) .title-about-home span{
color:#FFF;
}
.box-info-home .flex-container:nth-child(2n) .btn-view-more{
background:#FFF;
color:#333;
}
.video-home{
position:relative;
}
.video-home .play-video{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:50px;
height:35px;
text-align:center;
line-height:33px;
-webkit-border-radius:10px;
border-radius:10px;
background:#585754;
opacity:.9;
color:#FFF;
}
#object-video-home{
background:#FFF;
}
.video-container {
position: relative;
padding-bottom: 56%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gototop{
border-bottom:solid 1px #464646;
position:relative;
margin:50px 0px;
height:1px;
}
.gototop a{
position:absolute;
width:76px;
height:76px;
background:#464646;
-webkit-border-radius:50%;
border-radius:50%;
left:50%;
transform:translate(-50%,0);
text-align:center;
line-height:72px;
color:#FFF;
font-size:32px;
bottom:-37px;
}
.mnufooter a{
color:#333132;
}
.mnufooter a:hover{
text-decoration:underline;
}
.bg-page-news{
background-image:url(../images/bg-news.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
}
.btn-news-list-detail{
border:solid 2px #959595;
padding:10px 20px;
color:#414042;
}
.border-col-right{
border-left:solid 2px #acacac;
padding-left:20px;
}
.btn-reg-now-right{
padding:10px 20px;
background:#37b7b7;
display:inline-block;
color:#FFF;
-webkit-border-radius:3px;
border-radius:3px;
}
.box-image-album{
border:solid 1px #d7d7d7;
}
.box-image-album img{
display:block;
}
.image-name{
font-family:Roboto, Tahoma, Geneva, sans-serif;
color:#414042;
font-size:14px;
text-align:center;
}
.image-name a{
color:#414042;
padding:20px 25px;
display:block;
}
.b-cell-service{
border:solid 1px #ccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position:relative;
z-index:1;
}
.b-cell-service:hover{
border:solid 1px #37b7b7;
}
.b-cell-service:after{
border:solid 5px #fff;
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
content:"";
z-index:0;
}
.b-cell-service:hover:after{
border:solid 5px #37b7b7;
position:absolute;
width:calc(100% + 10px);
height:calc(100% + 10px);
top:-5px;
left:-5px;
content:"";
z-index:0;
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 0.3s;
}
@keyframes fadeInOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.service-name .space{
min-height:136px;
width:1px;
}
.service-name .name{
width:calc(100% - 1px);
align-self:center;
text-align:center;
padding:0px 15px;
margin:0px;
font-weight:normal;
font-size:16px;
color:#37b7b7;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.service-name .name a{
color:#37b7b7;
}
.title-tab{
padding: 0;
margin: 10px 0px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-moz-flex-flow: row wrap;
flex-flow: row wrap;
width:100%;
color:#37b7b7;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
text-transform:uppercase;
font-weight:normal;
}
.title-tab span{
align-self:center;
margin-left:5px;
}
.title-tab span:first-child{
background:#ebebeb;
padding:5px 10px;
margin-left:0px;
align-self:center;
-webkit-border-radius:10px 0px 10px 0px;
border-radius:10px 0px 10px 0px;
}
.btn-dangkytuvan{
background-color:#37b7b7;
background-image:url(../images/arrow-hand.png);
background-position:15px 8px;
background-repeat:no-repeat;
display:inline-block;
padding:8px 30px 10px 60px;
-webkit-border-radius:20px;
border-radius:20px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:14px;
color:#FFF;
}
.title-about-h{
margin:0 auto;
font-family:Bask-B, Tahoma, Geneva, sans-serif;
text-transform:uppercase;
text-align:center;
color:#FFF;
font-size:24px;
}
.info1-arrow-right{
position:relative;
}
.info1-arrow-right:before{
bottom:100px;
right:0px;
content:"";
border-top:solid 15px transparent;
border-bottom:solid 15px transparent;
border-right:solid 15px #FFF;
z-index:1;
position:absolute;
}
.box-text-about{
max-width:445px;
}
.flex-reverse .box-text-about{
float:right;
}
.logomobile{
width:100%;
height:60px;
text-align:center;
}
.logomobile img{
height:100%;
}
.trust-b .icon{
max-width:51px;
min-width:35px;
padding-right:5px;
align-self:center;
}
.trust-b .text{
/*width:calc(100% - 51px);*/
color:#878787;
font-family:Muli-R, Tahoma, Geneva, sans-serif;
}
.trust-b .text .name{
font-family:Muli-B, Tahoma, Geneva, sans-serif;
color:#414042;
}
.trust-b [class*='cell-']{
border-left:solid 1px #b7b7b7;
}
.trust-b [class*='cell-']:last-child{
border-right:solid 1px #b7b7b7;
}
.hang-sx{
height:72px;
background:#FFF;
}
.hang-sx .label{
background:#0096AB;
width:80px;
height:72px;
color:#FFF;
position:relative;
text-align:center;
padding-top:15px;
}
.hang-sx .label:after{
position:absolute;
background-image:url(../images/right-label-hang-sx.png);
background-repeat:no-repeat;
width:38px;
height:72px;
content:"";
top:0px;
right:-38px;
}
.hang-sx .swip{
width:calc(100% - 125px);
padding-top:10px;
padding-right:10px;
}
.title-bestsale{
overflow:hidden;
width:100%;
text-align:center;
margin:0px;
}
.title-bestsale a{
position:relative;
color:#ec973a;
text-transform:uppercase;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
font-size:22px;
}
.title-bestsale a:after{
background:url(../images/banchay-right.png) no-repeat left;
height:22px;
width:700px;
position:absolute;
top:50%;
right:-710px;
transform:translate(0,-50%);
content:"";
}
.title-bestsale a:before{
background:url(../images/banchay-left.png) no-repeat right;
height:22px;
width:700px;
position:absolute;
top:50%;
left:-710px;
transform:translate(0,-50%);
content:"";
}
.box-product-home{
background:#FFF;
box-shadow:3px 3px 3px #ccc;
position:relative;
border:solid 1px #e1e1e1;
border-left:none;
}
.product-home-arrow-right,.product-home-arrow-left{
width:30px;
height:30px;
position:absolute;
top:45%;
background:#e1e1e1;
z-index:2;
text-align:center;
line-height:30px;
-webkit-border-radius:50%;
border-radius:50%;
font-size:30px;
color:#626262;
outline:none;
}
.product-home-arrow-right{
right:-15px;
}
.product-home-arrow-left{
left:-15px;
}
.box-pro{
border-left:solid 1px #e1e1e1;
position:relative;
}
.box-pro-c{
border-left:solid 1px #e1e1e1;
border-bottom:solid 1px #e1e1e1;
border-top:solid 1px #e1e1e1;
position:relative;
}
.box-pro .image,.box-pro-c .image{
padding:20px 0px;
background:#FFF;
}
.box-pro .text,.box-pro-c .text{
padding:20px 20px;
}
.item-title-tab{
margin:0px 10px;
border:solid 1px #ebebec;
padding:5px 10px;
color:#414042;
}
.item-title-tab.active{
background:#FFF;
border:solid 1px #CCC;
color:#3f94a8;
}
.price{
color:#f7930f;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
font-size:14px;
}
.pricekm{
color:#6b6b6b;
}
.icon-quatang{
position:absolute;
top:10px;
left:20px;
padding:0px 10px 0px 35px;
-webkit-border-radius:20px;
border-radius:20px;
background:#238399;
color:#FFF;
z-index:9;
line-height:25px;
}
.icon-quatang1{
position:absolute;
bottom:10px;
left:20px;
padding:0px 10px 0px 35px;
-webkit-border-radius:20px;
border-radius:20px;
background:#238399;
color:#FFF;
z-index:9;
line-height:25px;
}
.icon-quatang .fa,.icon-quatang1 .fa{
width:28px;
height:28px;
background:#3f94a8;
text-align:center;
line-height:28px;
-webkit-border-radius:50%;
border-radius:50%;
position:absolute;
left:0px;
top:-2px;
}
.icon-km{
position:absolute;
top:10px;
left:20px;
padding:0px 10px 0px 35px;
-webkit-border-radius:20px;
border-radius:20px;
background:#ef1100;
color:#FFF;
z-index:9;
line-height:25px;
}
.icon-km .fa{
width:28px;
height:28px;
background:#ff6e02;
text-align:center;
line-height:28px;
-webkit-border-radius:50%;
border-radius:50%;
position:absolute;
left:0px;
top:-2px;
}
.right-product{
border-left:solid 1px #ebebec;
}
.box-trust-right{
border-bottom:solid 1px #ebebec;
padding:10px;
font-size:13px;
}
.box-trust-right .name{
font-size:13px;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
}
.call-detail{
background:#3f94a8;
color:#FFF;
-webkit-border-radius:2px;
border-radius:2px;
}
.btn-cart-detail{
background:#ec973a;
color:#FFF;
padding:10px;
text-align:center;
display:block;
-webkit-border-radius:2px;
border-radius:2px;
}
.call-detail .icon-phone{
background-image:url(../images/icon-phone.png);
width:22px;
height:22px;
background-position:center;
background-repeat:no-repeat;
background-size:100% 100%;
align-self:center;
}
.call-detail span,.btn-cart-detail span{
padding:12px 0px;
padding-left:5px;
}
.btn-cart-detail .icon-bag{
background-image:url(../images/icon-bag.png);
width:22px;
height:22px;
background-position:center;
background-repeat:no-repeat;
background-size:100% 100%;
align-self:center;
}
.title-right-pro{
background:#d7d7d7;
line-height:42px;
padding:0px 10px;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
}
.table-kt,.table-list{
border-collapse:collapse;
font-size:14px;
max-width:800px;
width:100%;
}
.table-kt td,.table-list td{
border-top:solid 1px #ebebec;
padding:10px;
}
.table-kt tr > td:first-child,.table-list tr > td:first-child{
width:127px;
font-size:13px;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
}
.btn-view-more-kt{
background:#ebebeb;
color:#3f94a8;
display:block;
width:calc(100% - 20px);
margin:0 auto ;
padding:8px 0px;
text-align:center;
}
.title-other-pro{
border-bottom:solid 1px #e1e1e1;
padding:8px 20px;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
font-size:18px;
background:#FFF;
}
.b-newsletter{
border:solid 1px #CCC;
-webkit-border-radius:3px;
border-radius:3px;
height:38px;
}
.b-newsletter input{
width:calc(100% - 35px);
height:36px;
border:none;
padding:0px 5px;
}
.b-newsletter a{
width:35px;
height:38px;
text-align:center;
line-height:36px;
color:#eb983e;
}
.news-name-right{
color:#414042;
}
.news-name-right a{
color:#414042;
}
.title-right-news{
font-family:Muli-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
font-size:14px;
color:#FFF;
background:#3f94a8;
padding:10px 15px;
margin:0px;
}
.title-other-news{
font-family:Muli-B, Tahoma, Geneva, sans-serif;
color:#3f94a8;
font-size:18px;
border-bottom:solid 1px #d7d7d7;
padding:10px 15px;
margin:0px;
}
.ul-other-news{
padding:0px;
margin:0px;
}
.ul-other-news li{
position:relative;
list-style:none;
padding-left:15px;
padding-bottom:5px;
}
.ul-other-news li a{
color:#414042;
}
.ul-other-news li a:hover{
text-decoration:underline;
}
.ul-other-news li:before{
position:absolute;
top:8px;
content:'\f111';
left:0px;
font-family:'FontAwesome';
font-size:8px;
color:#959595;
}
.price_range{
color:#333;
}
.price_range a{
padding:0px 10px;
color:#3f94a8;
}
.price_range a:hover{
text-decoration:underline;
}
.overlay_loadproduct{
width:100%;
height:100%;
background:#fff;
opacity:.8;
z-index:9999;
top:0px;
left:0px;
position:absolute;
}
#subcat .swiper-slide a{
color:#414042;
}
#subcat .swiper-slide a.active{
color:#3f94a8;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.othernews{
padding:0px;
margin:0px;
}
.othernews li{
list-style:none;
}
.othernews li a{
color:#30778c;
}
.othernews li a:hover{
text-decoration:underline;
}
.other_support{
padding:15px;
margin:0px;
padding-left:30px;
}
.other_support li{
color:#30778c;
padding:3px 0px;
}
.other_support li a{
color:#333;
}
.other_support li a:hover{
text-decoration:underline;
}
.hotmenu{
background:url(../images/hot-ic.png) no-repeat;
width:32px;
height:32px;
position:absolute;
top:-13px;
right:0px;
}
.footer-company strong{
font-size: 16px;
color: #30778c;
}
.footer-company a{
font-size: 18px;
color: #f5940c;
}