Warning: Trying to access array offset on value of type bool in /home/voxemien/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/voxemien/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/voxemien/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/voxemien/public_html/system/libraries/Cache/drivers/Cache_file.php on line 63
PHÂN PHỐI VỎ XE PHAN PHAN DUY - CỨU HỘ LỐP - VÁ VỎ LƯU ĐỘNG 24/7
.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; }
.widget_slider_style_9 .container-fluid {
padding: 0;
}
.widget_slider_style_9 .row-flex-center {
display: flex; flex-wrap: wrap; gap:10px; align-items: flex-start;
}
.widget_slider_style_9 .slider_items .banner {
margin-bottom: 10px;
}
.widget_slider_style_9 .slider_items .banner img {
width: 100%;
height: 100%;
object-fit: cover;
}
.widget_slider_style_9 .slider_content {
overflow: hidden;
width: 100%;
flex: 0 0 100%;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
}
.widget_slider_style_9 .slider_form {
padding: 10px;
height: 100%;
}
.widget_slider_style_9 .slider_form .email-register-form {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.widget_slider_style_9 .slider_form .form-control {
border-color: #ddd;
margin-bottom: 10px;
}
.widget_slider_style_9 .slider_form input.form-control {
height: 45px;
}
.widget_slider_style_9 .slider_form .btn {
height: 35px;
width: 100%;
}
.widget_slider_style_9 .slider_content .sliderItem {
display: block !important;
}
.widget_slider_style_9 .slider_main
{
flex: 0 0 100%;
width: 100%;
height: 100%;
border-radius: 7.5px;
overflow: hidden;
}
.widget_slider_style_9 .slider_menu {
width: calc(25% - 5px); flex:0 0 calc(25% - 5px);
}
.widget_slider_style_9 .slider-heading {
padding:10px;
background-color: var(--slider9-heading-bg); color: var(--slider9-heading-txt);
text-align: center;
}
.widget_slider_style_9 .slider-heading .heading {
font-size: 18px; color: var(--slider9-heading-txt); font-weight: bold;
text-align: center; margin-bottom: 0;
}
/*--------------------- Menu ------------------------*/
.widget_slider_style_9 .menu-vertical { position: relative; display: block; }
.widget_slider_style_9 .menu-vertical .menu-vertical__content {
position: relative;
left: 0;
background: #fff;
width: 100%;
z-index:52;
border: 1px solid var(--navd-head-bg);
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav {
color: var(--slider9-menu-txt);
background-color: var(--slider9-menu-bg);
list-style: none; margin:0;
border: 1px solid #ccc;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item {
float: none;
position: relative;
border-bottom: 1px solid var(--slider9-menu-border);
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item:first-child a {
border-radius: 5px 5px 0 0;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item:last-child a {
border-radius: 0 0 5px 5px;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item:last-of-type{
border-bottom: 0px solid #ccc;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item .icon {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
line-height: 40px;
display: flex;
justify-content: center;
align-items: center;
/*display: none;*/
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item .icon img {
width: 20px;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item.nav-hidden { display: none; }
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item>a.nav-link {
position: relative;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 10px 30px 10px 40px;
border: none;
color: var(--slider9-menu-txt);
background-color: var(--slider9-menu-bg);
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item>a.nav-link:hover {
color: var(--slider9-menu-txt-active);
background-color: var(--slider9-menu-bg-active);
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item i {
position: absolute;
top: 0;
right: 0;
width: 43px;
line-height: 43px;
text-align: center;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item>.dropdown-menu {
position: absolute;
top: 0;
padding: 0px;
min-width: 230px;
border-radius: 0;
box-shadow: 0 0 15px -5px rgba(0,0,0,0.4);
color: var(--slider9-menu-txt);
background-color: var(--slider9-menu-bg);
left: calc(100%) !important;
border: 0;margin-top: 0;
width: 700px;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .dropdown>.dropdown-menu >.col-menu{
float: left;width: 33%;margin-bottom: 10px; padding:0 10px;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item>.dropdown-menu h5 {
margin-bottom: 0;border-bottom: 1px solid #ccc;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item>.dropdown-menu a.nav-link {
padding: 10px;margin: 0;
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item:hover,
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item:hover>a.nav-link,
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item a.nav-link:hover {
color: var(--slider9-menu-txt-active);
background-color: var(--slider9-menu-bg-active);
}
.widget_slider_style_9 .menu-vertical .menu-vertical__content .menu-vertical__category__nav .nav-item:hover>.dropdown-menu {
display: block;
min-width: 200px;
width: auto;
}
/*--------------------- Items ------------------------*/
.widget_slider_style_9 .slider-bottom {
flex: 0 0 100%;
width: 100%;
padding: 10px 20px;
border-radius: 7.5px;
display: flex;
align-items: center;
max-width: calc(1320px - (var(--bs-gutter-x,.75rem) * 2));
margin: 0 auto;
}
.widget_slider_style_9 .slider-bottom .list-item-bottom {
width: 70%;
display: flex;
align-items: center;
padding: 10px 15px;
border-radius: 7.5px;
transform: skewX(-10deg) translateX(-5px);
gap: 10px;
}
.widget_slider_style_9 .slider-bottom .list-item-bottom .item_bottom {
display: flex;
align-items: center;
transform: skewX(10deg);
}
.widget_slider_style_9 .slider-bottom .list-item-bottom .item_bottom .img {
width: 30px;
height: 30px;
flex: 0 0 30px;
margin-right: 10px;
}
.widget_slider_style_9 .slider-bottom .list-item-bottom .item_bottom .img img {
width: 100%;
height: 100%;
object-fit: contain;
display: flex;
margin: auto;
}
.widget_slider_style_9 .slider-bottom .list-item-bottom .item_bottom .content {
flex: 1;
}
.widget_slider_style_9 .slider-bottom .list-item-bottom .item_bottom .content .title {
margin: 0;
color: var(--slider9-item-txt);
}
.widget_slider_style_9 .slider-bottom .slider-heading {
width: 30%;
padding: 0 30px 0 0;
background-color: transparent;
}
.widget_slider_style_9 .slider-bottom .slider-heading .heading {
font-size: 18px; color: var(--slider9-heading-txt); font-weight: bold;
text-align: left; margin-bottom: 0;
}
.widget_slider_style_9 .slider_items {
overflow: hidden;
flex: 0 0 calc(33.33333% - 5px);
width: calc(33.33333% - 5px);
border-radius: 7.5px;
}
.widget_slider_style_9 .slider_items .slick-item-right{
height: 100%;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.widget_slider_style_9 .slider_items .slick-item-right .item-right {
display: block !important;
position: relative;
padding: 5px 8px;
text-align: left;
border: 0;
border-top: 1px solid #ccc;
background-color: var(--slider9-item-bg);
}
.widget_slider_style_9 .slider_items .slick-item-right .title{
color: var(--slider9-item-txt);
font-size: 14px;
line-height: 20px; margin-bottom: 0;
}
.widget_slider_style_9 .slider_items .slick-item-right .title .phone {
color: red;
}
@media(max-width: 1200px) {
.widget_slider_style_9 .slider_items .item_right_slider {
padding:5px;
}
.widget_slider_style_9 .slider_items .item_right_slider .content p.title {
font-size: 12px;
}
.widget_slider_style_9 .slider_form input.form-control {
height: 35px;
}
}
@media screen and (max-width: 992px) {
.widget_slider_style_9 .slider_menu {
display: none;
}
.widget_slider_style_9 .slider_content {
flex: 0 0 100%;
width: 100%;
}
}
@media(max-width: 768px) {
.widget_slider_style_9 .slider_main,
.widget_slider_style_9 .slider_items{
flex: 0 0 100%;
width: 100%;
}
.widget_slider_style_9 .slider_right { width: 100%; flex:0 0 100%;}
.widget_slider_style_9 .slider-bottom {
flex-direction: column;
padding: 20px;
}
.widget_slider_style_9 .slider-bottom .slider-heading {
width: 100%;
padding: 0;
margin-bottom: 15px;
}
.widget_slider_style_9 .slider-bottom .list-item-bottom,
.widget_slider_style_9 .slider-bottom .list-item-bottom .item_bottom{
transform: none;
}
.widget_slider_style_9 .slider-bottom .list-item-bottom {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
}
@media (max-width:600px) {
.widget_slider_style_9 .slider_items, .widget_slider_style_9 .slider_customer {
display: none;
}
}
.widget_product_style_11 {
border-radius: 4px;
}
.widget_product_style_11 .widget_product_box {
background-color: transparent;
padding:0 10px;
}
.widget_product_style_11 .widget_product_box .header-title .header {
text-align: left;
margin-top: 15px;
margin-bottom: 15px;
}
.widget_product_style_11 .widget_product_box .header-title .header img {
width: 30px;
height: 30px;
object-fit: contain;
}
.widget_product_style_11 .widget_product_box .border-right {
border-right: 1px solid #ececec;
}
.widget_product_style_11 .item { border: 1px solid #ececec; margin-bottom: 15px; }
.widget_product_style_11 .slick-list,
.widget_product_style_11 .box-content {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.widget_product_style_11 .widget_product_box .border-right {
border: 0;
}
}
.widget_about_style_2 .about-image img{
width: 100%;
height: 100%;
}
.widget_about_style_2 .about-content {
position: relative;
}
.widget_about_style_2 .about-content > * {
position: relative;
z-index: 1;
}
.widget_about_style_2 .about-content::after {
position: absolute;
content: "";
width: calc(100% + (var(--bs-gutter-x) * 2));
height: 100%;
background-color: var(--bg-content-about);
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 0;
}
.widget_about_style_2 .about-content .description {
margin-bottom: 40px;
}
.widget_about_style_2 .about-content p {
color: #777;
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_2 .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_2 .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_2 .about-content ul li:after {
content: "";
height: 15px;
width: 15px;
background-image: url(https://bizweb.dktcdn.net/100/367/318/themes/737653/assets/evo_about_icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
left: 0;
top: 50%;
transform: translate(0, -50%);
position: absolute;
}
.widget_about_style_2 .about-content .description {
margin-bottom: 20px;
}
.widget_about_style_2 .button .btn {
margin: 20px 0; border-radius: 5px;
}
.widget_about_style_2 .list-item {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.widget_about_style_2 .item {
position: relative;
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
width: 100%;
overflow: hidden;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 5px;
}
.widget_about_style_2 .item .img {
width: 100px;
height: 100px;
padding: 20px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 10px 4px rgba(31,66,135,.1);
}
.widget_about_style_2 .item .img img {
width: 100%;
height: 100%;
display: flex;
object-fit: contain;
margin: auto;
}
.widget_about_style_2 .item .title {
padding: 10px;
}
.widget_about_style_2 .item .title p.heading {
color: var(--item-color-title-about); font-size: 15px; font-weight: bold; margin: 0 0 10px 0;
}
.widget_about_style_2 .item .title p.description {
color: var(--item-color-des-about); font-size: 14px; line-height: 20px;
}
@media(max-width: 768px) {
.widget_about_style_2 .about-content .header-title h3 {
text-align: center;font-size: 30px;
}
}.widget_videos_style_1 .slick-slide {
margin: 0 10px 10px 10px;outline: none; overflow: hidden;
}
.widget_videos_style_1 .video-item .video-img {
position: relative; height: var(--video-height);overflow: hidden;outline: none;border-radius: 5px;transition: all 0.3s ease;
}
.widget_videos_style_1 .video-item .video-img img {
width: 100%; height: 100%; object-fit: cover;outline: none;
}
.widget_videos_style_1 .video-title .heading {
margin: 10px 0;
}
.widget_videos_style_1 .video-title .heading a {
color:#000; font-size: 15px; outline: none;
}
.widget_videos_style_1 .play-now {
position: absolute;
left: 50%;
top: 50%;
display: block;
border-radius: 50%;
z-index: 10;
width: 60px;
height: 60px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transform-origin: center center;
}
.widget_videos_style_1 .play-now .icon {
position: absolute;
left: 50%;
top: 50%;
height: 65px;
width: 65px;
text-align: center;
line-height: 65px;
color: #fff;
z-index: 1;
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_1 .play-now .ripple,
.widget_videos_style_1 .play-now .ripple:before,
.widget_videos_style_1 .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_1 .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_1 .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);
}
.widget_videos_style_1 .video-item:hover .video-img {
box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 0 0 transparent;
}
@media (max-width: 600px) {
.widget_videos_style_1 .video-item .video-img {
height: 250px;
}
}.widget_question_post_style_2 .header-title{
display: flex;
align-items: center;
justify-content: space-between;
}
.widget_question_post_style_2 .header-title a.more{
color: var(--theme-color-2);
font-style: italic;
text-decoration: underline;
}
.widget_question_post_style_2 .header-title .header {
text-align: left;
}
/*Question*/
.widget_question_post_style_2 .question-box .box-ques-container{
overflow: hidden;
background-color: var(--theme-color-2);
padding: 5px;
border-radius: 10px;
}
.widget_question_post_style_2 .question-box .box-ques-container .panel-group{
overflow-y: auto;
border: 1px solid var(--theme-color-2);
background-color: var(--theme-color-2);
margin-bottom: 0;
}
.widget_question_post_style_2 .question-box .box-ques-container .panel-group::-webkit-scrollbar-track {
background-color: transparent;
}
.widget_question_post_style_2 .question-box .box-ques-container .panel-group::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
.widget_question_post_style_2 .question-box .box-ques-container .panel-group::-webkit-scrollbar-thumb {
background-color: #686464;
border-radius: 10px;
}
.widget_question_post_style_2 .question-box .panel-default {
box-shadow: none; border: 0; background-color: transparent;
}
.widget_question_post_style_2 .question-box .panel-default>.panel-heading {
background-color: var(--theme-color-2);
overflow: hidden;
color: #fff;
border-radius: 0;
border: 0;
position: relative;
border-bottom: 1px solid #ffffff73;
}
.widget_question_post_style_2 .question-box .panel-default:last-of-type>.panel-heading {
border: 0;
padding: 7px 15px;
}
.widget_question_post_style_2 .question-box .panel-default>.panel-heading:hover a,
.widget_question_post_style_2 .question-box .panel-default>.panel-heading a{
color: #fff;
}
.widget_question_post_style_2 .question-box .panel-group .panel+.panel{
margin-top: 0;
}
.widget_question_post_style_2 .question-box .panel-title {
text-align: left;
}
.widget_question_post_style_2 .question-box .panel-title h4 {
font-size: 16px;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
cursor: pointer;
}
.widget_question_post_style_2 .question-box .panel-title a:hover{
color: #d09110;
}
.widget_question_post_style_2 .question-box .panel-title .plus-main {
width: 25px;
height: 25px;
float: left;
font-size: 8px;
}
.widget_question_post_style_2 .question-box .panel-title .plus-main i {
font-weight: 400;
font-size: 25px;
}
.widget_question_post_style_2 .question-box .panel-title .title-po {
width: calc(100% - 30px);
float: right;
font-weight: 400;
padding-left: 10px;
line-height: 25px;
}
.widget_question_post_style_2 .question-box .panel-title .title-po a {
font-size: 17px;
color: var(--question-title-color);
}
.widget_question_post_style_2 .question-box .panel-body {
padding:15px; text-align: justify;
background-color: #ffffffd9;
border-radius: 10px;
}
/*Post*/
.widget_question_post_style_2 .post-box .box-content { position: relative; }
.widget_question_post_style_2 .post-box .item{
display: grid!important;
grid-template-columns: 1fr 2.2fr;
grid-gap: 15px;
padding: 0;
margin-bottom: 10px;
}
.widget_question_post_style_2 .post-box .item .img {
position: relative;
display: block;
width: 100%;
padding-top: 65%;
height: fit-content;
border-radius: 5px;
overflow: hidden;
}
.widget_question_post_style_2 .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_question_post_style_2 .post-box .item .img a img {
min-height: 100%;
min-width: 100%;
position: relative;
display: inherit;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_question_post_style_2 .post-box .item .title h3.header {
color: #212529;
font-size: 16px;
line-height: 25px;
margin:0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-bottom: 5px;
}
.widget_question_post_style_2 .post-box .item .title h3.header a{
color: inherit;
}
.widget_question_post_style_2 .post-box .item .title .description{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 50px;
margin-bottom: 5px;
color: #ccc;
}
.widget_question_post_style_2 .post-box .item .title .read-more a {
color:var(--theme-color-2);
font-style: italic;
text-decoration: underline;
}.widget_box_gallery_1 .slick_wrapper {
position: relative;
}
.widget_box_gallery_1 .slick_wrapper .arrow.prev {
left: -60px;
}
.widget_box_gallery_1 .slick_wrapper .arrow.next {
right: -60px;
}
.widget_box_gallery_1 .slick_wrapper .arrow:hover {
background-color: var(--theme-color);
}
.widget_box_gallery_1 .slick_wrapper:hover .arrow.prev {
left: 10px;
}
.widget_box_gallery_1 .slick_wrapper:hover .arrow {
opacity: 1;
}
.widget_box_gallery_1 .slick_wrapper:hover .arrow.next {
right: 10px;
}
.widget_box_gallery_1 .slick_wrapper .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 100;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #fff;
cursor: pointer;
color: #000;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
border-radius: 4px;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.widget_box_gallery_1 .slick_wrapper .img {
position: relative;
display: block;
width: 100%;
padding-top: 100%;
height: inherit;
overflow: hidden;
box-shadow: none;
}
.widget_box_gallery_1 .slick_wrapper .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_1 .slick_wrapper .img picture img {
height: 100%;
width: 100%;
object-fit: cover;
position: relative;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
display: inherit;
transition: all .5s ease-in-out;
}
.widget_box_gallery_1 .slick_wrapper .slick-slide:hover img {
transform: translateY(-50%) translateX(-50%) scale(1.01);
}:root {
--email2-color:#fff;
}
.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: 10px 0 0 0;
opacity: 0.8;
color:var(--email2-color);
}
.widget_email_style_2 .form-group { overflow: hidden; }
.widget_email_style_2 .form-group .input {
float: left;
width:calc(100% - 150px);
padding-right: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.widget_email_style_2 .form-group .input .form-control {
flex: 0 0 calc(33.33333% - 15px);
max-width: calc(33.33333% - 15px);
border:0;
height: 40px;
line-height: 1.2;
border-radius: 4px;
margin-bottom: 0;
float: left;
width: 100%;
padding: 0 20px;
outline: none;
color: #7c7c7c;
font-size: 15px;
background-color: #fff;
}
.widget_email_style_2 .form-group .button { float: left; width:150px; }
.widget_email_style_2 .form-group .button button {
width:100%;
height: 40px;
background-color: var(--bg-btn);
}
.widget_email_style_2 .form-group .button button:hover {
background-color: #fff;
border-color: var(--bg-btn);
color: var(--bg-btn);
}
@media(max-width: 768px) {
.widget_email_style_2 .box-content .box-left {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
}
.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;
margin-bottom: 15px;
}
.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; }
}