.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; } .badge__item { z-index: 1; }
.product-slider-horizontal .list-item-product .item .product {
overflow:hidden;
position: relative;
}
.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;
}
}.widget_product_style_11 .widget_product_box {
box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
background-color: var(--theme-color);
padding:0 10px;
border-radius: 5px;
}
.widget_product_style_11 .widget_product_box .header-title .header {
text-align: left;
margin-top: 15px;
margin-bottom: 15px;
color: #fff;
}
.widget_product_style_11 .widget_product_box .border-right {
border-right: 1px solid #ececec;
}
.widget_product_style_11 .item { margin-bottom: 15px; }
.widget_product_style_11 .slick-list,
.widget_product_style_11 .box-content {
overflow: hidden;
}
:root {
--prs7-tab-bg:#fff;
--prs7-tab-color:#000;
--prs7-tab-active-color:#fff;
--prs7-tab-active-bg:var(--theme-color);
}
.widget_product_style_7 .product_style_7_category_list {
background: transparent;
margin-bottom: 20px;
padding-bottom: 10px;
display: inline-flex;
overflow: auto;
list-style-type: none;
justify-content: flex-start;
}
.widget_product_style_7 .product_style_7_category_list li {
float: left;
padding: 0;
margin-right: 10px;
border-bottom: 0;
height: 40px;
display: inline-block;
position: relative;
flex: none;
width: max-content;
}
.widget_product_style_7 .product_style_7_category_list li:last-child {
margin-right: 0px;
}
.widget_product_style_7 .product_style_7_category_list li a {
color:var(--prs7-tab-color);
background-color: var(--prs7-tab-bg);
padding: 5px 20px;
display: block;
font-size: 15px;
border-radius: 20px;
transition: all 0.5s;
text-transform: capitalize;
text-decoration: none;
}
.widget_product_style_7 .product_style_7_category_list li a.active,
.widget_product_style_7 .product_style_7_category_list li a:hover {
color: var(--prs7-tab-active-color);
background-color: var(--prs7-tab-active-bg);
}
.widget_product_style_7 .product_style_7_content a.more-link {
display: inline-block;
font-size: 15px;
}
@media (max-width: 600px) {
.widget_product_style_7 .product_style_7_category_list {
width: 100%;
}
}.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_videos_style_3 .row-widget{
display: grid;
grid-template-columns: 1.8fr 1fr;
grid-gap: 30px;
}
.widget_videos_style_3 .row-widget .col-widget{
width: 100%;
display: block;
overflow: hidden;
}
.widget_videos_style_3 .post-box .row-post{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.widget_videos_style_3 .post-box .item .img {
position: relative;
display: block;
width: 100%;
padding-top: 76%;
height: inherit;
overflow: hidden;
}
.widget_videos_style_3 .post-box .item .img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_videos_style_3 .post-box .item .img a img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_videos_style_3 .post-box .item .title .header{
color: #000;
font-size: 16px;
font-weight: bold;
margin: 10px 0 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.widget_videos_style_3 .post-box .item .title .date-box{
color: #737373;
margin: 5px 0 0 0;
}
.widget_videos_style_3 .post-box .item .title .description{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #000;
text-align: left;
margin: 5px 0 0 0;
}
.widget_videos_style_3 .post-box .list-posts{
overflow-y: auto;
}
.widget_videos_style_3 .post-box .list-posts::-webkit-scrollbar-track {
background-color: transparent;
border: 1px solid #ccc;
}
.widget_videos_style_3 .post-box .list-posts::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
.widget_videos_style_3 .post-box .list-posts::-webkit-scrollbar-thumb {
background-color: #686464;
border-radius: 10px;
}
.widget_videos_style_3 .post-box .list-posts .item {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 10px;
margin-bottom: 10px;
}
.widget_videos_style_3 .post-box .list-posts .item:last-of-type{
margin-bottom: 0;
}
.widget_videos_style_3 .post-box .post-main .item .title .description{
display: none;
}
.widget_videos_style_3 .post-box .list-posts .item .title .header{
margin-top: 0;
}
.widget_videos_style_3 .video-box .list-videos{
/*margin-top: 10px;*/
}
.widget_videos_style_3 .video-box .slick-list{
margin-left: -5px;
margin-right: -5px;
}
.widget_videos_style_3 .video-section-outer{
margin-left: 5px;
margin-right: 5px;
}
.widget_videos_style_3 .video-section-outer .video-img{
position: relative;
display: block;
width: 100%;
padding-top: 55%;
height: inherit;
overflow: hidden;
}
.widget_videos_style_3 .video-section-outer .video-img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_videos_style_3 .video-section-outer .video-img a img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_videos_style_3 .video-section-outer .video-title .heading{
margin: 10px 0 0 0;
}
.widget_videos_style_3 .video-section-outer .video-title .heading a{
color: #000;
font-size: 16px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.widget_videos_style_3 .video-section-outer .video-title .date-box{
color: #737373;
margin: 5px 0 0 0;
}
.widget_videos_style_3 .play-now {
position: absolute;left: 50%;top: 50%;z-index: 10;
display: block;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transform-origin: center center;
}
.widget_videos_style_3 .play-now .icon {
position: absolute;left: 50%;top: 50%;z-index: 1;
height: 65px;
width: 65px;
text-align: center;
line-height: 65px;
color: #fff;
font-size: 20px;
padding-left: 5px;
display: block;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
background-color: var(--theme-color);
}
.widget_videos_style_3 .play-now .ripple,
.widget_videos_style_3 .play-now .ripple:before,
.widget_videos_style_3 .play-now .ripple:after {
position: absolute;top: 50%;left: 50%;
height: 65px;
width: 65px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.widget_videos_style_3 .play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.widget_videos_style_3 .play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
background-color: var(--theme-color);
}
@media(max-width: 768px){
.widget_videos_style_3 .row-widget{
grid-template-columns: 1fr;
}
}
@media(max-width: 600px){
.widget_videos_style_3 .post-box .row-post{
grid-template-columns: 1fr;
}
}: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);
}
}.badge-style-3 {
position: absolute;
width: 200px;
height: 24px;
text-align: center;
background-color: var(--badge-style3-bgColor, #00adef);
}
.badge-style-3 span {
vertical-align: middle;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
color: var(--badge-style3-textColor, #ffffff);
}
.badge-style-3.top-left {
top: 20px;
left: -70px;
transform: rotate(-45deg);
}
.badge-style-3.top-right {
top: 20px;
right: -70px;
transform: rotate(45deg);
}
.badge-style-3.bottom-left {
bottom: 20px;
left: -70px;
transform: rotate(45deg);
}
.badge-style-3.bottom-right {
bottom: 20px;
right: -70px;
transform: rotate(-45deg);
}
.badge-style-1 {
position: absolute;
font-size: 12px;
line-height: 16px;
color: var(--badge-style1-textColor, #ffffff);
padding: 2px 12px;
background: var(--badge-style1-bgColor, #00adef);
font-weight: 700;
border-radius: var(--badge-style1-borderRadius, 4px);
border: 1px solid var(--badge-style1-borderColor, var(--badge-style1-bgColor, #00adef));
}
.badge-style-1.top-left {
top: 10px;
left: 10px;
}
.badge-style-1.top-right {
top: 10px;
right: 10px;
}
.badge-style-1.bottom-left {
bottom: 10px;
left: 10px;
}
.badge-style-1.bottom-right {
bottom: 10px;
right: 10px;
}
.badge-style-5 {
position: absolute;
box-sizing: border-box;
text-align: center;
z-index: 10;
color: var(--badge-style5-textColor, #ffffff);
background: var(--badge-style5-bgColor, #00adef);
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 45px 45px 45px 0;
padding: 0;
font-size: 12px;
-ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
opacity: 1;
}
.badge-style-5.top-left {
top: 10px;
left: 10px;
border-radius: 0 45px 45px 45px;
}
.badge-style-5.top-right {
top: 10px;
right: 10px;
border-radius: 45px 0px 45px 45px;
}
.badge-style-5.bottom-left {
bottom: 10px;
left: 10px;
border-radius: 45px 45px 45px 0px;
}
.badge-style-5.bottom-right {
bottom: 10px;
right: 10px;
border-radius: 45px 45px 0px 45px;
}