.widget_slider_style_13 .row-slider{
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 15px;
}
.widget_slider_style_13 .row-slider .col-slider{
display: block;
overflow: hidden;
width: 100%;
}
.widget_slider_style_13 .slider_box .slider_list_thumb {
border: 1px solid #ccc;
}
.widget_slider_style_13 .slider_box .slider_list_thumb .item{
border-right: 1px solid #ccc;
}
.widget_slider_style_13 .slider-right .slider-heading p {
background-color: var(--slider-order-bg);
padding: 10px;
text-align: center;
}
.widget_slider_style_13 .slider-right .slider-heading p{
margin: 0;
font-weight: bold;
font-size: 14px; line-height: 20px;
color: var(--slider-order-color);
}
.widget_slider_style_13 .slider-right .slider-content {
border: 1px solid #ccc;
background-color: #fff;
}
.widget_slider_style_13 .slider-right.statistic-box{
margin-top: 15px;
}
.widget_slider_style_13 .slider-right.statistic-box .statistic-box--content{
padding: 10px;
}
.widget_slider_style_13 .slider-right.statistic-box .statistic-box--content ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.widget_slider_style_13 .slider-right.statistic-box .statistic-box--content ul li{ margin-bottom:5px }
.widget_slider_style_13 .slider-right.statistic-box .statistic-box--content ul li:last-of-type{ margin-bottom:5px }
.widget_slider_style_13 .slider-right.video-box .video-item .video-img {
position: relative;
display: block;
width: 100%;
padding-top: 56.25%;
height: inherit;
overflow: hidden;
}
.widget_slider_style_13 .slider-right.video-box .video-item .video-img a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_slider_style_13 .slider-right.video-box .video-item .video-img img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_slider_style_13 .slider-right.video-box .video-title { padding:10px; }
.widget_slider_style_13 .slider-right.video-box .video-title .heading {
margin: 0; text-align: center; line-height: 20px;
}
.widget_slider_style_13 .slider-right.video-box .video-title .heading a {
color:#000; font-size: 15px; outline: none; font-weight: 500; line-height: 20px;
}
.widget_slider_style_13 .slider-right.video-box .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_slider_style_13 .slider-right.video-box .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_slider_style_13 .slider-right.video-box .play-now .ripple,
.widget_slider_style_13 .slider-right.video-box .play-now .ripple:before,
.widget_slider_style_13 .slider-right.video-box .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_slider_style_13 .slider-right.video-box .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_slider_style_13 .slider-right.video-box .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_slider_style_13 .slider-right .pre-box-sale-block {
margin-top: 50px;
overflow: visible;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading {
height: 42px;
line-height: 42px;
background-color: var(--slider-order-bg);
color: var(--slider-order-color);
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.31);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
margin-bottom: 0;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span {
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
background: none;
width: auto;
height: 42px;
line-height: 42px;
position: relative;
margin: 0;
font-weight: bold;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span.icon::before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 8px 10px 0;
background-color: #00f3bb;
width: 40px;
height: 40px;
content: '';
position: absolute;
bottom: 5px;
left: 3px;
z-index: 1;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i {
background-repeat: no-repeat;
background-size: cover;
position: absolute;
z-index: 1;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-star {
width: 20px;
height: 20px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-star.left {
background-image: url(views/theme-store/theme-child/custom/images/sale/star-2.png);
left: 8px;
top: -18px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateY(20px) scale(0, 0);
-moz-transform: translateY(20px) scale(0, 0);
-ms-transform: translateY(20px) scale(0, 0);
-o-transform: translateY(20px) scale(0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-star.left {
-webkit-animation: star 3s infinite;
-o-animation: star 3s infinite;
animation: star 3s infinite;
-webkit-animation: star 3s infinite 300ms 0 ease;
-moz-animation: star 3s infinite 300ms 0 ease;
-ms-animation: star 3s infinite 300ms 0 ease;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-star.right {
background-image: url(views/theme-store/theme-child/custom/images/sale/star-1.png);
right: 12px;
top: -25px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateY(20px) scale(0, 0);
-moz-transform: translateY(20px) scale(0, 0);
-ms-transform: translateY(20px) scale(0, 0);
-o-transform: translateY(20px) scale(0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-star.right {
-webkit-animation: star 3s infinite 0.2s;
-o-animation: star 3s infinite 0.2s;
animation: star 3s infinite 0.2s;
-webkit-animation: star 3s infinite 0.2s 300ms 0 ease;
-moz-animation: star 3s infinite 0.2s 300ms 0 ease;
-ms-animation: star 3s infinite 0.2s 300ms 0 ease;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-triangle.right-1 {
background-image: url(views/theme-store/theme-child/custom/images/sale/triangle-3.png);
width: 8px;
height: 11px;
top: -40px;
right: 13px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-triangle.right-1 {
-webkit-animation: firework 3s infinite 0.3s;
-o-animation: firework 3s infinite 0.3s;
animation: firework 3s infinite 0.3s;
-webkit-animation: firework 3s infinite 0.3s 300ms 0 ease;
-moz-animation: firework 3s infinite 0.3s 300ms 0 ease;
-ms-animation: firework 3s infinite 0.3s 300ms 0 ease;
transform-origin: 0 100%;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-triangle.right-2 {
background-image: url(views/theme-store/theme-child/custom/images/sale/triangle-1.png);
width: 10px;
height: 7px;
top: -12px;
right: 0;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-triangle.right-2 {
-webkit-animation: firework 3s infinite 0.4s;
-o-animation: firework 3s infinite 0.4s;
animation: firework 3s infinite 0.4s;
-webkit-animation: firework 3s infinite 0.4s 300ms 0 ease;
-moz-animation: firework 3s infinite 0.4s 300ms 0 ease;
-ms-animation: firework 3s infinite 0.4s 300ms 0 ease;
transform-origin: 0 100%;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-triangle.right-3 {
background-image: url(views/theme-store/theme-child/custom/images/sale/triangle-2.png);
width: 12px;
height: 4px;
top: -24px;
right: -2px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-triangle.right-3 {
-webkit-animation: firework 3s infinite 0.5s;
-o-animation: firework 3s infinite 0.5s;
animation: firework 3s infinite 0.5s;
-webkit-animation: firework 3s infinite 0.5s 300ms 0 ease;
-moz-animation: firework 3s infinite 0.5s 300ms 0 ease;
-ms-animation: firework 3s infinite 0.5s 300ms 0 ease;
transform-origin: 0 100%;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-triangle.left-1 {
background-image: url(views/theme-store/theme-child/custom/images/sale/triangle-4.png);
width: 8px;
height: 11px;
top: -25px;
left: 0px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-triangle.left-1 {
-webkit-animation: firework 3s infinite 0.3s;
-o-animation: firework 3s infinite 0.3s;
animation: firework 3s infinite 0.3s;
-webkit-animation: firework 3s infinite 0.3s 300ms 0 ease;
-moz-animation: firework 3s infinite 0.3s 300ms 0 ease;
-ms-animation: firework 3s infinite 0.3s 300ms 0 ease;
transform-origin: 100% 0;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-triangle.left-2 {
background-image: url(views/theme-store/theme-child/custom/images/sale/triangle-5.png);
width: 10px;
height: 7px;
top: -29px;
left: 10px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-triangle.left-2 {
-webkit-animation: firework 3s infinite 0.4s;
-o-animation: firework 3s infinite 0.4s;
animation: firework 3s infinite 0.4s;
-webkit-animation: firework 3s infinite 0.4s 300ms 0 ease;
-moz-animation: firework 3s infinite 0.4s 300ms 0 ease;
-ms-animation: firework 3s infinite 0.4s 300ms 0 ease;
transform-origin: 100% 0;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-triangle.left-3 {
background-image: url(views/theme-store/theme-child/custom/images/sale/triangle-6.png);
width: 12px;
height: 4px;
top: -6px;
left: -6px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-triangle.left-3 {
-webkit-animation: firework 3s infinite 0.5s;
-o-animation: firework 3s infinite 0.5s;
animation: firework 3s infinite 0.5s;
-webkit-animation: firework 3s infinite 0.5s 300ms 0 ease;
-moz-animation: firework 3s infinite 0.5s 300ms 0 ease;
-ms-animation: firework 3s infinite 0.5s 300ms 0 ease;
transform-origin: 100% 0;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-line.line-1 {
background-image: url(views/theme-store/theme-child/custom/images/sale/line-2.png);
width: 12px;
height: 11px;
top: -37px;
right: 0px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-line.line-1 {
-webkit-animation: firework 3s infinite 0.3s;
-o-animation: firework 3s infinite 0.3s;
animation: firework 3s infinite 0.3s;
-webkit-animation: firework 3s infinite 0.3s 300ms 0 ease;
-moz-animation: firework 3s infinite 0.3s 300ms 0 ease;
-ms-animation: firework 3s infinite 0.3s 300ms 0 ease;
transform-origin: 0 100%;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-line.line-2 {
background-image: url(views/theme-store/theme-child/custom/images/sale/line-1.png);
width: 10px;
height: 14px;
top: -32px;
right: 30px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-line.line-2 {
-webkit-animation: firework 3s infinite 0.4s;
-o-animation: firework 3s infinite 0.4s;
animation: firework 3s infinite 0.4s;
-webkit-animation: firework 3s infinite 0.4s 300ms 0 ease;
-moz-animation: firework 3s infinite 0.4s 300ms 0 ease;
-ms-animation: firework 3s infinite 0.4s 300ms 0 ease;
transform-origin: 0 100%;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-line.line-3 {
background-image: url(views/theme-store/theme-child/custom/images/sale/line-3.png);
width: 14px;
height: 9px;
top: -16px;
left: -13px;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span i.ico-line.line-3 {
-webkit-animation: firework 3s infinite 0.5s;
-o-animation: firework 3s infinite 0.5s;
animation: firework 3s infinite 0.5s;
-webkit-animation: firework 3s infinite 0.5s 300ms 0 ease;
-moz-animation: firework 3s infinite 0.5s 300ms 0 ease;
-ms-animation: firework 3s infinite 0.5s 300ms 0 ease;
transform-origin: 100% 0;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span i.ico-gift {
margin-top: -28px;
margin-right: 5px;
position: relative;
z-index: 10;
display: inline-block;
width: 60px;
height: 69px;
background-size: contain;
background-image: url(views/theme-store/theme-child/custom/images/sale/ico-gift.png);
background-repeat: no-repeat;
background-position: center 19px;
margin-left: 3px;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block > .heading span.ttl::before {
display: none;
content: "";
width: 40px;
background-image: url(views/theme-store/theme-child/custom/images/sale/light-blur.png);
background-repeat: no-repeat;
background-size: 40px auto;
top: 0;
bottom: 1px;
position: absolute;
z-index: 2;
-webkit-animation: light-ttl 3s infinite;
-o-animation: light-ttl 3s infinite;
animation: light-ttl 3s infinite;
-webkit-animation: light-ttl 3s infinite 300ms 0 ease;
-moz-animation: light-ttl 3s infinite 300ms 0 ease;
-ms-animation: light-ttl 3s infinite 300ms 0 ease;
}
.widget_slider_style_13 .slider-right .pre-box-sale-block.animated > .heading span.ttl::before {
display: inline-block;
}
@keyframes star {
0% {
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateY(20px) scale(0, 0);
-moz-transform: translateY(20px) scale(0, 0);
-ms-transform: translateY(20px) scale(0, 0);
-o-transform: translateY(20px) scale(0, 0);
}
20% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0) scale(1, 1);
-moz-transform: translateY(0) scale(1, 1);
-ms-transform: translateY(0) scale(1, 1);
-o-transform: translateY(0) scale(1, 1);
}
85% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0) scale(1, 1);
-moz-transform: translateY(0) scale(1, 1);
-ms-transform: translateY(0) scale(1, 1);
-o-transform: translateY(0) scale(1, 1);
}
}
@-webkit-keyframes star {
/*Safari and Chrome*/
0% {
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateY(20px) scale(0, 0);
-moz-transform: translateY(20px) scale(0, 0);
-ms-transform: translateY(20px) scale(0, 0);
-o-transform: translateY(20px) scale(0, 0);
}
20% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0) scale(1, 1);
-moz-transform: translateY(0) scale(1, 1);
-ms-transform: translateY(0) scale(1, 1);
-o-transform: translateY(0) scale(1, 1);
}
85% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0) scale(1, 1);
-moz-transform: translateY(0) scale(1, 1);
-ms-transform: translateY(0) scale(1, 1);
-o-transform: translateY(0) scale(1, 1);
}
}
@-webkit-keyframes firework {
/*Safari and Chrome*/
0% {
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
10% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
}
85% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
}
}
@-moz-keyframes firework {
/*Safari and Chrome*/
0% {
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
10% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
}
85% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
}
}
@keyframes firework {
0% {
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
}
10% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
}
85% {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes light-ttl {
/*Safari and Chrome*/
0% {
left: 0;
}
100% {
left: 100%;
}
}
@-moz-keyframes light-ttl {
/*Safari and Chrome*/
0% {
left: 0;
}
100% {
left: 100%;
}
}
@keyframes light-ttl {
0% {
left: 0;
}
100% {
left: 100%;
}
}
.widget_slider_style_13 .slider-right .pre-box-sale__content {
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 20px;
}
.widget_slider_style_13 .slider-right .pre-box-sale__content .form-group {
margin-bottom: 0;
}
.widget_slider_style_13 .slider-right .pre-box-sale__content .form-group .form-control{
background-color: #fff;
outline: none;
box-shadow: none;
border-radius: 0;
color: #000;
font-size: 14px;
border-color: #ccc;
margin-bottom: 15px;
width: 100%;
}
.widget_slider_style_13 .slider-right .pre-box-sale__content .form-group input.form-control,
.widget_slider_style_13 .slider-right .pre-box-sale__content .form-group select.form-control{
height: 35px;
line-height: 30px;
}
.widget_slider_style_13 .slider-right .pre-box-sale__content .form-group .form-control:focus{
outline: none;
box-shadow: none;
}
.widget_slider_style_13 .slider-right .pre-box-sale__content button{
border-radius: 0;
}
@media(max-width: 768px){
.widget_slider_style_13 .row-slider{
grid-template-columns: 1fr;
}
}
.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); }.widget_box_gallery_1 .grid {
display: grid;
grid-template-columns: repeat(var(--gallery-1-numberShow), 1fr);
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;
}
.widget_box_gallery_1 .grid-item {
position: relative;
display: block;
width: 100%;
padding-top: var(--gallery-1-ratio);
height: inherit;
overflow: hidden;
border-radius: var(--gallery-1-radius);
}
.widget_box_gallery_1 .grid-item 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 .grid-item picture img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
@media(max-width: 1000px) {
.widget_box_gallery_1 .grid {
grid-template-columns: repeat(var(--gallery-1-numberShowTablet), 1fr);
}
}
@media(max-width: 600px) {
.widget_box_gallery_1 .grid {
grid-template-columns: repeat(var(--gallery-1-numberShowMobile), 1fr);
}
}.widget_videos_style_1 .button{ margin-top:20px; }
.widget_videos_style_1 .slick-slide {
margin-left: calc(var(--bs-gutter-x) / 2);
margin-right: calc(var(--bs-gutter-x) / 2);
}
.widget_videos_style_1 .slick-list {
margin-left: calc(var(--bs-gutter-x) / -2);
margin-right: calc(var(--bs-gutter-x) / -2);
}
.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 a{
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 img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_videos_style_1 .video-title .heading {
margin: 10px 0 0 0; text-align: center;
}
.widget_videos_style_1 .video-title .heading a {
color:#000; font-size: 15px; outline: none; font-weight: 600;
}
.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_post_style_1 .box-content { position: relative; }
.widget_post_style_1 .displayHorizontal .slick-slide{
margin: 0 calc(var(--bs-gutter-x)/2);
}
.widget_post_style_1 .displayHorizontal .slick-list{
margin: 0 calc( var(--bs-gutter-x)/-2);
}
.widget_post_style_1 .displayList{
display: grid;
grid-template-columns: repeat(var(--numberShow), 1fr);
grid-gap: var(--bs-gutter-x);
}
.widget_post_style_1 .item { border: 1px solid #ccc; margin-bottom:5px; }
.widget_post_style_1 .item .img {
position: relative;
display: block;
width: 100%;
padding-top: 63%;
height: inherit;
overflow: hidden;
}
.widget_post_style_1 .item .img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_post_style_1 .item .img a img {
height: 100%;
width: 100%;
position: relative;
display: block;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_post_style_1 .item .title {
padding: 10px 15px;
position: relative;
}
.widget_post_style_1 .item .title .header {
margin:0;
}
.widget_post_style_1 .item .title .header a {
color: #000; outline: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
font-size: 15px;
-webkit-box-orient: vertical;
}
.widget_post_style_1 .item .title .description {
margin-bottom: 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 .readmore { margin-top:5px; display:none; }
.widget_post_style_1 .item .title .readmore a{ color: #968C83; text-transform:uppercase; font-weight:600; font-style:15px; }
@media(max-width: 1000px){
.widget_post_style_1 .displayList{
grid-template-columns: repeat(var(--numberShowTablet), 1fr);
}
}
@media(max-width: 600px){
.widget_post_style_1 .displayList{
grid-template-columns: repeat(var(--numberShowMobile), 1fr);
}
}
Warning: Trying to access array offset on value of type bool in /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Cache/drivers/Cache_file.php on line 63
Warning: Trying to access array offset on value of type bool in /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Cache/drivers/Cache_file.php on line 63
Warning: Trying to access array offset on value of type bool in /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Cache/drivers/Cache_file.php on line 63
Warning: Trying to access array offset on value of type bool in /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Cache/drivers/Cache_file.php on line 63
Warning: Trying to access array offset on value of type bool in /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Cache/drivers/Cache_file.php on line 63
Warning: Trying to access array offset on value of type bool in /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Cache/drivers/Cache_file.php on line 63
Warning: unlink(views/cache/system): No such file or directory in /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Cache/drivers/Cache_file.php on line 65
Fatal error: Uncaught TypeError: Cannot access offset of type string on string in /var/www/vhosts/xemaythanhdat.com/httpdocs/application/helpers/common_helper.php:878
Stack trace:
#0 /var/www/vhosts/xemaythanhdat.com/httpdocs/views/theme-store/theme-child/theme-header/header-style/header-style-3.4/header.php(74): Option::get()
#1 /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Hook.php(307): ThemeHeaderStyle3_4::css()
#2 /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Hook.php(331): WP_Hook->apply_filters()
#3 /var/www/vhosts/xemaythanhdat.com/httpdocs/system/plugin.php(453): WP_Hook->do_action()
#4 /var/www/vhosts/xemaythanhdat.com/httpdocs/views/theme-store/theme-setting/theme-setting.php(21): do_action()
#5 /var/www/vhosts/xemaythanhdat.com/httpdocs/views/theme-store/theme-setting/theme-setting.php(38): Theme_Style::renderCss()
#6 /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Hook.php(307): Theme_Style::renderCssMinify()
#7 /var/www/vhosts/xemaythanhdat.com/httpdocs/system/libraries/Hook.php(331): WP_Hook->apply_filters()
#8 /var/www/vhosts/xemaythanhdat.com/httpdocs/system/plugin.php(453): WP_Hook->do_action()
#9 /var/www/vhosts/xemaythanhdat.com/httpdocs/views/theme-store/include/head.php(9): do_action()
#10 /var/www/vhosts/xemaythanhdat.com/httpdocs/application/libraries/template.php(708): include('...')
#11 /var/www/vhosts/xemaythanhdat.com/httpdocs/views/theme-store/template-full-width.php(7): Template::partial()
#12 /var/www/vhosts/xemaythanhdat.com/httpdocs/system/core/Loader.php(839): include('...')
#13 /var/www/vhosts/xemaythanhdat.com/httpdocs/system/core/Loader.php(420): CI_Loader->_ci_load()
#14 /var/www/vhosts/xemaythanhdat.com/httpdocs/application/libraries/template.php(346): CI_Loader->view()
#15 /var/www/vhosts/xemaythanhdat.com/httpdocs/application/controllers/frontend/products.php(13): Template->render()
#16 /var/www/vhosts/xemaythanhdat.com/httpdocs/system/core/CodeIgniter.php(360): products->index()
#17 /var/www/vhosts/xemaythanhdat.com/httpdocs/index.php(224): require_once('...')
#18 {main}
thrown in /var/www/vhosts/xemaythanhdat.com/httpdocs/application/helpers/common_helper.php on line 878