.widget_slider_style_12 .row-slider {
display: grid;
grid-template-columns: 2.5fr 1fr;
grid-gap: 20px;
}
.widget_slider_style_12 .row-slider .col-slider{
width: 100%;
display: block;
overflow: hidden;
}
.widget_slider_style_12 .sliderWidthTitle .slider_list_thumb .item .heading{
display: block;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
height: 40px;
}
.widget_slider_style_12 .slider-form{
padding: 15px;
border-radius: 5px;
}
.widget_slider_style_12 .slider-form-register {
}
.widget_slider_style_12 .slider-form-register-box .heading {
display: none;
}
.widget_slider_style_12 .slider-form-register .form-control {
border: 1px solid #ccc;
background: #fff;
box-shadow: none;
color: #000;
margin-bottom: 10px;
height: 40px;
}
.widget_slider_style_12 .slider-form-register textarea.form-control {
height: 50px;
}
@media(max-width: 768px){
.widget_slider_style_12 .row-slider{
grid-template-columns: 1fr;
}
}:root {
--prs6-header-color: var(--theme-color);
--prs6-header-bg:#b3b3b3;
--prs6-list-bg:#fff;
--prs6-list-color:#8F9091;
}
.widget_product_style_6 .product_style_6_header {
position: relative;
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
border-bottom: 2px solid var(--prs6-header-bg);
background: var(--prs6-list-bg);
margin-bottom: 15px;
padding-bottom:10px;
text-align: left;
}
.widget_product_style_6 .product_style_6_header .heading {
margin-bottom:0;
border-radius: 0;
position:relative;
overflow: initial;
display: flex;
align-items: center;
justify-content: center;
}
.widget_product_style_6 .product_style_6_header .heading .header {
font-size: 25px;
margin-bottom: 0; margin-top: 0;
color: var(--prs6-header-color);
height: var(--prs6-header); line-height: var(--prs6-header);
text-transform: uppercase;
display:inline-block;
position:relative;
padding:0;
}
.widget_product_style_6 .product_style_6_category_list {
background: var(--prs6-list-bg); overflow: hidden;
margin: 0; list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: 0;
justify-content: flex-end;
}
.widget_product_style_6 .product_style_6_category_list li {
position: relative;
margin-left: 30px;
}
.widget_product_style_6 .product_style_6_category_list li a:after {
content: '';
background-color: var(--prs6-list-color);
position: absolute;
top: 50%;
right: -18px;
transform: translateY(-50%);
width: 5px;
height: 5px;
border-radius: 50%;
}
.widget_product_style_6 .product_style_6_category_list li a {
color:var(--prs6-list-color);
padding: 0;
display: block;
}
.widget_product_style_6 .product_style_6_category_list li a:hover {
color: var(--theme-color);
}
.widget_product_style_6 .product_style_6_category_list li a.more-link {
margin: 0!important;
}
.widget_product_style_6 .product_style_6_content {
overflow:hidden;
}
.widget_product_style_6 .js_show_tab {
position: absolute;
display: none;
top: 0;
right: 0;
}
.widget_product_style_6 .js_show_tab .js_btn_show_tab {
padding: 7px 10px;
color: #000;
background-color: #fff;
border-radius: 5px;
display: inline-block;
box-shadow: 0 0 5px #ccc;
line-height: 20px;
}
@media (max-width: 600px) {
.widget_product_style_6 .js_show_tab { display: block; }
.widget_product_style_6 .product_style_6_category_list {
margin-left: 0;
display: none;
position: absolute;
width: 100%;
top: calc(100% + 5px);
z-index: 999;
border:1px solid #ccc;
padding: 10px;
}
.widget_product_style_6 .product_style_6_category_list li {
display: block; width: 100%; margin: 0;
}
.widget_product_style_6 .product_style_6_category_list li a:after{
display: none;
}
}
.widget_post_style_2 .row-widget{
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 30px;
}
.widget_post_style_2 .post-box .post-main {
position: relative;
}
.widget_post_style_2 .post-box .post-main .img {
position: relative;
display: block;
width: 100%;
padding-top: 50%;
height: inherit;
overflow: hidden;
border-radius: 0;
transition: 200ms;
}
.widget_post_style_2 .post-box .post-main .img:before{
width: 100%;
height: 100%;
border: 0px solid #7e8387;
position: absolute;
content: '';
top: 0;
left: 0;
z-index: 1;
transition: 200ms;
}
.widget_post_style_2 .post-box .post-main:hover .img:before{
border-width: 10px;
}
.widget_post_style_2 .post-box .post-main .img picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_post_style_2 .post-box .post-main .img picture img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: 200ms;
object-fit: cover;
transform: scale(1.2);
}
.widget_post_style_2 .post-box .date-box{
padding: 5px 10px;
font-weight: 100;
background-color: #7e8387;
color: #fff;
}
.widget_post_style_2 .post-box .post-main .img .date-box{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.widget_post_style_2 .post-box .date-box .day{
font-size: 36px;
line-height: 36px;
}
.widget_post_style_2 .post-box .date-box .month-year{
font-size: 10px;
line-height: 10px;
}
.widget_post_style_2 .post-box .post-main:hover .img picture img{
transform: scale(1);
}
.widget_post_style_2 .post-box .post-main .title {
padding: 10px 20px; background-color: #7e8387; position: relative;
}
.widget_post_style_2 .post-box .post-main .title:before {
border-width: 0 25px 25px;
border-color: transparent transparent #7e8387;
left: 20px;
top: -25px;
content: '';
width: 0;
height: 0;
border-style: solid;
position: absolute;
z-index: 1;
}
.widget_post_style_2 .post-box .title .header {
text-align: initial;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
margin: 0;
line-height: 20px;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
height: 40px;
}
.widget_post_style_2 .post-box .post-main .title .header{ color: #fff; }
.widget_post_style_2 .post-box .post-list{ margin-top: 15px; display: grid; grid-gap: 5px; }
.widget_post_style_2 .post-box .post-list .item { transition: 200ms; }
.widget_post_style_2 .post-box .post-list .item a{
display: grid;
grid-template-columns: 70px auto;
grid-gap: 10px;
align-items: center;
padding: 5px 0;
}
.widget_post_style_2 .post-box .post-list .item .date-box{
position: relative;
}
.widget_post_style_2 .post-box .post-list .item .date-box::after {
right: -10px;
margin: -10px 0 0;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #7e8387;
top: 50%;
content: '';
width: 0;
height: 0;
border-style: solid;
position: absolute;
z-index: 1;
}
.widget_post_style_2 .post-box .post-list .item .title { padding: 5px 10px; }
.widget_post_style_2 .post-box .post-list .item:hover{
background-color: #7e8387;
}
.widget_post_style_2 .post-box .post-list .item:hover .title .header{ color: #fff; }
.widget_post_style_2 .post-box .view-all{
display: block;
position: relative;
margin: 20px 0 0;
font-size: 36px;
line-height: 1.2;
color: #7e8387;
font-weight: 100;
text-align: center;
background-color: #fff;
box-shadow: 0 0 5px #ccc;
padding: 10px 20px;
}
.widget_post_style_2 .post-box .view-all:hover{
background-color: var(--theme-color);
color: #fff;
}
.widget_post_style_2 .banner-box {
position: relative;
display: block;
width: 100%;
padding-top: 100%;
height: inherit;
overflow: hidden;
}
.widget_post_style_2 .banner-box:before{
width: 100%;
height: 100%;
border: 0px solid #7e8387;
position: absolute;
content: '';
top: 0;
left: 0;
z-index: 1;
transition: 200ms;
}
.widget_post_style_2 .banner-box:hover::before{
border-width: 10px;
}
.widget_post_style_2 .banner-box a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_post_style_2 .banner-box a img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: 200ms;
object-fit: cover;
transform: scale(1.2);
}
.widget_post_style_2 .banner-box:hover a img{ transform: scale(1); }
.widget_post_style_2 .banner-box .title{
padding: 10px;
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
}
.widget_post_style_2 .banner-box .title .heading{
font-size: 36px; line-height: 50px; color: #fff; font-weight: bold; margin-bottom: 0;
}
.widget_post_style_2 .banner-box .title .des{
padding: 10px;
width: fit-content;
max-width: 300px;
background-color: #7e8387;
color: #fff;
font-size: 14px;
line-height: 22px;
font-weight: 500;
}
@media(max-width: 768px) {
.widget_post_style_2 .row-widget{
display: grid;
grid-template-columns: 1fr;
}
}.widget_videos_style_1 .box-content { position: relative; }
.widget_videos_style_1 .displayHorizontal .slick-slide{
margin: 0 calc(var(--bs-gutter-x)/2);
}
.widget_videos_style_1 .displayHorizontal .slick-list{
margin: 0 calc( var(--bs-gutter-x)/-2);
}
.widget_videos_style_1 .displayList{
display: grid;
grid-template-columns: repeat(var(--numberShow), 1fr);
grid-gap: var(--bs-gutter-x);
}
.widget_videos_style_1 .wrap-youtube-depict{ margin-bottom: 30px; }
.widget_videos_style_1 .wrap-youtube-depict a{
display: flex;
justify-content: center;
align-items: center;
grid-gap: 40px;
}
.widget_videos_style_1 .wrap-youtube-depict .youtube-depict-pic{
position: relative;
}
.widget_videos_style_1 .wrap-youtube-depict .youtube-depict-pic:after{
position: absolute;
content: '';
width: 1px;
height: 75%;
top: 50%;
transform: translateY(-50%);
left: calc(100% + 20px);
background-color: #444;
}
.widget_videos_style_1 .wrap-youtube-depict .youtube-depict-pic img{ height: 60px; }
.widget_videos_style_1 .wrap-youtube-depict .heading{ font-size: 18px; font-weight: 500; color: #444; margin: 15px 0 0 0; }
.widget_videos_style_1 .wrap-youtube-depict:hover .heading{ color: var(--theme-color); }
.widget_videos_style_1 .video-item {}
.widget_videos_style_1 .video-item .video-img {
position: relative;
display: block;
width: 100%;
padding-top: 56.25%;
height: inherit;
overflow: hidden;
}
.widget_videos_style_1 .video-item .video-img picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_videos_style_1 .video-item .video-img picture img.main {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_videos_style_1 .video-item .video-title {
position: relative;
padding: 10px;
display: grid;
grid-template-columns: 65px auto;
grid-gap: 30px;
align-items: center;
}
.widget_videos_style_1 .video-item:hover .video-title { background-color: #7e8387; }
.widget_videos_style_1 .video-item .video-title .icon{ position: relative; }
.widget_videos_style_1 .video-item .video-title .icon:after{
position: absolute;
content: '';
width: 1px;
height: 50%;
top: 50%;
transform: translateY(-50%);
left: calc(100% + 15px);
background-color: #444;
}
.widget_videos_style_1 .video-item .video-title .title .heading {
margin:0;
outline: none; font-weight: 500; font-size: 16px; color: #444;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; height: 40px; line-height: 20px;
}
.widget_videos_style_1 .video-item:hover .video-title .title .heading{ color: #fff; }
.widget_videos_style_1 .play-now {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
height: 60px;
display: none;
}
.widget_videos_style_1 .play-now img.icon{ height: 100%; width: 100%; object-fit: contain; }
@media(max-width: 1000px){
.widget_videos_style_1 .displayList{
grid-template-columns: repeat(var(--numberShowTablet), 1fr);
}
}
@media(max-width: 600px){
.widget_videos_style_1 .displayList{
grid-template-columns: repeat(var(--numberShowMobile), 1fr);
}
.widget_videos_style_1 .wrap-youtube-depict .youtube-depict-pic img{ height: 30px; }
.widget_videos_style_1 .wrap-youtube-depict .heading{ margin: 0; }
.widget_videos_style_1 .video-item .video-title{
display: block;
}
.widget_videos_style_1 .video-item .video-title .icon { display: none; }
.widget_videos_style_1 .play-now{
display: block;
}
}.widget_box_gallery_3 .displayHorizontal .slick-list{
margin: calc(var(--bs-gutter-x) / -2);
}
.widget_box_gallery_3 .displayHorizontal .slick-slide{
margin: calc(var(--bs-gutter-x) / 2);
}
.widget_box_gallery_3 .displayHorizontal .item-gallery {
margin-bottom: var(--bs-gutter-x);
}
.widget_box_gallery_3 .display_list{
display: grid;
grid-template-columns: repeat(var(--per-row), 1fr);
grid-gap: var(--bs-gutter-x);
}
@media(max-width: 1000px){
.widget_box_gallery_3 .display_list{
grid-template-columns: repeat(var(--per-row-tablet), 1fr);
}
}
@media(max-width: 600px){
.widget_box_gallery_3 .display_list{
grid-template-columns: repeat(var(--per-row-mobile), 1fr);
}
}
.widget_box_gallery_3 .item-gallery{
}
.widget_box_gallery_3 .item-gallery .img{
position: relative;
display: block;
width: 100%;
padding-top: 100%;
height: inherit;
overflow: hidden;
border-radius: 5px;
}
.widget_box_gallery_3 .item-gallery .img picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_box_gallery_3 .item-gallery .img picture img {
height: 100%;
width: 100%;
position: relative;
display: inherit;
transition: all .5s ease-in-out;
object-fit: cover;
}:root {
--question-title-color:#fff;
--feedback-title-color:#000;
}
.widget_question_feedback .question-box {
text-align: center;
overflow: hidden;
position: relative;
}
.widget_question_feedback .question-box .panel-group{ border-radius: 7px; overflow: hidden; }
.widget_question_feedback .question-box .panel-body {
padding:15px 0 15px 30px; text-align: left; color: #ccc;
}
.widget_question_feedback .question-box .panel-default {
border-color: #fff; box-shadow: none; background-color: var(--theme-color);
}
.widget_question_feedback .question-box .panel-default>.panel-heading {
background-color: transparent; border: #fff; overflow: hidden;
}
.widget_question_feedback .question-box .panel { transition: all 0.3s ease; }
.widget_question_feedback .question-box .panel-group .panel+.panel { margin-top: 0;}
.widget_question_feedback .question-box .panel-title { line-height: 27px; text-align: left; }
.widget_question_feedback .question-box .panel-title h4 {
font-size: 18px;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
cursor: pointer;
color:var(--question-title-color);
}
.widget_question_feedback .question-box .panel-title .plus-main {
width: 25px;
height: 25px;
float: left;
font-size: 8px;
}
.widget_question_feedback .question-box .panel-title .plus-main i {
font-weight: 400;
font-size: 25px;
color: var(--question-title-color);
}
.widget_question_feedback .question-box .panel-title .title-po {
width: calc(100% - 30px);
float: right;
color: var(--question-title-color);
font-size: 17px;
}
.widget_question_feedback .feedback-box .box-content {
position: relative;
}
.widget_question_feedback .feedback-box .item{
background-color: #F0F0F0;
padding: 15px;
}
.widget_question_feedback .feedback-box .item .info{
display: grid;
grid-template-columns: 100px auto;
grid-gap: 30px;
align-items: center;
margin-bottom: 10px;
}
.widget_question_feedback .feedback-box .item .avatar {
text-align: center;
}
.widget_question_feedback .feedback-box .item .avatar img {
width:100px; height: 100px; object-fit: cover;
border-radius: 50%;
display: inline-block;
}
.widget_question_feedback .feedback-box .item .title {
text-align: center;
}
.widget_question_feedback .feedback-box .item .title .feedback-name {
text-align: center; font-size: 18px; font-weight: bold;
}
.widget_question_feedback .feedback-box .item .title .feedback-office {
font-size: 13px;
}
.widget_question_feedback .feedback-box .item .title .feedback-content {
/*margin: 20px auto;*/
font-size: 14px;
}.widget_item_style_2 {
overflow: hidden; text-align: center;
}
.widget_item_style_2 .row-flex {
position: relative;
display: grid;
grid-template-columns: var(--item-per-row);
grid-gap:10px;
align-items: center;
}
.widget_item_style_2 .service-block {
position: relative;
}
.widget_item_style_2 .item {
position: relative;
text-align: center; background-position: center;
display: grid;
grid-template-columns: var(--item-height) auto;
grid-gap: 10px;
align-items: center;
}
.widget_item_style_2 .item:before, .widget_item_style_2 .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_2 .item:before {
background-image: url('views/theme-store/widget/item/image/item-before.png');
height: 150px;
top: -30px;
left: -100px;
width: 100%;
}
.widget_item_style_2 .item:after {
background-image: url('views/theme-store/widget/item/image/item-after.png');
height: 200px;
bottom: -40px;
right: 100px;
width: 250px;
}
.widget_item_style_2 .item.active:after, .widget_item_style_2 .item.active:before,
.widget_item_style_2 .item:hover:after, .widget_item_style_2 .item:hover:before {
opacity: 1;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
.widget_item_style_2 .item .img {
}
.widget_item_style_2 .item .img img {
width: 100%; height: 100%; object-fit: contain;
}
.widget_item_style_2 .item:hover .img img {
-webkit-animation: toTopFromBottom .5s forwards;
animation: toTopFromBottom .5s forwards;
}
.widget_item_style_2 .item:hover .img img {
}
.widget_item_style_2 .item .title {
text-align: left;
}
.widget_item_style_2 .item .title p.heading {
color: var(--item-title); font-size: 17px; font-weight: bold; margin: 0;
}
.widget_item_style_2 .item .title p.heading a {
color: var(--item-title);
}
.widget_item_style_2 .item .title p.description {
color: var(--item-des); font-size: 14px; line-height: 20px; margin: 5px 0 0 0;
}
.widget_item_style_2 .item .title p.description a {
color: var(--item-des);
}
@media (max-width: 768px) {
.widget_item_style_2 .row-flex {
grid-template-columns: var(--item-per-row-tablet);
}
}
@media (max-width: 600px) {
.widget_item_style_2 .row-flex {
grid-template-columns: var(--item-per-row-mobile);
}
}