:root {
--primary-color: #010099;
--second-color: #fa0000;
}
div.product_wrapper div.star-rating {
margin: 0 auto !important;
}
body,
html {
position: relative; margin:0;width: 100%;height: 100%;
}
body {
font-family: "Roboto", sans-serif;
}
a,
button {
cursor: pointer;
}
body {
font-size: 16px;
padding: 0;
overflow-x: hidden;
}
a{
text-decoration: none;
color: #000;
}
a:hover {
color: var(--primary-color);
text-decoration: none;
}
input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus {
box-shadow: 0 0 5px #ccc;
opacity: 1 !important;
outline: 0;
color: #333;
background-color: #fff;
}
p,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 5px;
margin-top: 0; line-height: 1.5
}
h5 {
font-size: 1.05em
}
h4 {
font-size: 1.1em
}
h3 {
font-size: 1.2em;
line-height: 1.3
}
h2 {
font-size: 1.3em;
}
h1 {
font-size: 1.4em;
}
img {
display: table;
max-width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover
}
table {
width: 100%;
border-collapse: collapse;
}
table, th, td {
border: 1px solid;
}
td {
padding: 5px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.wp-caption-text {
text-align: center; padding: 5px 0; background-color: #f2f2f2dd
}
.wp-caption img {
width: 100%
}
.text-center{
text-align: center;
}
.slick-arrow {
background: transparent;
border-radius: 100%;
border: solid 2px white;
padding: 0 5px;
}
.slick-arrow i {
color: #ef2025;
font-size: 28px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
.slick-next {
right: 30px
}
.slick-prev {
left: 30px
}
.slick-slider:focus,
.slick-track:focus,
.slick-slide:focus,
.slick-slide a:focus,
.slick-arrow:focus {
outline: none
}
.slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: none;
font-size: 30px;
color: #ef8610;
}
.flex_center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.padding_ratio:before {
content:'';display: block; padding-bottom: 50%;
}
.full_relative {
width: 100%;height: 100%;top:0;left: 0;
}
.is_mask {
z-index: 0;
}
.is_content {
z-index: 1;
}
.align_center {
text-align: center;
}
.margin_center {
display: table; margin:0 auto;
}
.woocommerce .content-area .col-9 table ,
.woocommerce .content-area .col-9 td {
border: 1px solid;
}
.the-content iframe,
.single.single-post .entry-content iframe {
width: 100%;
display: block;
border: none;
max-height: 450px;
}  .slick-dots{
position: absolute;
bottom: 0;
display: flex;
padding: 0;
margin: 10px 0;
width: 100%;
justify-content: center;
list-style: none;
}
ul.slick-dots li button {
font-size: 0;
line-height: 0;
display: block; margin: 0 5px;
transition: 0.3s;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: #fff;
opacity: 0.4;
border-radius: 100%;
}
ul.slick-dots li.slick-active button,ul.slick-dots li button:hover{
opacity: 1;
}
.hover-show {
opacity: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
position: absolute;
width: 100%;
height: 100%;
background-color: #0000ff2b;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} @font-face {
font-family: "Roboto";
src: url(//dienchaua.vn/wp-content/themes/GTBH-WebChuan-021720/assets/fonts/RobotoCondensed-Bold.ttf);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//dienchaua.vn/wp-content/themes/GTBH-WebChuan-021720/assets/fonts/RobotoCondensed-Light.ttf);
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//dienchaua.vn/wp-content/themes/GTBH-WebChuan-021720/assets/fonts/RobotoCondensed-Regular.ttf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "UTM AvoBold";
src: url(//dienchaua.vn/wp-content/themes/GTBH-WebChuan-021720/assets/fonts/UTM-AvoBold.ttf);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "UTM Avo";
src: url(//dienchaua.vn/wp-content/themes/GTBH-WebChuan-021720/assets/fonts/UTM-Avo.ttf);
font-weight: 400;
font-style: normal;
}
.section-template{
padding-bottom: 30px;
}
.woocommerce-products-header.page-title,
div.top-page {
text-align: center;
padding: 30px 0;
background-color: #f5f5f5;
margin-bottom: 30px;
font-size: 20px;
position: relative;
}
.woocommerce-products-header.page-title h1,
div.top-page.page-title h1 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 10px;
font-size: 30px;	
color: #121212;
font-weight: 600;
}
#breadcrumbs {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;  
margin: 0 0 0;
text-align: inherit;
color: #666;	
font-size: 18px;
font-weight: 400;
position: relative;
}    
#breadcrumbs a:after {
margin: 0 10px;
display: inline-block;
content: "\f105";
font-size: 15px;
font-family: "Font Awesome 5 Free";
font-weight: bold;
}
#breadcrumbs span {
color: #1e71b5;
} .view-product-popup {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100vw;
height: 100vh;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.view-product-popup .popup-bgr {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.95;
}
.view-product-popup .namlbn-lightbox-content {
display: block;
z-index: 1;
margin: 0 auto;
position: relative;
width: auto;
}
#site-footer .thong-bao img {
height: 80px ; 
padding-top: 15px ; 
margin: 0 auto;
}
#close-lightbox {
color: #fff;
font-weight: 700;
font-size: 20px;
margin-bottom: 10px;
position: absolute;
top: 10px;
right: 10px;
background: #000;
padding: 5px 10px;
}
.view-product-popup .namlbn-lightbox-content img {
display: block;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
max-height: 95vh;
height: 100%;
width: auto;
} .namlbn-product-image-view {
position: relative;
display: block;
}
.namlbn-product-image-view:before {
content: '';
display: block;
padding-bottom: 100%
}
.namlbn-product-image-view img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.namlbn-nav .slick-slide {
height: 100px;
border-right: 1px solid #cccccc6e;
padding: 10px;
position: relative;
}
.namlbn-nav .slick-slide:after {
content: '';
width: 100%;
height: 100%;
background: #000;
z-index: 1;
position: absolute;
top: 0;
left: 0;
bottom: 0;
opacity: 0.5;
}
.namlbn-nav .slick-current.slick-slide.slick-active:after{
opacity: 0;
}
.namlbn-nav img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important
}
.namlbn-nav {
border-top: 1px solid #cccccc6e;
border-bottom: 1px solid #cccccc6e;
border-left: 1px solid #cccccc6e;
border-right: 1px solid #cccccc6e
}
.product_meta>span{
display: block;
margin-bottom: 10px;
font-size: 14px;
}
.product_meta span a{
color: #dd4b39;
} .share-product {
margin: 10px 0
}
.facebook-share i {
font-size: 1.5em;
vertical-align: middle;
padding-right: 5px;
border-right: dashed 1px #ffffff66;
color: #fff
}
.facebook-share {
padding: 5px 10px;
border-radius: 5px;
background: -o-linear-gradient(45deg,#007bff,#1284feb0);
background: linear-gradient(45deg,#007bff,#1284feb0);
color: #fff;
display: table;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.facebook-share a {
color: #fff;
padding-left: 5px
}
span.facebook-share {
margin-bottom: 5px
} .col-4.post-item{
margin-bottom: 30px;
}
.post-item .link-post{
display: flex;
flex-direction: column;
min-height: 100%;
}
.post-item .link-post .post-content{
flex-grow: 1;
display: flex;
flex-direction: column;
}
.post-item .link-post .post-content h5{
padding: 10px 0 15px;
border-bottom: 1px solid #ececec;
}
.post-item .link-post .post-content .excerpt{
color: #000;
} #commentform p>input{
padding: 10px;
} .single h1.entry-title{
font-family: "UTM AvoBold";
text-transform: none;
font-weight: bold;
padding-bottom: 10px;
font-size: 1.7em;
margin-bottom: 20px;
border-bottom: 1px solid #dc5747;
}
body.post-template-default.single.single-post h1.entry-title{
margin-bottom: unset;
border-bottom: unset;
}
.post-meta {
margin-bottom: 20px;
border-bottom: 1px solid #dc5747;
padding-bottom: 10px;
}
.bvlq .list-news .ratio.ratio--custom{
padding-bottom: 65%;
}
.bvlq>h3{
text-transform: uppercase;
margin-bottom: 15px;
}
.bvlq .list-news .box-text{
position: absolute;
background-color: rgba(0, 0, 0, 0.65);
width: 100%;
max-height: 100%;
padding: 2px;
bottom: 0;
text-align: center;
transition: 0.5s;
z-index: 1;
}
.bvlq .list-news .post-item h5.title{
font-weight: normal;
text-shadow: 0px 0px 0px black;
color: #fff;
margin: 0;
}
.bvlq .post-item .link-post{
border: 1px solid #e0e0e0;
padding: 4px;
box-shadow: 1px 2px 4px #c3c3c3;
}
.bvlq .post-item a.link-post:hover .hover-show{
opacity: 1;
}
.bvlq .post-item a.link-post .box-text:hover{
background-color: #dd4b39;
}
.text-center.description{
margin-bottom: 30px;
}
.woocommerce-Tabs-panel--description iframe,.wp-caption{
margin: auto;
max-width: 100%;
display: block;
width: 750px;
height: 400px;
}
.single_add_to_cart_button{
display: none !important;
}
#search-section .row{
margin-bottom: 15px;
}
.namlbn-list-attributes {
padding: 0; list-style: none; padding-left: 10px
}
.namlbn-list-attributes  li {
border-bottom: dashed 1px #cacacaee
}
.namlbn-list-attributes  li:last-child {
border-bottom: none;
}
.the-content, .entry-content {
text-align: justify;
}
.comment-form-comment label {
display: table;
}
#customer_details label {
display: flex;
}
#danh-muc-san-pham li.danhmuc-iteam{
border-bottom: 1px solid #f1f1f1;
padding: 5px;
}
.category .nav-links {
text-align: center;
padding:25px; 
}
.category .nav-links a {
padding: 5px 12px;
border: 1px solid  #155022;
text-decoration: none;
color: black;
}
.category span.page-numbers.dots { 
background: white;
color:black;
}
.category .nav-links span {
padding: 5px 12px;
border: 1px solid;
background: var(--primary-color);
color: white;
}
.category .nav-links a:hover,
.category span.page-numbers.dots:hover {
background: #279740;
color: white;
}
.page-template-page-lienhe  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required ,
.page-template-page-lienhe textarea.wpcf7-form-control.wpcf7-textarea ,
.page-template-page-lienhe input.wpcf7-form-control.wpcf7-text{
width: 100%;
margin-bottom: 6px;
}
.page-template-page-lienhe .col-2.labelfax {
z-index: 11111;
}
.page-template-page-lienhe input.wpcf7-form-control.wpcf7-text.dtt,
.page-template-page-lienhe input.wpcf7-form-control.wpcf7-text.faxx {
display: flex;
max-width: 100%;
}
.page-template-page-lienhe .col-2.labelfax {
display: flex;
max-width: 100%;
flex: 0 0 8%;
justify-content: center;
}
.page-template-page-lienhe input.wpcf7-form-control.wpcf7-submit {
border-radius: 15px;
width: 25%;
margin-top: 3px;
background: var(--primary-color);
color: white;
padding: 5px 0;
}
.page-template-page-lienhe .form-lien-he {
margin: 15px 0;
}
.page-template-page-lienhe .col-5.dt,
.page-template-page-lienhe .col-5.fax {
flex: 0 0 46%;
max-width: 46%;
}
.home .brands h3 {
margin-top: 20px; padding-right: 1em; border-bottom: solid 2px; display: table;
color: var(--primary-color) ;
}
#sc-2 .brands  {
justify-content: center;
}
#sc-2 .brands .logos:nth-child(1) .col_wrapper:nth-child(1)
{
margin-right: 12vw;
}
#sc-2 .brands .logos:nth-child(1) .col_wrapper:nth-child(3){
margin-left: 12vw;
}
span.woocommerce-products-header__title.page-title {
font-size: 30px;
font-weight: 900;
}
.page-template-page-lienhe .the-content {
text-align: initial;
}
.more_contact ul {
display: inline-block; vertical-align: top; margin-top: 0; padding-left: 2em
} #sp_zalo{
display: flex;
flex-wrap: wrap; }
#sp_zalo li{
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
height: auto!important
}
#sp_zalo .tt{
text-align: center;
font-size: .9em;
}
#sp_zalo .icon{
width: 50px;
height: 50px;
margin: 0 auto
}
#online-support .simply-scroll-container,#online-support .simply-scroll-clip{
max-width: 100%
}
.tab-tailieu-kt {
padding: 10px 10px;
border-right: 1px solid #ececec;
font-size: 15px;
font-family: "UTM Avo", sans-serif;
text-transform: none;
font-weight: bolder;
display: inline-block;
opacity: 0.6;
transition: all .2s;
}
body.post-template-default.single.single-post .woocommerce-Tabs-panel--description iframe, .wp-caption {
height: auto;
}
.archive.tax-product_cat iframe {
max-width: 100%;
display: block;
width: 750px;
height: 400px;
margin-left: auto;
margin-right: auto;
}
.footer-single {
line-height: 1.7;
}
.footer-single .logo img {
margin-left: auto;
margin-right: auto;
}
.footer-single .affter_des {
padding-left: 250px;
}
@media(max-width: 768px){
img.custom-logo{
height: 100px;
object-fit: scale-down;
}
.page-template-page-lienhe .col-5.lienhe,
.page-template-page-lienhe .col-7.lienhe1 {
flex: 0 0 100%;
max-width: 100%;
}
.footer-single .affter_des {
padding-left: 150px;
}
}
@media(max-width: 640px){
img.custom-logo {
object-fit: scale-down;
height: 75px;
}
.masthead-mobi a>i {
color: var(--primary-color);
}
.page-template-page-lienhe .col-5.dt,
.page-template-page-lienhe .col-5.fax {
flex: 0 0 100%;
max-width: 100%;
}
.archive.tax-product_cat iframe {
height: 330px;
}
.footer-single .affter_des {
padding-left: 0px;
}
}