:root {
--color-1: #000097;
--color-2: #1E1E1E;
--color-3: #cccccc;
--bg-main: rgba(27, 27, 27, 1);
--color-4: #ff2c2c;
--color-5: #fffcf4;
--color-6: #0155DD;
--trans: all 350ms ease-in-out;
}
@font-face {
font-family: 'MontserratR';
src: url(templates/fonts/Montserrat-Regular.ttf);
}
@font-face {
font-family: 'MontserratM';
src: url(templates/fonts/Montserrat-SemiBold.ttf);
}
@font-face {
font-family: 'MontserratB';
src: url(templates/fonts/Montserrat-Bold.ttf);
}
html {
font: normal 62.5% 'MontserratR'!important;
max-width: 1920px;
color: #545454;
scroll-behavior: smooth;
margin: 0 auto;
}
body {
font-family: 'MontserratR'!important;
transition: var(--trans);
max-width: 1920px;
margin: 0 auto;
overflow-x: hidden;
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: inherit;
border-width: inherit;
}
.webkit-box-1 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.webkit-box-2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.webkit-box-3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.webkit-box-4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.webkit-box-5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
}
.hide,
.hidden {
display: none;
}
.nav-top>li {
float: left;
position: relative;
}
.nav-top>li>a {
color: #c43030;
}
.nav-top a:after {
border-left-color: #c43030;
}
.navbar-form {
margin: 0 0;
}
.navbar-form input {
min-width: 100%;
width: 100%;
height: 3.4rem;
color: #333;
line-height: 3.4rem;
background-color: #eee;
padding: 0.4rem 1rem;
border-radius: 0.1rem;
font-size: 1.3rem;
}
.navbar-form input::placeholder {
color: #333;
opacity: 1;
}
.navbar-form input::-ms-input-placeholder {
color: #333;
}
.navbar-form button,
.navbar-form button:focus {
background: transparent;
border-radius: 0;
color: #333;
font-size: 1.4rem;
background-color: transparent;
padding: 0 1rem;
outline: none;
box-shadow: unset;
}
.left-menu {
display: flex;
justify-content: left;
}
.df-topHead .logo {
position: relative;
}
.logo img {
height: 8rem;
transition: all 0.6s ease;
}
.head__contact {
display: flex;
justify-content: flex-end;
}
.right-head_hotline {
border: none;
border-radius: 0;
min-width: 200px;
}
.right-head_hotline img {
float: left;
margin-right: 10px;
}
.right-head_hotline b {
font-size: 18px;
}
.right-head_cart .icon .num {
font-size: 12px;
font-weight: 600;
color: #ee4a3e;
position: absolute;
border: 1px solid #fff;
line-height: 16px;
height: 20px;
padding-left: 5px;
background-color: #a20a09;
text-align: center;
padding-right: 5px;
border-radius: 50%;
line-height: 20px;
color: #fff;
}
.right-head_cart .icon {
position: absolute;
left: 0;
background-color: #edc180;
width: 45px;
height: 45px;
border-radius: 50%;
text-align: center;
line-height: 45px;
}
.right-head_cart .title {
padding-top: 10px;
display: inline-block;
color: #fff;
}
.cate__tit {
position: relative;
z-index: 9;
margin-top: -40px;
background: #7a0c0c;
color: #fff;
line-height: 40px;
padding: 0 0;
text-indent: 10px;
border-radius: 5px 5px 0 0;
display: flex;
justify-content: space-between;
padding-right: 10px;
}
.nav-product {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
.nav-product li {
background: #eae09e;
border-bottom: 1px solid #fff;
position: relative;
}
.nav-product li a {
display: block;
text-indent: 10px;
line-height: 37px;
color: #c43030;
font-family: 'UTM_Staccato';
font-size: 18px;
}
.nav-product li ul {
position: absolute;
left: 100%;
top: 0;
list-style-type: none;
min-width: 280px;
display: none;
margin: 0;
padding: 0;
z-index: 9;
}
.nav-product li ul li a {
display: block;
text-decoration: none;
}
.nav-product li:hover ul {
display: block;
}
.left__sl424 {
width: calc(78%);
float: left;
padding-top: 10px;
}
.right__ht424 {
width: calc(22%);
float: right;
padding-left: 10px;
position: relative
}
.system__store {
position: relative;
margin-top: -30px;
color: #fff;
z-index: 9;
font-size: 17px;
text-transform: uppercase;
}
.system__store span {
cursor: pointer;
}
.right__ht424 .divbd {
padding: 6px 0;
background: linear-gradient(to right, #eae09e, #fcfcfc);
}
.right__ht424 .divbd ul {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
background-color: #992020;
}
.right__ht424 .divbd ul li {
display: block;
background: #c43030;
margin-bottom: 6px;
}
.right__ht424 .divbd ul li:last-child {
margin-bottom: 0;
}
.right__ht424 .sup_item {
padding: 15px 5px;
color: #fff;
}
.sup_itemImg {
float: left;
width: 50px;
}
.sup_itemImg img {
max-width: 40px;
margin-top: 5px;
}
.right__ht424 .sup_item h4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 14px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 2px;
}
.right__ht424 .sup_item p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 13px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
}
.list__store {
position: absolute;
width: 96%;
list-style-type: none;
margin: 0;
padding: 0;
display: none;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
z-index: 9;
}
.list__store.open {
display: block;
}
.list__store>li {
display: block;
}
.list__store>li>a {
display: block;
line-height: 30px;
text-indent: 10px;
}
.site-partner {
position: relative;
}
.site-partner .swiper-slide {
position: relative;
}
.site-bnc {
position: relative;
z-index: 99;
}
.site-bnc .container-fluid {
position: relative;
}
.partnerItem {
text-align: center;
padding: 20px 10px;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.partnerItem h4 {
color: #787878;
font-size: 16px;
margin-top: 15px;
text-transform: uppercase;
}
.site-cket .container-fluid {
position: relative;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 3rem!important;
font-weight: 500;
}
.swiper-button-next,
.swiper-button-prev {
color: var(--color-1)!important;
}
.site-khuyenmai {
margin-top: 30px;
}
.product__titHome h2 {
text-align: center;
margin-bottom: 40px;
}
.product__titHome h2 span {
font-family: 'UTM_Staccato';
color: #992020;
text-transform: uppercase;
position: relative;
}
.product__titHome h2 span:after {
position: absolute;
width: 100%;
height: 6px;
content: '';
background: url(templates/images/line_productsale.png)no-repeat;
background-size: 100% 100%;
left: 0;
bottom: -10px;
}
.site-khuyenmai .inner {
position: relative;
}
.product__txt {
position: relative;
padding-bottom: 15px;
}
.item_product_img {
height: 250px;
}
.item_product_title {
font-size: 16px;
line-height: 20px;
margin: 0 0 10px 0;
height: 46px;
}
.item_product_price {
color: red;
font-size: 24px;
}
.item_product_price del {
color: #555;
}
.item_product>a .sale {
background: url(templates/images/bg_sale.png)no-repeat;
background-size: 100% 100%;
font-family: 'UTM_Staccato';
color: #992020;
}
.item_productAction {
text-align: center;
}
.btn-dt,
.btn-buyn {
background: #eae09e;
color: #c43030;
border-radius: 3px;
padding: 3px 15px;
margin: 0 5px;
}
.item_product_title a {
color: #333;
text-transform: capitalize;
font-size: 20px;
line-height: 24px;
}
.link_wrap_img {
position: relative;
}
/* .link_wrap_img::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.5);
transition: all .5s ease-in-out;
-moz-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
z-index: 1;
}
.item_product:hover .link_wrap_img::before {
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
} */
.item_product {
background: #fff;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
margin-top: 5px;
}
.swiperProductSale {
padding-left: 2px!important;
padding-right: 2px!important;
}
.product__titHomeCate {
margin-bottom: 30px;
}
.product__titHomeCate h2 {
position: relative;
text-align: center;
}
.product__titHomeCate h2 span {
text-transform: uppercase;
color: #fff;
font-family: 'UTM_Staccato';
position: relative;
padding: 10px 40px;
background: url(templates/images/bg_tit.png);
background-size: 100% 100%;
}
.site-catehome .item_product,
.body-sanpham .item_product {
margin: 0 0;
}
.feedback__content {
position: relative;
width: 100%;
height: 0;
padding-bottom: 25%;
background-size: cover;
background-position: center;
position: relative;
}
.feedback_text {
background-color: rgba(139, 34, 34, 0.8);
position: absolute;
width: 50%;
right: 0;
top: 0;
height: 100%;
z-index: 9;
}
.feedback_text {
text-align: center;
}
.feedback_text h3 {
text-transform: uppercase;
color: #eae09e;
font-family: 'UTM_Staccato';
margin-bottom: 30px;
}
.item__kh {
padding: 0 0 0 30px;
position: relative;
}
.item__kh:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 7px;
height: 100%;
background-color: var(--color-1);
}
.mySwiperkh-next,
.mySwiperkh-prev {
color: #fff!important
}
.site-blogs__tit h2 {
text-align: center;
}
.site-blogs__tit h2 span {
text-transform: uppercase;
color: #7a0c0c;
font-family: 'UTM_Staccato';
position: relative;
padding: 10px 40px;
}
.keySuggest {
font-style: italic;
font-size: 13px;
color: #fff;
margin-top: 10px;
}
h4.blog_tit {
line-height: 22px;
}
h4.blog_tit a {
font-size: 17px;
color: #992020;
}
.link_wrap_img {
padding: 20px;
}
.blog__item .blog__item_img {
width: 170px;
float: left;
}
.blog__item .blog__item_content {
width: calc(100% - 170px);
float: right;
padding: 15px;
}
.blog__item .blog__item_content p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 20px;
}
.blog__item {
width: 100%;
float: left;
background: #eae09e;
margin-bottom: 15px;
}
.site-blogs__tit h2 {
margin-bottom: 30px;
}
.blog__line {
text-align: right;
position: relative;
}
.blog__line:after {
position: absolute;
content: '';
width: calc(100% - 60px);
left: 0;
bottom: 5px;
height: 1px;
background-color: #7a0c0c;
}
.blog__line a {
color: #7a0c0c;
font-size: 13px;
}
.logo__footer {
display: block;
margin-bottom: 15px;
}
.mxh__foo ul {
position: relative;
list-style-type: none;
padding: 0;
text-align: center;
margin: 0 0 15px 0;
}
.mxh__foo>ul>li {
display: inline-block;
margin-right: 5px;
}
.site-copyright p {
margin: 0;
line-height: 22px;
text-align: center;
color: #333;
font-size: 13px;
padding: 7px 15px;
padding-left: 10%;
}
.title-f:before {
background-color: #eae09e;
}
.content-f ul li a:hover {
color: #eae09e;
}
.tit-lienhe {
text-transform: uppercase;
font-size: 2rem;
margin-bottom: 2rem;
font-weight: 600;
}
.single-about {
padding: 3rem 0;
}
.btn__contact:hover {
color: #fff;
}
.tit-about h2 {
font-size: 2.6rem;
color: var(--color-1);
margin: 0 0 3rem 0;
text-transform: uppercase;
text-align: center;
}
.wrap__map {
position: relative;
width: 100%;
height: 0;
padding-bottom: 40%;
}
.wrap__map iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sodotrang {
padding: 1rem 0;
background-color: #121212;
}
.position-relative {
margin: 3rem 0 2rem 0;
}
.chitiet_danhmuc {
font-size: 1.6rem;
line-height: 1.625;
margin: 2rem auto;
max-width: 1000px;
}
.mota_danhmuc {
font-size: 1.7rem;
line-height: 1.4;
font-family: 'MontserratM';
max-width: 1000px;
margin: 2rem auto;
}
.tab_scroll {
position: relative;
}
.list_SubCate>a {
display: inline-block;
padding: 2rem 3rem;
position: relative;
min-width: 16.7rem;
min-height: 9.8rem;
font-size: 1.4rem;
font-family: 'MontserratM';
border-radius: 0.5rem;
}
.list_SubCate>a:before {
position: absolute;
width: 100%;
top: 0;
height: 52%;
left: 0;
content: '';
background: url('data:image/svg+xml;utf8,')no-repeat center center;
background-size: cover;
transition: var(--trans);
}
.list_SubCate>a:after {
position: absolute;
width: 100%;
height: 52%;
left: 0;
bottom: 0;
content: '';
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: cover;
transition: var(--trans);
}
.list_SubCate>a.current,
.list_SubCate>a:hover {
color: #fff;
transition: var(--trans);
}
.list_SubCate>a.current:before,
.list_SubCate>a:hover:before {
transition: var(--trans);
background: url('data:image/svg+xml;utf8,')no-repeat center center;
}
.list_SubCate>a.current:after,
.list_SubCate>a:hover:after {
transition: var(--trans);
background: url('data:image/svg+xml;utf8,') no-repeat center center;
}
.list_SubCate>a span {
position: relative;
display: block;
margin-top: 1rem;
z-index: 1;
color: #fff;
font-family: 'MontserratM';
font-size: 1.8rem;
line-height: 1.625;
}
.sub_cate {
padding: 2rem 0;
}
.sub_cate h4 {
font-size: 2.6rem;
color: var(--color-1);
text-transform: uppercase;
font-family: 'MontserratB';
}
.btn-xemthem {
font-size: 1.6rem;
color: #fff;
background-color: var(--color-1);
}
.breadcrumb-item+.breadcrumb-item::before {
font-size: 1rem;
margin-top: 0.2rem;
}
.breadcrumb {
justify-content: center;
}
.sub_cate1 {
margin: 1rem 0;
}
.breadcrumb li a {
font-size: 1.3rem;
}
.df-breadcumb {
align-items: center;
}
.breadcrumb li.active a {
color: red;
font-family: 'MontserratM';
}
.pn-listProduct {
margin: 3rem 0;
}
.tit__opage span {
text-transform: uppercase;
position: relative;
font-size: 1.8rem;
}
.cont .spacial,
.desc-dt.spacial {
font-size: 1.6rem;
line-height: 1.625;
margin-bottom: 2rem;
font-family: 'MontserratM';
}
.cont-dt {
padding: 2rem 0;
}
.tit_dt {
font-size: 2rem;
line-height: 1.4;
color: var(--color-2);
text-transform: uppercase;
font-family: 'MontserratB';
margin-bottom: 1.5rem;
}
.body-sanpham {
margin: 0;
padding: 0;
background-color: transparent;
}
.tit__productPage {
position: relative;
text-align: center;
margin-bottom: 35px;
}
.tit__productPage span {
text-transform: uppercase;
color: #333;
position: relative;
padding: 10px 40px;
font-size: 30px;
}
.chitiet_sp_hot_title {
color: #111;
}
.chitiet_sp_hot_gia del,
.chitiet_sp_hot_gia span {
color: #eae09e;
}
.chitiet_sp_hot_gia {
color: red;
font-size: 2rem;
font-family: 'MontserratM';
}
.chitiet_sp_hot_gia del,
.chitiet_sp_hot_gia span {
color: #777
}
.mota_sp {
border: 1px dotted #ebebeb;
border-radius: 1rem;
color: #333;
padding: 1rem 1rem;
margin: 1rem 0;
font-size: 1.4rem;
line-height: 1.5;
overflow-y: auto;
padding-right: 1.5rem;
background-color: #fefefe;
}
.mota_sp li {
padding: 7px 10px;
color: #4d4b4b;
background-image: url(templates/images/green.png);
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 38px;
background-size: 14px;
}
.mota_sp ul {
list-style-type: none;
padding-left: 0px;
}
.Swiper_spct img,
.Swiper_spct2 .Swiper_sp_hot_img {
cursor: pointer;
}
.wrap_productThumb {
padding: 0 0;
margin: 0.5rem 0;
position: relative;
}
.box_right_sp_title {
background-color: #edc180;
border-radius: 4px 4px 0 0;
color: #fff;
}
.tit_splq {
text-transform: uppercase;
margin: 30px 0 15px 0;
}
.product-name {
font-family: 'MontserratB';
font-size: 2.6rem;
}
.product_meta {
padding-left: 3rem;
}
.product_ndTab {
margin: 2rem 0 0 0;
}
.tit_rel {
margin-bottom: 3rem;
position: relative;
}
.tit_rel:after {
position: absolute;
width: 100%;
height: 0.2rem;
content: '';
background-color: var(--color-1);
bottom: 0.5rem;
left: 0;
}
.table_productOrder {
font-size: 1.4rem;
}
.tit_frm_giaohang {
font-size: 2rem;
margin-bottom: 2rem;
text-transform: uppercase;
font-family: 'MontserratM';
}
.tit_rel h3 {
font-size: clamp(1.8rem, 1.65rem + 0.8vw, 2.6rem);
color: var(--color-1);
text-transform: uppercase;
font-family: 'MontserratB';
display: inline-block;
padding-right: 2rem;
margin: 0 0;
background-color: #fff;
position: relative;
z-index: 1;
}
.cart-action .btn,
.btn-thanhtoan.active,
.btn-dathang {
background: var(--color-1);
color: #fff;
}
.title_infoOrder {
color: var(--color-1);
font-size: clamp(1.6rem, 1.52rem + 0.399vw, 2rem);
text-transform: uppercase;
text-align: center;
font-family: 'MontserratM';
margin-bottom: 0.5rem;
}
.back_toHome {
font-size: 1.6rem;
text-decoration: underline;
color: red;
}
.cart_backHome a {
font-size: 1.6rem;
color: var(--color-1);
text-decoration: underline;
}
.shopping-summery .product-name {
color: #333;
font-size: 14px;
}
.shopping-summery table thead th.start {
border-radius: 0;
text-align: left;
}
.shopping-summery table thead th.end {
border-radius: 0;
}
.shopping-summery table thead th {
padding: 12px 10px;
background-color: var(--color-1);
color: #fff;
}
.shopping-summery .text-price {
font-size: 1.2rem;
}
.shopping-summery table> :not(caption)>*>* {
padding: 7px 7px;
}
.video_home_title {
padding-left: 0px;
background: none;
font-size: 20px;
}
.title-news_ct {
border-bottom-color: var(--color-blue);
}
.title-news_ct:after {
background-color: #ffa31a;
display: none;
}
.head-mobile {
background: #ffa31a;
display: none;
}
.giohang-mobile span {
color: #fff;
}
.offcanvas_w2 {
background: #992020;
}
.offcanvas_w2 .offcanvas-body ul li a {
color: #fff;
}
.offcanvas_w2 .btn-close {
color: #fff!important;
background: url('templates/images/close.png')no-repeat;
background-size: 100% 100%;
}
.right-head_cart {
margin-left: 0;
}
.blog-area {
background-color: transparent;
}
/* m_menu.php*/
.title-rpmenu {
padding: 5px;
color: #FFF;
font-size: 18px;
cursor: pointer;
position: relative;
z-index: 9999;
display: none;
}
.title-rpmenu .icon-bar {
width: 30px;
height: 3px;
background: #fff;
float: left;
clear: both;
margin-bottom: 5px;
border-radius: 0px;
overflow: hidden;
-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);
box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);
}
#responsive-menu .content ul li span.gg {
display: none;
}
#responsive-menu .close {
position: absolute;
top: 2px;
right: 5px;
font-size: 24px;
z-index: 123;
opacity: 1;
font-weight: 300;
color: #fff;
background: transparent;
border-color: transparent;
padding: 0;
}
#responsive-menu {
position: fixed;
z-index: 1;
background: #222222;
width: auto;
max-height: 100%;
z-index: 999999;
max-height: 420px;
overflow-y: auto;
left: -300px;
height: 100%;
width: 300px;
min-height: 100%;
top: 0;
}
#responsive-menu .search {
position: relative;
padding: 0 5px;
margin-top: 25px;
}
#responsive-menu .search form input {
width: 100%;
padding: 5px;
height: 27px;
border: 1px solid rgba(204, 204, 204, 0.35);
border-radius: 0px;
}
#responsive-menu .search form button {
position: absolute;
right: 5px;
top: 0;
border: 0;
padding: 3px 13px;
background-color: black;
color: #fff;
font-size: 15px;
}
#responsive-menu .search form button i {
position: relative;
top: 2px;
}
#responsive-menu .content {
max-width: 300px;
float: right;
width: 100%;
}
#responsive-menu .content ul {
list-style: none;
padding: 0;
width: 100%;
}
#responsive-menu .content>ul {
padding: 0;
margin: 0;
}
#responsive-menu .content .toggle-menu {
float: right;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
font-size: 11px;
}
#responsive-menu .content .toggle-menu i {
font-size: 14px;
font-weight: 400;
}
#responsive-menu .content ul li a {
color: #FFFFFF;
font-size: 18px;
padding-left: 20px;
display: block;
max-width: 90%;
line-height: 24px;
}
#responsive-menu .close img {
height: 20px;
}
#responsive-menu .content ul li {
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 5px 0px;
border-bottom: 1px solid rgba(247, 246, 246, 0.25);
position: relative;
cursor: pointer;
float: none;
}
#responsive-menu .content ul li:last-child {
border-bottom: none;
}
#responsive-menu .content ul li:hover {
background: #333;
}
#responsive-menu .content ul li ul {
display: none
}
#responsive-menu .content li li:first-child {
border-top: 1px solid rgba(247, 246, 246, 0.25);
}
#responsive-menu .content>ul>li ul {
position: relative;
top: 9px;
}
#responsive-menu .content>ul li ul li {
text-indent: 10px;
}
#responsive-menu .content>ul li ul li a {
font-size: 14px;
}
#responsive-menu .content>ul li ul li ul li {
text-indent: 20px
}
#responsive-menu .content>ul li ul li ul li a {
font-size: 13px;
}
.res__head {
padding: 10px 10px;
}
.res__search {
padding: 10px 10px;
}
/* End m_menu.php */
.hidden {
display: none;
}
.res__search .form-search-nav {
margin-bottom: 10px;
}
.cate__left {
width: calc(25%);
float: left;
}
.slider__right {
width: calc(75%);
float: left;
}
.pn-menu {
/* background: var(--color-1); */
}
.menu_t ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
float: right;
}
.menu_t>ul>li {
float: left;
position: relative;
}
.menu_t>ul>li.has-sub {
position: unset;
}
.menu_t>ul>li>a {
padding: 0 1rem;
font-size: 1.6rem;
line-height: 3rem;
color: #fff;
font-family: 'MontserratM';
}
.menu_t>ul>li>a:hover,
.menu_t>ul>li>a.current {
color: var(--color-2);
}
.menu_t>ul>li:last-child:after {
display: none;
}
.menu_t>ul>li:first-child>a {
padding-left: 0;
}
.menu_t>ul>li.current>a,
.menu_t>ul>li:hover>a {
color: red;
}
.menu_t>ul>li>ul {
position: absolute;
width: 100%;
top: 100%!important;
left: 0;
z-index: 999;
display: none;
background: #fff;
min-width: 300px;
}
.menu_t>ul>li.has-sub>ul {
padding: 2rem 5rem;
min-height: 40vh;
}
.menu_t>ul>li>ul>li {
width: 100%;
}
.menu_t>ul>li.has-sub>ul>li {
width: calc(25% - 10px);
padding-right: 15px;
word-break: break-all;
margin: 0px 5px;
border-bottom: 1px solid #ccc;
float: left;
}
.menu_t>ul>li>ul>li.has-sub>ul {
display: none;
position: unset;
padding-left: 0px;
}
.menu_t>ul>li>ul>li>a {
text-indent: 10px;
font-size: 1.4rem;
}
.menu_t>ul>li>ul>li:hover>a {
background-color: var(--color-1);
color: #fff;
}
.menu_t>ul>li>ul>li>a {
color: #333;
line-height: 4rem;
display: block;
}
.menu_t>ul>li>ul>li:last-child {
border-bottom-color: transparent;
}
.menu_t>ul>li:hover>ul {
display: block;
}
.menu_t>ul>li>ul>li>ul {
position: absolute;
top: 0px;
left: 100%;
background: #fff;
z-index: 9;
display: none;
width: 100%;
}
.menu_t>ul>li>ul>li>ul>li {
min-width: 250px;
line-height: 34px;
}
.menu_t>ul>li>ul>li>ul>li:hover {
background: #ffa31a;
}
.menu_t>ul>li>ul>li>ul>li>a {
color: #333;
font-size: 1.3rem;
text-indent: 1.5rem;
display: block;
}
.menu_t>ul>li>ul>li>ul>li:hover>a {
color: #fff;
}
.menu_t>ul>li>ul>li>ul>li:last-child {
border-bottom: none;
}
.menu_t>ul>li>ul>li:hover>ul {
display: block;
}
.site-salehome {
padding: 30px 0;
background: #F2F1F1;
}
.block__5 {
width: calc(20% - 15px);
margin: 7.5px 7.5px;
float: left;
padding: 0;
}
.tit__home span {
font-size: 28px;
}
.site-bc {
padding: 30px 0;
background: #7D8FA6;
color: #fff;
}
.site-bc .inner {
position: relative;
}
.swiperProductSale-next,
.swiperProductSale-prev {
color: var(--color-blue)!important;
}
.tit__home {
margin-bottom: 20px;
}
.site-vct {
padding: 40px 0;
}
#mucluc-pnvn {
width: 100%;
}
.site-cket {
background: #F2F1F1;
padding: 50px 0;
}
.site-catehome {
padding: 30px 0;
}
.link_c1 {
color: #787878;
}
.site-catehome .tit__home {
margin-bottom: 10px;
color: #7d8fa6;
}
.list__SubCate {
position: relative;
width: 100%;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
.cate-left {
width: calc(25%);
}
.cate-right {
width: calc(75%);
}
.list__SubCate>li>a {
color: #787878;
line-height: 28px;
}
.partnerCketImg {
max-height: 50px;
}
.title-f:before {
display: none;
}
footer {
background: #fff;
color: #333;
}
#btn-send-email {
color: #333;
background-color: transparent;
}
.newsletter__frm input {
border-radius: 0;
background-color: transparent;
}
.newsletter__frm input::placeholder {
color: #333;
opacity: 1;
}
.newsletter__frm input::-ms-input-placeholder {
color: #333;
}
#newsletterFrm {
position: relative;
}
#btn-send-email {
position: absolute;
right: 0;
top: 0px;
}
.content-btc {
padding: 15px 0;
}
#email_frm {
width: calc(100%);
}
/*--nav + filter left --*/
.wrap__cate {
border: 1px solid #ccc;
margin-bottom: 30px;
}
.cate_lv1 {
display: block;
padding: 6px 40px 6px 10px;
position: relative;
color: #111;
text-transform: capitalize;
font-size: 15px;
}
.nav__filter {
margin: 15px 0;
background: #fff8ed;
padding: 10px;
color: #333;
}
.nav__filter ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.nav__filter ul li {
line-height: 30px;
}
/*----*/
.cart-btn1 {
background-color: #111!important;
border-radius: 0.5rem;
}
.cart-btn1:hover {
color: #fff;
}
.cart-btn2:hover {
color: var(--color-2);
color: #fff;
text-transform: unset;
}
.cart-btn {
background: var(--color-1);
border-radius: 0;
height: auto;
padding: 1rem 3rem;
box-shadow: none;
border-color: transparent
}
.cart-plus-minus input {
border-radius: 0;
height: 44px;
font-size: 16px;
}
.tab_sanpham .nav-item .nav-link {
border-radius: 0;
text-align: left;
height: 40px;
font-size: 1.6rem;
font-family: 'MontserratB';
}
.tab_sanpham .nav-link.active,
.tab_sanpham .show>.nav-link {
background: var(--color-1);
}
.chitiet_sp .chitiet_danhmuc {
max-width: unset
}
.chitiet_sp table {
margin: 1.5rem 0;
max-width: 100%!important;
}
.product_rel {
margin-bottom: 3rem;
}
span.act_menu {
transition: all .2s linear;
}
.nav_pro {
position: relative;
}
.act_menu {
position: absolute;
right: 0;
top: -4px;
height: 40px;
width: 40px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #444;
font-weight: 600;
cursor: pointer;
}
.nav_pro .sub1 {
list-style-type: none;
margin: 0;
padding: 0;
}
.sub1 li {
padding: 5px 10px;
}
.sub1 li a {
display: block;
color: #444;
font-size: 14px;
line-height: 24px;
text-indent: 0px;
}
.sub1 li a i {
font-weight: 400;
color: #999;
font-size: 10px;
}
.wrap__cate h3 {
color: #fff;
text-transform: uppercase;
line-height: 40px;
background: var(--color-1);
font-size: 16px;
text-align: center;
}
.Swiper_sp_hot_img {
border-radius: 0;
}
.overlay {
height: 100%;
width: 0;
position: fixed;
z-index: 10001;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
transition: width 0.5s ease-out;
}
.res__head {
text-align: center;
color: #fff;
}
.res__head span {
font-size: 18px;
text-transform: uppercase;
}
.overlay.show {
width: 100%;
}
.rel {
position: relative;
}
.navbar-form {
display: flex;
justify-content: flex-end;
}
.giohang-desktop {
line-height: 40px;
}
.giohang-desktop img {
height: 36px;
margin-top: -5px;
}
.giohang-desktop span {
color: #fff;
}
.giohang-desktop {
width: 70px;
height: 40px;
}
.logo {
position: relative;
z-index: 999;
}
.head__hotline {
padding: 5px 10px;
text-align: center;
background-color: #0000cc;
}
.a143 {
font-size: 20px;
font-weight: 600;
color: rgb(246, 255, 0);
}
.t_hotline {
color: #fff;
}
.t_hotline img {
margin-right: 2px;
width: 40px;
}
.t_hotline p {
margin-bottom: 0;
}
.cate_t {
position: relative;
min-width: 250px;
}
.cate_t h4 {
text-transform: uppercase;
font-size: 16px;
margin-bottom: 0;
line-height: 40px;
font-weight: 400;
background: #ffa31a;
border-radius: 20px 20px 0 0;
padding: 0 15px;
color: #fff;
cursor: pointer;
}
.cate_t ul {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
top: 100%;
left: 0;
background: #fff;
width: 100%;
color: #333;
z-index: 9;
display: none;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.cate_t ul li {
line-height: 40px;
}
.cate_t ul li a {
display: block;
text-indent: 10px;
color: #333;
}
.cate_t ul li:hover {
background: #ffa31a;
}
.cate_t ul li:hover a {
color: #fff;
}
.cate_t:hover ul {
display: block;
}
.cate_t h4 span {
margin-right: 5px;
}
.left__menu {
display: flex;
justify-content: flex-start;
}
.site-productHome {
padding: 40px 0;
position: relative;
}
.tit__home h2 {
text-align: center;
font-size: 26px;
font-weight: 600;
}
.tit__home h2 span {
padding: 0 15px;
position: relative;
}
.tit__home h2 span:after {
position: absolute;
content: '';
bottom: -10px;
width: 40%;
height: 3px;
left: 30%;
background-color: #ffa31a;
}
.site-CateServiceHome {
padding: 40px 0 20px 0;
}
.site-CateServiceHome .tit__home {
margin-bottom: 40px;
}
.item__service {
position: relative;
}
.item__service h3 {
margin-top: 10px;
}
.item__service h3 a {
font-size: 16px;
color: var(--color-blue);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 23px;
text-transform: capitalize;
}
.item__service p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-height: 22px;
font-size: 14px;
}
.item__service p.tt-time {
font-size: 13px;
}
.row__grid_2 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.row__grid_2 .item__service {
margin-bottom: 15px;
}
.row__grid_2 .item__service a img {
float: left;
margin-right: 15px;
}
.row__grid_2 .item__service h3 {
margin: 0 0 5px 0;
}
.content-f a {
color: #333;
}
.site-copyright {
background: #F2F1F1;
position: absolute;
left: 0;
bottom: 0;
z-index: 9;
width: 100%;
}
.pn-cp p {
margin-bottom: 0;
text-align: center;
line-height: 1.5;
font-size: 1.35rem;
color: #fff;
}
.col-left-ctsp {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.col-right-ctsp {
width: 25%;
}
.head__top {
position: relative;
}
.pn-head {
position: relative;
padding: 0.5rem 0;
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
background: linear-gradient(0deg, #080035 0%, #0056E1 221.43%);
color: #fff;
}
#slider_danhmuc {
overflow: hidden;
position: relative;
}
.ls-l {
max-width: 500px!important;
}
.ls-title {
text-align: left!important;
text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
}
.ls-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
text-align: left!important;
text-transform: uppercase;
font-weight: bold;
text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
font-family: 'LatoB';
}
.df_top {
line-height: 30px;
transition: all 0.5s ease-out;
}
.d-main {
transition: all 0.5s ease-out;
}
.df_top a {
color: #fff;
}
.df_top p {
margin: 0 5px;
}
.head__logo {
transition: all 0.5s ease-out;
width: 50%;
padding-left: 3rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.head__logo a img {
max-height: 100px;
max-width: 200px;
}
.head__logo .logo {
width: 35%;
}
.head__logo .banner {
width: 65%;
padding-left: 1rem;
}
.head__logo .banner .cpName {
font-size: 2rem;
margin-bottom: 0;
}
.head__logo .banner hr {
margin: 0.3rem 0;
}
.head__logo .banner .slogan {
font-size: 1.1rem;
}
.short_sv {
text-align: center;
margin-bottom: 30px;
}
.tit__home h2 {
margin-bottom: 20px;
}
.wrap__about {
max-width: 1000px;
position: relative;
display: flex;
align-items: center;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
margin: 0 auto;
}
.wrap__about .about__txt {
flex: 60%;
background-color: var(--color-blue);
padding: 30px 40px;
min-height: 450px;
color: #fff;
position: relative;
}
.ab-mo-ta {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
overflow: hidden;
text-overflow: ellipsis;
}
.wrap__about .about__img {
flex: 40%;
}
.about__img img {
width: 100%;
object-fit: cover;
}
.inner-about__txt h3 {
text-transform: uppercase;
margin-bottom: 20px;
font-size: 24px;
}
.ab-mo-ta {
font-size: 14px;
letter-spacing: 0.3px;
line-height: 24px;
}
.inner-about__txt {
padding-top: 50px;
}
.ab-redi {
margin-top: 15px;
}
.ab-redi a {
display: inline-block;
padding: 7px 20px;
border-radius: 4px;
background-color: #fff;
color: #444;
position: relative;
transition: all 0.5s ease-out;
}
.ab-redi a span {
opacity: 0;
transition: opacity 0.5s ease-out;
font-size: 14px;
font-weight: 600;
}
.ab-redi a:hover {
background-color: rgb(246, 255, 0);
}
.ab-redi a:hover span {
opacity: 1;
}
.site-about {
position: relative;
margin-top: -30px;
z-index: 99;
padding-bottom: 30px;
}
.wrap__about .about__txt:after,
.wrap__about .about__txt:before {
position: absolute;
content: '';
bottom: 0;
}
.wrap__about .about__txt:after {
left: 15px;
width: 50px;
height: 80px;
background: url('templates/images/about_1.png')no-repeat;
}
.wrap__about .about__txt:before {
right: 15px;
width: 65px;
height: 100px;
background: url('templates/images/about_2.png')no-repeat;
}
.site-serviceH {
padding: 40px 0;
}
.tit__home h2 {
text-transform: uppercase;
letter-spacing: 0.4px;
}
.gird__service {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.service__item a {
display: block;
position: relative;
}
.service__item .service__box {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: all 0.5s ease-out;
}
.service__item a {
overflow: hidden;
}
.service__item a:before {
position: absolute;
width: 0;
height: 100%;
content: '';
background: var(--color-blue);
top: 0;
left: 0;
transition: all 0.5s ease-out;
border-right: 5px solid var(--color-blue);
}
.service__item:hover a:before {
width: 100%;
background: rgb(0, 0, 204, 0.4);
}
.service__item:hover .service__box {
opacity: 1;
}
.service__item .service__box h3 {
color: #fff;
}
.service__boxI {
display: flex;
align-items: center;
width: 100%;
height: 100%;
flex-direction: column;
padding: 30px 30px;
text-align: center;
margin-top: 25%;
}
.service-dr {
padding: 7px 15px;
display: inline-block;
color: var(--color-blue);
background: #fff;
}
.service__boxI p {
color: #fff;
font-size: 14px;
line-height: 22px;
}
.service__boxI h3 {
text-transform: uppercase;
font-size: 18px;
}
.boxI__ds {
margin-bottom: 20px;
}
.site-truyenthong {
padding: 50px 0;
background-size: 100% 100%;
}
.truyenthong_wrap {
display: flex;
justify-content: space-between;
}
.truyenthong_left {
flex: 40%;
}
.truyenthong_right {
flex: 60%;
padding-left: 30px;
}
.tt_imgmax {
position: relative;
display: block;
}
.tt_imgmax_txt {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 10px 10px;
background: rgb(0, 0, 204, 0.4);
color: #fff;
}
.tt_imgmax_txt h3 {
font-size: 16px;
font-weight: 600;
}
.tt_imgmax:hover .tt_imgmax_txt h3 {
font-weight: bold;
color: var(--color-yellow)
}
.tt_desc {
font-size: 13px;
}
.list__ttItem {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
.list__ttItem>li>.tt_item {
display: flex;
margin-bottom: 10px;
background: #fff;
}
.tt_item a img {
width: 100%;
object-fit: cover;
}
.tt_item .img_tt_sm {
flex: 25%;
}
.tt_item .tt_in {
flex: 75%;
padding-left: 10px;
border-bottom: 3px solid var(--color-blue);
border-right: 3px solid var(--color-blue);
}
.tt_item .tt_in h4 a {
color: #333;
font-size: 14px;
}
.tt_item .tt_in .tt_desc_sm {
font-size: 13px;
}
.tt_in i {
color: var(--color-blue);
}
.tt-time {
font-style: italic;
font-size: 12px;
}
.site-partner {
padding: 30px 0;
}
.flex__foot {
display: flex;
position: relative;
}
.flex__foot .foot__left {
flex: 40%;
text-align: center;
background-color: var(--color-blue);
color: #fff;
padding: 0 30px 0 10%;
margin-top: -20px;
position: relative;
display: flex;
align-items: center;
}
.flex__foot .foot__right {
flex: 60%;
background: #eee;
padding: 30px 10% 30px 30px;
}
.title-f {
text-transform: none;
margin-bottom: 20px;
border-radius: 0.2rem;
}
.foot_wrapMap {
position: relative;
width: 100%;
height: 0;
padding-bottom: 30%;
}
.foot_wrapMap iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.logo__footer img {
height: 120px;
}
.foot__nd {
font-size: 16px;
line-height: 26px;
}
.tt_item .tt_in h4 {
transition: all 0.3s ease;
}
.tt_item .tt_in h4:hover a {
color: #0000cc;
}
.service-dr:hover {
background: var(--color-yellow);
}
#contact-form .form-group {
position: relative;
}
.row__grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
.df-3l_7r .left {
width: 30rem;
}
.df-3l_7r .right {
width: calc(100% - 30rem);
padding-left: 2rem;
}
.df-3l_7r .right .spacial {
font-weight: 600;
margin-bottom: 2rem;
font-size: 1.6rem;
}
.df-3l_7r .right .cont {
padding-bottom: 2rem;
font-size: 1.5rem;
}
.cp_m {
display: none;
}
.tm1 {
padding: 0!important;
}
.tm2 {
padding-bottom: 5px!important;
}
.img__AbMobile {
display: none;
}
.site-banner img {
width: 100%;
}
.d-ht {
justify-content: flex-end;
}
.ht-bg {
background: var(--color-1);
padding: 5px 20px;
color: red;
border-radius: 20px;
margin-left: 10px;
}
.ht-bg a {
color: red;
font-size: 18px;
}
.d-ht span {
display: flex;
align-items: center;
}
.ht-bg a img {
height: 25px;
}
.ht-bg.bg-ar {
border-radius: 50%;
padding: 5px 5px;
width: 37px;
height: 37px;
}
.d-hm {
align-items: flex-start;
justify-content: space-between;
align-items: center;
}
.pn-vct {
padding: 30px 0 0 0;
background-size: 100% 100%!important;
min-height: 400px;
}
.d-cvt {
align-items: center;
justify-content: space-between;
}
.d-cvt .cont {
flex: 50%;
}
.d-cvt .img {
flex: 50%;
padding-left: 30px;
}
.d-cvt .cont .name {
font-size: 30px;
margin-bottom: 20px;
font-family: 'LatoR';
}
.d-cvt .mota {
font-size: 16px;
line-height: 26px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
text-overflow: ellipsis;
}
.pn-courses {
padding: 50px 0;
background-size: 100% 100%!important;
}
.d-courses {
align-items: center;
justify-content: space-between;
}
.d-courses .cont {
flex: 50%;
padding-left: 30px;
font-size: 16px;
line-height: 26px;
}
.d-courses .img {
flex: 50%;
padding-right: 30px;
}
.d-courses .cont .name {
font-size: 30px;
margin-bottom: 20px;
font-family: 'LatoR';
}
.site-frmDc {
padding: 50px 0;
}
.d-frmDc {
justify-content: space-between;
align-items: center;
}
.d-frmDc .img {
flex: 50%;
}
.d-frmDc .frm__discount {
flex: 50%;
color: #fff;
}
.site-frmDc {
background-size: 100% 100%!important;
min-height: 400px;
}
.frm__discount .form-group label {
color: #333;
margin-bottom: 5px;
font-size: 1.3rem;
}
.frm__discount .form-group .form-control,
.frm__discount .form-group .form-select {
border: 1px solid var(--color-1);
border-radius: 0.5rem;
font-size: 1.25rem;
}
.frm__discount .form-group input,
.frm__discount .form-group select {
height: 37px;
border-radius: 2px;
}
#btn-regis-discount {
width: 100%;
background: var(--color-1);
color: #fff;
text-align: center;
height: 50px;
text-transform: uppercase;
font-size: 20px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.site-bannerDis {
padding: 70px 0;
background-size: 100% 100%!important;
min-height: 200px;
}
.site-bannerDis .cont {
max-width: 800px;
margin: 0 auto;
}
.btn-bannerDis {
width: 100%;
text-align: center;
line-height: 50px;
background: #eee;
color: #333;
font-size: 24px;
}
.pn-khoadaotao {
padding: 30px 0;
}
.cont-1 {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.cont-1 .name {
font-size: 2rem;
color: #444;
margin-bottom: 20px;
}
.cont-1 .desc {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.3px;
}
.gird__khoahoc {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 25px;
}
.gird__khoahoc .item_kh {
padding: 20px 20px;
border: 1px solid var(--color-1);
border-radius: 5px;
}
.item_kh .name {
color: #444;
font-size: 1.5rem;
}
.item_kh .img {
margin: 10px 0;
}
.item_kh .img img {
width: 100%;
}
.pn-khoadaotao .cont-2 {
padding: 30px 0;
}
.pn-bannerkhoahoc a img {
width: 100%;
}
.pn-question {
padding: 30px 0;
background: #fbfbfb;
}
.card-header a {
outline: none!important;
box-shadow: none!important;
font-size: 16px;
text-align: left;
}
.card__question {
margin-bottom: 10px;
border-color: rgba(0, 0, 0, .05);
border-radius: 2px;
}
.pn-question h2 {
font-size: 2rem;
margin-bottom: 20px;
}
.card__question .card-header {
border-color: rgba(0, 0, 0, .05);
border-radius: 2px;
background-color: #fff;
}
.card__question .card-header i {
color: var(--color-1);
font-weight: bold;
font-size: 18px;
}
.card__question .card-body {
font-size: 15px;
}
.pn-ck {
padding: 30px 0;
}
.inner-partner {
position: relative;
}
.d-qb {
justify-content: center;
padding: 30px 0 0 0;
}
.qb-l {
flex: 65%;
padding-right: 50px;
}
.qb-r {
flex: 35%;
}
.qb-l iframe {
width: 100%;
}
.ck__list {
list-style-type: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.ck__list li {
padding: 20px 20px;
background: #d1e1bc;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.ck__list li h4 {
font-size: 20px;
}
.ck__list li p {
font-size: 16px;
}
.pn-rating {
background: var(--color-3);
color: #fff;
padding: 70px 0;
}
.item__kh h4.name {
font-size: 20px;
margin-bottom: 10px;
}
.rating_side {
display: flex;
justify-content: space-between;
align-items: center;
}
.rating_side span i {
color: var(--color-1);
}
.pn-foot {
color: #fff;
font-size: 1.7rem;
background-size: cover!important;
padding: 4rem 0 0 0;
}
.pn-foot .nd ul li {
line-height: 1.6;
}
.pn-cp {
background: rgba(0, 0, 0, 1);
margin-top: 2rem;
padding: 1rem 0;
}
.df-cp {
align-items: center;
}
.df-cp .left {
width: calc(100% - 32rem);
}
.df-cp .right {
widtd: calc(30rem);
}
.social ul {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 1rem;
}
.social ul li {
margin-right: 1rem;
}
.social ul li a img {
width: 4rem;
}
.d-foot {
justify-content: center;
padding-top: 3rem;
}
.menui_link {
text-align: right;
margin: 1rem 0;
}
.menui_link a {
color: var(--color-1);
}
.tit-foot {
font-size: 1.8rem;
text-transform: uppercase;
margin-bottom: 1.5rem;
color: #fff;
font-family: 'MontserratM';
}
.foot_logo img {
max-height: 16rem;
max-width: 50rem;
}
.foot_logo {
margin-bottom: 2rem;
}
.pn-foot a {
color: #333;
}
.pn-cp a {
color: #fff;
}
.foot3 .nd {}
.foot-left {
flex: 50%;
padding-right: 2rem;
}
.foot-lk {
flex: 30%;
padding-right: 2rem;
}
.foot-right {
flex: 50%;
}
.foot_1 {
position: relative;
padding-bottom: 3rem;
}
.foot_1:after {
position: absolute;
width: calc(100% - 6rem);
height: 0.05rem;
left: 3rem;
bottom: 0;
content: '';
background-color: #eee;
}
.foot_2 {
padding: 3rem 0;
}
.tv__cont {
font-size: 20px;
margin-bottom: 20px;
line-height: 24px;
}
.d-frmtv {
justify-content: space-between;
}
.title_dknt {
margin-bottom: 1rem;
font-size: 1.7rem;
font-family: 'MontserratM';
}
#b-sendtv {
background: var(--color-6);
color: #fff;
text-align: center;
min-height: 4.7rem;
font-size: 1.6rem;
padding: 0 1.5rem;
border-radius: 3rem;
width: 12rem;
}
.sub_tvb {
text-align: center;
padding: 0 4vw;
font-size: 1.6rem;
line-height: 1.4;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.d-frmtv .g-recaptcha {
transform: scale(0.7);
transform-origin: 0 0;
margin-bottom: -35px;
}
.d-frmtv>div {
width: calc(100% - 13rem);
}
.newsletter__frm input {
height: 4rem;
border-radius: 0.2rem;
font-size: 1.4rem;
color: #333;
}
.leftc1 {
width: calc(70% - 20px);
margin: 0 10px;
float: left;
}
.leftc1 .cont {
flex: 75%;
padding-left: 20px;
}
.imgfoot1 {
height: 80px;
}
.leftc2 {
width: calc(30% - 20px);
margin: 0 10px;
float: right;
}
.ctop {
display: flex;
justify-content: flex-start;
margin-bottom: 15px;
}
.ctop .cont h2 {
font-size: 18px;
}
.cbottom p {
font-size: 15px;
margin-bottom: 12px;
}
.cbottom p span {
display: inline-flex;
min-width: 20px;
}
.cbottom p i {
font-size: 16px;
}
.cbottom p a {
color: #fff;
}
#contact-form .form-group,
#discountFrm .form-group,
#newsletterFrm .form-group {
position: relative;
}
#contact-form .form-group label.error,
#discountFrm .form-group label.error,
#newsletterFrm .form-group label.error {
position: absolute;
color: #ff0000;
right: 10px;
font-weight: 400;
font-size: 1.2rem;
top: 10px;
}
.banner_full {
position: relative;
}
.banner_full img {
width: 100%;
object-fit: contain;
}
.bg_gray {
background: #e6eaf0;
}
.btn__contact {
background: var(--color-2);
border-radius: 5rem;
text-transform: uppercase;
}
.tt-lienhe {
padding-left: 2rem;
}
#contact-form input.form-control {
height: 40px;
}
.banner_full h1 {
z-index: 99;
color: #fff;
text-transform: uppercase;
font-size: 2rem;
font-family: 'MontserratB'!important;
text-align: left;
}
.banner_full .background {
position: relative;
overflow: hidden;
}
.banner_full h1 {
position: relative;
z-index: 2;
}
.blog-area .blog__left {
width: 73%;
float: left;
position: relative;
padding-right: 30px;
}
.blog-area .blog__right {
width: 27%;
float: left;
position: relative;
}
.blog-area .blog__right .insHeading {
color: var(--color-2);
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 2rem;
}
.c-white {
color: #fff;
}
.item__service {
display: flex;
}
.item__service .img {
width: 40%;
}
.item__service .cont {
width: 60%;
padding: 0 20px;
}
.wp__stick {
position: sticky;
top: 0;
}
.list__stickHot {
position: relative;
list-style-type: square;
margin: 10px 0;
padding: 0 0 0 20px;
display: grid;
grid-template-columns: 1fr;
grid-gap: 8px;
}
.stickHot {
padding: 0 2rem 2rem 2rem;
}
.list__stickHot li a {
color: #333;
}
#RecaptchaField2 {
transform: scale(0.7);
transform-origin: 0 0;
margin-bottom: -2.5rem;
}
#optionBlog {
background: #64844b;
position: relative;
width: 200px;
height: 34px;
margin-bottom: 10px;
color: #fff;
}
.news-detalis-content {
position: relative;
}
.news-detalis-content .ngaydang {
display: flex;
}
.gird__products {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
}
.product-information {
background: #d1e1bc;
padding: 30px 0;
}
.m__menu {
display: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.navbar-toggle {
position: relative;
padding: 0.8rem 0.8rem;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle .icon-bar {
display: block;
width: 3rem;
height: 0.3rem;
border-radius: 0.1rem;
background-color: #fff;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 0.5rem;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.hc-nav-trigger.hc-nav-1 {
display: block;
}
.head_social {
margin-bottom: 1em;
display: flex;
}
.head_social ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.head_social ul li {
float: right;
padding: 0 0.3em;
}
.head_social ul li a {
display: block;
}
.head_social ul li a img {
height: 3.5rem;
}
.head_search__booking {
display: flex;
justify-content: flex-end;
flex-direction: column;
}
.head__contact {
margin: 1rem 0
}
.head__contact span {
padding: 0 0.5rem;
font-size: 1.3rem;
}
.btn-booking {
padding: 0.7em 1em;
text-transform: uppercase;
font-size: 1.4rem;
}
.btn-booking-head {
background: red;
}
.btn-booking-center {
background: var(--color-2);
color: #fff;
padding: 1rem 1.5em;
border-radius: 0.3rem;
}
.btn-booking-center:hover {
background-color: var(--color-1);
color: #fff;
}
.swiperSlider .swiper-pagination-bullet {
background-color: transparent!important;
border: 0.2rem solid #fff!important;
min-width: 1.4rem;
min-height: 1.4rem;
opacity: 0.8!important;
}
.swiperSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--color-1)!important;
}
.btn-detail {
text-transform: none;
background-color: var(--color-2);
color: #fff;
}
.df-project .link {
margin-top: 2rem;
}
.inner-us {
padding-bottom: 3rem;
}
.head__right {
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-direction: column;
width: 70%;
}
.pn_about__us {
padding: 3rem 0;
}
.tit_block {
margin-bottom: 3rem;
border-bottom: 1px solid #8cc142;
}
.tit_block h2 {
font-size: 2.4rem;
color: #ed1b24;
text-transform: uppercase;
margin: 0 0;
font-family: 'MontserratB'!important;
font-weight: 600;
padding-bottom: 1.5rem;
display: inline-block;
position: relative;
}
.tit_block h2:after {
position: absolute;
width: 100%;
height: 1rem;
background: #8cc142;
content: '';
left: 0;
bottom: -0.5rem;
border-radius: 1rem;
}
.un-style {
list-style-type: none;
margin: 0;
padding: 0;
}
.list-us {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 3rem;
}
.list-us>li .item a {
display: block;
}
.item_us .tit {
margin: 1rem 0;
}
.item_us .tit h3 {
font-size: 1.8rem;
color: var(--color-1);
text-transform: uppercase;
}
.item_us .tit h3:hover {
color: var(--color-2);
}
.item_us .img img {
width: 100%;
height: 200px;
object-fit: cover;
}
.pn-service {
padding: 3rem 0;
}
.gird_service {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 3rem;
}
.item_service {
position: relative;
}
.item_service .info {
padding: 0 2rem;
}
.item-service .card-img span {
font-size: 2rem;
font-style: italic;
}
.lazy-load-box {
transition: all 0.4s ease-out;
opacity: 1;
transform: translateX(0) translateY(0) scale(1);
}
.item-service .card-img strong {
font-size: 4.4rem;
}
.item-service .content {
text-align: center;
}
.item-service .content h3 {
color: var(--color-2);
font-size: 1.6rem;
cursor: pointer;
}
.item-service .content p {
font-size: 1.4rem;
}
.item-service a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.item-service-even .card-img {
background-color: var(--color-1);
}
.item-service-even .content h3 {
color: var(--color-1);
}
.g-about {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
}
.g-about .img img {
width: 100%;
height: 300px;
object-fit: cover;
}
.g-about .cont .nd {
font-size: 1.4rem;
line-height: 2.2rem;
letter-spacing: 0.05rem;
margin-bottom: 3rem;
text-align: right;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 30px;
}
.inner-cp .link {
text-align: right;
}
.tit_service {
margin-bottom: 4rem;
}
.pn-process {
padding: 3rem 0 5rem 0;
}
.g-process {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 4rem;
}
.g-process .i-process {
position: relative;
display: flex;
margin-bottom: 0rem;
}
.g-process .i-process .left {
width: 130px;
display: flex;
align-items: center;
justify-content: center;
}
.g-process .i-process .right {
width: calc(100% - 140px);
border-radius: 2rem;
border: 1px solid var(--color-2);
border-left-color: transparent;
padding: 1rem 1rem 1rem 1.5rem;
}
.g-process .i-process .right p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.25rem;
margin-bottom: 0;
}
.g-process .i-process .right h3 {
font-size: 1.4rem;
color: var(--color-2);
cursor: pointer;
text-transform: uppercase;
}
.g-process .i-process-even .right {
border-color: var(--color-1);
border-left-color: transparent;
}
.g-process .i-process-even .right h3 {
color: var(--color-1)
}
.tit_process {
margin-bottom: 5rem;
}
.g-process .i-process .box {
width: 12rem;
height: 12rem;
position: relative;
}
.g-process .i-process .box:after {
width: 1rem;
height: 1rem;
border-radius: 50%;
content: '';
background-color: var(--color-2);
position: absolute;
top: 1.5rem;
left: 1rem;
z-index: 9;
}
.g-process .i-process-even .box:after {
background-color: var(--color-1);
}
.g-process .i-process .box::before {
position: absolute;
content: attr(data-content);
top: 2rem;
left: -3rem;
width: 6rem;
height: 8rem;
padding: 0.3rem 0 0.3rem 0;
color: #fff;
font-size: 9rem;
font-family: 'MontserratB'!important;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-shadow: 1px 0px 2px var(--color-2), -1px 0px 2px var(--color-2), 0px 1px 1px var(--color-2);
text-align: center;
display: flex;
justify-content: flex-start;
align-items: center;
}
.g-process .i-process .in-box {
border-radius: 50%;
border: 0.13rem solid var(--color-2);
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-left-color: transparent;
}
.g-process .i-process .in-box span {
background-color: var(--color-3);
padding: 1.2rem 1.2rem;
display: inline-block;
z-index: 1;
border-radius: 50%;
border: 1.2rem solid #fff;
}
.g-process .i-process .in-box span img {
width: 50px;
height: 50px;
}
.g-process .i-process-even .in-box {
border-color: var(--color-1);
border-left-color: transparent;
}
.g-process .i-process-even .in-box span {
background-color: var(--color-1);
}
.g-process .i-process-even .box::before {
text-shadow: 1px 0px 2px var(--color-1), -1px 0px 2px var(--color-1), 0px 1px 1px var(--color-1);
}
.nst_1 .box::before {
width: 4rem!important;
top: 2.5rem!important;
left: -1rem!important;
}
.nst_6 .in-box {
background-color: #fff;
}
.nst_5 .in-box {
background-color: #fff;
}
.nst_4 .in-box {
background-color: #fff;
}
.nst_3 .in-box {
background-color: #fff;
}
.nst_2 .in-box {
background-color: #fff;
}
.nst_6 .box::before {
top: 2.5rem!important;
left: -3rem!important;
font-size: 10rem!important;
}
.nst_5 .box::before {
top: 3rem!important;
left: -3rem!important
}
.nst_4 .box::before {
top: 2.8rem!important;
left: -3.2rem!important;
}
.nst_3 .box::before {
top: 3rem!important;
left: -2.8rem!important;
}
.nst_2 .box::before {
top: 2.8rem!important;
left: -2.8rem!important;
}
.nd1 {
padding-left: 0!important;
text-align: left!important;
font-size: 1.5rem;
line-height: 2.2rem;
}
.pn-partner {
padding: 3rem 0;
}
.pn-partner .swiper-slide {
background-color: #fff;
text-align: center;
}
.pn-block-cp {
padding: 3rem 0;
}
.pn-block-cp .tit_cp {
margin-bottom: 2.5rem;
}
.pn-block-cp .tit_cp h2 {
text-align: right;
font-size: 2.4rem;
}
.pn-news {
padding: 3rem 0;
}
.pn-news .tit_news {
margin-bottom: 4rem;
}
.pn-news .item-news {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
padding: 0.1rem 0.1rem 1rem 0.1rem;
margin-bottom: 1rem;
min-height: 410px;
}
.item-news .img {
margin-bottom: 3rem;
position: relative;
}
.item-news .img img {
width: 100%;
height: 230px;
object-fit: cover;
}
.item-news .tit h3 {
font-size: 1.7rem;
line-height: 2.3rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
color: var(--color-2);
padding: 0 1rem;
}
.item-news .tit h3:hover {
color: var(--color-1);
}
.item-news p {
font-size: 1.4rem;
line-height: 2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 1rem;
}
.df-project .cont {
width: 30%;
}
.df-project .list {
width: 70%;
padding-left: 2rem;
}
.df-project .list ul {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
}
.df-project .list ul .item-project {
position: relative;
display: flex;
justify-content: space-between;
}
.df-project .list ul .item-project .img {
width: 120px;
}
.df-project .list ul .item-project .img img {
width: 100%;
height: 120px;
object-fit: cover;
border: 1px solid #eee;
padding: 0.2rem;
border-radius: 0.2rem;
}
.df-project .list ul .item-project .nd {
width: calc(100% - 130px);
}
.df-project .list ul .item-project .nd h3 {
font-size: 1.6rem;
font-family: 'MontserratM';
color: #444;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.df-project .list ul .item-project .nd h3:hover {
color: var(--color-1);
}
.df-project .list ul .item-project .nd p {
font-size: 1.3rem;
color: #545454;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
}
.df {
display: flex;
justify-content: space-between;
}
.df-project {
align-items: flex-start;
}
.pn-project {
padding: 5rem 0 3rem 0;
background-color: #fbfbff;
}
.df-project .cont .tit h2 {
font-size: 2.6rem;
text-transform: uppercase;
font-weight: 600;
color: var(--color-2);
margin-bottom: 2rem;
}
.df-project .cont .tit p.nd {
font-size: 1.35rem;
line-height: 2.2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
text-overflow: ellipsis;
}
.foot-left .social ul {
margin: 1rem 0;
display: flex;
}
.foot-left .social ul li {
float: left;
margin-right: 1rem;
}
.news_point {
width: 35px;
height: 35px;
border-radius: 50%;
background-color: var(--color-1);
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 1rem;
bottom: -2rem;
padding: 0.4rem;
border: 1px solid #fff;
}
.news_point img {
width: 18px!important;
height: auto!important;
}
.pn-contact {
padding: 3rem 0;
height: calc(100vh - 9rem);
overflow-y: hidden;
background-size: cover!important;
color: #fff;
}
.row_about {
padding: 3rem 0;
display: flex;
align-items: center;
justify-content: center;
}
.row_about .left {
width: 50%;
padding-left: 3rem;
}
.row_about .right {
width: 50%;
}
.row_about .left h3 {
color: var(--color-2);
text-transform: uppercase;
margin-bottom: 2rem;
}
.row-about-even {
flex-direction: row-reverse;
}
.row_about .right img {
width: 100%;
height: 350px;
object-fit: cover;
border: 0.3px solid var(--color-1);
padding: 0.2rem;
}
.single-ps1 {
padding: 3rem 0;
background: var(--color-5);
}
.single-ps1 .row_about .left {
padding-right: 3rem;
}
.single-ps1 .row_about .left h3 {
font-size: 3rem;
margin-bottom: 2rem;
color: var(--color-1);
}
.single-ps1 .row_about .left .nd {
line-height: 2.4rem;
}
.single-ps1 .row_about .right img {
height: 450px;
padding: 0.1rem;
border-width: 0.3rem;
}
.single-view {
padding: 4rem 0;
position: relative;
background-size: cover!important;
background-attachment: fixed!important;
min-height: 50vh;
}
.single-view:before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
content: '';
background-color: rgb(0, 0, 0, 0.6);
}
.gird-view {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 4rem;
}
.gird-view .item-view {
position: relative;
margin-bottom: 3rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gird-view .item-view h3 {
color: var(--color-1);
font-size: 2.6rem;
margin-top: 2rem;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 2rem;
}
.gird-view .item-view .nd {
font-size: 1.3rem;
line-height: 2.2rem;
margin-bottom: 1rem;
color: #fff;
text-align: center;
}
.single-partner {
padding: 3rem 0;
}
.single-partner .tit_partner h2 {
color: var(--color-1);
}
.single-service {
padding: 3rem 0;
}
.df_news .left73_7 {
width: calc(100% - 30rem);
padding-right: 3rem;
}
.df_news .left73_3 {
width: 30rem;
}
.single-news {
padding: 3rem 0;
}
.tit_nbr {
font-size: 1.8rem;
text-transform: uppercase;
font-weight: 600;
color: var(--color-2);
margin-bottom: 2rem;
}
.list__nbr {
list-style-type: none;
margin: 0;
padding: 0;
}
.list__nbr li {
padding-bottom: 0.7rem;
}
.list__nbr li a h4 {
font-size: 1.4rem;
color: #333;
line-height: 2.2rem;
margin-bottom: 0.5rem;
}
.list__nbr li .ndd {
font-size: 1.2rem;
}
.it_post_hz {
position: relative;
padding-bottom: 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid #ccc;
}
.it_post_hz .img {
width: 280px;
}
.it_post_hz .img a img {
height: 170px;
width: 100%;
object-fit: cover;
}
.it_post_hz .info {
width: calc(100% - 300px);
}
.it_post_hz .info h2 {
margin: 0 0;
line-height: 2.4rem;
margin-bottom: 0.7rem;
}
.it_post_hz .info h2 a {
font-size: 1.8rem;
color: #333;
line-height: 2.4rem;
font-family: 'MontserratB';
text-transform: capitalize;
}
.feature-img {
margin: 1rem 0;
}
.feature-img img {
width: 100%;
}
.pn-search {
margin: 3rem 0;
}
.it_post_hz .info h2:hover a {
color: var(--color-1);
}
.it_post_hz .info .date {
color: #999;
font-size: 1.2rem;
}
.it_post_hz .info .desc {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0.5rem;
font-size: 1.35rem;
}
.it_post_hz .info .link a {
font-style: italic;
font-size: 1.35rem;
}
.it_post_hz:last-child {
border-bottom-color: transparent;
}
.tit_single__partner h2 {
color: var(--color-1);
}
.list__partner {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 3rem;
}
.list__partner .item__partner {
text-align: center;
}
.list__partner .item__partner .img img {
width: 100%;
}
.list__partner .item__partner .img img {
height: 250px;
width: 100%;
object-fit: cover;
}
.list__partner .item__partner .name h3 {
margin: 1rem 0;
padding: 0 1rem;
color: #333;
font-size: 1.8rem;
}
.list__partner .item__partner .desc {
font-size: 1.4rem;
line-height: 2.2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 1rem;
}
.cont-project {
padding-bottom: 1rem;
}
.single-project {
padding: 3rem 0;
}
.single-project .list {
padding-left: 0;
width: 100%;
padding: 1rem 0;
}
.cont-partner {
padding: 2rem 0;
}
.single-album {
padding: 2rem 0;
}
.grid-album {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.grid-album .item-album {
margin-bottom: 1rem
}
.grid_anh {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2rem;
margin: 2rem 0;
}
.blog-album .container {
max-width: 1000px;
}
.content-album {
padding: 3rem 0;
}
.pagination-sm .page-link {
font-size: 1.3rem;
}
.single-search {
padding: 3rem 0;
}
.single-menuii {
padding: 3rem 0;
}
.gird-menuii {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.gird-menuii .item-menuii {
min-height: 150px;
background-size: cover!important;
position: relative;
border-radius: 2rem;
}
.gird-menuii .item-menuii:before {
position: absolute;
content: '';
background: rgb(0, 0, 0, 0.6);
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 2rem;
}
.gird-menuii .item-menuii a {
color: #fff;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 3em;
display: flex;
align-items: center;
justify-content: center;
}
.gird-menuii .item-menuii a h3 {
text-align: center;
font-size: 2.4rem;
line-height: 3rem;
}
.cont-menui {
padding: 3rem 0;
text-align: center;
}
.tit__rel1 h3 {
font-size: 2.6rem;
color: var(--color-2);
text-transform: uppercase;
font-weight: 600;
}
.news-detalis {
font-size: 1.5rem;
line-height: 2.4rem;
}
.single-detail {
padding: 3rem 0 3rem 0;
}
.single-relPost {
margin-top: 2rem;
}
.df-dts .left {
width: 340px;
padding: 2rem 2rem 0 2rem;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.row__post__lh {
padding: 10px;
border: 1px solid #eee;
margin-top: 15px;
}
.tit__postlh {
border-bottom: 1px solid #eee;
font-size: 16px;
text-transform: uppercase;
padding-bottom: 10px;
font-family: 'MontserratB';
color: var(--color-1);
}
.post__lh {
position: relative;
display: flex;
flex-direction: column;
list-style-type: none;
padding: 0;
margin: 10px 0 0 0;
}
.df-dts .right {
width: calc(100% - 370px);
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.post__lh>li {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.single-detail-service {
padding: 3rem 0;
}
.post__lh>li .ic {
margin-top: -0.3rem;
margin-right: 0.2rem;
}
.post__lh>li>a {
color: #333;
font-size: 1.5rem;
line-height: 1.5;
font-family: 'MontserratM';
}
.post__lh>li>a:hover {
color: var(--color-1);
}
.sv_hotline {
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
padding-bottom: 1rem;
}
.sv_hotline .name {
font-size: 1.5rem;
margin: 1rem 0;
font-weight: 600;
color: #444;
margin-bottom: 0.4rem;
}
.sv_hotline .hotline a {
font-size: 3rem;
font-weight: 600;
color: var(--color-4);
}
.sv_datlich .cont {
font-size: 1.6rem;
color: red;
text-transform: uppercase;
font-weight: 600;
}
.df-dts {
margin-bottom: 2rem;
}
.sv_datlich .bg img {
width: 100%;
}
.frm__book {
padding: 2rem 3rem;
}
.title_book h2 {
color: var(--color-4);
font-size: 1.8rem;
}
.gird-wd2 {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2rem;
}
.datepicker {
padding: 5px!important;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px!important;
}
.datepicker-dropdown {
background-color: #fff!important;
}
.grid_thoigianhen {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1rem;
}
.pn-blocksp {
padding: 3rem 0 1rem 0;
}
.pn-partner .partnerSwiperNext,
.pn-partner .partnerSwiperPrev {
right: 1rem;
top: 0;
}
.pn-partner .partnerSwiperNext {
color: var(--color-1)!important;
border: 1px solid var(--color-1);
height: 30px;
top: 2rem;
}
.pn-partner .partnerSwiperPrev {
color: var(--color-1)!important;
border: 1px solid var(--color-1);
height: 30px;
top: 2rem!important;
right: 4rem!important;
left: unset;
}
.block-type1 {
position: relative;
display: flex;
justify-content: space-between;
}
.block-type1 .left {
width: 300px;
padding-right: 2rem;
position: relative;
}
.block-type1 .left a img {
width: 100%;
height: 300px;
object-fit: cover;
}
.block-type1 .right {
width: calc(100% - 300px);
position: relative;
}
.df_sub_cate .left {
width: 30rem;
}
.df_sub_cate .right {
width: calc(100% - 32rem);
}
.pn-blocksp {
padding: 3rem 0;
}
.pagination-page {
margin: 1rem 0;
}
.pagination-page #pagination-ajax {
margin: 0 0;
justify-content: center;
}
.pn-blocksp .container {
max-width: 1300px;
}
.item__product {
position: relative;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
border-radius: 0.5rem;
overflow: hidden;
margin: 0.5rem 0.5rem;
}
.item__product .img a {
display: block;
}
.product_cart {
text-align: center;
margin-bottom: -1rem;
position: relative;
}
.product_cart:after {
position: absolute;
width: 14.5rem;
height: 1rem;
content: '';
background-color: rgba(201, 23, 33, 1);
bottom: -1rem;
left: calc(50% - 7.25rem);
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.product_cart .add_to_cart {
background: url(templates/images/bg_add_cart.png)no-repeat;
background-size: cover!important;
color: #fff;
font-size: 1.6rem;
padding: 1.2rem 3.5rem;
position: relative;
z-index: 2;
cursor: pointer;
}
/*.product_cart .add_to_cart:after{
position:absolute;
width:calc(100% + 1rem);
height:1rem;
left:-0.5rem;
content:'';
background-color:rgba(201, 23, 33, 1);
bottom:-1rem;
z-index:1;
}*/
.shop-area {
padding: 3rem 0;
}
.pn-carts {
margin: 3rem 0;
}
.item__product .price {
color: #fff;
font-family: 'MontserratM';
font-size: 1.6rem;
text-align: center;
margin-bottom: 0;
}
.item__product .info {
padding: 1rem 1rem;
font-size: 1.4rem;
position: relative;
min-height: 9rem;
}
.item__product .info .name {
margin-bottom: 0.7rem;
}
.item__product .info h3 {
padding: 0 1rem;
}
.item__product .info h3 a {
color: var(--color-6);
font-size: 1.5rem;
text-transform: capitalize;
line-height: 1.5;
font-family: 'MontserratM';
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.item__product:hover .info h3 a {
color: var(--color-2);
}
.item__product .model {
text-align: center;
text-transform: uppercase;
font-size: 1.3rem;
margin-bottom: 0;
}
.df-about .left {
width: 30%;
}
.df-about .left .img {
position: relative;
}
.df-about .left .img .sub_2 {
position: absolute;
left: -5rem;
bottom: -3rem;
width: 30rem;
height: 30rem;
background-color: #fff;
border-radius: 50%;
padding: 2rem;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.df-about .left .img .sub_2 img {
width: 100%;
height: 100%;
}
.df-about .right {
width: 30%;
}
.df-about .center {
width: 40%;
padding: 0 4rem;
text-align: center;
}
.df-about .center .nd {
font-size: 1.6rem;
line-height: 1.625;
}
.tit__about {
text-align: center;
border-bottom: none;
margin-bottom: 2rem;
}
.tit__about h2 {
text-align: center;
padding-bottom: 0;
}
.tit__about h2:after {
display: none;
}
.pn-about {
padding: 3rem 0;
background-size: cover;
}
.df-about {
display: flex;
justify-content: space-between;
align-items: center;
}
.df-about .left .tit_about {
font-size: 2.6rem;
font-family: 'MontserratB';
text-transform: uppercase;
margin-bottom: 1.5rem;
}
.df-about .left .nd {
font-size: 1.6rem;
line-height: 1.625;
}
.df-about .right .img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
}
.df-about .right .img img {
width: 100%;
height: 100%;
bottom: -3rem;
left: 0;
position: absolute;
object-fit: contain;
border-radius: 0.4rem;
}
.df-about .right .img .sub_1 {
width: 100%;
height: 100%;
position: absolute;
right: -50%;
top: -4rem;
z-index: 0;
transform: rotate(-90deg);
}
.sha-tab {
width: 300px;
}
.sha-tab .w-tab {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border: 2px solid #222;
border-radius: 100%;
}
.sha-tab .w-tab .item-tab {
width: 50%;
height: 100px;
display: flex;
align-items: center;
}
.sha-tab .w-tab #sha_0 {
justify-content: flex-start;
align-items: flex-start;
padding-left: 20px;
}
.sha-tab .w-tab .img {
margin-top: 0;
opacity: 1;
width: 70px;
height: 70px;
border: 2px solid #d84d27;
border-radius: 100px;
text-align: center;
line-height: 60px;
background-color: #fff;
cursor: pointer;
}
.sha-tab .w-tab img {
max-width: 40px;
cursor: pointer;
}
.sha-tab .w-tab #sha_0 {
justify-content: flex-start;
align-items: flex-start;
padding-left: 20px;
}
.sha-tab .w-tab #sha_1 {
justify-content: flex-end;
align-items: flex-start;
padding-right: 20px;
}
.sha-tab .w-tab #sha_2 {
justify-content: flex-start;
align-items: center;
margin-left: -30px;
}
.sha-tab .w-tab #sha_3 {
justify-content: flex-end;
align-items: center;
margin-right: -30px;
}
.sha-tab .w-tab #sha_4 {
justify-content: flex-start;
align-items: flex-end;
padding-right: 20px;
}
.sha-tab .w-tab #sha_4 {
justify-content: flex-start;
align-items: flex-end;
padding-right: 20px;
}
.pn-service {
padding: 3rem 0;
}
.tit_service {
text-align: center;
}
.tit_service {
border-bottom: none;
}
.tit_service h2:after {
display: none;
}
.gird_post_home {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.gird_post_home .item_service {
padding: 1rem;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
border-radius: 0.5rem;
background: #fff;
}
.item_service .img {
position: relative;
height: 0;
padding-bottom: 100%;
overflow: hidden;
border-radius: 50%;
background: linear-gradient(180deg, rgba(255, 109, 8, 0.00) 0%, rgba(255, 109, 8, 0.50) 100%);
transition: var(--trans);
}
.item_service:hover .img {
background: linear-gradient(180deg, rgba(255, 109, 8, 0.2) 0%, rgba(255, 109, 8, 1) 100%);
}
.item_service .img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
padding: 1.3rem;
border-radius: 50%;
}
.item_service h3 {
line-height: 1.5;
text-align: center;
color: #333;
margin: 1rem 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
font-family: 'MontserratM';
font-size: 1.6rem;
text-transform: uppercase;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.item_service h3:hover {
color: var(--color-1);
}
.item_service p.link {
text-align: right;
color: var(--color-1);
text-decoration: underline;
font-size: 1.4rem;
font-family: 'MontserratM';
}
.d-footTop {
padding: 1rem 0;
}
.d-footTop .top-1,
.d-footTop .top-2,
.d-footTop .top-3 {
width: calc(33.33% - 30px);
margin: 0 15px;
}
.foot_map {
width: 100%;
height: 0;
padding-bottom: 50%;
position: relative;
}
.foot_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.foot_top_tit {
text-transform: uppercase;
font-size: 1.8rem;
margin-bottom: 1.5rem;
}
.item_partner {
display: block;
margin: 5px 5px;
}
.item_partner img {
width: 100%;
height: 100px;
object-fit: cover;
padding: 5px 5px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.foot_video {
width: 100%;
height: 0;
padding-bottom: 50%;
position: relative;
}
.foot_video iframe {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
}
.aside {
border: 1px solid #ddd;
margin-bottom: 3rem;
}
.tit_aside {
background-color: var(--color-1);
color: #fff;
text-transform: uppercase;
text-indent: 1rem;
line-height: 4rem;
}
.aside_left ul {
list-style-type: none;
margin: 0;
padding: 1rem 1rem;
display: flex;
flex-direction: column;
}
.aside_left ul li {
margin-bottom: 1rem;
}
.menui-right li {
border-bottom: 1px dashed #444;
padding: 0.5rem 0;
position: relative;
}
.menui-right li:last-child {
border-bottom: transparent;
}
.aside_left ul li a {
display: flex;
font-size: 1.4rem;
font-family: 'MontserratM';
}
.aside_left ul li a span {
margin-right: 0.3rem;
}
.aside_left ul li .img {
width: 85px;
padding-right: 1rem;
}
.aside_left ul li a .img img {
width: 75px;
height: 50px;
object-fit: cover;
}
.aside_left ul li a h4 {
font-size: 1.3rem;
line-height: 2rem;
color: #555
}
.menui-right li a:hover {
color: red;
}
.menui-right li ul {
position: absolute;
left: 100%;
top: 0;
list-style-type: none;
margin: 0;
padding: 1rem;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
min-width: 250px;
display: none;
}
.menui-right li:hover ul {
display: block;
}
.box-search {
padding: 0 1rem;
}
.box-search input,
.box-search select {
border-radius: 3rem;
padding: 0.5rem 2rem 0.5rem 1rem;
}
.btn-subSearch {
font-size: 1.5rem;
text-transform: uppercase;
}
.df-topHead {
align-items: center;
}
.df-menu {
justify-content: space-between;
align-items: center;
}
.df-menu .langs {
display: flex;
align-items: center;
}
.langs ul {
background-color: #fff;
padding: 0 0.5rem 0 0.2rem;
color: #333;
margin: 0 0;
}
.group_title {
position: relative;
z-index: 9;
margin: 1.5rem 0;
}
.group_title.center {
text-align: center;
}
.group_title.white {
color: #fff;
}
.group_title .sub {
font-size: 1.8rem;
text-transform: uppercase;
color: var(--color-1);
font-family: 'MontserratM';
}
.group_title h2 {
text-transform: uppercase;
font-size: 2.6rem;
font-family: 'MontserratB';
position: relative;
margin-bottom: 0;
padding-right: 1rem;
color: var(--color-2);
}
.item_event .img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 65%;
overflow: hidden;
}
.item_event .img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
.item_event .info {
margin: 0.7rem 0;
}
.item_event .info h3.tit {
color: var(--color-1);
font-size: 1.5rem;
line-height: 1.5;
font-family: 'MontserratM';
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 1rem;
}
.item_event .info .desc {
font-size: 1.4rem;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 1rem;
color: #fff;
}
.show_blockCate {
font-size: 1.6rem;
color: #333;
text-decoration: underline;
}
.item_event .info .link {
margin-top: 1rem;
}
.item_event .info .link span {
font-size: 1.4rem;
color: #fff;
background-color: var(--color-1);
padding: 0.5rem 2.5rem;
border-radius: 2rem;
display: inline-block;
transition: var(--trans);
}
.item_event:hover .info .link span {
background-color: var(--color-2);
}
.show_blockCate:hover {
color: var(--color-1);
}
.title_block {
margin-bottom: 3rem;
}
.title_block h2 {
text-align: center;
font-size: 2.8rem;
color: #333;
font-family: 'MontserratB';
text-transform: uppercase;
}
.list_ab {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
margin-top: 3rem;
}
.list_ab .item {
width: calc(25% - 3rem);
margin: 0 1.5rem;
padding: 1rem;
background-color: var(--color-1);
color: #fff;
text-align: center;
border-radius: 0.5rem;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.list_ab .nd {
/* background:url(templates/images/ab_bg_nd.png)no-repeat;
background-size:cover!important;*/
}
.list_ab .item .icon {
margin-bottom: 3rem;
background: url(templates/images/ab_bg_icon.png)no-repeat top center;
margin-top: -1.1rem;
background-size: contain!important;
padding-bottom: 0.5rem;
}
.list_ab .item .icon img {
height: 3.7rem;
}
.list_ab .item h4 {
text-transform: uppercase;
font-family: 'MontserratB';
}
.list_ab .item p {
font-size: 1.4rem;
}
.list_ab .nd .info {
padding: 0 1rem;
}
.gird_products {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 1rem;
}
.pn-cateHome {
margin-bottom: 3rem;
}
.group_subCate {
background-color: #efefef;
padding: 3rem 0;
}
.block_subCate {
margin-bottom: 2rem;
}
.block_subCate .container {
background-color: #fff;
padding: 2rem 2rem;
border-radius: 0.5rem;
}
.block_subCate:last-child {
margin-bottom: 0;
}
.block_subCate h2 {
margin-bottom: 1rem;
}
.block_subCate h2 a {
font-size: 1.8rem;
font-family: 'MontserratB';
color: var(--color-6);
line-height: 1.4;
text-transform: uppercase;
}
.block_subCate h2 a:hover {
color: red;
}
.item__product .img {
position: relative;
height: 0;
padding-bottom: 80%;
overflow: hidden;
margin-bottom: 0.5rem;
background-color: #fff;
}
.item__product .img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: contain;
padding: 1rem;
}
.pn-homeNews {
padding: 3rem 0;
}
.pn-maps {
position: relative;
height: 0;
padding-bottom: 25%;
}
.pn-maps iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.gird_homeNews {
display: grid;
grid-template-areas: 'item1 item2' 'item1 item3' 'item1 item4';
gap: 1rem;
grid-template-columns: 50% 50%;
}
.gird_homeNews .item {
position: relative;
overflow: hidden;
}
.gird_homeNews .item1 {
grid-area: item1;
}
.gird_homeNews .item2 {
grid-area: item2;
}
.gird_homeNews .item3 {
grid-area: item3;
}
.gird_homeNews .item4 {
grid-area: item4;
}
.gird_homeNews .item1 .img {
position: relative;
height: 0;
padding-bottom: 70%;
}
.gird_homeNews .item1 .img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.gird_homeNews .item1 .img .info {
position: absolute;
width: 100%;
height: 60%;
bottom: 0;
left: 0;
content: '';
background: linear-gradient(360deg, var(--color-1) 0%, rgba(231, 228, 228, 0) 65.72%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 2rem 2rem 2rem;
color: #fff;
}
.gird_homeNews .item1 .img .info h3 {
font-size: 2.4rem;
font-family: 'MontserratB';
margin-bottom: 1rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
}
.gird_homeNews .item1 .img .info h3:hover {
color: var(--color-1);
}
.gird_homeNews .item1 .img .info p {
font-size: 1.4rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.df-newsH .img {
width: 22rem;
height: 10rem;
}
.df-newsH .info {
width: calc(100% - 23rem);
}
.df-newsH .info h4 {
font-size: 1.8rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
font-family: 'MontserratM';
color: #222;
text-transform: capitalize;
}
.df-newsH .info h4:hover {
color: var(--color-1);
}
.df-newsH .info p {
font-size: 1.4rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.df-newsH .info p.link {
text-align: right;
}
.df-newsH .info p.link span {
color: var(--color-1);
text-decoration: underline;
}
.df-foot .foot1 {
width: 35%;
}
.df-foot .foot2 {
width: 35%;
padding: 0 3rem;
}
.df-foot .foot3 {
width: 30%;
}
.df-foot .foot1 .nd {
line-height: 1.625;
font-size: 1.6rem;
}
.cont-info {
font-size: 1.6rem;
line-height: 1.625;
padding-right: 3rem;
}
.site-page {
padding: 0 0;
}
.typography {
font-size: 1.6rem!important;
line-height: 1.625!important;
}
.pn-productDT {
padding: 3rem 0;
}
.fixCart {
position: fixed;
z-index: 999;
right: 5px;
top: 15rem;
}
.fixCart img {
width: 4rem;
}
.fixCart .box {
position: relative;
display: flex
}
.fixCart .box .num {
position: absolute;
top: -10px;
right: 0;
font-size: 1.3rem;
color: var(--color-1);
background: #fff;
padding: 0.1rem 0.6rem;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.zoomImg {
transition: transform .4s;
}
.zoomImg:hover {
transform: scale(1.07);
}
.df-proDt .left,
.df-proDt .right {
width: 50%;
}
.df-topHead .left {
width: 15rem;
}
.df-topHead .main {
width: calc(100% - 17rem);
}
.df-topHead .main .h-menu {
display: flex;
justify-content: flex-end;
align-items: center;
}
.df-topHead .main .h-menu .langs {
margin-left: 1rem;
position: relative;
}
.df-topHead .main .h-menu>.right {
width: 10rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.df-topHead .main .h-menu .menu_t {
width: calc(100% - 10rem);
}
/* .df-topHead>.right {
width: 12rem;
display: flex;
justify-content: flex-end;
align-items: center;
} */
.box_htTop .info {
width: calc(100% - 6.5rem);
}
.h-top .left {
width: 50%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.h-top .left p {
display: inline-block;
font-size: 1.6rem;
margin-right: 1rem;
margin-bottom: 0;
}
.h-top .left p a {
color: var(--color-1);
}
.h-top .left p img {
margin-top: -0.4rem;
margin-right: 0.3rem;
height: 1.5rem;
}
.h-top .right {
width: calc(50% - 3rem);
display: flex;
align-items: center;
justify-content: flex-end;
}
.box_htTop .info p {
text-transform: uppercase;
font-size: 1.6rem;
font-family: 'MontserratM';
margin-bottom: 0px;
}
.box_htTop .info a {
display: block;
font-size: 1.8rem;
color: var(--color-4);
font-family: 'MontserratB';
text-align: center;
}
/**/
.mySwiper .swiper-slide .item-slide {
display: flex;
justify-content: center;
overflow: hidden;
background-size: cover!important;
}
.mySwiper .content {
left: 0;
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: left;
padding: 0 5%;
transform: translateX(-80%);
transition-duration: 2s;
opacity: 0.1;
}
.mySwiper .content p.link {
text-align: left;
margin-top: 2rem;
background-color: var(--color-2);
padding: 0.4rem 1.5rem 0.4rem 0.5rem;
position: relative;
}
.mySwiper .content p.link:before {
position: absolute;
content: '\f101';
width: 3.5rem;
height: 2.7rem;
background-color: var(--color-2);
color: #fff;
font-size: 1.8rem;
right: 0;
top: 0;
border-bottom-left-radius: 2rem;
font-family: FontAwesome;
text-align: center;
}
.mySwiper .content p.link a {
display: inline-block;
padding: 0.7rem 2rem;
color: var(--color-1);
background-color: #fff;
border-radius: 2rem 0 2rem 0;
text-align: center;
font-size: 1.6rem;
line-height: 1.4;
outline: none;
text-transform: uppercase;
font-family: 'MontserratM';
}
.mySwiper .content p.link a:hover {
background-color: var(--color-1);
color: #fff;
}
.mySwiper .content h2 {
font-size: 5rem;
line-height: 1.5;
margin-bottom: 1rem;
color: #fff;
pointer-events: none;
transform: translateX(-40px);
opacity: 0;
transition-duration: 1s;
transition-delay: 0.6s;
font-family: 'MontserratB';
text-transform: uppercase;
text-align: center;
}
.mySwiper .content p.desc {
font-size: 3rem;
font-family: 'MontserratM';
line-height: 1.3;
color: #fff;
transform: translateX(-30px);
opacity: 0;
transition-duration: 1s;
transition-delay: 1.2s;
position: relative;
margin-bottom: 0;
text-align: center;
}
.mySwiper .content p.desc span {
display: block;
}
.mySwiper .content p a {
color: #fff;
}
.mySwiper .content p span img {
height: 3rem;
}
.mySwiper .swiper-slide-active .content {
transform: translateX(-1%);
opacity: 1;
}
.mySwiper .swiper-slide-active .content h2,
.mySwiper .swiper-slide-active .content p {
transform: none;
opacity: 1;
}
.pn-ck {
padding: 4rem 0;
background-color: rgba(245, 245, 245, 1);
}
.gird_ck {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2rem;
}
.gird_ck .item_ck {
border: 1px solid #555;
text-align: center;
padding: 2rem 1rem 1rem 1rem;
border-radius: 0.5rem;
}
.gird_ck .item_ck .img img {
height: 8rem;
}
.gird_ck .item_ck .img {
margin-bottom: 2rem;
}
.gird_ck .item_ck p {
font-size: 1.6rem;
text-transform: uppercase;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.gird_ck .item_ck h3 {
font-family: 'MontserratB';
font-size: 1.8rem;
color: #333;
text-transform: uppercase;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.gird_foot3 {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.gird_foot3 .c1 {
width: 35%;
}
.gird_foot3 .c2 {
width: 65%;
}
.ct_hotlineOrder {
margin: 1rem 0;
}
.ct_hotlineOrder a {
display: inline-block;
font-size: 2rem;
color: #fff;
background-color: var(--color-1);
padding: 1rem 2rem;
border-radius: 0.2rem;
font-family: 'MontserratB';
}
/**/
/**/
#nhanxet .row_head {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 1rem 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 2rem;
}
#nhanxet .row_head>.left {
width: calc(100% - 24rem);
display: flex;
align-items: center;
padding-right: 2rem;
}
#nhanxet .row_head>.right {
width: 24rem;
display: flex;
justify-content: flex-end;
}
#frm_comment .form-group {
position: relative;
}
#frm_comment .form-group label.error {
position: absolute;
right: 1rem;
bottom: 1rem;
font-size: 13px;
color: var(--color-1);
}
.btn__replyComment {
font-size: 1.4rem;
color: #fff;
background-color: var(--color-1);
padding: 0.5rem 0.7rem;
border-radius: 0.3rem;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.item-binhluan .accordion-button {
padding: 0;
outline: unset;
box-shadow: unset;
background-color: transparent;
}
.frm_reply input {
height: 3.4rem;
font-size: 1.4rem;
line-height: 3.4rem;
}
.comment_sp #nhanxet {
max-width: 1000px;
}
.df_row_comments .right {
width: calc(100% - 7rem);
}
/**/
.df-lh {
align-items: flex-start;
justify-content: space-between;
}
.df-lh .left {
width: calc(35% - 2rem);
}
.df-lh .right {
width: 65%;
}
.gird_lh {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
}
.map_lh .inner {
position: relative;
height: 0;
width: 100%;
padding-bottom: 85%;
}
.map_lh .inner iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.social_contact ul {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.social_contact ul li a img {
height: 2.5rem;
margin-right: 0.5rem;
}
.langs>ul>li img {
width: 3rem;
height: 3rem;
object-fit: contain;
}
.mySwiper-next,
.mySwiper-prev {
color: #fff!important;
}
.group_tit {
position: relative;
margin-bottom: 3rem;
min-height: 7rem;
display: flex;
justify-content: center;
align-items: center;
}
.group_tit .tit {
font-family: 'MontserratM';
color: #333;
text-transform: capitalize;
line-height: 1.4;
margin-bottom: -1.5rem;
}
.tit_about {
font-size: 2.6rem;
color: #222;
font-family: 'MontserratB';
margin-bottom: 0;
line-height: 1.3;
padding-top: 0.5rem;
text-transform: capitalize;
}
.sb-tit {
width: 100%;
height: 7rem;
background: url(templates/images/intecvn.png)no-repeat center center;
position: absolute;
top: 0;
margin: 0 0;
background-size: contain!important;
}
.tit-white {
background: url(templates/images/stoke_white.png)no-repeat center center;
}
.df-about .right .nd {
font-size: 1.6rem;
line-height: 1.625;
}
.gird_ab {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
}
.gird_ab h4.tit {
font-size: 2rem;
font-family: 'MontserratM';
color: #333;
margin-bottom: 1rem;
}
.gird_ab .cont {
font-size: 1.6rem;
line-height: 1.4;
}
.df-about .link {
margin-top: 2rem;
}
.df-about .link a {
display: inline-block;
padding: 0.6rem 3rem;
background-color: var(--color-1);
color: #fff;
border-radius: 2rem;
font-size: 1.6rem;
}
.df-about .link a:hover {
background-color: var(--color-2);
}
.pn-event {
padding: 4rem 0;
background-size: cover!important;
position: relative;
}
.pn-event:after {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
content: '';
background: rgba(4, 35, 33, 0.96);
}
.item_news {
margin-bottom: 1rem;
padding: 0.5rem 0.5rem;
}
.item_news a {
display: block;
}
.item_news:hover .the_title {
color: var(--color-2);
}
.item_news .img {
position: relative;
height: 0;
padding-bottom: 90%;
}
.item_news .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.item_news .info {
margin: 1rem 0;
padding: 1rem 1.5rem;
position: relative;
}
.item_news .info .wrap_bg {
clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
padding: 3rem 1.5rem 1.5rem 1.5rem;
background-color: #fff;
position: relative;
z-index: 9;
margin-top: -9rem;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
min-height: 11rem;
}
.item_news .info h3.tit {
color: var(--color-1);
font-size: 1.5rem;
line-height: 1.3;
font-family: 'MontserratM';
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
z-index: 9;
text-align: center;
}
.pn-researchAir {
background-size: cover!important;
}
.item_news .info h3.tit:hover {
color: red;
}
.item_news .info .desc {
font-size: 1.4rem;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.item_news .info .link span {
display: inline-block;
color: var(--color-2);
font-size: 1.4rem;
font-family: 'MontserratM';
}
.pn-album {
padding: 1rem 0;
background-size: cover;
}
.gird_partners {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
}
.gird_partners .item {
text-align: center;
transition: var(--trans);
width: calc(16.66% - 3rem);
margin: 1.5rem 1.5rem;
}
.pn-partner .group_title {
margin-bottom: 0;
}
.gird_ct {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
}
.gird_ct .item {
background: linear-gradient(291.06deg, #349E97 31.18%, #DA800F 112.44%);
padding: 0.2rem;
border-radius: 1rem;
position: relative;
/* background-color: #fff;
border: 2px solid;
border-image-source: linear-gradient(291.06deg, #349E97 31.18%, #DA800F 112.44%);
border-image-slice: 1;
border-radius: 15px; */
}
.gird_ct .item:after {
position: absolute;
width: calc(100% - 0.4rem);
height: calc(100% - 0.4rem);
top: 0.2rem;
left: 0.2rem;
content: '';
background-color: #fff;
border-radius: 0.7rem;
}
.gird_ct .item .inner {
position: relative;
z-index: 9;
padding: 3rem 2rem;
}
.gird_ct .ic {
margin-right: 1rem;
}
.gird_ct .ic img {
width: 3.2rem;
height: 3.2rem;
object-fit: contain;
}
.tit_block_ct {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-family: 'MontserratM';
color: #222;
margin-bottom: 2rem;
font-size: 2rem;
}
.gird_ct .item .cont {
font-size: 1.6rem;
line-height: 1.625;
}
.contact_foot {
margin-top: 2rem;
}
.contact_foot h1 {
color: var(--color-2);
font-size: 2.6rem;
font-family: 'MontserratB';
margin-bottom: 2rem;
}
.ctcp {
font-size: 1.2rem;
color: #fff;
}
.ctcp a {
color: #fff;
}
.df_cf .left {
width: 40%;
}
.df_cf .left .nd {
font-size: 1.6rem;
color: #fff;
line-height: 1.625;
}
.df_cf .left .social {
margin: 1rem 0;
}
.ct_map {
position: relative;
width: 100%;
height: 0;
padding-bottom: 80%;
}
.ct_map iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.page_nd {
font-size: 1.6rem;
line-height: 1.625;
max-width: 1000px;
margin: 0 auto;
margin-bottom: 2rem;
text-align: center;
font-family: 'MontserratM';
}
.gird_ctfrm {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
margin-bottom: 1.5rem;
}
.gird_ctfrm .form-group {
margin-bottom: 0;
}
.tit_page {
font-size: 2.8rem;
color: #fff;
font-family: 'MontserratM';
margin-bottom: 0;
}
.pn-services {
padding: 3rem 0 0 0;
}
.item-sv {
padding: 3rem 0 5rem 0;
}
.item-sv:nth-child(2n) {
background-color: #fcfcfc;
}
.item-sv:nth-child(3n) {
background: linear-gradient(to right, rgba(52, 158, 151, 0.24) 31.18%, rgba(218, 128, 15, 0.1) 112.44%);
}
.block-sv {
align-items: flex-start;
}
.block-sv .left {
width: 40%;
}
.block-sv .right {
width: 60%;
padding-left: 3rem;
}
.block-sv .left .img {
position: relative;
}
.block-sv .left .img img {
width: 100%;
border-radius: 3rem 3rem;
}
.block-sv .right .nd {
font-size: 1.8rem;
line-height: 1.625;
}
.tit_sub_sv {
text-align: center;
font-family: 'MontserratB';
font-size: 2.4rem;
color: #222;
text-transform: uppercase;
margin-bottom: 3rem;
line-height: 1.4;
}
.block-sv-rs {
flex-direction: row-reverse;
}
.block-sv-rs .right {
width: 60%;
padding: 0 4rem 0 0;
}
.block-sv-rs .right .nd {
background: linear-gradient(291.06deg, #349E97 31.18%, #DA800F 112.44%);
color: #fff;
padding: 3rem 3rem;
border-radius: 2rem;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.block-sv-rs .left {
width: 40%;
}
.list_tk {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
}
.list_tk .num {
font-size: 3rem;
font-family: 'MontserratB';
margin-bottom: 0;
}
.link_sv {
margin-top: 2rem;
}
.link_sv a {
display: inline-block;
padding: 0.7rem 2rem;
border-radius: 2rem;
background-color: var(--color-1);
color: #fff;
font-size: 1.6rem;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.link_sv a:hover {
background-color: var(--color-2);
}
.the_excerpt_page {
font-size: 1.6rem;
line-height: 1.625;
font-family: 'MontserratM';
color: #333;
max-width: 1200px;
margin: 2rem auto;
}
.item_sv2 {
margin-bottom: 3rem;
}
.block_sv2 {
background-color: rgba(252, 252, 252, 1);
margin-bottom: 3rem;
display: flex;
justify-content: space-between;
padding: 2rem 2rem;
border-radius: 1rem;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.block_sv2 .img {
width: 40%;
}
.block_sv2 .img .wrap_img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 70%;
}
.block_sv2 .img .wrap_img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.block_sv2 .img img {
width: 100%;
border-radius: 1rem;
}
.block_sv2 .info {
width: 60%;
padding-left: 3rem;
}
.block_sv2 .info h3.name a {
font-size: 2rem;
color: #222;
font-family: 'MontserratM';
margin-bottom: 1rem;
}
.block_sv2 .info h3.name a:hover {
color: var(--color-2);
}
.block_sv2 .info .cont {
font-size: 1.6rem;
line-height: 1.625;
}
.tit_sv2 {
font-family: 'MontserratB';
font-size: #222;
font-size: 2.4rem;
margin-bottom: 3rem;
}
.vt_name {
color: var(--color-2);
}
.listPost {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2rem;
}
.listPost .item_post3 .img {
position: relative;
height: 0;
padding-bottom: 60%;
}
.listPost .item_post3 .img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 0.5rem;
object-fit: cover;
}
.pn-posts {
padding: 2rem 0;
}
.listPost .item_post3 {
border-radius: 1rem;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.listPost .item_post3 .info {
padding: 2rem 2rem;
}
.listPost .item_post3 .info h3.name a {
font-size: 1.8rem;
color: var(--color-1);
line-height: 1.3;
font-family: 'MontserratM';
}
.listPost .item_post3 .info h3.name:hover a {
color: red;
}
.listPost .item_post3 .info .date {
margin-bottom: 0;
font-size: 1.3rem;
}
.listPost .item_post3 .info .date .ic {
margin-right: 0.5rem;
display: inline-block;
}
.listPost .item_post3 .info .date .ic svg {
margin-top: -0.2rem;
}
.listPost .item_post3 .info .name {
margin: 0.5rem 0 1rem 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.listPost .item_post3 .info .name:hover a {
color: var(--color-2);
}
.listPost .item_post3 .info .desc {
font-size: 1.5rem;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
}
.listPost .item_post3 .info .link {
margin-top: 0.5rem;
margin-bottom: 0;
}
.listPost .item_post3 .info .link a {
font-size: 1.4rem;
font-family: 'MontserratM';
color: var(--color-2);
}
.listPost .item_post3 .info .link a:hover {
color: red;
}
.pn-exhi {
padding: 3rem 0;
}
.item_exhi {
border-radius: 1rem;
margin-bottom: 3rem;
overflow: hidden;
background-color: #fcfcfc;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.item_exhi .img {
width: 40%;
}
.item_exhi .img a {
display: block;
}
.item_exhi .img a img {
width: 100%;
}
.item_exhi .info {
width: calc(60%);
padding: 1rem 2rem;
}
.gird_exhi {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;
padding: 0;
margin: 0;
list-style-type: none;
margin-top: 1rem;
font-size: 1.4rem;
}
.gird_exhi .li p {
margin-bottom: 0;
}
.gird_exhi li p .ic {
margin-right: 0.5rem;
}
.gird_exhi li a {
color: #0dcaf0;
}
.pn-exhi .container {
max-width: 1200px;
}
.item_exhi .info .name a {
font-size: 1.8rem;
line-height: 1.5;
font-family: 'MontserratM';
color: #222;
}
.item_exhi .info .name:hover a {
color: var(--color-1);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.item_exhi .info .the_excerpt {
font-size: 1.4rem;
line-height: 1.625;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.list_venus {
margin-bottom: 3rem;
}
.item_venus {
margin-bottom: 3rem;
}
.item_venus h2 a {
font-size: 2.4rem;
font-family: 'MontserratB';
text-transform: uppercase;
color: var(--color-2);
margin-bottom: 1.5rem;
}
.block_venus>.img {
width: 40%;
}
.block_venus .info {
width: 60%;
padding-left: 3rem;
}
.item_venus .info .nd {
font-size: 1.6rem;
line-height: 1.625;
}
.gird_img_vn {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0.5rem;
}
.gird_img_vn .img a {
display: block;
position: relative;
height: 0;
width: 100%;
padding-bottom: 80%;
}
.gird_img_vn .img a img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.gird_albums {
display: grid;
grid-template-areas: 'item1 item1 item2' 'item1 item1 item5' 'item3 item4 item5' 'item6 item7 item7' 'item8 item7 item7' 'item8 item9 item10';
gap: 1rem;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
}
.gird_albums .item {
position: relative;
overflow: hidden;
}
.gird_albums .item1 {
grid-area: item1;
}
.gird_albums .item2 {
grid-area: item2;
}
.gird_albums .item3 {
grid-area: item3;
}
.gird_albums .item4 {
grid-area: item4;
}
.gird_albums .item5 {
grid-area: item5;
grid-column: span 2;
}
.gird_albums .item6 {
grid-area: item6;
}
.gird_albums .item7 {
grid-area: item7;
}
.gird_albums .item8 {
grid-area: item8;
}
.gird_albums .item9 {
grid-area: item9;
}
.gird_albums .item10 {
grid-area: item10;
}
.gird_albums.index .item a {
padding-bottom: 80%;
}
.gird_albums .item a {
display: block;
position: relative;
height: 0;
padding-bottom: 50%;
}
.gird_albums .item.item5 a,
.gird_albums .item.item8 a {
padding-bottom: 100%;
}
.gird_albums .item a img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
.item3,
.item4 {
grid-row: span 2;
}
.sub_langs {
display: flex;
justify-content: flex-end;
align-items: center;
}
.sub_langs>li {
margin-left: 0.5rem;
}
.sub_langs>li>a>img {
width: 3.2rem;
height: 2.2rem;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
object-fit: cover;
border: 1px solid #eee;
}
.dropdown_lang {
z-index: -1;
padding: 1rem;
list-style-type: none;
position: absolute;
top: 100%;
right: 0;
width: 10rem;
background-color: var(--color-1);
color: #fff;
z-index: 9;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #fff;
font-size: 1.6rem;
line-height: 1.625;
opacity: 0;
visibility: hidden;
border-radius: 0.3rem;
}
.dropdown_lang.show {
opacity: 1;
visibility: visible;
z-index: 999999999;
}
.dropdown_lang li a {
color: #333;
display: flex;
justify-content: flex-start;
align-items: center;
}
.dropdown_lang li a img {
width: 2rem;
margin-right: 0.7rem;
}
.icon_search svg {
color: #fff;
}
.menuSearch {
cursor: pointer;
position: relative;
z-index: 9;
}
.popup-search-box {
position: fixed;
top: 0;
left: 50%;
background-color: rgba(0, 0, 0, 0.95);
height: 0;
width: 0;
overflow: hidden;
z-index: 99999;
opacity: 0;
visibility: hidden;
border-radius: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.popup-search-box.show {
opacity: 1;
visibility: visible;
width: 100.1%;
height: 100%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
border-radius: 0;
}
.popup-search-box button.searchClose {
width: 60px;
height: 60px;
position: absolute;
top: 40px;
right: 40px;
border-width: 1px;
border-style: solid;
border-color: #fff;
background-color: transparent;
font-size: 22px;
border-radius: 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
color: var(--theme-color);
}
.popup-search-box button.searchClose i {
color: #fff;
}
.popup-search-box form {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
padding-bottom: 40px;
cursor: auto;
width: 100%;
max-width: 700px;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform ease 0.4s;
transition: -webkit-transform ease 0.4s;
transition: transform ease 0.4s;
transition: transform ease 0.4s, -webkit-transform ease 0.4s;
}
.popup-search-box.show form {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.popup-search-box form input {
font-size: 18px;
height: 60px;
width: 100%;
border: 2px solid var(--color-2);
background-color: transparent;
padding-left: 30px;
color: #fff;
border-radius: 40px;
}
.popup-search-box form input::placeholder {
color: #fff;
opacity: 1;
/* Firefox */
}
.popup-search-box form input::-ms-input-placeholder {
/* Edge 12 -18 */
color: #fff;
}
.popup-search-box form button {
position: absolute;
top: 0px;
background-color: transparent;
border: none;
color: #fff;
font-size: 20px;
right: 12px;
color: #fff;
cursor: pointer;
width: 60px;
height: 60px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-transform: scale(1.001);
transform: scale(1.001);
}
.tit_resSearch {
font-size: 2rem;
color: var(--color-1);
text-transform: uppercase;
font-family: 'InterM';
margin-bottom: 2rem;
}
.navbtn_lang {
display: flex;
align-items: center;
font-size: 1.4rem;
color: #fff;
font-family: 'InterM';
text-transform: uppercase;
}
.navbtn_lang img {
height: 2.6rem;
margin-right: 0.2rem;
}
.navbtn_lang span.ic {
cursor: pointer;
margin-left: 0rem;
}
.pn-appAir {
color: #fff;
}
.df-appAir .left {
width: 30%;
background-color: #0155DD;
display: flex;
justify-content: flex-end;
}
.df-appAir .right {
width: 70%;
background-size: cover!important;
padding: 2rem 4rem 2rem 10rem;
position: relative;
}
.df-appAir .right:before {
position: absolute;
left: 0;
top: 0;
content: '';
height: 100%;
width: 10rem;
background-color: #0155DD;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
border-radius: 1rem;
}
.df-appAir .left .nd {
padding: 7rem 3rem;
text-align: center;
}
.df-appAir .left .nd h2 {
font-size: 3rem;
font-family: 'MontserratM';
line-height: 1.625;
margin-bottom: -1.8rem;
}
.df-appAir .left .nd .cont {
font-size: 1.8rem;
line-height: 1.625;
}
.gird_appAir {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
}
.gird_appAir .item {
text-align: center;
transition: var(--trans);
width: calc(25% - 3rem);
margin: 1.5rem 1.5rem;
}
.gird_appAir .item img {
max-height: 7rem;
width: 7rem;
object-fit: contain;
}
.gird_appAir .item h4 {
color: #fff;
font-family: 'MontserratM';
font-size: 1.7rem;
margin: 2rem 0 1rem 0;
}
.pn-cateAir {
padding: 3rem 0;
}
.gird_cate {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
}
.gird_cate .item_cate {
text-align: center;
width: calc(25% - 2rem);
margin: 1rem 1rem;
border: 0.3rem solid var(--color-6);
}
.gird_cate .item_cate .img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
overflow: hidden;
}
.gird_cate .item_cate .img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: contain;
transition: var(--trans);
}
.gird_cate .item_cate:hover .img img {
transform: scale(1.05);
}
.gird_cate .item_cate .the_name {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.gird_cate .item_cate .the_name .wrap_tit {
color: #fff;
display: inline-block;
padding: 2rem 0 0 0;
min-width: 96%;
min-height: 6rem;
background: url(templates/images/bg_tit_product.png)no-repeat top center;
}
.gird_cate .item_cate .the_name .wrap_tit h3 {
font-size: 1.7rem;
color: #fff;
font-family: 'MontserratM';
text-transform: uppercase;
transition: var(--trans);
margin-bottom: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.gird_cate .item_cate:hover .the_name .wrap_tit h3 {
color: red;
}
.pn-researchAir {
padding: 3rem 0;
}
.df-news .left {
width: 55%;
}
.df-news .right {
width: 45%;
padding-left: 1rem;
}
.pn-newsAir {
background-size: cover;
padding: 2rem 0;
}
.gird_l1 {
display: grid;
grid-template-columns: 1fr 1fr;
}
.gird_hz_l2 {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
list-style-type: none;
margin: 0;
padding: 0;
}
.gird_hz_l2>li>a {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.gird_hz_l2>li {
margin-bottom: 0.5rem;
}
.gird_hz_l2 .img {
width: 30%;
position: relative;
height: 0;
padding-bottom: 20%;
}
.gird_hz_l2 .img img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.gird_hz_l2 .info {
width: 70%;
padding-left: 2rem;
}
.gird_hz_l2>li .mt {
font-size: 1.4rem;
line-height: 1.5;
color: #444;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.gird_hz_l2>li .name {
font-size: 1.5rem;
line-height: 1.4;
color: #222;
font-family: 'MontserratM';
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.item_news:hover .view span {
background-color: var(--color-1);
}
.gird_hz_l2>li:hover .name {
color: var(--color-1);
}
.item_news .the_title {
margin: 1rem 0;
font-size: 1.8rem;
line-height: 1.4;
color: #222;
font-family: 'MontserratM';
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.item_news .the_title:hover {
color: red;
}
.item_news .the_excerpt {
font-size: 1.4rem;
line-height: 1.5;
color: #444;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.item_news .view {
text-align: right;
margin-top: 1rem;
display: block;
}
.item_news .view span {
color: #fff;
font-size: 1.4rem;
line-height: 3rem;
display: inline-block;
font-family: 'MontserratM';
padding: 0.4rem 1rem;
border-radius: 0.4rem;
background-color: var(--color-2);
}
.item_news1 .img {
border-radius: 0.4rem;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.pn-album {
padding: 3rem 0;
}
.item-album .img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 70%;
}
.item-album .img img {
position: absolute;
width: calc(100% - 2rem);
height: calc(100% - 4rem);
top: 2rem;
left: 1rem;
object-fit: cover;
border-radius: 2rem;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
transition: var(--trans);
}
.item-album .img .v1 {
z-index: 3;
}
.item-album .img .v2 {
z-index: 2;
rotate: 5deg;
top: 2rem;
left: -1rem;
width: calc(100%);
}
.item-album .img .v3 {
width: calc(100%);
z-index: 1;
top: 2rem;
right: -1rem;
rotate: -5deg;
}
.item-album .tit_alb {
padding: 0 2rem;
margin: 2rem 0 1rem 0;
text-align: center;
line-height: 1.4;
color: #333;
font-size: 1.6rem;
font-family: 'MontserratM';
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.item-album:hover .tit_alb {
color: var(--color-2);
}
.item-album:hover .img .v2 {
rotate: 7deg;
}
.item-album:hover .img .v3 {
rotate: -7deg;
}
.item-album .v_ct {
background-color: var(--color-2);
color: #fff;
padding: 0.7rem 1.5rem;
border-radius: 1.5rem;
font-size: 1.4rem;
font-family: 'MontserratM';
position: absolute;
z-index: 9;
left: calc(50% - 5rem);
top: calc(50% - 1.5rem);
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
border: 0.1rem solid #fff;
opacity: 0;
transition: opacity 0.6s ease;
}
.item-album:hover .v_ct {
opacity: 1;
transition: opacity 0.6s ease;
}
.group_tit.set_left {
justify-content: flex-start;
}
.set_left .sb-tit {
background-position: left center;
}
.block-page {
background-size: cover!important;
padding: 5rem 0;
}
.df-page-about {
align-items: flex-start;
}
.df-page-about .left {
width: 50%;
}
.df-page-about .left img {
border-radius: 2rem;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.df-page-about .right .nd {
font-size: 1.6rem;
line-height: 1.625;
font-family: 'MontserratM';
}
.df-page-about .right {
width: 50%;
padding-left: 3rem;
}
.df-page-about .right img {
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
padding: 2rem;
background-color: #fff;
border-radius: 0.2rem;
}
.block_cateAbout {
background-size: cover!important;
padding: 4rem 0 8rem 0;
position: relative
}
.block_cateAbout:after {
position: absolute;
z-index: 1;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 6rem;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #fff 100%);
}
.item_ca {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
margin: 2rem 0;
}
.item_ca img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
border-radius: 2rem;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.item_ca .line_tit {
position: absolute;
padding: 0.7rem 1rem 0.7rem 0.5rem;
left: 0;
bottom: 5rem;
color: #fff;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
background: linear-gradient(180deg, #0056E1 0%, #0042AC 100%);
border-radius: 0 2rem 2rem 0;
text-transform: uppercase;
font-family: 'MontserratM';
display: flex;
justify-content: flex-start;
align-items: center;
}
.item_ca .line_tit .ic {
display: flex;
justify-content: center;
align-items: center;
padding: 0.5rem;
background-color: var(--color-6);
width: 3rem;
height: 3rem;
border-radius: 50%;
margin-left: 1rem;
}
.block-tmsm {
background-size: cover!important;
padding-top: 4rem!important;
position: relative;
padding-bottom: 8rem!important;
}
.block-tmsm:before {
position: absolute;
content: '';
width: 100%;
height: 6rem;
width: 100%;
left: 0;
bottom: 0;
z-index: 9;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}
.item_ca .line_tit a {
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.item_ca:hover a {
color: red;
}
.block-ck {
padding: 0 0;
}
.df-ck .left {
width: 32%;
}
.df-ck .left .img img {
width: 100%;
position: relative;
z-index: 9;
}
.df-ck .right {
width: 68%;
padding-left: 7rem;
}
.list_ck {
height: 100%;
margin: 0;
padding: 0 0 0 3rem;
list-style-type: none;
display: flex;
flex-direction: column;
justify-content: stretch;
}
.list_ck>li {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.list_ck>li>.img {
width: 17rem;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #E6E6E6;
clip-path: polygon(20% 0, 100% 0, 100% 100%, 20% 100%, 0 50%);
}
.list_ck>li>.info {
width: calc(100% - 20rem);
}
.list_ck>li>.img img {
width: 6rem;
}
.list_ck>li>.info h4 {
font-size: 2.4rem;
font-family: 'MontserratM';
color: var(--color-1);
text-transform: uppercase;
margin-bottom: 1rem;
}
.list_ck>li>.info .cont {
font-size: 1.6rem;
line-height: 1.625;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
}
.pn-airArea {
padding: 8rem 0 3rem 0;
position: relative;
}
.item_lv_page {
background: #FFF;
padding: 3rem 2rem;
border: 0.2rem dashed var(--color-6);
border-radius: 1rem;
}
.item_lv_page h4 {
color: var(--color-6)!important;
text-transform: uppercase;
line-height: 1.4;
}
.pn-cctc {
padding: 3rem 0;
}
.pn-his {
padding: 3rem 0;
background-size: cover!important;
}
.pn-cetifi {
padding: 3rem 0;
background-size: cover!important;
}
.df-his .left {
width: 30%;
}
.df-his .right {
width: 70%;
}
.item_his-line h4 {
font-size: 3rem;
text-transform: uppercase;
color: #777;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.swiper-his-line .swiper-slide-thumb-active .item_his-line h4 {
font-size: 5rem;
color: #111;
font-family: 'MontserratB';
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.swiper-his-line {
max-height: 60rem;
}
.swiper-his-cont {
max-height: 60rem;
}
.item_his-cont .img {
max-height: 600px;
}
.item_his-cont .img {
position: relative;
display: block;
}
.item_his-cont .img img {
border-radius: 2rem;
overflow: hidden;
}
.item_his-cont .caption {
position: absolute;
background-color: #fff;
padding: 3rem 5rem 1rem 1rem;
left: 0;
bottom: 0;
z-index: 9;
width: 25rem;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
clip-path: xywh(-10px 20px 100% 100% round 0 30%);
}
.item_his-cont .caption h4 {
font-size: 3rem;
font-family: 'MontserratB';
color: var(--color-2);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.item_his-cont .caption p {
font-size: 1.6rem;
line-height: 1.4;
font-family: 'MontserratM';
color: #333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.list_SubCate {
text-align: center;
display: block;
}
.product_connect {
display: flex;
justify-content: space-between;
}
.product_connect>a {
display: block;
width: calc(50% - 0.2rem);
text-align: center;
padding: 0.6rem;
color: #fff;
font-size: 1.8rem;
font-family: 'MontserratM';
border-radius: 0.4rem;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.product_connect>a.hl {
background-color: var(--color-1);
}
.product_connect>a.zl {
background-color: var(--color-2);
}
.product_quote {
margin-top: 0.5rem;
}
.product_quote a {
display: block;
padding: 0.7rem 0;
border-radius: 5px;
background: linear-gradient(90deg, #980033 0%, #000097 100%);
text-align: center;
color: #fff;
font-size: 1.8rem;
font-family: 'MontserratM';
}
#box_tvbg {
display: none;
background-size: cover!important;
}
.model_tvbg input {
height: 4.4rem;
}
.tit_tvbg {
font-size: 2rem;
font-family: 'MontserratM';
text-transform: uppercase;
text-align: center;
}
.tit_tvbg strong {
color: var(--color-6);
font-family: 'MontserratB';
}
.box_fancybox {
padding: 4rem 3rem !important;
}
#tvbgFrm .form-group {
position: relative;
margin-bottom: 2rem;
}
#box_tvbg {
min-width: 60rem;
border-radius: 1rem;
}
#box_tvbg label.error {
color: red;
font-size: 1.2rem;
position: absolute;
left: 0.5rem;
top: -1.5rem;
}
#dis_hiddenRecaptcha {
width: 0;
height: 0;
opacity: 0;
}
.gird_products_lq {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.gird_research {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2rem;
}
/*
* STYLE 1
*/
#style-1::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #555;
}
.single-detail .container {
max-width: 1100px;
}
.pn-research {
padding: 3rem 0;
}
.feature_page {
width: 100%;
max-height: 60vh;
object-fit: contain;
margin-bottom: 2rem;
}
.pn-whys {
padding: 3rem 0;
}
.list_why {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
}
.list_why .item_why {
border-bottom: 1px solid #ddd;
}
.item_why .the_name a {
font-family: 'MontserratM';
font-size: 1.8rem;
text-transform: capitalize;
color: #222;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.item_why .the_excerpt {
font-size: 1.4rem;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.link a {
color: var(--color-2);
font-family: 'MontserratM';
font-size: 1.4rem;
}
.gird_3c {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 5rem;
}
.gird_cus {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
}
.item_cus {
position: relative;
padding: 2rem;
border-radius: 1rem;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
transition: var(--trans);
}
.item_cus a {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.item_cus .img {
width: 35%;
}
.item_cus .info {
width: calc(65% - 1rem);
}
.pn-customer {
padding: 2rem 0;
}
.item_cus .info h3 {
font-family: 'MontserratM';
color: #222;
line-height: 1.35;
font-size: 1.6rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.item_cus .info h3:hover {
color: Red;
}
.item_cus .info p {
font-size: 1.5rem;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
color: #333;
}
.item_cus:hover h3 {
color: var(--color-2);
}
.df-recruitment {
align-items: flex-start;
}
.df-recruitment .main {
width: calc(100% - 32rem);
}
.df-recruitment .sideBar {
width: calc(30rem);
}
.pn-recruitment {
padding: 3rem 0;
}
.item_td {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-radius: 1rem;
background: #F4F4F4;
}
.item_td .img {
width: 30%;
padding: 2rem;
}
.item_td .des {
width: calc(70% - 1rem);
padding: 2rem 2rem 2rem 0;
}
.gird_td {
display: grid;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.gird_td .des h3:hover a {
color: var(--color-2);
}
.gird_td .des h3 a {
font-family: 'MontserratM';
font-size: 1.7rem;
color: #222;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.gird_td .des .cont {
font-size: 1.4rem;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 1rem;
}
.gird_td .des .meta {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.gird_td .des .meta .left {
width: calc(100% - 15rem);
display: flex;
justify-content: flex-start;
align-items: center;
}
.gird_td .des .meta .right {
width: 14rem;
}
.b_ungtuyen {
display: inline-block;
font-size: 1.4rem;
font-family: 'MontserratM';
color: #fff;
background-color: var(--color-2);
padding: 0.7rem 1.5rem;
border-radius: 0.4rem;
}
.b_ungtuyen:hover {
color: #fff;
background-color: var(--color-1);
}
.gird_td .des .meta .left p {
margin-right: 1rem;
font-size: 1.4rem;
font-family: 'MontserratM';
color: #666;
}
.gird_td .des .meta .left p .ic {
color: var(--color-2);
margin-right: 0.3rem;
}
.frm_key {
height: 4rem;
}
.df-keys .l {
width: calc(100% - 20rem);
}
.df-keys .r {
width: calc(18rem);
}
.btn-searchTd {
background-color: var(--color-2);
font-size: 1.6rem;
color: #fff;
padding: 0.7rem 2rem;
}
.btn-searchTd:hover {
color: #fff;
}
.note_search {
font-size: 1.4rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.wrapSideBar {
background-color: rgba(244, 244, 244, 1);
border-radius: 0.5rem;
padding: 0 0;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
overflow: hidden;
}
.wrapSideBar .tit_side {
font-size: 1.8rem;
text-align: center;
text-transform: capitalize;
background-color: var(--color-2);
color: #fff;
font-family: 'MontserratM';
margin-bottom: 0;
line-height: 1.4;
padding: 0.7rem 0;
}
.wrapSideBar .nd {
padding: 2rem 1rem;
font-size: 1.5rem;
line-height: 1.625;
}
.wrapSideBar .nd h5 {
font-family: 'MontserratM';
font-size: 1.7rem;
margin-bottom: 1rem;
color: var(--color-1)
}
.tt_img {
height: 1.7rem;
object-fit: contain;
margin-right: 0.5rem;
margin-top: -0.4rem;
}
.heading_td {
background: rgba(244, 244, 244, 1);
font-size: 1.5rem;
line-height: 1.625;
font-family: 'MontserratM';
padding: 2rem 2rem;
border-radius: 0.5rem;
}
.heading_td .dead-line {
color: #666;
font-size: 1.5rem;
}
.heading_td .dead-line .ic {
margin-top: -0.5rem;
}
.heading_td h1 {
margin-bottom: 0.5rem;
}
.gird_request {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2rem;
}
.gird_request .item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.gird_request .item .ic {
width: 4.5rem;
}
.gird_request .item .ic span {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-2);
border-radius: 50%;
color: #fff;
width: 3.5rem;
height: 3.5rem;
}
.gird_request .item .des {
width: calc(100% - 5rem);
}
.gird_request .item .des>* {
margin-bottom: 0.2rem;
}
.content_td {
background-color: rgba(244, 244, 244, 1);
padding: 2rem 3rem;
border-radius: 0.5rem;
font-size: 1.5rem;
line-height: 1.625;
margin: 2rem 0;
}
.b_full_ut {
color: #fff;
font-family: 'MontserratM';
font-size: 1.6rem;
background: var(--color-2);
display: block;
text-align: center;
margin-top: 1rem;
padding: 0.7rem 0;
border-radius: 1rem;
}
.b_full_ut:hover {
color: #fff;
}
.relTd {
margin: 1rem 0
}
.tdHeading h4 {
font-size: 2rem;
font-family: 'MontserratM';
color: #222;
padding-left: 1rem;
position: relative;
margin-bottom: 2rem;
}
.tdHeading h4:before {
position: absolute;
width: 0.5rem;
height: 100%;
left: 0;
top: 0;
content: '';
background-color: var(--color-2);
}
.gird_2c {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
margin-bottom: 2rem;
}
.gird_2c .form-group {
margin-bottom: 0!important;
}
.gird_td.gird_2c .des .cont {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.gird_td.gird_2c .des .meta {
flex-direction: column;
}
.gird_td.gird_2c .des .meta .left {
width: 100%;
}
.gird_td.gird_2c .des .meta .right {
width: 100%;
display: flex;
justify-content: flex-end;
}
.model_box_td {
width: 500px;
padding: 2rem;
border: 1px dashed var(--color-1);
border-radius: 1rem;
}
.model_box_td input.form-control {
height: 4rem;
}
#b-sendTd {
display: block;
font-size: 1.6rem;
font-family: 'MontserratM';
background-color: var(--color-2);
width: 100%;
color: #fff;
padding: 0.7rem 0;
}
.box_td_heading {
padding: 1rem 0;
margin-bottom: 1rem;
margin-top: -2rem;
}
.box_td_heading h3 {
font-size: 2rem;
color: #333;
font-family: 'MontserratM';
border-bottom: 1px solid #eee;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
line-height: 1.6;
}
.td_sub {
font-size: 1.4rem;
font-family: 'MontserratM';
}
.td_sub .ic img {
max-width: 2.5rem;
max-height: 2rem;
margin-right: 0.5rem;
object-fit: contain;
margin-top: -0.5rem;
}
.df-td1 {
font-size: 1.3rem;
margin-bottom: 1.2rem;
}
.df-td1 .r {
color: var(--color-2);
}
.drop-area {
border: 2px dashed #ccc;
border-radius: 10px;
padding: 20px;
text-align: center;
cursor: pointer;
}
.drop-area.hover {
border-color: #007bff;
background-color: #f0f8ff;
}
#file-input {
width: 0;
height: 0;
opacity: 0;
}
#file-info {
margin-top: 1rem;
font-size: 1.4rem;
}
.drop-area {
font-size: 1.4rem;
}
.note_file {
text-align: center;
color: #777;
font-size: 1.3rem;
}
.wt_conttd .p1 {
font-size: 1.4rem;
font-family: 'MontserratM';
}
.wt_conttd .p1 span {
margin-right: 0.3rem;
}
.wt_conttd .p1 span img {
width: 2rem;
margin-top: -1rem;
}
.wt_conttd .p2 {
font-size: 1.3rem;
line-height: 1.4;
}
#tdFrm .form-group {
position: relative;
}
#tdFrm .form-group label.error {
color: var(--color-2);
font-size: 1.2rem;
position: absolute;
right: 5px;
top: 8px;
}
.sub_blockPage {
max-width: 1250px;
margin: 2rem auto;
}
.gird_sbPage {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
}
.gird_sbPage .t_name {
color: #333;
font-family: 'MontserratM';
margin: 1rem 0;
font-size: 2rem;
}
.gird_sbPage .cont {
font-size: 1.5rem;
line-height: 1.625;
}
.gird_sbPage .img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 70%;
border-radius: 0.5rem;
overflow: hidden;
}
.gird_sbPage .img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
.pn-ckcl {
padding: 3rem 0;
position: relative;
}
.item-ckcl {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #F1F1F1;
border-radius: 2rem;
overflow: hidden;
}
.item-ckcl .img {
width: 35%;
position: relative;
}
.item-ckcl .img .wrap_img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
}
.item-ckcl .wrap_img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.item-ckcl .info {
width: 65%;
padding-left: 3rem;
padding-right: 3rem;
}
.item-ckcl .info .the_name {
font-size: 2.4rem;
font-family: 'MontserratB';
margin-bottom: 2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.item-ckcl .info .the_excerpt {
font-size: 1.8rem;
line-height: 1.625;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
text-overflow: ellipsis;
}
.item-ckcl .link {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.item-ckcl .link a {
text-decoration: underline;
}
.item-ckcl .link a img {
height: 4rem;
margin-left: 0.5rem;
}
.y-content {
padding: 1rem 0;
background: #f9f9f9;
}
.gird_gp {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2rem;
}
.gird_gp .item_gp {
background-color: #fff;
padding: 2rem;
border-radius: 0.5rem;
}
.tit_gp {
position: relative;
margin-bottom: 2rem;
text-transform: uppercase;
font-family: 'MontserratB';
color: #222;
font-size: 2.4rem;
text-transform: uppercase;
}
.item_gp h3 {
color: var(--color-6);
font-family: 'MontserratM';
text-transform: uppercase;
font-size: 1.6rem;
margin-bottom: 1rem;
position: relative;
padding-bottom: 1rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.item_gp h3:before {
content: "";
position: absolute;
height: 3px;
width: 35%;
background: #0056e1;
right: 0;
bottom: 0;
border-radius: 3px;
}
.item_gp h3::after {
content: "";
position: absolute;
height: 3px;
width: calc(65% - 5px);
background: #9d9d9c;
left: 0;
bottom: 0;
border-radius: 3px;
}
.item_gp .img {
position: relative;
height: 0;
width: 100%;
padding-bottom: 80%;
overflow: hidden;
}
.item_gp .img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: contain;
}
.item_gp:hover h3 {
color: red;
}
.zoomImg {
transition: transform .6s;
}
.zoomImg:hover {
transform: scale(1.1);
}
.v_all {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.v_all span {
display: inline-block;
cursor: pointer;
padding: 0.7rem 1.5rem;
font-size: 1.4rem;
color: var(--color-6);
border: 1px solid var(--color-6);
border-radius: 0.5rem;
font-family: 'MontserratM';
}
.v_all span:hover {
color: red;
border-color: red;
}
.tit_rs {
font-size: 1.6rem;
font-family: 'MontserratM';
color: #333;
margin-bottom: 2rem
}
.nav-scroll {
padding: 0.5rem 0;
position: fixed;
z-index: 999;
top: -100px;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-box-shadow: 0px 5px 15px rgb(15 36 84 / 5%);
box-shadow: 0px 5px 15px rgb(15 36 84 / 5%);
}
.nav-scroll .logo img {
height: 6rem;
}
.b_contact {
display: inline-block;
padding: 1rem 3rem;
background-color: #fff;
color: var(--color-6);
font-size: 1.6rem;
text-transform: uppercase;
text-align: center;
margin: 1rem 0;
font-family: 'MontserratB';
}
.chitiet_sp {
border: 1px solid #ddd;
padding: 1.5rem;
border-radius: 0.4rem;
}
.chitiet_sp .chitiet_danhmuc {
margin-top: 0;
}
.bl_download{
display:flex;
justify-content:flex-start;
align-items:center;
font-size:1.6rem;
}
.btn_download{
padding:0.5rem 1rem;
color:#fff;
background-color:var(--color-6);
margin-left:0.5rem;
}
.file_name{
}
@keyframes moveAround {
from {
transform: rotate(0deg) translate(40px);
}
to {
transform: rotate(360deg) translate(40px);
}
}
@media screen and (min-width:1600px) {
.pn-about .container {
max-width: 1580px;
}
.container {
max-width: 1400px;
}
}
@media screen and (max-width:1590px) {
.container {
max-width: calc(100% - 7vw);
}
.mySwiper .content h2 {
font-size: 3.4rem;
}
.mySwiper .content p.desc {
font-size: 2.6rem;
}
}
@media screen and (max-width:1400px) {
.gird_appAir .item h4{
font-size:1.5rem;
}
.gird_appAir .item{
width: calc(33.33% - 3rem);
}
.pn-head .container {
max-width: 96%;
}
.banner_full h1 {
font-size: 2.4rem;
}
.logo img {
height: 7rem;
}
.df-topHead .left {
width: 13rem;
}
.df-topHead .main {
width: calc(100% - 14rem);
}
.sb-tit {
height: 6rem;
}
.df-about .center {
width: 50%;
}
.df-about .left {
width: 25%;
}
.df-about .right {
width: 25%;
}
.tit_about {
font-size: 2.4rem;
}
.df-about .center .nd {
font-size: 1.4rem;
}
.pn-about .container {
max-width: 96%;
}
.group_title h2 {
font-size: 2.4rem;
}
.container {
max-width: 96%;
}
.menu_t>ul>li>a {
font-size: 1.5rem;
}
.gird_homeNews .item1 .img {
padding-bottom: 80%;
}
.item_cus .info p,
.listPost .item_post3 .info .desc {
-webkit-line-clamp: 4;
}
}
@media screen and (max-width: 1300px) {
.Swiper_sp_hot_img {
height: 40rem;
}
.item_cus .info p {
font-size: 1.4rem;
}
.menu_t>ul>li>a {
font-size: 1.4rem;
}
.gird_appAir .item h4 {
font-size: 1.6rem;
}
.item__product .info h3 a {
font-size: 1.4rem;
line-height: 1.4;
}
.product-name {
font-size: 2.4rem;
}
.mySwiper .content {
width: 70%;
}
.df-appAir .left .nd h2 {
font-size: 2.6rem;
}
.gird_appAir .item img {
height: 5.5rem;
width: 5.5rem;
}
.gird_cate .item_cate .the_name .wrap_tit h3 {
font-size: 1.6rem;
}
}
@media screen and (max-width: 1250px) {
.menu_t>ul>li>a {
padding: 0 0.7rem;
}
.container {
max-width: 96%;
}
.d-frmtv {
flex-direction: column;
}
#b-sendtv {
margin-top: 1rem
}
.gird_homeNews .item1 .img {
padding-bottom: 80%;
}
.group_tit {
margin-bottom: 1.5rem;
}
.df-about .center {
padding: 0 2rem;
}
}
@media screen and (max-width: 1100px) {
.df-topHead .main .h-menu>.right {
width: 14rem;
}
.gird_products_lq {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.df-topHead .main .h-menu .langs {
margin-right: 0.5rem;
}
.m__menu {
display: block;
}
.df-topHead .main .h-menu .menu_t {
display: none;
}
.menu_t>ul>li>a {
padding: 0 1.2rem;
}
.cate_t {
display: none;
}
.ls-title {
font-size: 30px!important;
}
.ls-text {
font-size: 16px;
}
.site-serviceH {
padding-top: 20px;
}
.site-truyenthong {
padding: 30px 0;
}
.head__logo a img {
max-width: 130px;
}
#layerslider_1 {
min-height: 700px!important;
}
}
@media screen and (max-width: 1024px) {
.map_lh .inner {
padding-bottom: 65%;
}
.df-lh .left {
width: 100%;
}
.df-lh .right {
width: 100%;
margin-bottom: 2rem;
}
.df-lh {
flex-direction: column;
}
.df-foot .foot3 {
padding-left: 0;
}
.df-foot .foot2 {
padding: 0 0;
margin: 2rem 0;
}
.gird_products {
grid-gap: 2.5rem;
grid-template-columns: 1fr 1fr 1fr;
}
.df-about .left,
.df-about .center {
width: 50%;
}
.df-about .right {
display: none;
}
.sub_cate {
padding-bottom: 0;
}
.df-foot {
flex-direction: column;
}
.df-foot .item {
width: 100%;
}
.gird_homeNews .item1 .img {
padding-bottom: 95%;
}
.site-banner img {
min-height: 200px;
object-fit: cover;
}
.site-cket {
padding: 30px 0;
}
.giohang-mobile {
opacity: 0;
pointer-events: none;
}
.menu-mobi {
width: 90px;
}
.slider__right {
width: calc(100%);
}
.cate-left,
.cate-right {
width: 100%;
}
.cate-left {
margin-bottom: 15px;
}
.list__SubCate {
display: flex;
justify-content: flex-start;
}
.list__SubCate>li {
margin: 3px 5px 3px 0;
position: relative;
padding-right: 5px;
}
.list__SubCate>li:before {
position: absolute;
width: 1px;
height: 40%;
top: 30%;
content: '';
right: 0;
background-color: #7D8FA6;
}
.list__SubCate>li:last-child::before {
display: none;
}
.block__5 {
width: calc(25% - 15px);
}
.pn-whys .container {
max-width: 96%;
}
.single-detail .container {
max-width: 96%;
}
.df-appAir .left .nd h2 {
line-height: 1.2;
}
.df-appAir .left .nd .cont {
line-height: 1.4;
}
.gird_cate .item_cate {
width: calc(33.33% - 2rem);
}
.gird_gp {
grid-template-columns: 1fr 1fr 1fr;
}
.product_meta {
padding-left: 1rem;
}
.tab_sanpham .nav-item .nav-link {
font-size: 1.4rem;
}
}
@media screen and (max-width:991px) {
.Swiper_sp_hot_img {
height: 35rem;
}
.gird_gp .item_gp {
padding: 1rem;
}
.item_cus .img {
width: 30%;
}
.item_cus .info {
width: calc(70% - 1rem);
}
.gird_cus {
grid-template-columns: 1fr;
}
.item-slide {
height: 40vh;
}
.listPost {
grid-template-columns: 1fr 1fr 1fr;
}
.swiper-his-line,
.swiper-his-cont {
max-height: 50rem;
}
.pn-about,
.pn-newsAir,
.pn-foot,
.block-page,
.pn-his,
.pn-cetifi {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: 50% 50%;
}
.df-news {
flex-direction: column;
}
.df-news .left,
.df-news .right {
width: 100%;
}
.gird_cate .item_cate {
width: calc(33.33% - 2rem);
margin: 1rem 1rem;
}
.df-appAir .right {
width: 100%;
padding: 3rem 3rem;
}
.df-appAir .left .nd {
padding: 3rem 3rem;
}
.df-appAir {
flex-direction: column;
}
.df-appAir .left {
width: 100%;
padding: 0 0;
justify-content: center;
}
.df-appAir .right:after {
display: none;
}
.df-about .right .img {
padding-bottom: 50%;
margin-bottom: 2rem;
}
.df-about .center {
width: 100%;
margin-bottom: 2rem;
}
.df-about .center .nd {
font-size: 1.6rem;
}
.df-about .left .img {
text-align: center;
}
.df-about .left .img img {
max-height: 40rem;
}
.gird_homeNews {
grid-template-areas: 'item1' 'item2' 'item3' 'item4';
grid-template-columns: 100%;
gap: 2rem;
}
.pn-menu .container {
max-width: 100%;
}
.pn-menu {
padding: 0.5rem 0;
}
.df_sub_cate {
flex-direction: column;
}
.df_sub_cate .left,
.df_sub_cate .right {
width: 100%;
padding: 0 0;
margin-bottom: 1rem;
}
.gird_products,
.gird_service {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1rem;
}
.tit-foot {
margin-top: 1rem;
}
.g-process {
grid-template-columns: 1fr 1fr;
}
.pn-courses,
.pn-vct,
.site-frmDc {
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: 50% 50%!important;
}
.hc-offcanvas-nav h2 {
background-color: var(--color-1)!important;
}
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
background-color: var(--color-1)!important;
}
.pn-head .container {
max-width: 98%;
}
.pn-head {
padding: 0.5rem 0;
}
.item-service .card-img {
text-align: center;
}
.item-service .card-img span {
font-size: 1.7rem;
}
.item-service .card-img strong {
font-size: 3rem;
}
.head_search__booking {
margin-top: 0.5rem;
}
.d-hm {
align-items: center;
}
.m__menu {
display: block;
margin-left: 0.5rem;
}
.head__right {
width: 25%
}
.search_blc {
display: none;
}
.pn-rating {
padding: 50px 0;
}
.pn-cp p {
text-align: center;
}
.tv__frm {
margin: 15px auto
}
.d-foot {
flex-direction: column;
}
.d-ht {
display: none!important;
}
.service__item .service__box {
opacity: 1;
}
.service__item a:before {
background: rgb(0, 0, 204, 0.4);
}
.service__item a:before {
width: 100%;
}
.site-about {
margin-top: 10px;
}
.head__logo a img {
max-width: 100px;
}
.container,
.container-md,
.container-sm {
max-width: 96%;
}
/* .title-rpmenu {
display: block;
} */
.site-slider .block__5 {
width: calc(33.33% - 15px);
}
.content-nhanxet {
width: 100%;
}
.tab_sanpham .nav-item .nav-link {
height: 40px;
}
.cate__left {
display: none;
}
.slider__right {
margin-top: 80px;
}
.site-khuyenmai {
margin-top: 0;
}
.feedback__content {
padding-bottom: 50%;
}
.col-right-ctsp {
width: 100%;
}
.item_product.item_product-right {
width: calc(33.33% - 30px);
margin: 15px 15px;
float: left;
}
.giohang-mobile img {
height: 30px;
}
.giohang-mobile {
margin-top: 0;
}
#layerslider_1 {
min-height: 600px!important;
}
.menu_t {
display: none;
}
.blog-area .blog__left {
width: 100%;
padding-right: 0;
}
.blog-area .blog__right {
width: 100%;
padding: 0 0;
margin-top: 2rem;
}
.gird__products {
grid-template-columns: 1fr 1fr 1fr;
}
.stickHot {
padding: 0 0;
}
.cont-info {
padding-right: 0;
margin-bottom: 2rem;
}
.group_title h2 {
font-size: 2.4rem;
}
.df-ck .right {
padding-left: 0;
}
.list_ck>li>.info .cont {
font-size: 1.4rem;
line-height: 1.4;
}
.list_ck {
padding-left: 0;
}
.list_ck>li>.info h4 {
font-size: 2rem;
}
.pn-airArea {
padding-top: 1rem;
}
.df-page-about {
flex-direction: column;
}
.df-page-about .left,
.df-page-about .right {
width: 100%;
padding: 0 0;
}
.df-page-about .left {
text-align: center;
}
.df-page-about .left img {
width: 50%;
margin: 0 auto;
}
.item_ca .line_tit {
font-size: 1.6rem;
}
.item_ca .line_tit .ic {
margin-right: 0.5rem;
}
.gird_appAir .item {
width: calc(25% - 2rem);
margin: 1rem 1rem;
}
.item-ckcl .info .the_excerpt {
font-size: 1.6rem;
}
.item-ckcl .info .the_name {
font-size: 2rem;
margin-bottom: 1rem;
}
.item__product .info h3 {
padding: 0 0;
}
.item__product .img {
margin-bottom: 0;
}
.item__product .info h3 a {
text-align: left;
}
}
@media screen and (max-width:850px) {
.df-topHead {
align-items: flex-start;
}
.it_post_hz .img {
width: 215px;
}
.it_post_hz .info {
width: calc(100% - 230px);
}
.product_ndTab .tab-content {
padding: 1rem 0;
}
.item-slide {
height: 45rem;
}
.gird_cate .item_cate {
width: calc(50% - 2rem);
margin: 1rem 1rem;
}
.df_cf {
flex-direction: column;
}
.df_cf .left {
width: 100%;
margin-bottom: 2rem;
padding: 0 0;
}
.df_cf .right {
width: 100%;
padding: 0 0;
}
.ct_map {
padding-bottom: 40%;
}
.df-recruitment {
flex-direction: column-reverse;
}
.df-recruitment .sideBar {
width: 100%;
margin-bottom: 2rem;
}
.df-recruitment .main {
width: 100%;
}
.df_cf .left {
width: 60%;
}
}
@media screen and (max-width:768px) {
.gird_research {
grid-template-columns: 1fr 1fr;
}
.wrap_productThumb {
padding: 0 0;
}
.gird_homeNews .item1 .img {
padding-bottom: 70%;
}
.product-name {
margin-top: 2rem;
}
.df-proDt {
flex-direction: column;
}
.df-proDt .left,
.df-proDt .right {
width: 100%;
}
.product_meta {
padding-left: 0;
}
.site-page {
padding-bottom: 0;
}
.df-3l_7r {
flex-direction: column-reverse;
}
.df-3l_7r .left {
width: 100%;
}
.df-3l_7r .right {
width: 100%;
padding-left: 0;
}
.group_title {
margin-bottom: 3rem;
}
.gird_homeNews {
grid-template-areas: 'item1' 'item2' 'item3' 'item4';
grid-template-columns: 100%;
}
.item1 {
margin-bottom: 1rem;
}
.list_ab .item {
width: calc(50% - 3rem);
margin-bottom: 3rem;
}
.df-topHead .logo:before {
display: none;
}
.df_news {
flex-direction: column;
}
.df_news .left73_7,
.df_news .left73_3 {
width: 100%;
padding-left: 0;
}
.single-ps1 .row_about .left {
padding-right: 0;
}
#b-sendtv {
border-radius: 0.3rem;
}
.pn-service {
padding: 2rem 0 2rem 0;
}
.pn-project {
padding-top: 3rem;
}
.df-project {
flex-direction: column;
}
.df-project .cont {
width: 100%;
margin-bottom: 2rem;
}
.df-project .list {
width: 100%;
padding-left: 0;
}
.list-service {
grid-gap: 3rem;
}
.item_us .img img {
height: 150px;
}
.gird__products {
grid-template-columns: 1fr 1fr;
}
.d-cvt .img img {
max-width: 400px;
}
.d-cvt .img {
padding-left: 0;
margin: 30px 0;
}
.d-cvt {
flex-direction: column;
}
.d-courses .img img {
max-width: 400px;
margin-bottom: 30px;
}
.d-courses .cont {
padding-left: 0;
}
.d-courses {
flex-direction: column;
}
.d-frmDc .frm__discount {
width: 100%;
}
.d-frmDc {
flex-direction: column;
}
.gird__khoahoc {
grid-gap: 15px;
}
.pn-question h2 {
font-size: 1.6rem;
}
.pn-question {
padding-bottom: 0;
}
.pn-ck {
padding: 20px 0;
}
.qb-l {
padding-right: 0;
}
.ck__list {
grid-gap: 20px;
}
.ck__list li h4 {
font-size: 16px;
}
.ck__list li p {
font-size: 14px;
}
.qb-r {
text-align: center
}
.d-qb {
flex-direction: column;
}
.tv__frm {
max-width: 100%;
}
.tt_desc {
display: none;
}
.list__ttItem li:nth-child(3) {
display: none;
}
.truyenthong_right {
padding-left: 15px;
}
.tt_item .img_tt_sm {
flex: 40%;
}
.inner-about__txt {
padding-top: 0;
padding-bottom: 50px;
}
.service-dr {
padding: 5px 10px;
}
.service__boxI {
margin-top: 5%;
}
.head__hotline {
display: none;
}
.site-bnc {
margin-top: 0;
}
.block__5 {
width: calc(33.33% - 15px);
}
.site-blogs {
padding-bottom: 0!important;
padding-top: 20px!important;
}
.gird_gp {
grid-gap: 1.5rem;
}
.chitiet_sp_hot_gia del,
.chitiet_sp_hot_gia span {
font-size: 20px;
}
.chitiet_sp_hot_title {
margin-top: 30px;
font-size: 24px;
}
.item_product.item_product-right {
width: calc(50% - 30px);
}
.site-partner {
padding: 5px 35px;
}
.site-blogs .col-sm-6 {
width: 100%;
}
.feedback_text {
width: 100%;
}
.feedback__content {
padding-bottom: 60%;
}
.left__sl424,
.right__ht424 {
width: 100%;
padding: 0;
}
.right__ht424 {
margin: 10px 0;
}
.right__ht424 .divbd {
background: none;
}
.right__ht424 .divbd ul li {
width: calc(50% - 15px);
margin: 7.5px 7.5px;
float: left;
}
.flex__foot {
flex-direction: column;
}
.flex__foot .foot__left,
.flex__foot .foot__right {
flex: 100%;
}
.foot__left .site-copyright {
display: none;
}
.cp_m {
display: block;
}
.cp_m .site-copyright {
position: relative;
}
.wrap__about .about__txt {
min-height: 335px;
}
.ab-mo-ta {
-webkit-line-clamp: 5;
}
#layerslider_1 {
min-height: 500px!important;
}
.ls-text p {
font-size: 2rem!important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
line-height: 2rem;
}
.ls-title {
font-size: 2rem!important;
}
.inner-about__txt h3 {
font-size: 20px;
}
.row_about {
flex-direction: column;
padding: 0 0 2rem 0;
}
.row_about .left {
width: 100%;
padding: 0;
margin-bottom: 2rem;
}
.row_about .right {
width: 100%;
}
.single-ps1 .row_about .right img {
height: 350px;
}
.single-ps1 .row_about .left h3 {
font-size: 2.4rem;
}
.gird-view {
grid-template-columns: 1fr;
}
.gird-view .item-view {
margin-bottom: 0;
}
.gird-view .item-view .nd {
font-size: 1.5rem;
line-height: 2.5rem;
}
.gird-menuii .item-menuii a h3 {
font-size: 2rem;
}
.df-dts {
flex-direction: column;
}
.df-dts .left {
width: 100%;
margin-bottom: 3rem;
}
.df-dts .right {
width: 100%;
margin-bottom: 0;
}
.title_book h2 {
text-align: center!important;
}
.list__partner {
grid-template-columns: 1fr 1fr;
}
.tit_single__partner h2 {
font-size: 2rem;
}
.single-partner .tit_partner h2 {
font-size: 2rem;
}
.pn-maps {
display: none;
}
/* .df-topHead .right {
display: none;
} */
.gird_3c {
grid-template-columns: 1fr 1fr;
}
.item_his-line h4 {
font-size: 2rem;
}
.swiper-his-line .swiper-slide-thumb-active .item_his-line h4 {
font-size: 3rem;
}
.mySwiper .content {
width: 90%;
}
.mySwiper .content p.desc {
font-size: 2rem;
}
.mySwiper .content h2 {
font-size: 3rem;
}
.b_contact {
font-size: 1.4rem;
}
.product_meta {
padding-left: 0;
}
.Swiper_sp_hot_img {
height: 40rem;
}
}
@media screen and (max-width:700px) {
.item_cus .img {
width: 30%;
}
.item_cus .info {
width: calc(70% - 1rem);
}
.swiper-his-line,
.swiper-his-cont {
max-height: 40rem;
}
.item_lv_page {
padding: 2rem 1rem;
}
.list_ck>li>.info h4 {
font-size: 1.6rem;
}
.df-ck .right {
width: 100%;
}
.df-ck .left {
display: none;
}
.df-page-about .left {
width: 100%;
padding: 0 0;
}
.df-page-about .right {
width: 100%;
margin-bottom: 2rem;
}
.df-page-about {
flex-direction: column-reverse;
}
.gird_appAir .item {
width: calc(33.33% - 2rem);
margin: 1rem 1rem;
}
.mySwiper .content h2 {
font-size: 2rem;
}
.gird_cus {
grid-template-columns: 1fr;
}
.single-news {
padding-bottom: 0;
}
.gird_lh {
grid-template-columns: 1fr;
}
.item-slide {
height: 40rem;
}
.head__banner {
display: none;
}
.df_top {
display: none!important;
}
.head__hotline {
display: block;
width: 135px;
}
.title-rpmenu {
display: block;
width: 135px;
}
.ls-l {
left: 10%!important;
}
.banner_full h2 {
font-size: 2.2rem;
}
.df-topHead .main {
width: calc(100% - 16rem);
}
.df-topHead {
align-items: center;
}
.gird_ck {
grid-template-columns: 1fr 1fr;
}
.gird_ck .item_ck .img img {
height: 6rem;
}
.df-cp .right {
display: none;
}
.df-cp {
flex-direction: column;
}
.df-cp .left {
width: 100%;
}
.aside {
margin-bottom: 2rem;
}
.listPost .item_post3 .img {
padding-bottom: 70%;
}
}
@media screen and (max-width:650px) {
.gird_gp {
grid-template-columns: 1fr 1fr;
}
.item_cus .img {
width: 35%;
}
.item_cus .info {
width: calc(65% - 1rem);
}
.pn-contact {
padding-top: 1rem;
}
.df_cf .left {
width: 90%;
}
.listPost {
grid-template-columns: 1fr 1fr;
}
.gird_products,
.gird_service {
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;
}
.banner_full h1 {
font-size: 2rem;
}
.grid_anh {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-album {
grid-template-columns: 1fr 1fr;
}
.single-news {
padding-top: 1rem;
}
.it_post_hz .info .desc {
-webkit-line-clamp: 3;
}
.it_post_hz .img {
width: 200px;
}
.it_post_hz .info {
width: calc(100% - 220px);
}
.pn-news {
padding: 0 0 2rem 0;
}
.item_us .img img {
height: 130px;
}
.list-us {
grid-gap: 2rem;
}
.item-service {
padding-bottom: 1rem;
}
.list-service {
grid-template-columns: 1fr 1fr;
}
.img__AbDesk {
display: none;
}
.img__AbMobile {
display: block;
}
.site-bnc {
margin-top: 0;
}
.wrap__about .about__txt {
flex: 100%;
}
.wrap__about .about__img {
flex: 100%;
}
.wrap__about {
flex-direction: column;
}
#layerslider_1 {
min-height: 400px!important;
}
.gird__service {
grid-template-columns: 1fr 1fr;
}
.truyenthong_wrap {
flex-direction: column;
}
.truyenthong_left {
flex: 100%;
margin-bottom: 30px;
}
.tt_imgmax img {
width: 100%;
}
.flex__foot .foot__left {
padding: 30px 15px;
}
.flex__foot .foot__right {
padding: 30px 15px 0 15px;
}
.foot_wrapMap {
padding-bottom: 40%;
}
.gird_products,
.gird_service {
grid-template-columns: 1fr 1fr;
}
.df-breadcumb {
flex-direction: column;
}
}
@media screen and (max-width:576px) {
.df-foot .foot4 {
display: none;
}
.df-foot {
grid-template-columns: 1fr;
grid-gap: 1rem;
}
.single-project {
padding-top: 0;
}
.gird-menuii {
grid-template-columns: 1fr;
}
.single-ps1 .row_about .right img {
width: 100%;
height: auto;
}
.row_about .right img {
width: 100%;
height: auto;
}
.pn-contact {
padding-top: 1rem;
}
.tit_block h2 {
text-align: left;
}
.pn-news .tit_news {
margin-bottom: 2rem;
}
.head_social {
display: none;
}
.list-us {
grid-template-columns: 1fr;
}
.g-process .i-process {
padding-left: 1rem;
}
.g-process {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.inner-cp .link {
text-align: left;
}
.pn-block-cp .tit_cp h2 {
text-align: left;
}
.g-about .cont .nd {
text-align: left;
padding-left: 0;
}
.g-about {
grid-template-columns: 1fr;
}
.df-project .list ul {
grid-template-columns: 1fr;
}
.feedback_text {
padding-top: 10px!important;
}
.item__kh img {
width: 100px!important;
height: 100px!important;
}
.item__kh p {
margin-top: 15px;
}
.feedback__content {
padding-bottom: 70%;
}
.logo__footer {
margin-bottom: 10px;
}
.mxh__foo ul {
margin-bottom: 10px;
}
.right-head_cart {
text-align: right;
}
h4.blog_tit {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 15px;
line-height: 22px;
}
.site-cket {
padding: 20px 0;
}
.list__SubCate {
display: block;
}
.list__SubCate li {
display: inline-block;
}
.list__SubCate>li>a {
line-height: 20px;
}
.site-copyright {
padding: 5px 0;
}
.site-copyright p {
line-height: 24px;
color: #333;
}
.block__5 {
width: calc(50% - 15px);
}
.site-productcl347 .item_product {
margin-bottom: 15px;
}
.right-head_cart {
width: 90px;
}
.res__head img {
max-height: 60px;
}
.tit__home span {
font-size: 20px;
}
.item_product_img {
height: 200px;
}
.pn-head {
padding: 5px 0;
}
.gird_sbPage {
grid-template-columns: 1fr;
}
.col-left-ctsp {
width: 100%;
}
.site-truyenthong {
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: 50% 50%!important;
}
.site-partner {
padding: 10px 15px;
}
.row__grid_2 {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
.site-banner img {
min-height: 150px;
object-fit: cover;
}
.leftc1,
.leftc2 {
width: calc(100%);
margin: 10px 0;
}
.content-f {
margin-bottom: 0;
}
.pn-foot {
padding-top: 3rem;
padding-bottom: 0;
}
.pn-rating {
padding: 30px 0;
}
.ck__list {
grid-template-columns: 1fr;
}
.card__question .card-header {
padding-left: 10px;
}
.gird__khoahoc {
grid-template-columns: 1fr;
}
.cont-1 .name {
font-size: 1.6rem;
}
.banner_full img {
width: 100%;
object-fit: contain;
}
.banner_full h2 {
font-size: 2rem;
}
.tit_block h2 {
font-size: 2.2rem;
}
.pn-block-cp .tit_cp h2 {
font-size: 2rem;
}
.banner_full h1 {
font-size: 2rem;
line-height: 2.8rem;
}
.blog-area .blog__right {
padding-left: 0;
}
.blog-area .blog__right .insHeading,
.tit_block h2 {
font-size: 1.7rem;
}
.group_title h2 {
font-size: 1.8rem;
}
.df-appAir .right:before {
display: none;
}
.cart-btn {
padding: 1rem 1rem;
}
.model_box_td {
max-width: 100%;
}
#box_tvbg {
max-width: 100%;
min-width: 100%;
}
.product_quote a {
font-size: 1.6rem;
}
.gird_appAir .item img {
width: 4rem;
height: 4rem;
}
.listPost .item_post3 .info {
padding: 1rem 1rem;
}
.listPost {
grid-gap: 1.5rem;
}
.item_cus .info h3 {
font-size: 1.4rem;
}
.item_cus .info p,
.listPost .item_post3 .info .desc {
-webkit-line-clamp: 3;
}
.item_cus {
padding: 1.5rem;
}
.item_cus .img {
width: 40%;
}
.item_cus .info {
width: calc(60% - 1rem);
}
.listPost .item_post3 .info .desc {
font-size: 1.4rem;
}
.listPost .item_post3 .info h3.name a {
font-size: 1.6rem;
}
.product_connect>a {
font-size: 1.4rem;
}
.item__product .info h3 {
padding: 0 0;
text-align: center;
}
.list_SubCate>a span {
font-size: 1.6rem;
}
.gird_research {
grid-template-columns: 1fr;
}
.group_tit .tit {
font-size: 2rem;
}
.item_lv_page {
padding: 1rem 0.5rem;
}
.gird_appAir .item {
width: calc(33.33% - 1rem);
margin: 0.5rem 0.5rem;
}
.gird_appAir .item h4 {
font-size: 1.4rem;
}
.item-ckcl {
flex-direction: column;
}
.item-ckcl .img,
.item-ckcl .info {
width: 100%;
padding: 0 0;
margin-bottom: 1rem;
}
.item-ckcl .img .wrap_img {
padding-bottom: 70%;
}
.item-ckcl .info {
padding: 0 1rem;
}
.item-ckcl .link a img {
height: 3rem;
}
.pn-cp {
margin-top: 0;
}
.block-page {
padding: 2rem 0;
}
.list_ck>li>.img {
width: 10rem;
}
.list_ck>li>.img img {
width: 4rem;
}
.list_ck>li>.info {
width: calc(100% - 12rem);
}
}
@media screen and (max-width:500px) {
.product_ndTab {
margin-top: 1rem;
}
.Swiper_sp_hot_img {
height: 35rem;
}
.gird_products,
.gird_service {
grid-gap: 0.5rem;
}
.gird_request .item {
flex-direction: column;
}
.df-page-about .right .nd {
font-size: 1.5rem;
}
.gird_request .item .ic {
width: 100%;
text-align: center;
}
.gird_request .item .des {
width: 100%;
}
.gird_2c {
grid-template-columns: 1fr;
}
.item_td {
flex-direction: column;
}
.item_td .img {
width: 100%;
text-align: center;
}
.item_td .des {
width: calc(100%);
padding: 2rem 2rem;
}
.df-appAir .right {
padding: 2rem 0;
}
.df-about .center {
padding: 0 0;
}
.df-about .left .img img {
max-height: 30rem;
}
.logo img {
object-fit: contain;
}
.df-foot .foot1 .newsletter__frm {
padding-bottom: 0;
}
.gird_homeNews .item1 .img .info h3 {
font-size: 2rem;
}
.df-newsH .info p {
-webkit-line-clamp: 3;
}
.mySwiper .content p.link {
margin-top: 0;
}
.mySwiper .content {
width: 80%;
}
.item-slide {
height: 30rem;
}
.df-topHead .left {
width: 8rem;
}
.df-topHead .main {
width: calc(100% - 9rem);
}
.df-topHead .main .banner_txt {
font-size: 2.4rem;
margin-bottom: 0;
}
.item_news .the_title {
font-size: 1.6rem;
line-height: 1.3;
-webkit-line-clamp: 3;
}
.it_post_hz .info .date {
display: none;
}
.pn-contact {
padding-bottom: 1rem;
}
.list_ab .item {
margin-bottom: 2rem;
}
.list_ab .item {
width: calc(50% - 3rem);
margin: 1.5rem 1.5rem;
}
.pn-homeNews {
padding-bottom: 2rem;
}
.pn-foot {
padding-top: 2rem;
}
.df-newsH .img {
width: 17rem;
height: 13rem;
}
.df-newsH .info {
width: calc(100% - 19rem);
}
.navbar-form input {
min-width: unset;
padding-left: 0.5rem;
}
.it_post_hz .img {
width: 170px;
}
.it_post_hz .img a img {
height: 170px;
}
.it_post_hz .info {
width: calc(100% - 190px)
}
.list__partner .item__partner .img img {
height: 165px;
}
.single-detail-service {
padding-top: 0;
}
.single-detail-service {
padding-bottom: 0;
}
.frm__book {
padding: 2rem;
}
.gird-wd2 {
grid-template-columns: 1fr;
}
.item__service .cont {
padding: 20px 0;
}
.item__service {
flex-direction: column;
}
.item__service .img {
width: 100%;
}
.item__service .img img {
width: 100%;
}
.item__service .cont {
width: 100%;
}
.row__grid {
grid-gap: 20px;
}
.tit-lienhe {
margin-top: 2rem;
}
.flex__contact {
flex-direction: column;
}
.btn__contact {
margin: 10px 0;
}
.site-truyenthong {
padding-bottom: 0;
}
.tt_item .img_tt_sm {
flex: 50%;
}
.title-f {
margin-bottom: 0!important;
}
.foot_wrapMap {
padding-bottom: 50%;
}
.ls-l {
display: none;
}
#layerslider_1 {
min-height: 300px!important;
}
.truyenthong_right {
padding-left: 0;
}
.tt_item .tt_in h4 {
line-height: 18px;
}
.res__head img {
max-height: 50px;
}
.tit__productPage span {
font-size: 24px;
}
.wrap__cate {
margin-bottom: 10px;
}
.tit__opage span {
font-size: 1.4rem;
}
.wrap__map {
padding-bottom: 75%;
}
.site-productHome {
padding: 10px 0;
}
.site-CateServiceHome {
padding: 20px 0 0 0;
}
.item_product_price del {
margin-left: 5px;
}
.item_product_img {
height: 170px;
}
.partnerItem {
padding: 20px 10px;
}
.site-vct {
padding: 25px 0;
}
.swiperProductSale-next,
.swiperProductSale-prev {
color: #333!important;
}
.right__ht424 .sup_item {
padding: 10px 5px;
}
.item_product-right>a {
padding: 10px 15px;
}
.item_product.item_product-right {
width: calc(50% - 20px);
margin: 10px 10px;
}
.logo__footer img {
max-height: 80px;
}
.tab_sanpham .nav-item .nav-link {
height: 40px;
font-size: 1.4rem;
padding: 0 1rem;
}
.right__ht424 .divbd {
padding: 0 0;
}
.swiperProductSale-next,
.swiperProductSale-prev {
top: 40%!important;
}
.link_wrap_img {
padding: 20px;
}
.item_product>a .sale {
top: 0;
}
.btn-dt,
.btn-buyn {
padding: 3px 10px;
}
.title-f {
margin-top: 0!important;
}
.form-search-nav input {
padding: 6px 10px;
border-radius: 20px;
}
.tit__productPage {
margin-bottom: 15px;
}
.df-project .cont .tit h2 {
font-size: 2.2rem;
}
.btn-booking {
font-size: 1.3rem;
}
.tit_service {
margin-bottom: 2rem;
}
.tit_process {
margin-bottom: 3rem;
}
.pn-process {
padding-top: 0;
padding-bottom: 3rem;
}
.df-about {
flex-direction: column-reverse;
}
.mySwiper .content p.desc {
font-size: 1.6rem;
}
.gird_cate .item_cate {
width: calc(50% - 1rem);
margin: 0.5rem 0.5rem;
}
.gird_cate .item_cate .the_name .wrap_tit h3 {
font-size: 1.4rem;
}
.item__product .img img {
padding: 0.5rem;
}
}
@media screen and (max-width:450px) {
.product-name {
font-size: 2rem;
}
.row__grid_2 .item__service a img {
max-width: 150px;
}
.cart-btn {
padding: 10px 5px;
}
.t_hotline {
display: none;
}
.head__hotline {
background-color: transparent;
}
.wrap__about .about__txt {
padding: 30px 20px;
}
.service__item {
max-height: 300px;
overflow: hidden;
}
.foot_wrapMap {
padding-bottom: 60%;
}
.service__boxI {
padding: 20px 8px;
}
.service__boxI h3 {
font-size: 16px;
}
.service__boxI p {
font-size: 13px;
line-height: 20px;
-webkit-line-clamp: 4;
}
.service-dr {
padding: 3px 4px;
}
.gird__service {
grid-gap: 15px;
}
.head__logo a img {
height: 80px;
}
.head__logo {
width: 34%;
text-align: center;
}
.foot-left {
padding-right: 0;
}
.foot-left .social li a img {
height: 30px;
}
.single-partner {
padding-top: 0;
}
.pn-head .container {
padding-left: 0;
}
.df-keys .r {
width: 12rem;
}
.df-keys .l {
width: calc(100% - 13rem);
}
}
@media screen and (max-width:430px) {
.item_news .view {
display: none;
}
.tit_dt {
font-size: 2rem;
text-align: center;
}
.navbar-toggle {
padding: 0.4rem 0.4rem;
}
.mySwiper .content h2 {
font-size: 1.4rem;
}
.mySwiper .content h2 {
font-size: 1.6rem;
}
.list_ab .item {
width: calc(50% - 2rem);
margin: 1rem 1rem;
}
.single-relPost {
margin-top: 0;
}
.grid-album {
grid-template-columns: 1fr;
}
.grid_anh {
grid-template-columns: 1fr 1fr;
}
.banner_full h1 {
font-size: 1.8rem;
line-height: 2.4rem;
}
.it_post_hz .info {
width: calc(100% - 155px);
}
.it_post_hz .img {
width: 140px;
}
.it_post_hz .img a img {
height: 140px;
}
.list__partner {
grid-template-columns: 1fr;
}
.tit-foot {
font-size: 1.8rem;
}
.pn-cp p {
font-size: 1.3rem;
line-height: 1.3;
}
.head__logo a img {
height: 60px;
}
.list-service {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.item_product_price {
font-size: 18px;
}
.gird__service {
grid-template-columns: 1fr;
}
.gird__products {
grid-gap: 20px;
}
.item_product_title a {
font-size: 18px;
line-height: 22px;
}
.tit_splq {
margin: 10px 0;
}
.d-frmtv {
flex-direction: column;
}
#b-sendtv {
margin-top: 2rem;
}
.gird_td .des .meta {
flex-direction: column;
}
.gird_td .des .meta .left {
width: 100%;
}
.df-td1 {
flex-direction: column;
}
.Swiper_sp_hot_img {
height: 30rem;
}
.block_subCate .container {
padding: 1.5rem 1rem;
}
.gird_gp .item_gp {
padding: 0.5rem;
}
.item_gp h3 {
font-size: 1.4rem;
}
.v_all span {
font-size: 1.3rem;
}
.gird_gp {
grid-gap: 1rem;
}
.item_ca .line_tit {
font-size: 1.4rem;
}
.pn-ckcl {
padding-top: 0;
}
.df-page-about .left img {
width: 80%;
}
.list_ck>li {
flex-direction: column-reverse;
}
.list_ck>li>.info {
width: 100%;
}
.list_ck>li>.info h4 {
text-align: center;
font-size: 1.8rem;
}
.list_ck>li>.img {
margin-bottom: 1rem;
height: 8rem;
}
.list_ck>li>.img img {
width: 5rem;
}
.list_ck>li>.info .cont {
font-size: 1.6rem;
line-height: 1.5;
-webkit-line-clamp: unset
}
}
@media screen and (max-width:400px) {
.gird_appAir .item {
width: calc(50% - 1rem);
margin: 0.5rem 0.5rem;
}
.item__product .info {
padding: 0 0;
}
.gird_products {
grid-template-columns: 1fr;
}
.gird_cate .item_cate {
width: calc(100% - 2rem);
margin: 1rem 1rem;
}
.gird_ctfrm {
grid-template-columns: 1fr;
}
.logo img {
height: 5rem;
}
.listPost .item_post3 .info h3.name a {
font-size: 1.4rem;
}
.listPost .item_post3 .info .name {
-webkit-line-clamp: 3;
}
}
@media screen and (max-width:378px) {
.df-topHead .logo {
width: 15rem;
}
}
@media screen and (max-width:350px) {
.it_post_hz .info .desc {
display: none;
}
.it_post_hz .img {
width: 100px;
height: 80px;
}
.it_post_hz .info {
width: calc(100% - 110px);
}
.it_post_hz .img a img {
height: 80px;
}
.list_ab .item {
width: 100%;
margin: 1rem 0;
}
.gird_products,
.gird_service {
grid-template-columns: 1fr;
}
.item__product .info {
padding: 0 1rem;
}
.df-newsH .img {
width: 13rem;
height: 11rem;
}
.df-newsH .info {
width: calc(100% - 15rem);
}
.df-newsH .info p {
display: none;
}
}