.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