.breadcrumb span a.btn.btn-default { color: #333; background-color: #fff; border-color: #ccc;height:37px; position: relative; float: left;border: 0; border-radius: 0; }
.btn-breadcrumb a.btn.btn-default { color:#fff;background-color: transparent;border-color: transparent;height:37px; position: relative; float: left;border: 0; border-radius: 0; } .pre-form-contact {
overflow: hidden; margin-bottom: 10px;
}
.pre-form-contact__title {
font-weight: 700;
margin: 15px 0;
}
.pre-form-contact__box {
background-color: var(--pre-form-contact-bg_box);
padding: var(--pre-form-contact-padding);
width: 100%;
border-radius: 5px;
}
.pre-form-contact__box .form-group {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.pre-form-contact__box .form-group .input {
width: calc(100% - 60px);
}
.pre-form-contact__box .form-group .form-control {
background-color: var(--pre-form-contact-bg_input);
box-shadow: none; border-radius: 5px 0 0 5px; font-size: 15px;
border: 0; min-height: 41px;
}
.pre-form-contact__box .form-group button {
background-color: var(--pre-form-contact-bg_button);
color:var(--pre-form-contact-color_button);
width: 60px; border-radius: 0 5px 5px 0; font-size: 20px;
border: 0;
}
.pre-form-contact__box .form-group button:hover {
background-color: var(--pre-form-contact-bg_button_hover);
color:var(--pre-form-contact-color_button_hover);
}.badge__item { z-index: 1; }
.product-slider-horizontal .list-item-product .item .product {
overflow:hidden;
position: relative;
}
Warning: Trying to access array offset on value of type bool in /home/thietbihap/domains/thietbihaphong.com/public_html/system/libraries/Cache/drivers/Cache_file.php on line 63
Warning: Trying to access array offset on value of type bool in /home/thietbihap/domains/thietbihaphong.com/public_html/system/libraries/Cache/drivers/Cache_file.php on line 63
.widget_product_style_1 { overflow: hidden; }
.widget_product_style_1 .box-content { overflow: hidden; position: relative; }
.product-slider-horizontal .item { background-color: #FFF; margin-bottom: var(--bs-gutter-x); }
@media screen and (max-width: 768px) {
.product-banner {
text-align: center;
}
}.widget_about_style_13 .about-content .description {
margin-bottom: 40px;
}
.widget_about_style_13 .about-content p {
color: #000;
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_13 .about-content ul {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-right: -10px;
margin-bottom: 5px;
margin-top: 5px;
}
.widget_about_style_13 .about-content ul li {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
margin-top: 10px;
font-weight: 600;
color: #FFF;
position: relative;
padding-right: 10px;
padding-left: 22px;
}
.widget_about_style_13 .about-item-list {
display: grid; grid-template-columns: var(--item-per-row); gap:20px;
}
.widget_about_style_13 .item {
position: relative; overflow: hidden;
text-align: center;
background-position: center;
border:1px solid var(--ab-item-border);
padding:80px 10px;
}
.widget_about_style_13 .item .title p.heading {
color: var(--ab-item-title); font-size: 50px; font-weight: bold; margin: 0 0 30px 0;
}
.widget_about_style_13 .item .title p.description {
color: var(--ab-item-title); font-size: 16px; line-height: 20px;
}
@media(max-width: 991px) {
.widget_about_style_13 .about-item-list {
margin: 20px 0;
grid-template-columns: var(--item-per-row-tablet);
}
}
@media(max-width: 768px) {
.widget_about_style_13 .about-item-list {
margin: 20px 0;
grid-template-columns: var(--item-per-row-mobile);
}
.widget_about_style_13 .item {
padding:40px 10px;
}
.widget_about_style_13 .item .title p.heading {
font-size: 30px; margin: 0 0 10px 0;
}
.widget_about_style_13 .item .title p.description {
font-size: 14px;
}
.widget_about_style_13 .about-content p:last-child {
margin-bottom: 0;
}
.widget_about_style_13 .about-content .description {
margin-bottom: 20px;
}
}
@media(max-width: 400px) {
.widget_about_style_13 .item {
padding:20px 10px;
}
}
.widget_about_style_13 .about-video img {
width: 100%;
box-shadow: 0 0 10px 4px rgba(31,66,135,.2);
border-radius: 10px;
overflow: hidden;
}
.widget_about_style_13 .video-section {
position: relative;
}
.widget_about_style_13 .video-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
height: 100px;
width: 100px;
padding:20px;
background-color: var(--theme-color);
border-radius: 10px;
display: block;
color: #fff;
font-size: 42px;
margin: 0 auto 10px;
box-shadow: 0 0 10px 4px rgba(31,66,135,.2);
transition: all .5s;
}
.widget_about_style_13 .video-section-outer .video-btn svg {
fill: #fff;
}
.widget_about_style_13 .video-section-outer:hover .video-btn {
background-color: #fff;
color: var(--theme-color);
}
.widget_about_style_13 .video-section-outer:hover .video-btn svg {
-webkit-animation: toTopFromBottom .5s forwards;
animation: toTopFromBottom .5s forwards;
fill: var(--theme-color);
}.widget_about_style_12 .about-content .description {
margin-bottom: 40px;
}
.widget_about_style_12 .about-content p {
color: #777;
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_12 .about-content ul {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-right: -10px;
margin-bottom: 5px;
margin-top: 5px;
}
.widget_about_style_12 .about-content ul li {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
margin-top: 10px;
font-weight: 600;
color: #777;
position: relative;
padding-right: 10px;
padding-left: 22px;
}
.widget_about_style_12 .about-item-list {
display: grid; grid-template-columns: 1fr 1fr 1fr; gap:10px;
}
.widget_about_style_12 .item {
margin-bottom: 10px;
position: relative;
overflow: hidden; text-align: center;
padding-left: 10px;
padding-top: 10px;
background: var(--ab-item-bg);
box-shadow: 0 0 5px 0 rgba(31,66,135,.1);
border-radius: 3px;
}
.widget_about_style_12 .item .img {
float:left;
height: var(--ab-item-height); width:100%; text-align: center;
padding:10px;
transition: all .5s;
}
.widget_about_style_12 .item .img img {
max-width: 100%;
width: auto; height: 100%; display: inline-block;
}
.widget_about_style_12 .item:hover .img img {
-webkit-animation: toTopFromBottom .5s forwards;
animation: toTopFromBottom .5s forwards;
}
.widget_about_style_12 .item .title {
text-align: center;
}
.widget_about_style_12 .item .title p.heading {
color: var(--ab-item-title); font-size: 15px; font-weight: bold; margin: 0 0 10px 0;
}
.widget_about_style_12 .item .title p.heading a {
color: inherit;
}
@media(max-width: 768px) {
.widget_about_style_12 .about-item-list {
grid-template-columns: 1fr 1fr;
}
}
.widget_about_style_12 .video-section-outer {
position: relative;
padding-top: 30px;
padding-right: 30px;
}
.widget_about_style_12 .video-section-outer:before {
content: '';
width: 95%;
height: 95%;
border: 8px solid var(--ab-video-border);
position: absolute;
top: 0px;
left: 30px;
border-radius: 10px;
}
.widget_about_style_12 .video-section-outer .video-section {
position: relative;
-webkit-animation: move3 5s infinite;
animation: move3 5s infinite;
}
.widget_about_style_12 .video-section-outer .video-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
height: 100px;
width: 100px;
padding:20px;
background-color: var(--theme-color);
border-radius: 10px;
display: block;
color: #fff;
font-size: 42px;
margin: 0 auto 10px;
box-shadow: 0 0 10px 4px rgba(31,66,135,.2);
transition: all .5s;
}
.widget_about_style_12 .video-section-outer .video-btn svg {
fill: #fff;
}
.widget_about_style_12 .video-section-outer img {
width: 100%;
box-shadow: 0 0 10px 4px rgba(31,66,135,.2);
border-radius: 10px;
overflow: hidden;
}
.widget_about_style_12 .video-section-outer:hover .video-btn {
background-color: #fff;
color: var(--theme-color);
}
.widget_about_style_12 .video-section-outer:hover .video-btn svg {
-webkit-animation: toTopFromBottom .5s forwards;
animation: toTopFromBottom .5s forwards;
fill: var(--theme-color);
}.widget_item_style_14 .row-flex {
position: relative;
display: grid;
grid-template-columns: var(--item14-per-row);
gap:30px;
}
.widget_item_style_14 .item {
margin-bottom: 15px;
margin-top: 45px;
outline: none;
position: relative;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
background-color: var(--item14-bg);
padding: 60px 40px;
transition: all 0.3s;
}
.widget_item_style_14 .item a {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.widget_item_style_14 .item .number-box {
position: absolute;
top: -95px;
left: 0px;
}
.widget_item_style_14 .item .number-box .number {
padding: 28px 12px;
font-size: 52px;
font-weight: 500;
background-color: var(--item14-number-bg);
color: var(--item14-number);
transition: .3s ease;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.widget_item_style_14 .item .title {
text-align: left;
}
.widget_item_style_14 .item .heading {
font-size: 16px;
font-weight: 700;
margin: 0 0 5px;
color: var(--item14-title);
text-transform: uppercase;
}
.widget_item_style_14 .item p {
font-size: 14px;
color: var(--item14-des);
}
.widget_item_style_14 .item:before, .widget_item_style_14 .item:after {
content: "";
position: absolute;
background-repeat: no-repeat;
opacity: 0;
transition: all .5s;
-webkit-transform: scale(.1);
transform: scale(.1);
z-index: 0;
}
.widget_item_style_14 .item:before {
background-image: url('views/theme-store/widget/item/image/item-before.png');
height: 100%;
top: -30px;
left: -30px;
width: 100%;
}
.widget_item_style_14 .item:after {
background-image: url('views/theme-store/widget/item/image/item-after.png');
height: 290px;
bottom: -40px;
right: -30px;
width: 250px;
}
.widget_item_style_14 .item.active:after, .widget_item_style_14 .item.active:before,
.widget_item_style_14 .item:hover:after, .widget_item_style_14 .item:hover:before {
opacity: 1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.widget_item_style_14 .item:hover {
background-color: var(--item14-bg-hover);
}
.widget_item_style_14 .item:hover .heading {
color: var(--item14-title-hover);
}
.widget_item_style_14 .item:hover p {
color: var(--item14-des-hover);
}
.widget_item_style_14 .item:hover .number-box .number {
background-color: var(--item14-number-bg-hover);
color: var(--item14-number-hover);
}
@media (max-width: 1000px) {
.widget_item_style_14 .row-flex {
grid-template-columns: var(--item14-per-row-tablet);
gap:30px;
}
}
@media (max-width: 600px) {
.widget_item_style_14 .row-flex {
grid-template-columns: var(--item14-per-row-mobile);
gap:30px;
}
.widget_item_style_14 .item {
padding: 20px;
margin-top: 30px;
}
.widget_item_style_14 .item .number-box {
top: -58px;
}
.widget_item_style_14 .item .number-box .number {
padding: 12px 12px;
font-size: 24px;
}
}.widget_question_post_style_3 {
overflow: hidden;
}
.widget_question_post_style_3 .header-title {
border-bottom: 2px solid;
}
.widget_question_post_style_3 .header-title .header {
margin-bottom: 20px;
}
.widget_question_post_style_3 .post-list-box {
border: 2px solid;
border-radius: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
margin-right: -15px;
background-color: #fff;
}
.widget_question_post_style_3 .post-list-box .item {
padding: 0;
overflow: hidden;
margin-bottom: 10px;
transition: all 0.5s;
}
.widget_question_post_style_3 .post-list-box .item .img .date-box {
display: none;
}
.widget_question_post_style_3 .post-list-box .item .title {
padding-left: 0;transition: all 0.5s;
}
.widget_question_post_style_3 .post-list-box .item .title .header {
font-size: 15px;
line-height: 25px;
margin: 8px 0 5px 0;
}
.widget_question_post_style_3 .post-list-box .item .title .header a {
color: #000;
}
.widget_question_post_style_3 .post-list-box .item .title .description {
margin: 0;
line-height: 20px;
}
.widget_question_post_style_3 .post-list-box .post-list .item {
margin-bottom: 10px; margin-right: 5px;
}
.widget_question_post_style_3 .post-list-box .post-list .item .img {
float: left;
width: 140px;
height: 100px !important;
padding-top: 0;
}
.widget_question_post_style_3 .post-list-box .post-list .item .title {
float: left;
width: calc(100% - 140px);
padding-left: 10px;
}
.widget_question_post_style_3 .post-list-box .post-list .item .title .header {
margin: 5px 0 5px 0;
font-size: 14px;
font-weight: 500;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/* number of lines to show */
-webkit-box-orient: vertical;
}
.widget_question_post_style_3 .post-list-box .post-list .item .title .description {
overflow: hidden; text-align: left;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 0;
line-height: 17px; font-size: 13px;
}
.widget_question_post_style_3 .post-list-box .item:hover .title {
padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
}
.widget_question_post_style_3 .question-box {
border: 2px solid;
border-radius: 15px;
background-color: #fff;
text-align: center;
overflow: hidden;
position: relative;
}
.widget_question_post_style_3 .question-box .panel {
text-align: left;
padding: 5px;
margin: 5px;
transition: all 0.3s ease;
}
.widget_question_post_style_3 .question-box .panel .panel-heading {
text-align: left; padding:0;
}
.widget_question_post_style_3 .question-box .panel .panel-heading .panel-title {
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
cursor: pointer;
color: #000;
padding:10px;
}
.widget_question_post_style_3 .question-box .panel .panel-heading .panel-title .plus-main {
width: 20px;
height: 20px;
float: left;
font-size: 8px; line-height: 30px;
}
.widget_question_post_style_3 .question-box .panel .panel-heading .panel-title .plus-main i {
font-weight: 400;
font-size: 18px;
}
.widget_question_post_style_3 .question-box .panel .panel-heading .panel-title .title-po {
width: calc(100% - 30px);
float: right; line-height: 25px; font-size: 15px;
}
.widget_question_post_style_3 .question-box .view-more {
color: var(--theme-color);
}
.widget_question_post_style_3 .question-box .panel-body {padding:10px;}
.widget_question_post_style_3 .question-box .panel:hover {
border-radius: 10px;
transform: translateY(-5px);
box-shadow: 0 4px 60px 0 rgba(0,0,0,0.2), 0 0 0 transparent;
border-bottom: 0;
}
.widget_question_post_style_3 .question-box .panel .panel-heading:hover h3 .title-po a,
.widget_question_post_style_3 .question-box .panel .panel-heading:hover .plus-main i {
color: #e22b00;
}
.widget_question_post_style_3 .question-box .panel .panel-heading .excerpt2 {
padding: 4px 0 4px 30px;
margin: 0;
}
@media(max-width: 768px) {
.widget_question_post_style_3 .header-title .header {
font-size: 24px !important;
}
.widget_question_post_style_3 .question-box {
margin-bottom: 20px;
}
.widget_question_post_style_3 .post-list-box {
margin-right: 0;
}
}
.widget_box_gallery_1 .grid {
display: grid;
grid-template-columns: var(--gallery-1-template);
grid-gap: var(--gallery-1-grid-gap);
}
.widget_box_gallery_1 .grid-item {
height: 300px;
overflow: hidden;
}
.widget_box_gallery_1 .grid-item img{
width: 100%; height: 100%; object-fit: cover;
}
@media(max-width: 600px) {
.widget_box_gallery_1 .grid {
display: grid;
grid-template-columns: [col1] auto [col2] auto [end];
}
.widget_box_gallery_1 .grid-item {
height: 200px;
}
}.widget_post_style_1 .box-content { position: relative; }
.widget_post_style_1 .item .img { height: 300px; width: 100%; }
.widget_post_style_1 .item .img img { height: 100%; width: 100%; object-fit: cover; }
.widget_post_style_1 .item .title {
padding: 25px;
}
.widget_post_style_1 .item .title .header {
font-size: 20px;
font-weight: 400;
line-height: 1.3;
height: 75px;
margin:2.2px 0;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines to show */
line-clamp: 3;
-webkit-box-orient: vertical;
}
.widget_post_style_1 .item .title .header a {
color: #000; outline: none;
}
.widget_post_style_1 .item .title .date-box span {
font-size: 12px;
color: #333;
opacity: 0.8;
}
@media (max-width: 1200px) {
.widget_post_style_1 .item .img { height: 250px; }
}
@media (max-width: 600px) {
.widget_post_style_1 .item .img { height: 200px; }
}:root {
--email2-color:#fff;
}
.widget_email_style_2 {
position: relative;
}
.widget_email_style_2 .wrapper-title-flex {
display: flex;
align-items: center;
}
.widget_email_style_2 .wrapper-title-flex .header-title {
margin: 0;
}
.widget_email_style_2 .wrapper-title-flex .fly-icon {
flex: 0 0 62px;
width: 62px;
height: 62px;
float: left;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
line-height: 62px;
color: #fff;
font-size: 29px;
margin-right: 10px;
}
.widget_email_style_2 .wrapper-title-flex .fly-icon i {
font-weight: bold;
}
.widget_email_style_2 .box-content { overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; justify-content: space-between;}
.widget_email_style_2 .box-content .box-left {
flex: 0 0 calc(33.33333% - 10px);
max-width:33.33333%; width: 100%;
overflow: hidden;
}
.widget_email_style_2 .box-content .box-right {
flex: 0 0 calc(66.66667% - 10px);
max-width:66.66667%; width: 100%;
}
.widget_email_style_2 .box-left .header-title .header {
color:var(--email2-color)!important; text-align: left;
}
.widget_email_style_2 .box-left .description {
margin: 0;
opacity: 0.8;
color:var(--email2-color);
}
.widget_email_style_2 .form-group { overflow: hidden; display: flex;
align-items: center; justify-content: space-between;}
.widget_email_style_2 .form-group .input {
flex: 0 0 calc(50% - 7.5px);
width: calc(50% - 7.5px);
}
.widget_email_style_2 .form-group .input .form-control {
border:0;
height: 50px;
padding: 6px 12px;
line-height: 1.2;
border-radius: 4px;
margin-bottom: 0;
float: left;
width: 100%;
outline: none;
color: #7c7c7c;
font-size: 15px;
background-color: #fff;
}
.widget_email_style_2 .form-group .button { flex: 0 0 calc(50% - 7.5px);
width: calc(50% - 7.5px); }
.widget_email_style_2 .form-group .button button {
width:100%;
height: 50px;
background-color: var(--theme-color);
}
.widget_email_style_2 .form-group .button button:hover {
background-color: #d1770e !important;
}
@media(max-width: 768px) {
.widget_email_style_2 .box-content .box-left {
flex: 0 0 100%;
max-width: 100%;
}
.widget_email_style_2 .box-content .box-right {
flex: 0 0 100%;
max-width: 100%;
}
.widget_email_style_2 .form-group .input .form-control {
flex: 0 0 100%;
max-width: 100%;
}
.widget_email_style_2 .form-group .input {
width: 100%;
padding: 0;
}
.widget_email_style_2 .form-group .button {
width: 100%;
text-align: center;
}
.widget_email_style_2 .form-group .button button {
display: inline-block;
}
.widget_email_style_2 .form-group { margin-top: 0px; }
}
Warning: file_get_contents(/home/thietbihap/domains/thietbihaphong.com/public_html/views/cache/system): Failed to open stream: No such file or directory in /home/thietbihap/domains/thietbihaphong.com/public_html/application/helpers/common_helper.php on line 1176