html, body {
padding: 0px;
margin: 0px;
font-size: 16px;
line-height: 20px;
color:#303030;
font-family:Arial, Helvetica, sans-serif;
}
#page{
background:#FFF;
width:100%;
overflow:hidden;
}
/* Float */
.hvr-float {
display:block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.hvr-grow {
display:block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
width:100%;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.img-page
{
overflow:hidden;
display:block;
width:100%;
}
.img-page img
{
width:100%;
}
/* Forward */
.hvr-forward {
display: block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
h1, h2, h3, h4 {
line-height: normal;
}
strong,b{
font-family:Arial, Helvetica, sans-serif;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.text-line-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-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;
-webkit-box-orient: vertical;
}
.text-line-5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.text-line-6 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.text-line-7 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
.text-line-8 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
}
.text-line-10 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
}
.text-line-12 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 12;
-webkit-box-orient: vertical;
}
.content-detail img {
max-width: 100%;
height: auto !important;
}
.toppage {
background-color: #f3f3f5;
color: #413c3c;
border-bottom:solid 1px #e3e2e2;
font-family:Helvetica, sans-serif;
position:relative;
line-height:46px;
}
.toppage a {
color:#413c3c;
font-weight:normal;
text-decoration: none;
font-size:16px;
}
.toppage a:hover{
color:#bd2131
}
.toppage:before{
background:#dfe4ee;
content:"";
width:1000px;
height:100%;
position:absolute;
right:-1000px;
top:0px;
}
.header {
width: 100%;
}
.logo {
margin-top:-30px;
}
.logo img {
display: block;
}
.logo-mobile{
text-align:center;
margin-top:1px;
}
.logo-mobile img{
display: block;
width:80px;
}
.menu-mobile{
color: #333;
font-size: 30px;
margin-top: 17px;
display: block;
}
.header .right-header {
width: calc(100% - 420px);
float: right;
}
.header-r .fa{
width:46px;
height:46px;
float:left;
text-align:center;
line-height:46px;
background:#dd1920;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
font-size:18px;
margin-right:10px;
}
.header-r{
color:#6e6e6e;
}
.header-r strong{
font-size:14px;
font-family:OpenSans-B, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#333;
}
.header-r strong a{
color:#333;
}
.menu-bar{
background:#102243;
height:48px;
font-family:OpenSans, Arial, Helvetica, sans-serif;
display:none;
}
.main-nav
{
background-color:#bd2131;
width:100%;
margin-top:10px;
}
.nav{
padding:0px;
margin:0px;
width:100%;
}
.nav > li {
list-style: none;
display:block;
line-height: 54px;
position: relative;
z-index: 9999;
padding:0px 12px;
float:left;
border-left:solid 1px #d42739;
border-right:solid 1px #a81222;
}
.nav > li:first-child
{
border-left:none;
}
.nav > li:last-child
{
border-right:none;
}
.nav li > a {
color: #fff;
text-decoration: none;
display: inherit;
font-weight:bold;
font-size:15px;
text-transform:uppercase;
}
.nav li > a:hover
{
color: #ed8892;
}
.nav > li:hover, .nav > li.active {
line-height: 54px;
margin-bottom: 0px;
height: 54px;
}
.nav > li.active {
color: #22a89e;
background-color:#000000;
position: relative;
}
.nav li ul {
position: absolute;
top:54px;
left: 0px;
width: 280px;
background: #bd2132;
z-index: 999999;
display: none;
height: auto;
line-height: normal;
margin: 0px;
padding: 0px;
text-transform: none;
opacity: 0.95;
filter: alpha(opacity=95);
}
.nav li ul li {
line-height: normal;
display:block;
width: 100%;
height: auto;
margin: 0px;
border-top: solid 1px #a81222;
list-style: none;
text-align:left !important;
padding:10px 10px !important;
}
.nav li ul li a, .nav li.active ul li a,.nav li:hover ul li a {
display: block;
color: #fff;
text-transform:none;
}
.nav li ul li:hover {
background: #a81222;
}
.btn-hotline-lang {
text-align: right;
}
.menu-bar ul li ul li:hover a, .menu-bar ul > li:hover ul li:hover a, .menu-bar ul > li.active ul li:hover a {
color: #fff;
}
.btn-hotline-lang a {
border: solid 1px #FFF;
border-top: none;
display: inline;
float: right;
border-left: none;
padding: 8px 15px;
color: #fff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
}
.btn-hotline-lang a:last-child {
border-left: solid 1px #FFF;
}
.c, .c5, .c10, .c15, .c20, .c30, .c3, .c2, .c40 {
clear: both;
}
.c2 {
height: 2px;
}
.c3 {
height: 3px;
}
.c5 {
height: 5px;
}
.c10 {
height: 10px;
}
.c15 {
height: 15px;
}
.c20 {
height: 20px;
}
.c30 {
height: 30px;
}
.c35 {
height: 35px;
}
.c40 {
height: 40px;
}
.title-box-home {
background: #f9f9f9;
border: 1px solid #ececec;
border-bottom: none;
text-transform: uppercase;
font-size: 22px;
padding: 7px 10px 8px 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
.title-box-home a {
color: #333;
text-decoration: none;
}
.title-box-home-1 {
padding: 0px;
margin: 0px;
color: #444;
border-bottom: 2px solid #288ad6;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 22px;
font-weight: normal;
padding: 10px 0px;
}
.title-box-home-1 a {
color: #444;
text-transform: uppercase;
text-decoration: none;
}
.footer {
background: #bd2131;
min-height: 200px;
color: #fff;
padding-top:30px;
padding-bottom:30px;
color:#fff;
}
.col-mnufooter
{
width:50%;
float:left;
}
.title-box-footer {
color: #fff;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin:0;
margin-bottom: 15px;
border-bottom:solid 1px #d02637;
padding-bottom:10px;
}
.ct-contact-f
{
font-size:15px;
line-height:22px;
}
.mnu-box-footer {
border-top: solid 1px #444;
padding-top: 10px;
}
.title-box-footer a {
color: #fff;
text-decoration: none;
}
.item_list_footer {
padding: 5px 0px;
}
.item_list_footer a {
color: #dfdbdb;
text-decoration: none;
font-size:15px;
}
.item_list_footer a:hover {
color: #fff;
}
.item_list_footer a i.fa {
display: none;
}
.btn-checkout {
border: solid 1px #a4a4a4;
background: #FFF;
text-decoration: none;
display: block;
float: right;
height: 40px;
line-height: 40px;
padding: 0px 20px;
color: #333;
font-size: 16px;
}
.box-search {
position: relative;
float: right;
height: 40px;
border: solid 1px #a4a4a4;
background: #FFF;
width: 100%;
max-width: 300px;
margin-right: 130px;
}
.box-search .btn-search {
background: #ff0000;
text-transform: uppercase;
height: 40px;
display: block;
position: absolute;
top: -1px;
width: 109px;
right: -110px;
color: #FFF;
text-decoration: none;
text-align: center;
font-size: 14px;
line-height: 40px;
}
.box-search input {
width: 100%;
height: 100%;
border: none;
padding: 0px 5px;
outline: none;
height: 36px;
}
.thumb-prev, .thumb-next {
text-decoration: none;
color: #CCC;
font-size: 20px;
position: absolute;
top: 30%;
font-weight: normal;
z-index: 999;
}
.thumb-prev {
left: -15px;
}
.thumb-next {
right: -15px;
}
.binh_zoom {
cursor: pointer;
}
.click-zoom {
display: block;
position: absolute;
top: 5px;
right: 5px;
color: #666;
background: #EEE;
opacity: 0.8;
padding: 3px 3px;
text-decoration: none;
}
.btn-order {
text-decoration: none;
background: #E77817;
padding: 10px;
color: #FFF;
text-align: center;
display: block;
border-radius: 5px;
box-shadow: 1px 1px 5px #CCC;
border: solid 1px #EEE;
}
.btn-order span {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.btn-chinhsach {
text-decoration: none;
background: #E77817;
padding: 10px;
color: #FFF;
text-align: center;
display: block;
border-radius: 5px;
box-shadow: 1px 1px 5px #CCC;
border: solid 1px #EEE;
}
.btn-chinhsach span {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
min-height: 42px;
display: block;
}
.pro-detail-name {
margin: 0px;
padding: 0px 0px 5px 0px;
font-size: 24px;
color: #222;
}
.line-pro-detail-name {
background: #222;
height: 2px;
width: 50px;
}
.masp {
color: #989898;
font-size: 12px;
}
.pro-address-phone-detail {
font-size: 18px;
line-height: 30px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
background: #288AD6;
padding: 10px 0px;
border-radius: 5px;
box-shadow: 0px 1px 6px #333;
}
.pro-address-phone-detail span {
color: #DDD;
}
.pro-attr-detail {
border: solid 1px #DDD;
padding: 10px;
}
.attr-item {
padding: 3px 0px;
color: #CCC;
}
.attr-name {
font-weight: normal;
color: #222;
}
.attr-value {
font-weight: bold;
color: #288AD6;
}
.tab-title {
font-weight: bold;
font-size: 20px;
}
.menu-top {
width: calc(100% - 80px);
float: left;
text-align: right;
}
.menu-top a {
margin: 0px 15px;
}
.langbar {
width: 79px;
float: right;
}
.flag-vn {
width: 22px;
height: 39px;
display: inline-block;
background: url(../images/vn_flag.png) no-repeat center;
float:right;
margin-left:10px;
}
.flag-en {
width: 22px;
height: 39px;
display: inline-block;
background: url(../images/en_flag.png) no-repeat center;
float:right;
margin-left:10px;
}
.btn-search-top {
padding: 8px 12px;
background: #1c744a;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #FFF;
margin-left: 10px;
}
.line-frm {
margin-bottom: 15px;
}
.txt-contact {
width: 100%;
height: 30px;
border: none;
padding: 3px 10px;
height: 46px;
background:#f4f4f4;
}
.label-contact {
margin-top: 10px;
}
.error {
color: #FF0000;
border: solid 1px #FF0000;
}
.btn-send {
background: #dd1920;
padding: 8px 40px;
color: #FFF;
text-transform: uppercase;
font-size: 14px;
float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
border: none;
height: 46px;
}
.line-gray {
border-bottom: solid 1px #c5d0b6;
}
.pc-break, .pad-break, .tab-break, .mobile-break {
display: block;
}
.news-name-detail {
padding: 0px;
margin: 0px;
font-size: 28px;
color: #222;
font-family: Arial, Helvetica, sans-serif;
}
.row-content {
margin-top: 15px;
}
.createdate {
font-size: 12px;
color: #666;
}
.intro-detail {
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-top:5px;
margin-bottom:10px;
line-height:22px;
}
.other-article-title {
text-transform: uppercase;
color: #333;
font-size: 18px;
font-weight: normal;
background: #FFF;
margin-top: -12px;
float: left;
}
.other-article-line {
width: 100%;
height: 5px;
border-top: dashed 2px #d89c2e;
}
.other-article {
padding: 10px 0px;
margin: 0px;
}
.other-article li {
list-style: none;
padding: 5px 0px;
}
.other-article li a {
color: #333;
text-decoration: none;
}
.other-article li a:hover {
text-decoration: underline;
}
.other-article li a .fa {
margin-right: 10px;
}
.crumb {
background: #f1f1f1;
padding: 8px 0px;
font-size: 13px;
border-bottom: solid 1px #dae1e7;
}
.crumb a {
color: #767676;
text-decoration: none;
font-weight: normal;
}
.crumb .fa-home {
margin-right: 10px;
}
.crumb a:last-child {
font-family: Arial, Helvetica, sans-serif;
}
.page-name {
padding: 0px;
margin: 0px;
font-size: 30px;
color: #404040;
font-weight: normal;
text-transform: uppercase
}
.line-page-name {
background: #945632;
height: 5px;
width: 50px;
}
.news-name-home {
margin: 0px;
font-weight: bold;
font-family:Helvetica, sans-serif;
margin-top:10px;
margin-bottom:10px;
}
.news-name-home a {
color: #2f2f2f;
font-size:18px;
font-weight:bold;
text-decoration: none;
}
.news-name-home a:hover {
color:#dc0000 ;
}
.paging1 {
display: block;
padding: 20px 10px;
background: #fff;
margin-bottom:20px;
text-align:center;
}
.clicked {
padding: 10px;
color: #FFF;
background: #29a7e1;
border: solid 1px #999;
margin-right: 10px;
border-radius: 3px;
font-family:"Roboto-b"
}
.page {
padding: 2px 4px;
text-decoration: none;
color: #333;
}
.page:hover {
color: #FFF;
background: #ce7f1f;
}
.page.active {
color: #FFF;
background: #ce7f1f !important;
}
.paging a {
padding: 10px 10px;
color: #333;
border: solid 1px #999;
margin-right: 10px;
border-radius: 3px;
background: #FFF;
font-family:"Roboto-b"
}
.clicked {
background: #ce7f1f !important;
color: #FFF !important;
}
.paging a:first-child {
}
.bg-line {
background: url(../images/bg-line.png) repeat-x;
height: 10px;
}
.page-name a {
text-decoration: none;
color: #333;
}
.cat-product .view-more {
display: block;
position: absolute;
right: 0px;
text-decoration: none;
color: #f76b1c;
top: 18px;
font-weight: bold;
font-size: 13px;
}
.box-filter {
float: right;
}
.combo_filter {
height: 30px;
}
.video-home-name {
margin: 0px;
padding: 0px;
background: #9e1b32;
padding: 7px 10px;
color:#FFf;
}
.video-home-name a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.show-search-pc
{
-webkit-border-radius: 100px;
border:solid 2px #fff;
border-radius: 100px;
width:45px;
height:45px;
text-align:center;
line-height:40px;
font-size:20px;
float:right;
margin-right:5px;
margin-top:5px;
color:#fff
}
.hotline-top {
color:#bd2131;
font-size:24px;
display:block;
padding:13px 0px;
margin-top:3px;
line-height:25px;
float:right;
}
.hotline-top div
{
float:left;
margin-left:10px;
}
.hotline-top span
{
font-size:14px;
color:#333 !important;
text-transform:uppercase;
display:block;
}
.hotline-top i.fa{
-webkit-border-radius: 100px;
border-radius: 100px;
border:solid 3px #bd2131;
width:50px;
height:50px;
text-align:center;
line-height:45px;
font-size:30px;
float:left
}
.hotline-top>a {
color: #d89c2e !important;
font-weight: bold !important;
}
.hotline-top a {
text-decoration: none;
color: #FFF;
font-weight: bold;
}
.search-destop {
border: solid 1px #bcbcbc;
-webkit-border-radius: 7px;
border-radius: 7px;
position: relative;
background-color: #FFF;
padding: 5px;
margin-top: 5px;
float: right;
margin-right: 10px;
width: 260px;
}
.search-destop input {
width: 100%;
border: solid 1px #fff;
}
.search-destop i.fa {
position: absolute;
right: 5px;
top: 5px;
font-size: 20px;
color: #333;
}
.hotline-mobile {
float: left;
/*
margin-right: 10px; */
color: #FFF;
}
.hotline-mobile a {
text-decoration: none;
font-weight: bold;
color: #FFF;
}
.div-scroll {
width: 100%;
overflow: auto;
padding-right: 2px;
}
.txt-comment {
width: 100%;
height: 30px;
}
.banner {
float: left;
height: 100%;
max-height: 60px;
margin-top: 10px;
}
.right-slide {
margin-top: 20px;
}
.partner-prev, .partner-next {
height: 42px;
width: 26px;
color: #f68220;
text-decoration: none;
position: absolute;
text-align: center;
top: 30%;
line-height: 42px;
font-size: 20px;
}
.partner-prev {
left: -20px;
}
.partner-next {
right: -20px;
}
.general-product {
padding: 10px 0px;
color: #787878;
font-weight: normal;
border-bottom: solid 1px #f4f4f4;
padding-bottom: 20px;
}
.comment-item-list {
}
.like-comment {
text-decoration: none;
color: #666;
}
.pagination {
margin: 0px;
padding: 0px;
}
.menuleft {
margin: 0px;
padding: 0px;
font-size: 14px;
padding: 0px 0px;
background-color:#f8f8f8;
border:solid 1px #d7d7d7;
border-top:none
}
.menuleft>li
{
padding-left:0;
background-image:none;
display:block;
position:relative;
padding:10px;
border-bottom:solid 1px #d7d7d7;
}
.menuleft>li>ul
{
margin-top:5px;
margin-bottom:5px;
}
.menuleft>li>a
{
font-size:16px;
font-weight:bold;
}
.menuleft>li>a:hover
{
color:#bd2131;
}
.menuleft>li.active>a
{
color:#bd2131;
}
.menuleft>li>ul li {
list-style: none;
padding:10px 0;
padding-top:7px;
padding-bottom:7px;
position:relative;
font-size: 14px;
background-repeat:no-repeat;
background-repeat:no-repeat;
background-position:left center;
}
.menuleft>li>ul li a:hover{
color:#bd2131;
}
.mnu-show li
{
padding:10px !important;
border-bottom:solid 1px #fff;
}
.menuleft li .fa{
right:10px;
top:2px;
}
.menuleft ul {
padding: 0px;
margin: 0px;
}
.mnu-hiden
{
display:none;
}
.mnu-show
{
display:block;
}
.menuleft li a {
text-decoration: none;
color: #6a6a6a;
}
.menuleft li:last-child {
border-bottom: none;
}
.menuleft li.active {
position:relative;
}
.menuleft li ul li.active
{
}
.menuleft li ul li.active a {
font-weight: bold !important;
color:#bd2131 !important;
}
.menuleft .fa {
font-size: 18px;
}
.name-left a {
text-decoration: none;
color: #333;
}
.image-left img {
border: solid 1px #CCC;
}
.video-left-first {
position: absolute;
bottom: 0px;
background: rgba(255,255,255,0.3);
width: 100%;
padding: 5px;
padding-bottom: 8px;
}
.video-left-first a {
text-decoration: none;
color: #DDD;
}
.vtip {
text-decoration: none;
color: #666;
}
.intro-product {
min-height: 122px;
}
.copyright {
background: #bd2131;
padding: 10px 0px;
line-height:42px;
color: #FFF;
border-top:solid 1px #c72434;
font-size:15px;
}
.footer-col-cotent {
color: #787878;
margin-top: 5px;
font-size: 12px;
padding-left: 0 !important
}
.pos-re {
position: relative;
}
.box-info-home {
position: relative;
padding: 40px;
width: 65%;
float: right;
}
.img-info-home {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}
.title-info-home {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-transform: uppercase;
padding: 0px;
border-bottom: solid 1px #e0e0e0;
padding: 7px 20px;
margin: 0px;
font-weight: normal;
}
.title-info-home a {
color: #000000;
text-decoration: none;
}
.box-info-home .content {
padding: 20px;
line-height: 20px;
text-align: justify;
}
.title-box-product-home {
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
padding: 7px 0px;
margin: 0px;
font-weight: normal;
}
.title-box-product-home .main-cat-home {
font-size: 22px;
text-transform: uppercase;
}
.title-box-product-home a {
color: #000;
text-decoration: none;
}
.subcat-home {
text-transform: none;
margin: 0px 10px;
}
.box-sub-cat-home {
font-size: 14px;
color: #0192ce;
}
.box-sub-cat-home a {
color: #0192ce;
}
.box-sub-cat-home a:hover {
text-decoration: underline;
}
.cat-view-all {
float: right;
font-size: 12px;
margin-top: 10px;
}
.cat-view-all:hover {
text-decoration: underline;
}
.cat-view-all .fa {
color: #0192ce;
}
.table-box {
display: table;
min-height: 43px;
margin-top: 20px;
color: #919191;
}
.dung-thu strong, .bao-hanh strong, .thu-hoi strong {
display: block;
text-transform: uppercase;
font-size: 14px;
color: #000;
margin-bottom: 4px;
}
.column {
-webkit-column-count: 5;
-moz-column-count: 5;
-ms-column-count: 5;
column-count: 5;
}
.column div {
padding: 5px 0px;
}
.level2-box {
display: none;
}
.mnu-footer a {
display: inline-block;
padding-right: 15px;
color: #6e6e6e;
text-decoration: none;
font-size: 12px;
padding-top: 10px;
padding-bottom: 20px;
}
.mnu-footer a:hover {
color: #fff;
}
.lang-mobile a {
padding: 0px;
margin-right: 5px;
margin-top: 5px;
}
.content-info-home {
color: #434343;
line-height: 20px;
}
.bg-gray {
background-color: #fff;
padding-top:50px;
padding-bottom:50px;
}
.news-home
{
position:relative;
margin-top:30px;
}
.title-news-home
{
margin:0;
padding:0;
font-size:16px;
margin-top:10px;
margin-bottom:10px;
}
.title-news-home a
{
color:#000;
}
.title-news-home a:hover
{
color:#bd2131
}
.item-news-home {
padding-top: 10px;
padding-bottom: 10px;
}
.b-news-home .item-news-home:first-child {
border-top: none;
padding-top: 0px;
}
.intro-news-home {
padding:15px;
}
.text-line-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text-line-4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-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-6 {
height: 80px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.item-adv-home {
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.item-adv-home img {
-webkit-border-radius: 100px;
border-radius: 100px;
display: block;
margin: auto;
}
.item-adv-home .intro-adv {
margin-top: 10px;
color: #747474;
line-height: 20px;
}
.item-adv-home .title-adv {
padding-top: 10px;
}
.item-adv-home .title-adv a {
color: #333;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.item-adv-home .title-adv a:hover {
color: #d89c2e
}
.ykien img {
display: block;
margin: auto;
width: auto !important;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.item-ykien {
text-align: center;
}
.title-ykien {
color: #fff;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}
.item-ykien .title-ykien:hover {
color: #ffba00;
}
.title-ykien {
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.intro-ykien {
margin-top: 10px;
color: #d0d0d0;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
}
.ykien .flex-control-paging {
bottom: -30px;
}
.ykien .flex-control-paging li a {
background-color: #000;
}
.ykien .flex-control-paging li a.flex-active {
background-color: #ffba00;
border: solid 1px #ffba00
}
.itemcat-ser {
margin-top: 15px;
}
.catname-service {
padding: 15px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
}
.catname-service a {
color: #fff;
font-weight: normal;
text-decoration: none
}
.ykien {
margin-top: 40px !important;
}
.article-image img {
border-radius: 50%;
border: #ffba00 solid 5px;
}
.article-image1 {
max-width: 204px;
margin: 0 auto;
width: 96%;
}
.article-image1 img {
border-radius: 50%;
}
#imgCaptcha {
height: 30px;
}
.intro {
color: #666;
}
.faqname {
font-size: 14px;
margin: 0px;
padding: 0px;
cursor: pointer;
line-height: 32px;
}
.faqname .fa {
font-size: 34px;
color: #d89c2e;
float: left;
margin-right: 10px;
}
.faqname a {
text-decoration: none;
}
.faqcontent {
text-align: justify;
display: none;
color: #666;
padding-left:40px;
font-size:14px;
}
.article-left {
padding: 10px;
border: solid 1px #CCC;
position: relative;
}
.article-left-title {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
margin: 0px;
padding: 5px 0px;
}
.article-left-title a {
text-decoration: none;
color: #333;
}
.article-left-item {
text-align: center;
color: #666;
}
.article-left-item a {
text-decoration: none;
color: #111;
font-weight: bold;
text-align: center;
}
.article-left-item img {
display: block;
border-radius: 50%;
margin: 0 auto;
}
.article-left-arrow {
position: absolute;
width: 34px;
height: 50px;
background-image: url(../images/left-arr.png);
background-repeat: no-repeat;
top: 40%;
left: 1px;
z-index: 99;
}
.article-right-arrow {
position: absolute;
width: 34px;
height: 50px;
background-image: url(../images/right-arr.png);
background-repeat: no-repeat;
top: 40%;
right: 1px;
z-index: 99;
}
.form_success {
color: #299a0b;
}
.form_error {
color: #F00;
}
.mobile-bar {
height: 65px;
border-bottom: solid 2px #8cc63f;
}
.dang-ky-dich-vu-left {
width: 100%;
background: #1c744a;
padding: 15px 30px;
border: solid 1px #DDD;
border-radius: 5px;
text-align: left;
background-position-x: 17%;
background-position-y: 5px;
text-transform: uppercase;
font-size: 16px;
}
.dang-ky-dich-vu-left a {
text-decoration: none;
color: #FFF;
}
.about-home-name {
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
padding: 10px 0px;
margin: 0px;
}
.about-home-name a {
color: #333;
text-decoration: none;
}
.about-name-detail {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
padding: 10px 0px 0px 0px;
margin: 0px;
}
.about-name-detail a {
color: #333;
text-decoration: none;
}
.box-doi-ngu {
background-image: url(../images/bg-doi-ngu.png);
background-repeat: no-repeat;
background-size: cover;
min-height: 300px;
}
.circlebox {
width: 98%;
padding-top: 98%;
position: relative;
}
.circlebox-text {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
border: solid 3px #8cc63f;
}
.circle-why {
width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
margin: 0 auto;
text-align: center;
display: table-cell;
vertical-align: middle;
color: #297c55;
}
.circle-why .line {
border-bottom: solid 2px #297c55;
width: 36px;
margin: 0 auto;
}
.circle-why .name {
color: #297c55;
font-weight: normal;
font-size: 32px;
}
.circle-why a {
color: #297c55;
text-decoration: none;
}
.arrow-service-next, .arrow-service-prev {
position: absolute;
top: 35%;
z-index: 999;
background: #000002;
opacity: 0.5;
filter: alpha(opacity=50);
width: 56px;
height: 64px;
text-align: center;
line-height: 64px;
font-size: 40px;
color: #718b80;
}
.arrow-service-next {
right: -60px;
}
.arrow-service-prev {
left: -60px;
}
.image-service-icon {
width: 49px;
height: 49px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: absolute;
bottom: -30px;
left: 50%;
overflow: hidden;
transform: translate(-50%, 0);
}
.news-item-home {
box-shadow: 0px 0px 20px #ccc;
padding-bottom: 50px;
}
.view-detail {
bottom: 20px;
left: 10px;
background: #317ede;
padding: 8px 30px;
color: #FFf;
text-decoration: none;
font-weight: normal;
}
.news-item-home .view-detail {
position: absolute;
bottom: 20px;
left: 10px;
background: #8cc63f;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
display: inline-block;
padding: 8px 30px;
color: #FFf;
text-decoration: none;
font-weight: normal;
text-transform: uppercase;
}
.arrow-news-next, .arrow-news-prev {
position: absolute;
top: 30%;
width: 34px;
height: 41px;
background: #333;
z-index: 99;
color: #94cdb2;
text-align: center;
line-height: 41px;
font-size: 40px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.arrow-news-next {
right: 0px;
}
.arrow-news-prev {
left: 0px;
}
.btn-register {
display: inline-block;
text-align: center;
background: url(../images/dangkytuvan.png) no-repeat;
height: 73px;
width: 273px;
}
.hotline-global {
background: url(../images/icon-hotline-global.png) no-repeat;
padding-left: 33px;
min-height: 23px;
display: inline-block;
}
.hotline-register {
text-align: center;
font-size: 20px;
color: #252626;
text-decoration: none;
}
.hotline-register a {
color: #252626;
text-decoration: none;
}
.item-name {
color: #333;
text-transform: uppercase;
padding: 0px;
margin: 0px;
padding-bottom: 10px;
font-size: 14px;
}
.item-name a {
color: #333;
text-decoration: none
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.box-image-news {
position: relative;
}
.box-image-news img {
display: block;
}
.box-image-news .name {
background: url(../images/bg-news-name.png);
padding: 15px;
width: 100%;
position: absolute;
bottom: 0px;
font-size: 14px;
font-weight: bold;
}
.box-image-news .name a {
color: #FFF;
text-transform: uppercase;
text-decoration: none;
}
.btn-detail-news {
border: solid 2px #8cc63f;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
padding: 8px 20px;
color: #8cc63f;
text-transform: uppercase;
font-size: 14px;
display: inline-block;
text-decoration: none;
}
.box-menu-sub-bar {
background: #FFF;
min-height: 300px;
width: 100%;
top: 100%;
position: absolute;
left: 50%;
max-width: 1180px;
transform: translate(-50%, 0);
box-shadow: 3px 3px 10px #ccc;
z-index: 9999;
font-weight: normal;
text-transform: none;
line-height: normal;
display: none;
}
.megabox {
padding: 20px 0px;
margin: 0px;
}
.megabox .title {
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
padding: 0px 20px;
margin-bottom: 10px;
}
.megabox .title a {
color: #1c744a !important;
text-decoration: none;
}
.megabox .title a:hover {
color: #1c744a;
}
.mega-item {
background-image: url(../images/dot-mega-menu.png);
background-repeat: no-repeat;
background-position: 20px 12px;
}
.mega-item a {
text-decoration: none;
color: #535353 !important;
display: inherit;
padding: 8px 30px;
}
.mega-item:hover {
background-image: url(../images/arrow-mega-hover.png);
background-position: right center;
background-color: #1c744a;
}
.mega-item:hover a {
color: #FFF !important;
}
.service-box-circle {
width: 100%;
padding-top: 100%;
position: relative;
}
.service-box-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
}
.service-box-circle .icon {
width: 49px;
height: 48px;
position: absolute;
bottom: -20px;
left: 50%;
transform: translate(-50%, 0);
}
.service-cat-name {
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding-top: 30px;
}
.service-cat-name a {
color: #1d1d1d;
text-decoration: none;
}
.hr-title {
position: relative;
display: inline-block;
}
.box-hr-title {
width: 100%;
overflow: hidden;
text-align: center;
text-transform: uppercase;
font-size: 22px;
}
.hr-title::before {
border-bottom: solid 1px #d2d2d2;
content: "";
top: 45px;
left: -910px;
width: 900px;
position: absolute;
}
.hr-title::after {
border-bottom: solid 1px #d2d2d2;
content: "";
top: 45px;
right: -920px;
width: 900px;
position: absolute;
}
.hr-title div.la {
position: relative;
display: inline-block;
padding-right: 36px;
padding-top: 30px;
}
.hr-title div.la::after {
background: url(../images/la.png) no-repeat;
position: absolute;
right: 0px;
top: 0px;
width: 31px;
height: 55px;
display: block;
content: "";
}
.name-other-service {
color: #1C744A;
text-transform: uppercase;
font-weight: bold;
}
.name-other-service a {
color: #1C744A;
text-decoration: none;
}
.box-slide-service {
position: relative;
}
.box-slide-service img {
display: block;
}
.box-slide-service .name {
position: absolute;
bottom: 0px;
width: 100%;
background: url(../images/bg-news-name.png);
color: #FFF;
padding: 10px;
}
.intro-detail-service {
padding: 15px;
background: #e1f2ea;
border: solid 1px #a4ccb9;
font-size: 14px;
font-weight: normal;
}
.title-menu-left {
font-size: 18px;
padding: 0px;
margin: 0px;
background: #fff;
padding:10px 0px ;
font-weight: bold;
font-family:Helvetica, sans-serif;
}
.title-menu-left a{
color:#4e4e4e;
text-decoration: none;
}
.menubar-footer {
height: 48px;
background: #008948;
}
.menufoorer {
float: left;
height: 46px;
line-height: 46px;
}
.menufoorer a {
display: inline-block;
margin-right: 20px;
color: #FFF;
text-decoration: none;
}
.contactfooter input {
width: 100%;
border: solid 1px #bababa;
height: 30px;
margin-bottom: 6px;
padding: 0px 5px;
}
.contactfooter textarea {
width: 100%;
border: solid 1px #bababa;
margin-bottom: 6px;
height: 100px;
padding: 5px;
}
.mnuright {
padding: 0px;
margin: 0px;
background: #1c744a;
font-size: 12px;
}
.mnuright > li {
list-style: none;
border-top: solid 1px #86c141;
text-transform: uppercase;
padding: 0px 0px;
}
.mnuright > li:first-child {
border-top: none;
}
.mnuright > li.active {
background: #6daf42;
}
.mnuright > li > a {
padding: 10px 0px;
margin: 0px 10px;
display: block;
color: #FFF;
text-decoration: none;
}
.mnuright > li > a .fa {
float: right;
margin-top: 5px;
}
.mnuright > li ul {
background: #FFf;
padding: 0px;
margin: 0px;
}
.mnuright > li ul li {
border-top: dashed 1px #6daf42;
list-style: none;
}
.mnuright > li ul li:first-child {
border-top: solid 3px #1c744a;
}
.mnuright > li ul li a {
color: #414141;
padding: 8px 10px;
text-decoration: none;
display: block;
}
.mnuright > li ul li.active a {
color: #1c744a;
}
.cotnenthide {
background-image: url(../images/icon-answer.png);
background-position: 0px 12px;
background-repeat: no-repeat;
padding-left: 30px;
}
.address-phone-footer .fa {
width: 20px;
}
.btn-send-footer {
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #008948;
padding: 8px 15px;
text-align: center;
text-decoration: none;
color: #FFF;
display: inline-block;
}
.showpaging {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 99;
}
.showpaging .swiper-pagination-bullet {
border: solid 2px #FFF;
margin: 0px 2px;
}
.showpaging .swiper-pagination-bullet-active {
background: #137fb7;
border: solid 2px #FFF;
}
.menuitem {
color: #666;
}
.album-next, .album-prev {
width: 37px;
height: 47px;
position: absolute;
top: 45%;
background: #dcdbdc;
color: #000;
z-index: 999;
text-align: center;
line-height: 47px;
font-size: 18px;
text-decoration: none;
}
.album-next {
-webkit-border-radius: 3px 0px 0px 3px;
-ms-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
right: 0px;
}
.album-prev {
-webkit-border-radius: 0px 3px 3px 0px;
-ms-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
left: 0px;
}
.photo-arrow-next, .photo-arrow-prev {
position: absolute;
top: 25%;
z-index: 999;
width: 30px;
height: 40px;
background: #000;
text-align: center;
line-height: 40px;
color: #fff;
opacity: .8;
}
.photo-arrow-next {
right: 0px;
}
.overlay {
opacity: 0.7;
filter: alpha(opacity=70);
background: #000;
position: fixed;
z-index: 999;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
}
textarea {
color: #000;
font-family: Arial, Helvetica, sans-serif;
}
::-webkit-input-placeholder, .item-form-reg-footer textarea::-webkit-input-placeholder {
color: #666;
}
::-moz-placeholder, .item-form-reg-footer textarea::-moz-placeholder {
color: #666;
}
:-ms-input-placeholder, .item-form-reg-footer textarea:-ms-input-placeholder {
color: #666;
}
:-moz-placeholder, .item-form-reg-footer textarea:-moz-placeholder {
color: #666;
}
.item-form-reg-footer input, .item-form-reg-footer select {
height: 35px;
}
.item-form-reg-footer textarea {
height: 150px;
}
.box-search-pc {
background: #fff;
width:100%;
display:none;
}
.box-search-pc input {
width: calc(100% - 40px);
border: none;
padding:10px;
outline: none;
color:#333;
}
.box-search-pc a {
display: block;
padding:10px;
background-color:#000;
color:#fff;
float: right;
text-align: center;
line-height: 25px;
text-decoration: none;
}
.box-slide-bs {
padding-left: 40px;
position: relative;
}
.line-menubar {
width: 36px;
height: 2px;
background: #297c55;
margin-left: 20px;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.border-error {
border: solid 1px #FF0000 !important;
}
.box-why {
background: #1f2f4f;
color: #fff;
text-align: center;
}
.box-why a {
color: #FFF;
text-decoration: none;
}
.why-image {
width: 100%;
text-align: center;
}
.why-image img {
width: 65px;
}
.why-info {
width: 100%;
color: #fff;
}
.why-info .name {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
padding: 0px 0px 5px 0px;
margin: 0px;
font-weight: bold;
color: #FFF;
}
.why-info .name a {
color: #FFF;
text-decoration: none;
}
.fa-baogia {
background-image: url(../images/icon-baogia.png);
background-repeat: no-repeat;
background-position: 15px 7px;
}
.btn-view-more-project {
background: #202f4f;
background: -moz-linear-gradient(left, #202f4f 27%, #eb3038 100%);
background: -webkit-linear-gradient(left, #202f4f 27%, #eb3038 100%);
background: linear-gradient(to right, #202f4f 27%, #eb3038 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202f4f', endColorstr='#eb3038', GradientType=1 );
display: inline-block;
padding: 4px;
}
.btn-view-more-project a {
padding: 5px 15px;
background: #FFF;
display: block;
color: #333333;
text-decoration: none;
}
.title-customer-home {
text-transform: uppercase;
font-size: 30px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0px;
margin: 0px;
color: #945632;
border-bottom: solid 1px #eee;
padding-bottom: 10px;
}
.title-customer-home a {
color: #945632;
text-decoration: none;
}
.title-customer-home span {
color: #de2e29;
}
.title-customer-home1 {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0px;
margin: 0px;
color: #333;
}
.title-customer-home1 a {
color: #333;
text-decoration: none;
}
.color-blue {
color: #22346c;
}
.color-white {
color: #FFF !important;
}
.box-procedure {
color: #FFF;
background: #1f2f4f;
}
.box-customer-home {
background: #f4f4f4;
color: #333;
}
.info-customer-home {
padding: 20px;
min-height: 90px;
}
.title-cat-home {
font-size: 22px;
padding: 0px;
margin: 0px;
color: #333333;
text-transform: uppercase;
font-weight: normal;
text-align: center;
width: 100%;
}
.title-cat-home a {
color: #333333;
text-decoration: none;
display: inline-block;
position: relative;
}
.title-cat-home a:before, .title-cat-home a:after {
top: 50%;
}
.title-cat-home a:before {
position: absolute;
width: 58px;
border-bottom: solid 1px #b6b6b6;
left: -70px;
content: "";
}
.title-cat-home a:after {
position: absolute;
width: 58px;
border-bottom: solid 1px #b6b6b6;
right: -70px;
content: "";
}
.line-title {
height: 2px;
background: #337fdd;
width: 50px;
}
.box-people {
position: relative;
}
.box-people img {
display: block;
}
.box-people .name {
background: #137fb7;
background: -moz-linear-gradient(45deg, #137fb7 19%, #41ba7e 100%);
background: -webkit-linear-gradient(45deg, #137fb7 19%, #41ba7e 100%);
background: linear-gradient(45deg, #137fb7 19%, #41ba7e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137fb7', endColorstr='#41ba7e', GradientType=1 );
position: absolute;
bottom: 0px;
left: 0px;
padding: 10px;
text-align: center;
width: 100%;
color: #FFF;
display: none;
}
.box-people .name span {
text-transform: uppercase;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
}
.news-name {
font-size: 18px;
font-weight: normal;
padding: 0px 0px;
margin: 0px;
}
.news-name a {
text-decoration: none;
color: #222;
}
.news-name a:hover {
text-decoration: underline;
}
.title-other-news {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #222;
border-bottom: solid 11px #f1f2f2;
float: left;
border-bottom: solid 2px #317ede;
}
.item-other-news {
border-top: solid 1px #3a6a6a;
margin-bottom: 10px;
padding-top: 10px;
}
.news-border-top-none {
border-top: none;
}
.item-other-news a {
color: #454545;
text-decoration: none;
}
.item-other-news a:hover {
color: #1f2f4f;
}
.mnuleft {
padding: 0px;
margin: 0px;
padding-top: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.mnuleft li {
list-style : none;
padding: 5px 0px;
}
.mnuleft li a {
color: #626262;
text-decoration: none;
}
.mnuleft li.active a {
color: #000 !important;
font-family: Arial, Helvetica, sans-serif;
}
.title-menu-news-left {
padding: 0px;
margin: 0px;
padding-bottom: 10px;
font-size: 20px;
color: #000;
}
.title-menu-news-left a {
color: #000;
text-decoration: none;
}
.btn-more-project {
background: #f6f6f6;
display: block;
padding: 8px;
text-align: center;
color: #1f2f4f;
text-decoration: none;
}
.package-design {
background: #ebebeb;
color: #333;
}
.package-name {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
margin: 0px;
padding: 5px 0px;
color: #363636;
}
.package-name span {
color: #de2e29;
}
.image-service-circle {
width: 100%;
position: relative;
padding-top: 100%;
margin-bottom: 10px;
}
.image-service-circle .img {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.item-procedure {
text-align: center;
}
.item-procedure .circle-procedure {
position: relative;
width: 100%;
padding-top: 100%;
}
.item-procedure .circle-procedure .circle-procedure1 {
position: absolute;
top: 0px;
left: 0px;
width: 86%;
height: 85%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
border: solid 2px #FFF;
display: table-cell;
vertical-align: middle;
}
.item-procedure .circle-procedure .circle-procedure1 .tb {
display: table;
width: 100%;
height: 100%;
}
.item-procedure .circle-procedure .circle-procedure1 .td {
width: 100%;
height: 100%;
vertical-align: middle;
display: table-cell;
}
.other-service-name a {
color: #333;
text-decoration: none;
}
.project-left {
width: 280px;
border-right: solid 1px #cecece;
}
.project-right {
width: calc(100% - 300px);
}
.title-intro-project {
font-size: 25px;
font-family: Arial, Helvetica, sans-serif;
}
.title-info-project {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}
.lstinfoproject strong {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
.btn-back-to-list {
background: url(../images/arrow-back-customer.png) no-repeat left center;
padding-left: 24px;
line-height: 26px;
color: #333;
text-decoration: none;
}
.box-video-c {
border: solid 1px #e1e1e1;
padding: 10px;
}
.box-image-video {
position: relative;
}
.box-image-video .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
font-size: 30px;
color: #FFF;
text-decoration: none;
}
.box-image-video:hover .play {
color: #FF0000;
}
.video-play-box {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: solid 10px #FFF;
box-shadow: 0px 0px 10px #666;
max-width: 93%;
max-height: 93%;
width: 650px;
height: 486px;
background: #fff;
z-index: 99999;
display: none;
overflow: auto;
}
.content-box-video {
height: 286px;
position: relative;
width: 100%;
}
.title-form-contact {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #222;
font-weight: bold;
font-style: italic;
}
.box-newsletter {
width: 100%;
max-width: 480px;
height: 48px;
margin: 0 auto;
}
.box-newsletter input {
width: calc(100% - 160px);
height: 48px;
border: solid 1px #dddddd;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-ms-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
padding: 0px 10px;
float: left;
}
.box-newsletter a {
display: block;
float: right;
width: 160px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
text-decoration: none;
background: #3768ca;
border: solid 1px #3768ca;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
.menufooter {
padding: 0px;
margin: 0px;
padding-left: 40px;
}
.menufooter li {
list-style: none;
padding: 3px 0px;
}
.menufooter li a {
color: #e1e1e1;
text-decoration: none;
padding-left: 0px;
}
.menufooter li a:hover {
color: #fff;
}
.menufooter li a .fa {
font-size: 11px;
color: #fff;
}
.menumobile{
line-height:48px;
background-color:#f5f5f5;
}
.menumobile a{
color:#222;
line-height:48px;
font-size:20px;
padding:0px 10px;
}
.menumobile a.fa-bars{
background:#dd1920;
padding:0px 15px;
color:#fff;
}
.menumobile a.phone,.menumobile a.mail{
border:solid 2px #dd1920;
width:35px;
height:35px;
margin-top:-4px;
padding:0px;
text-align:center;
padding:0px 5px;
font-size:16px;
display:block;
float:right;
line-height:35px;
-webkit-border-radius:50%;
border-radius:50%;
margin-top:5px;
margin-right:10px;
margin-left:5px;
}
.menupad {
width: 100%;
height: 64px;
line-height: 64px;
display: none;
}
.menupad a {
color: #FFF;
text-decoration: none;
display: inline-block;
padding: 0px 20px;
font-size: 32px;
}
.flex-direction-nav {
display: none;
}
.b-servie-home {
position: relative;
z-index: 999;
}
.videohome {
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
min-height: 250px;
}
.videohome .play {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url(../images/play-btn.png) no-repeat center;
background-color: #000;
opacity: 0.4;
filter: alpha(opacity=40);
z-index: 3;
}
.view-more-customer {
background: #f6f6f6;
padding: 10px;
text-align: center;
}
.view-more-customer a {
color: #1f2f4f;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
}
.article-home {
background: #1f2f4f;
}
.box-partner {
background-image: url(../images/bg-partner-home.png);
background-repeat: no-repeat;
background-size: cover;
min-height: 200px;
}
.news-left-page {
width: 27%;
}
.news-right-page {
width: 73%;
background: #FFF;
padding-top: 51px;
}
.content-left-page {
width: 100%;
max-width: 288px;
float: right;
padding-top: 10px;
}
.content-right-page {
width: 100%;
}
.line-right-page-news {
background: #ededed;
height: 3px;
max-width: 912px;
}
.title-cat-project {
background: #1f2f4f;
background: -moz-linear-gradient(45deg, #1f2f4f 0%, #1f2f4f 30%, #de2e29 99%, #de2e29 100%);
background: -webkit-linear-gradient(45deg, #1f2f4f 0%, #1f2f4f 30%, #de2e29 99%, #de2e29 100%);
background: linear-gradient(45deg, #1f2f4f 0%, #1f2f4f 30%, #de2e29 99%, #de2e29 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2f4f', endColorstr='#de2e29', GradientType=1 );
position: relative;
padding: 10px 20px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
text-align: right;
text-transform: uppercase;
margin: 0px;
}
.title-cat-project:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(241, 241, 241, 0);
border-left-color: #C42E2E;
border-width: 10px;
margin-top: -10px;
}
.menusub-customer {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #474747;
text-decoration: none;
}
.menusub-customer:hover {
text-decoration: underline;
}
.box-service-cat-list {
background: #F1F1F1;
padding: 20px;
}
.box-service-cat-list .service-name {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-transform: uppercase;
color: #474747;
}
.box-service-cat-list .service-name a {
color: #474747;
text-decoration: none;
}
.service-content {
color: #666;
}
.servicebggray {
background: #F1F1F1;
}
.service-text-item {
background-repeat: no-repeat;
background-size: cover;
}
.line-red {
height: 5px;
width: 50px;
background: #de2e29;
}
.btn-reg1, .btn-baogia {
padding: 10px;
text-align: center;
width: 320px;
max-width: 95%;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
display: inline-block;
margin: 0px 10px;
text-decoration: none;
}
.btn-reg1 {
color: #FFF;
background: #de2e29;
}
.btn-baogia {
color: #FFF;
background: #1f2f4f;
}
.partner-more {
background: #eb3037;
}
.table {
width: 100%;
height: 100%;
display: table;
}
.right-head {
width: 100%;
height: 100px;
display: table;
}
.table-c {
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: left;
}
.table-cell {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: left;
width: 48%;
}
.btn-search-head {
width: 44px;
height: 44px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
border: solid 1px #c6c6c6;
box-shadow: 0px 0px 10px #c6c6c6;
text-align: center;
line-height: 44px;
color: #d32719;
font-size: 18px;
text-decoration: none;
}
.service-text-left {
float: right;
width: 100%;
max-width: 573px;
padding-left: 10px
}
.service-text-right {
float: left;
width: 100%;
max-width: 573px;
padding-left: 10px
}
.bg-white {
background: #FFF;
}
.b-service-home {
position: relative;
z-index: 9999
}
.bg-ef {
background: #efefef;
}
.sub-list-home {
border-bottom: solid 1px #e0e0e0;
}
.sub-list-home a {
color: #515151;
text-decoration: none;
display: inline-block;
padding-bottom: 5px;
margin: 0px 10px -2px 10px;
border-bottom: 3px transparent solid;
}
.sub-list-home a:first-child {
margin-left: 0px;
}
.sub-list-home a.active, .sub-list-home a:hover {
border-bottom: 3px #024478 solid;
color: #024478;
}
.box-menu-left {
position: relative;
}
.box-register {
background: #F1F1F1;
height: 100%;
}
.title-partner-home {
background: #ec3038;
padding: 10px;
text-align: center;
margin: 0px;
color: #FFF;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
}
.box-content-reg-home {
padding: 20px;
}
.box-content-reg-home .item-reg {
margin-bottom: 15px;
}
.box-content-reg-home .item-reg input, .box-content-reg-home .item-reg select, .box-content-reg-home .item-reg textarea {
width: 100%;
height: 30px;
padding: 3px 5px;
}
.box-content-reg-home .item-reg textarea {
height: 80px;
}
.btn-reg-home {
width: 100%;
height: 30px;
color: #1F2F4F;
text-transform: uppercase;
}
.why-choose-1 {
background: #50b546;
padding: 40px;
text-align: center;
}
.why-choose-1:nth-child(odd) {
background: #222;
}
.product-home {
background-image: url(../images/bg-product-home.png);
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.pro-name-home {
font-size: 16px;
font-weight: normal;
padding: 0px;
margin: 0px;
color: #337fdd;
}
.pro-name-home a {
color: #337fdd;
text-decoration: none;
}
.icon-pro-home {
width: 75px;
height: 75px;
background: url(../images/icon-pro-home.png) no-repeat;
margin: 0 auto;
}
.view-more-pro-home {
text-decoration: none;
color: #337fdd;
}
.box-pro-home {
background: #FFF;
}
.padding-20 {
padding: 20px;
}
.box-news-home-1 {
background: #ebebeb;
padding: 40px;
}
.icon-tuvan-home {
width: 118px;
}
.info-tuvan-home {
width: calc(100% - 128px);
}
.box-tuvan-home {
background-image: url(../images/bg-tuvan-home.png);
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0px;
}
.box-tuvan-home .box-content-tuvan-home {
background-image: url(../images/bg-content-tuvan.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 913px;
height: 159px;
margin: 0 auto;
position: relative;
max-width: 98%;
}
.box-tuvan-home .box-content-tuvan-home .text, .box-tuvan-home .box-content-tuvan-home .text1 {
position: absolute;
z-index: 1;
top: 50%;
transform: translate(0, -50%);
font-size: 20px;
text-transform: uppercase;
color: #ae5600;
font-weight: bold;
border-bottom: dashed 2px #337fdd;
border-top: dashed 2px #337fdd;
padding: 10px 0px;
}
.box-tuvan-home .box-content-tuvan-home .text {
left: 137px;
}
.box-tuvan-home .box-content-tuvan-home .text1 {
right: 137px;
}
.hotline-header {
background: url(../images/icon-hotline.png) no-repeat left center;
padding-left: 55px;
color: #945632;
}
.hotline-header strong, .email-header strong {
font-size: 16px;
color: #ff7f01;
}
.hotline-header a {
color: #ff7f01;
text-decoration: none;
}
.email-header {
background: url(../images/icon-email.png) no-repeat left center;
padding-left: 55px;
color: #945632;
}
.video-play-popup {
border: solid 10px #FFF;
box-shadow: 0px 0px 10px #666;
width: 800px;
height: 540px;
background: #FFF;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
max-width: 95%;
max-height: 95%;
display: none;
}
.item-news-left {
background: #f1f2f2;
}
.item-news-left .text {
display: table;
width: 100%;
height: 100%;
}
.item-news-left .text .text1 {
display: table-cell;
height: 100%;
width: 100%;
padding: 10px;
vertical-align: middle;
color: #4d4d4f;
}
.item-news-left .text .text1 a {
color: #4d4d4f;
text-decoration: none;
}
.item-news-left .text .text1 .createdate {
color: #9c9c9c;
}
.box-support-left {
background: #ffe794;
color: #58595b;
}
.box-support-left strong {
color: #ff7f01;
}
.box-support-left .title {
background: #9c6341;
padding: 10px 10px;
color: #FFF;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
}
.box-support-left img {
display: block;
}
.box-support-left .hl {
background: url(../images/icon-hotline.png) no-repeat left center;
padding: 5px 0px 0px 55px;
min-height: 48px;
}
.box-support-left .em {
background: url(../images/icon-email.png) no-repeat left center;
padding: 5px 0px 0px 55px;
min-height: 48px;
}
.line-news {
border-bottom: dashed 1px #CCC;
}
.othernews {
padding: 0px;
margin: 0px;
}
.othernews li {
list-style: none;
padding: 5px 0px;
}
.othernews li a {
color: #333;
text-decoration: none;
}
.othernews li a:hover {
text-decoration: underline;
}
.box-pro {
border: solid 1px #f1efec;
}
.box-pro .text {
padding: 15px;
}
.pro-name {
font-size: 16px;
margin: 0px;
padding: 0px;
padding-top: 0px;
font-weight: bold;
}
.pro-name a {
color: #333;
text-decoration: none;
}
.line-pro-name {
width: 50px;
background: #337fdd;
height: 3px;
margin: 0 auto;
}
.box-image-detail-pro {
padding: 1px;
}
.box-trust {
border: solid 1px #f2f2f2;
box-shadow: 0px 0px 10px #ccc;
padding: 20px;
color: #945632;
font-size: 16px;
}
.trust-1 {
background: url(../images/trust-1.png) no-repeat left;
padding-left: 40px;
margin-bottom: 5px;
min-height: 28px;
padding-top: 5px;
}
.trust-2 {
background: url(../images/trust-2.png) no-repeat left;
padding-left: 40px;
min-height: 28px;
padding-top: 3px;
}
.order-popup {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 500px;
background: #FFF;
box-shadow: 0px 0px 10px #666;
overflow: auto;
z-index: 9999;
max-width: 95%;
max-height: 95%;
display: none;
padding: 20px;
font-family: Arial;
}
.order-popup .title-popup {
background: #FFF;
color: #333;
font-weight: normal;
}
.order-popup .close {
text-decoration: none;
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
color: #333;
float: right;
}
.item-form {
margin-bottom: 10px;
}
.item-form label {
float: left;
width: 100%;
display: block;
}
.item-form input {
height: 30px;
padding: 0px 10px;
float: left;
width: 100%;
}
.item-form textarea {
height: 80px;
padding: 0px 10px;
float: left;
width: 100%;
}
.order-pro-name {
color: #1955b0;
font-weight: bold;
font-family: Arial;
font-size: 18px;
}
.btn-order-submit {
background: url(../images/gui-yeu-cau.png) no-repeat center;
color: #FFF;
height: 50px !important;
border: none;
}
.bg-chiase {
background: #ebebeb;
}
.chia-box-intro {
padding: 20px 20px 20px 10px;
}
.address-chiase-list {
color: #666;
}
.cs-info-people {
background: url(../images/dotmnufooter.png) no-repeat left;
padding-left: 15px;
color: #58595b;
}
.box-feedback {
background: #ebebeb;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.box-info-feedback {
padding: 10px;
padding-bottom: 20px;
color: #4d4d4f;
}
.box-info-feedback .name {
text-transform: uppercase;
color: #4d4d4f;
padding: 0px;
margin: 0px 0px 5px 0px;
}
.arrow-partner-right, .arrow-partner-left {
width: 19px;
height: 30px;
position: absolute;
top: 35%;
z-index: 3
}
.arrow-partner-right {
background: url(../images/arrow-partner-right.png) no-repeat;
right: -30px;
}
.arrow-partner-left {
background: url(../images/arrow-partner-left.png) no-repeat;
left: -30px;
}
#showmessage {
color: #FF0000;
text-align: center;
display: none;
}
.menu-bar-footer {
background: #262626;
color: #Fff;
}
.icon-title-home {
background: url(../images/icon-title-home.png) no-repeat;
display: inline-block;
content: "";
height: 22px;
width: 22px;
}
.title-home-1 {
font-family: UTM-Swiss-B, Arial, Helvetica, sans-serif;
font-size: 24px;
text-transform: uppercase;
font-weight: normal;
margin:0px;
}
.title-home-1 a {
color: #9e1b32;
text-decoration: none;
}
.item-other-about-home {
margin-bottom: 5px;
}
.item-other-about-home a {
text-decoration: none;
color: #9d6e41;
}
.product .swiper-slide {
}
.padding-12 {
padding: 12px;
}
.box-factory {
background-image: url(../images/bg-factory.png);
background-repeat: no-repeat;
background-size: cover;
min-height: 300px;
}
.title-cat-home-white {
background: url(../images/icon-cat-home-white.png) no-repeat left;
min-height: 22px;
display: inline-block;
color: #FFF;
text-transform: uppercase;
font-family: Lato-B, Arial, Helvetica, sans-serif;
font-size: 20px;
margin: 0px;
padding-left: 25px;
}
.title-cat-home-white a {
color: #FFF;
text-decoration: none;
}
.item-factory-home {
background: #FFF;
}
.item-factory-home .text {
padding: 10px;
}
.factory-name-home {
margin: 0px;
padding: 5px 0px;
font-family: Lato-B, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #337fdd;
}
.factory-name-home a {
color: #337fdd;
text-decoration: none;
}
.factory-arrow-left, .factory-arrow-right {
width: 24px;
height: 48px;
position: absolute;
top: 40%;
}
.factory-arrow-left {
background: url(../images/factory-arrow-left.png) no-repeat;
left: -28px;
}
.factory-arrow-right {
background: url(../images/factory-arrow-right.png) no-repeat;
right: -28px;
}
.line-item {
height: 1px;
clear: both;
border-bottom: solid 1px #CCC;
}
.item-product-cat {
color: #333;
text-decoration: none;
}
.item-product-cat .fa {
color: #337fdd;
font-size: 16px;
}
.intro-cat-pro {
color: #6e6d6d;
}
.intro-cat
{
line-height:22px;
}
.cat-pro-name {
color: #337fdd;
font-size: 16px;
margin: 0px;
}
.cat-pro-name a {
color: #337fdd;
text-decoration: none;
}
.cat-pro-image {
background: #FFF;
border: solid 1px #CCC;
display: block;
}
.cat-pro-image img {
display: block;
}
.pro-detail-name {
color: #337fdd;
font-size: 26px;
margin: 0px;
font-weight: normal;
}
.pro-image-detail {
border: solid 1px #CCC;
padding: 10px;
}
.pro-image-detail img {
display: block;
}
.item-product-cat:hover {
text-decoration: underline;
}
.factory-slide {
position: relative;
}
.item-attr {
border-bottom: solid 1px #CCC;
padding: 6px 0px;
}
.company-info-footer .company-title {
font-family: Lato, Arial, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #c4996c;
}
.title-footer {
font-family: Lato, Arial, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #c4996c;
margin-bottom: 5px;
padding-left: 0px;
}
.title-footer a {
color: #c4996c;
text-decoration: none;
}
.company-info-footer .fa {
width: 20px;
float: left;
display: block;
color: #fff;
}
.company-info-footer span {
display: block;
width: calc(100% - 21px);
float: left;
}
.skype-top, .phone-top, .email-top, .wechat-top {
padding-left: 37px;
min-height: 33px;
display: inline-block;
margin-top: 5px;
line-height: 33px;
margin-right: 20px;
}
.skype-top {
background: url(../images/i-skype.png) no-repeat;
}
.wechat-top {
background: url(../images/i-wechat.png) no-repeat;
}
.phone-top {
background: url(../images/i-phone.png) no-repeat;
}
.email-top {
background-image: url(../images/icon-email.png);
background-repeat: no-repeat;
background-position: 8px 9px;
}
.searchheader {
float: right;
margin-top: 30px;
border-left: solid 1px #363636;
border-right: solid 1px #363636;
padding-left: 5px;
width: 220px;
}
.searchheader input {
border: none;
outline: none;
}
.searchheader a {
display: inline-block;
width: 30px;
text-align: right;
color: #333;
text-decoration: none;
}
.search-tab-pad {
display: inline-block;
float: right;
padding-top: 10px;
border-bottom: solid 1px #FFF;
background: none;
}
.search-tab-pad input {
width: 180px;
border: none;
background: none;
outline: none;
color: #fff;
}
.search-tab-pad a.search {
display: inline-block;
background: url(../images/icon-search.png) no-repeat center;
min-height: 25px;
float: right;
width: 25px;
}
#mobilesearchform input::-webkit-input-placeholder {
color: white;
}
#mobilesearchform input::-moz-placeholder {
color: white;
}
#mobilesearchform input:-ms-input-placeholder {
color: white;
}
#mobilesearchform input:-moz-placeholder {
color: white;
}
.box-image-pro-home {
position: relative;
min-height: 100px;
}
.box-image-pro-home img {
display: block;
}
.box-image-pro-home .name {
position: absolute;
background: url(../images/bg-name-cat-home.png);
width: 100%;
bottom: 20px;
padding: 10px;
color: #FFF;
opacity: 0.8;
filter: alpha(opacity=80);
font-size: 16px;
font-weight: normal;
}
.image-cathot {
border: solid 1px #a1aa9e;
background: #FFF;
}
.image-cathot img {
display: block;
}
.btn-cathot-viewmore {
border: solid 1px #5b5b5b;
padding: 15px 50px;
font-weight: normal;
text-transform: uppercase;
color: #317ede;
text-decoration: none;
}
.box-numbers {
background-image: url(../images/bg-conso.png);
background-repeat: no-repeat;
background-size: cover;
min-height: 300px;
}
.title-numbers-home {
color: #FFF;
padding: 0px;
margin: 0px;
font-size: 26px;
text-align: center;
font-weight: normal;
}
.circle {
max-width: 100%;
width: 140px;
position: relative;
margin: 0 auto;
}
.circle .circle1 {
position: absolute;
width: 100%;
padding-top: 100%;
}
.circle .circle2 {
width: 100%;
height: 100%;
position: absolute;
background: #FFF;
top: 0px;
left: 0px;
opacity: 0.19;
filter: alpha(opacity=19);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.circle .circle3 {
width: calc(100% - 30px);
height: calc(100% - 30px);
position: absolute;
background: #317ede;
top: 15px;
left: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
display: table-cell;
}
.circle .circle3 div {
display: table;
width: 100%;
height: 100%
}
.circle .circle3 div div {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 16px;
color: #fff;
}
.circle .circle3 div div span:first-child {
display: block;
font-size: 36px;
}
.circle .circle3 div div span:last-child {
display: block;
margin-top: 10px;
}
.c150 {
clear: both;
height: 150px;
}
.name-numbers {
font-size: 24px;
color: #fff;
}
.intro-numbers {
color: #8a8a8a;
margin-top: 10px;
}
.info-image-home {
width: 300px;
padding-right: 20px;
}
.info-text-home {
width: calc(100% - 300px);
}
.ttkhuyenmai {
font-weight: normal;
padding: 14px;
border: #ffa412 solid 1px;
border-radius: 5px;
text-align: justify;
background: url(../images/km-icon.png) no-repeat 5px 15px;
padding-left: 60px;
font-style: italic;
}
.btn-hotline-pro-detail {
background: url(../images/tuvan-icon.png) #ffa412 no-repeat;
font-size: 14px;
font-weight: normal;
padding: 8px 30px;
padding-left: 50px;
border-radius: 5px;
float: left;
line-height: 18px;
}
.btn-hotline-pro-detail a {
font-size: 18px;
color: #333;
display: block;
}
.btn-ordernow {
background: url(../images/baogia-icon.png) #317ede no-repeat;
font-size: 14px;
font-weight: normal;
padding: 16px 30px;
padding-left: 50px;
border-radius: 5px;
float: left;
color: #FFF;
}
.pro-tab-title {
float: left;
background: #FFF;
padding: 8px 20px;
border: solid 1px #ffa412;
border-bottom: none;
border-radius: 5px 5px 0px 0px;
margin-bottom: -1px;
font-weight: normal;
}
.box-s-mobile{
background:#Eee;
padding:10px;
display:none;
}
.box-s-mobile input{
width:calc(100% - 30px);
max-width:300px;
height:25px;
padding:0px 5px;
}
.box-s-mobile a{
width:29px;
height:25px;
text-align:center;
line-height:25px;
color:#333;
display:inline-block;
}
.facebook{
background:#345bab;
}
.twitter{
background:#2e98db;
}
.pinterest{
background:#c02126;
}
.linkedin{
background:#2a84c4;
}
.googleplus{
background:#d71c2d;
}
.title-footer-drop a{
display:block;
}
.title-footer-drop a .fa{
float:right;
}
.box-camket{
background:#9e1b32;
color:#FFF;
}
.trust-item{
cursor:pointer;
}
.trust-img{
float:left;
display:table-cell;
height:48px;
vertical-align:middle;
width:48px;
}
.trust-item-1{
height:52px;
width:calc(100% - 48px);
display:table;
vertical-align:middle;
padding-left:10px;
text-align:left;
}
.trust-item-2{
display:table-cell;
vertical-align:middle;
font-size:12px;
}
.trust-item-2 .name{
text-transform:uppercase;
display:block;
font-weight:normal;
}
.menuitem{
float:right;
line-height:39px;
}
.menuitem a{
padding:0 10px;
border-right:solid 1px #d7d7d7
}
.menuitem a:first-child{
margin-left:0px;
}
.menuitem a:last-child{
margin-right:0px;
}
.menuitem .flag-vn{
width:22px;
height:15px;
border:solid 1px #FFF;
display:inline-block;
background:url(../images/vn_flag.png) no-repeat;
margin-right:3px;
}
.menuitem .flag-en{
width:22px;
height:15px;
border:solid 1px #FFF;
display:inline-block;
background:url(../images/en_flag.png) no-repeat;
margin-left:3px;
}
.box-hotline-head{
float:right;
width:195px;
margin-top:30px;
background:url(../images/icon-hotline-top.png) no-repeat left;
min-height:36px;
margin-left:10px;
padding-left:44px;
}
.box-hotline-head div{
font-size:20px;
text-transform:uppercase;
font-weight:normal;
color:#0f6fc0;
}
.box-search-head{
float:right;
width:calc(100% - 205px);
padding-top:30px;
}
.box-border-s{
border:solid 1px #b0b0b0;
}
.box-border-s input{
width:calc(100% - 40px);
height:35px;
border:none;
padding:0px 10px;
outline:none;
}
.box-border-s a{
width:40px;
background:#2566b7;
height:37px;
float:right;
line-height:35px;
text-align:center;
color:#FFF;
font-size:18px;
text-decoration:none;
margin-top:-1px;
margin-right:-1px;
}
.camket-item{
border:solid 1px #b7b7b7;
margin-bottom:10px;
padding:10px;
}
.product-item-right{
position:relative;
}
.product-item-right img{
display:block;
}
.product-item-right .name{
position:absolute;
bottom:0px;
left:0px;
width:100%;
background: url(../images/bg-name-cat-home.png);
padding:5px 10px;
font-size:14px;
text-decoration:none;
}
.product-item-right a{
text-decoration:none;
color:#FFF;
}
.box-fanpage{
border:solid 2px #FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}
.menufooter2 a{
color:#b2b2b2;
text-decoration:none;
}
.title-menufooter2{
font-size:16px;
text-transform:uppercase;
margin-bottom:10px;
}
.title-menufooter2 a{
color:#FFF;
text-decoration:none;
}
.company-footer-name{
font-size:16px;
text-transform:uppercase;
margin-bottom:5px;
font-weight:normal;
color:#2ba4f1
}
.company-footer-name b{
color:#FFF;
display:inline-block;
font-weight:normal;
}
.box-service-home{
}
.box-service-home .text-img{
background-image:url(../images/bg-service-hot-home.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
padding-bottom:90px;
color:#FFF;
}
.box-service-home .box-item{
margin-top:-90px;
}
.box-item-service-home{
background:#f0ebe6;
}
.box-item-service-home img{
display:block;
}
.btn-view-detail-service-home{
background:#9e1b32;
position:relative;
display:inline-block;
color:#FFF;
text-decoration:none;
padding:15px 20px;
}
.btn-view-detail-service-home:after{
position:absolute;
content:"";
height:100%;
width:35px;
right:-35px;
top:0px;
background:url(../images/right-btn-detail-home-service.png) no-repeat left;
}
.box-item-service-home .text{
padding:20px;
}
.box-item-service-home .name{
font-size:16px;
text-transform:uppercase;
color:#9e1b32;
padding:0px 0px 10px 0px;
margin:0px;
}
.line-white{
border-bottom:solid 3px #FFF;
width:50px;
margin:0 auto;
margin-top:5px;
}
.line-red1{
border-bottom:solid 3px #9e1b32;
width:50px;
margin-top:5px;
}
.about-home{
padding-top:60px;
padding-bottom:30px;
}
.about-home a{
color:#4c4c4c;
}.about-home a:hover{
color:#d40000
}
.box-image-info{
height:calc(100% + 24px);
margin-top:-24px;
width:calc(100% - 100px);
background-size:cover;
background-position:right top;
background-repeat:no-repeat;
float:right;
}
.aligh-left{
text-align:left;
}
.camket-name{
color:#3d3d3d;
text-align:center;
margin-top:10px;
font-size:14px;
}
.ser-home
{
padding-top:50px;
padding-bottom:40px;
background-color:#f5f5f5
}
.box-news-video{
background:#f5f5f5;
padding-top:50px;
padding-bottom:50px;
}
.bg-white-video-home{
background:#FFF;
box-shadow:3px 3px 10px #ccc;
}
.video-home-item{
padding:15px 20px;
border-top:dashed 1px #bfbfbf;
background-image:url(../images/icon-video-home.png);
background-repeat:no-repeat;
background-position:15px 20px;
padding-left:65px;
min-height:64px;
}
.small-video-home .video-home-item:first-child{
border-top:none;
}
.video-home-item a{
color:#333;
text-decoration:none;
}
.box-red
{
background-color:#22a89e;
padding:30px;
padding-top:40px;
padding-bottom:40px;
}
.item-red
{
display:table;
padding-left:55px;
color:#fff;
background-repeat:no-repeat;
background-position:center left;
height:54px;
font-weight:bold;
}
.item-red span
{
display:table-cell;
vertical-align:middle;
}
.item-coso
{
background-image:url(../images/icon_coso.png);
}
.item-camket
{
background-image:url(../images/icon_camket.png);
}
.item-quytrinh
{
background-image:url(../images/icon_quytrinh.png);
padding-left:60px;
}
.item-doingu
{
background-image:url(../images/icon_doingu.png);
padding-left:60px;
}
.image-article-home{
width:112px;
height:112px;
position:relative;
}
.image-article-home img{
display:block;
width:112px;
height:112px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
overflow:hidden;
}
.info-article-home{
width:calc(100% - 122px);
}
.info-article-home .article1{
display:table;
height:100%;
width:100%;
}
.info-article-home .article2{
display:table-cell;
height:100%;
vertical-align:middle;
}
.article-label{
color:#fa9005;
font-weight:bold;
}
.article-name{
color:#fa9005;
font-weight:bold;
font-size:16px;
text-transform:uppercase;
}
.article-if{
color:#58595b;
}
.image-article-home .icon{
width:36px;
height:26px;
position:absolute;
bottom:0px;
left:0px;
background:url(../images/qouta.png) no-repeat;
}
.title-cam-ket{
font-family:OpenSans, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:normal;
text-align:center;
font-size:30px;
margin-top:0;
}
.title-cam-ket strong,.title-cam-ket b{
font-family:OpenSans-B, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.title-about-home{
margin:0px;
padding:0px;
text-transform:uppercase;
font-size:30px;
margin-bottom:10px;
font-weight:normal;
}
.title-about-home a{
color:#575757;
}
.title-about-home a:hover{
color:#bd2131
}
.btn-detail-about-home{
background:#bd2131;
display:inline-block;
color:#fff !important;
height:44px;
line-height:44px;
padding:0px 25px;
font-weight:bold;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.ct-wc
{
line-height:24px;
}
.box-image-service-home{
position:relative;
}
.box-image-service-home .name{
position:absolute;
bottom:0px;
margin:0px;
background:#201913;
padding:8px;
width:100%;
}
.box-image-service-home a{
color:#FFF;
font-family:OpenSans-B, Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
font-weight:normal;
}
.title-service-home{
font-family:OpenSans, Arial, Helvetica, sans-serif;
font-size:30px;
text-transform:uppercase;
font-weight:normal;
width:100%;
overflow:hidden;
margin:0px;
}
.title-service-home strong,.title-service-home b{
font-family:OpenSans-B, Arial, Helvetica, sans-serif;
}
.title-service-home a{
color:#404040;
position:relative;
}
.title-service-home a:after{
border-bottom:solid 1px #e2e2e2;
left:105%;
top:80%;
width:1300px;
content:"";
position:absolute;
}
.box-ykien{
background-color:#eaeaea;
padding-bottom:60px;
}
.title-ykien-home{
font-family:Helvetica, sans-serif;
font-size:30px;
text-transform:uppercase;
font-weight:normal;
width:100%;
overflow:hidden;
margin:0px;
text-align:center;
font-weight:bold;
}
.title-ykien-home a{
color:#575757
}
.title-ykien-home a:hover{
color:#e00000
}
.catlishome
{
padding-top:90px;
}
.box-c-ykien{
background:#FFF;
position:relative;
padding:20px;
padding-top:70px;
text-align:center;
}
.box-c-ykien .img{
position:absolute;
top:-70px;
left:50%;
transform:translate(-50%,0);
-webkit-border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-box-shadow: 1px 1px 1px 1px #B5B5B5;
box-shadow: 1px 1px 1px 1px #B5B5B5;
}
.box-c-ykien .name{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#2f2f2f;
margin:0px;
border-bottom:solid 2px #eaeaea;
padding-bottom:5px;
margin-bottom:10px;
}
.box-c-ykien .name a{
color:#4e4e4e;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
}
.box-c-ykien .name a:hover
{
color:#e10000
}
.box-c-ykien .author_info{
color:#636363;
}
.qouta-article-home{
background:url(../images/qouta.png) no-repeat left;
height:29px;
}
.intro-article-home{
color:#4e4e4e;
text-align:left;
line-height:22px;
}
.news-c-home{
background:#FFF;
}
.bnt-xx
{
display:block;
padding:15px;
background-color:#f2f2f2;
text-align:center;
color:#4e4e4e;
font-size:14px;
font-weight:bold;
}
.bnt-xx:hover
{
color:#e10000;
}
.news-c-home img{
display:block;
}
.create-news-home{
position:absolute;
bottom:0px;
left:0px;
width:50px;
background:#305aa5;
text-align:center;
color:#FFF;
height:50px;
padding-top:5px;
}
.create-news-home span{
display:block;
}
.create-news{
position:absolute;
bottom:0px;
right:0px;
width:50px;
background:#305aa5;
text-align:center;
color:#FFF;
height:50px;
padding-top:5px;
}
.create-news span{
display:block;
}
.cat-service-name-home{
font-family:OpenSans, Arial, Helvetica, sans-serif;
font-size:30px;
position:absolute;
width:100%;
top:0px;
left:0px;
padding:10px;
margin:0px;
text-transform:uppercase;
font-weight:normal;
color:#FFF;
}
.cat-service-name-home strong,.cat-service-name-home b{
font-family:OpenSans-B, Arial, Helvetica, sans-serif;
}
.cat-service-name-home a{
color:#FFF;
}
.next-service-bar{
padding:10px;
background:#e5e5e5;
text-align:right;
}
.service-home-arrow-right,.service-home-arrow-left{
display:inline-block;
background:#e30101;
color:#FFF;
padding:5px;
}
.service-home-arrow-left{
margin-right:3px;
-webkit-border-radius:3px 0px 0px 3px;
-moz-border-radius:3px 0px 0px 3px;
-ms-border-radius:3px 0px 0px 3px;
border-radius:3px 0px 0px 3px;
}
.service-home-arrow-right{
margin-right:3px;
-webkit-border-radius:0px 3px 0px 0px;
-moz-border-radius:0px 3px 0px 0px;
-ms-border-radius:0px 3px 0px 0px;
border-radius:0px 3px 0px 0px;
}
.service-home-name{
color:#233f70;
font-family:OpenSans-B, Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0px;
text-transform:uppercase;
padding:8px 0px;
}
.service-home-name a{
color:#233f70;
}
.service-home-name a:hover{
color:#333 ;
}
.header-r{
margin-top:30px;
}
.item-info-cn{
color:#6a6a6a;
position:relative;
padding-left:25px;
min-height:30px;
margin-bottom:5px;
}
.item-info-cn .fa{
color:#d6272e;
position:absolute;
top:3px;
left:0px;
font-size:18px;
}
.ico-home{
background:url(../images/ico-home.png) no-repeat center;
width:30px;
line-height:48px;
}
.image-service
{
}
.image-service img
{
width:100%;
}
.img-ykien
{
}
.img-ykien img.img
{
position:static !important;
}
.list-ykien
{
padding-top:30px;
}
.item-ykien
{
background-color:#f2f2f2;
margin-bottom:80px;
padding:20px;
}
.img-ykien
{
position:relative;
margin-top:-75px;
}
.item-ykien .img{
-webkit-border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
border:solid 2px #dd1920;
width:110px;
height:110px;
}
.item-ykien .name
{
color:#2f2f2f;
font-size:16px;
font-weight:bold;
margin:0;
margin-top:10px;
}
.item-ykien .intro-article-home
{
color:#4a4a4a;
font-style:italic;
line-height:22px;
margin-top:10px;
text-align:left;
}
.calculation
{
background-image:url(../../images/bg_cal.png);
background-position:center top;
background-repeat:repeat-x;
padding-top:30px;
padding-bottom:30px;
}
.frm-cal
{
background-color:#fff;
width:100%;
}
.frm-cal-line
{
overflow:hidden;
padding-bottom:10px;
}
.frm-cal-lbl
{
width:27%;
float:left;
text-align:right;
line-height:40px;
}
.frm-cal-input
{
width:70%;
float:right;
}
.ctr
{
border:solid 1px #a1a1a1;
padding:10px;
color:#222;
width:100%;
}
.btn-cal
{
display:block;
width:100%;
background-color:#000;
font-size:20px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
padding:15px 10px;
color:#fff;
}
.btn-cal:hover
{
background-color:#bd2131;
}
.kq
{
background-color:#1d3e7b
}
.cal
{
background-color:#f7f7f7;
border:solid 1px #d7d7d7;
border-top:none
}
.inner-cal
{
padding:20px;
}
.cal-page
{
margin-right:0;
}
.hd-xxx
{
font-size:20px;
font-weight:bold;
text-transform:uppercase;
margin:0;
background-color:#bd2131;
padding:15px 15px;
color:#fff;
font-size:18px;
color:#fff;
}
.hd-xxx a
{
color:#fff;
}
.kq1
{
display:table;
width:100%;
height:100%;
background-color:#e6e9e6;
height:100px;
}
.kq1 span
{
display:table-cell;
vertical-align:middle;
font-size:20px;
color:#168a00;
font-weight:bold;
text-align:center;
}
.why
{
background-color:#f0f0f0;
padding-top:30px;
}
.title-home {
font-size:30px;
text-transform: uppercase;
font-weight: bold;
margin: 0px;
color: #575757;
margin-bottom:10px;
}
.text-center
{
text-align:center;
}
.title-home a {
color: #575757;
text-decoration: none;
}
.title-home a:hover {
color:#bd2131
}
.ul-event-home
{
padding:0;
margin:0;
}
.rev
{
}
.item-rev
{
overflow:hidden;
margin-bottom:15px !important;
}
.item-rev img
{
float:left;
width:25%;
margin-right:15px;
}
.rev-home-name
{
margin:0;
color:#3a3a3a;
font-weight:bold;
font-size:16px;
margin-bottom:4px;
}
.rev-home-name a
{
color:#000;
}
.rev-home-name a:hover
{
color:#bd2131;
}
.author_info
{
color:#2f2f2f;
font-size:14px;
border-bottom:dashed 1px #bbbbbb;
padding-bottom:5px;
margin-bottom:5px;
}
.ct-rev
{
float:right;
width:72%;
}
.intro-rev
{
font-size:14px;
font-style:italic;
line-height:22px;
color:#2f2f2f;
margin-top:10px;
}
.np-rev
{
position:absolute;
top:50%;
width:15px;
height:29px;
margin-top:0;
background-repeat:no-repeat;
background-image:url(../../images/np.png);
display:block
}
.np-rev-prev
{
left:-30px;
background-position:0 0;
}
.np-rev-next
{
right:-30px;
background-position:-15px 0;
}
.ul-cathome
{
border-bottom:solid 1px #e0e0e0;
text-align:center;
padding:0;
margin:0;
}
.ul-cathome li
{
display:inline-block;
position:relative;
}
.ul-cathome li a
{
color:#3e3e3e;
font-weight:bold;
padding:10px 10px;
display:block;
margin-bottom:0px;
position:relative;
border-bottom:solid 1px #fff;
}
.ul-cathome li a:hover
{
border-bottom:solid 1px #1d3e7b;
color:#e81e1e
}
.service-home_serhome
{
margin-top:30px !important;
}
.item-ser-home
{
background-color:#e6e9e6;
}
.pad-ser
{
padding:10px 20px;
}
.item-ser-home img
{
display:block;
width:100%;
}
.title-ser-home
{
margin:0;
margin-top:10px;
margin-bottom:10px;
font-size:18px;
}
.title-ser-home a
{
color:#168a00;
font-weight:bold;
text-transform:uppercase;
}
.title-ser-home a:hover
{
color:#22a89e;
}
.intro-ser-home
{
color:#575656;
text-align:justify;
line-height:24px;
}
.np-ser
{
position:absolute;
top:30%;
width:20px;
height:39px;
margin-top:0;
background-repeat:no-repeat;
background-image:url(../../images/np1.png);
display:block
}
.np-ser-prev
{
left:-30px;
background-position:0 0;
}
.np-ser-next
{
right:-30px;
background-position:-20px 0;
}
.box-1-2
{
}
.line
{
height:2px;
background-color:#bd2131;
width:60px;
margin-bottom:20px;
}
.pn-home
{
background-color:#fff;
padding-top:20px;
padding-bottom:20px;
}
.listfaq
{
margin-top:30px;
}
.itemfaq
{
border-bottom:solid 1px #d7d7d7;
margin-bottom:15px !important;
}
.title-faq
{
background-image:url(../images/bg_hoidap.png);
background-repeat:no-repeat;
padding-left:35px !important;
background-position:0 5px;
font-weight:normal;
font-size:16px;
margin:0;
padding-bottom:15px !important;
}
.title-faq a
{
color:#585757;
line-height:22px;
}
.intro-faq
{
font-size:14px;
display:none;
}
.service-name
{
font-size:18px;
margin-top:5px;
margin-bottom:5px;
}
.service-name a
{
color:#4e4e4e;
}
.service-name a:hover
{
color:#a20000
}
.intro-ser
{
color:#4e4e4e;
font-size:15px;
line-height:22px;
text-align:justify;
}
.hotpage
{
color:#363636;
font-size:18px;
font-weight:bold;
padding-top:15px;
padding-bottom:15px;
border-bottom:solid 1px #ddd
}
.hotpage strong
{
color:#e71010;
}
.quytrinh
{
margin-top:20px;
}
.content-text
{
}
.content-text img
{
max-width:100% !important;
height:auto !important
}
.content-text h2
{
margin:0;
margin-bottom:10px;
color:#363636;
font-size:20px;
}
.title-left{
margin: 0px;
padding: 0px;
font-size:16px;
text-transform: uppercase;
padding-bottom: 6px;
font-weight:700;
padding:15px 10px;
background-color:#22a79d;
border-left:solid 5px #bd2131
}
.title-left a{
color:#fff;
}
.title-left a:hover{
color:#bd2131
}
.item-news-right
{
overflow:hidden;
margin-bottom:15px;
}
.item-news-right a
{
color:#000;
font-weight:normal;
font-size:15px;
}
.item-news-right a:hover
{
color:#bd2131;
}
.item-news-right img
{
width:45%;
float:left;
margin-right:10px;
}
.mes-err
{
font-size:11px;
color:#F00;
padding-top:0px;
padding-bottom:3px;
display:none
}
.linksmo {
width: 100%;
text-align:right;
}
.linksmo a {
display:inline-block;
}
.linksmo a i.fa{
width:32px;
height:32px;
border:solid 1.5px #d7d7d7;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
text-align:center;
line-height:30px;
font-size:16px;
color:#d7d7d7;
margin-right:5px;
}
.linksmo a:hover{
color:#ce7f1f !important;
}
.linksmo a:hover i.fa{
color:#ce7f1f !important;
border:solid 1.5px #ce7f1f;
}
.cal-left
{
padding:10px;
}
.box-item-news-left
{
border:solid 1px #d7d7d7;
padding:10px;
border-top:none;
}
.stic
{
width:100%;
position:fixed;
top:0;
left:0;
z-index:9999;
margin:0;
}
.slogan
{
font-size:22px;
color:#bd2131;
font-style:italic;
text-align:center;
display:table;
height:100%;
width:100%;
}
.slogan div
{
display:table-cell;
vertical-align:middle;
width:100%;
height:100%;
}
.img-poster img{
display: block;
}
.submit-search-pc {
float: left;
color: #737373;
font-size: 16px;
position: absolute;
top: 10px;
left: 20px;
}
.icon-search {
position: relative;
float: right;
height: 45px;
width: 45px;
border-radius: 50%;
border: solid 2px #FFF;
text-align: center;
line-height: 42px;
color: #FFF;
margin-top: 5px;
}
.search-pc
{
position: fixed;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.603);
z-index: 11;
transition: all .5s ease-in-out;
display: none;
padding-top: 40vh;
}
.kw-mobile{
width: 90%;
max-width: 500px;
font-size: 20px;
line-height: 40px;
border-radius: 20px;
padding-left: 10px;
color: #333;
}
.closeX{
font-weight:bold;
font-size:20px;
color:#FFF;
}