* {
outline: none !important;
}
body {
--test: #010101;
overflow-x: hidden;
font-family: "Open Sans", Sans-serif !important; }
body.elementor-kit-6 {
--e-global-color-text: #131518;
--e-global-color-primary: #0c2340;
--e-global-color-secondary: #266bbf;
--container: 1400px;
--box-container: 1180px;
}
p:last-child {
margin-bottom: 0;
}
h2 {
font-size: 32px;
list-style: none;
}
main#content {
max-width: 1920px;
margin: 0 auto;
} .elementor-posts-container.elementor-posts--skin-product-skin .elementor-post__thumbnail img {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: var(--container);
}
.elementor-widget-button .elementor-button {
background: var(--e-global-color-primary);
font-size: 16px;
line-height: 1.313;
font-weight: 700;
padding: 15px 44px;
}
.elementor-widget-button .elementor-button.elementor-size-sm {
padding: 10px 24px;
line-height: 1.25;
}
.elementor-widget-heading .elementor-heading-title {
color: #1a1d1f;
} .elementor-swiper-button svg {
display: none;
}
.elementor-swiper-button.elementor-swiper-button-next:before,
.elementor-swiper-button.elementor-swiper-button-prev:before {
content: '';
width: 32px;
height: 32px;
background-image: url(https://delonghi.co.th/wp-content/themes/delonghi/assets/images/arrow-icon-left.png);
}
.elementor-swiper-button.elementor-swiper-button-next:before {
background-image: url(https://delonghi.co.th/wp-content/themes/delonghi/assets/images/arrow-icon-right.png);
}   .elementor-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-pagination .page-numbers {
margin: 0px !important;
padding: 5px;
min-width: 30px;
min-height: 30px;
background: var(--e-global-color-secondary);
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
color: #FFF;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:not(.current):hover {
background-color: var(--e-global-color-primary);
} @media (max-width: 767px) {
.inner-page-hero {
text-align: center;
}
.inner-page-hero img {
width: 100%;
}
.inner-page-hero .elementor-background-overlay {
background: #FFF !important;
opacity: 1 !important;
}
.inner-page-hero .elementor-widget-text-editor,
.inner-page-hero .elementor-heading-title {
color: #1a1d1f !important;
}
.inner-page-hero .elementor-button {
background-color: #1a1d1f !important;
color: #FFF !important;
}
.inner-page-hero .elementor-button:focus,
.inner-page-hero .elementor-button:hover {
opacity: .8;
}
}
@media (min-width: 768px) and (max-width: 1440px) {
.inner-page-hero {
padding-block: 80px !important;
}
.inner-page-hero>.elementor-container {
min-height: 320px !important;
}
.inner-page-hero h1.elementor-heading-title {
font-size: 39px !important;
}
.inner-page-hero .elementor-widget-text-editor p {
font-size: 18px;
}
} .elementor-element-3916086 .elementor-widget-image-box .elementor-image-box-wrapper,
.box-container .elementor-widget-image-box .elementor-image-box-wrapper {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.elementor-element-3916086 .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img,
.box-container .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img {
width: auto !important;
margin-inline: auto;
}
.elementor-element-3916086 .elementor-widget-image-box .elementor-image-box-content,
.box-container .elementor-widget-image-box .elementor-image-box-content {
width: 100%;
text-align: center;
}
.elementor-element-3916086 .elementor-widget-image-box .elementor-image-box-title,
.elementor-element-3916086 .elementor-widget-image-box .elementor-image-box-title a,
.box-container .elementor-widget-image-box .elementor-image-box-title,
.box-container .elementor-widget-image-box .elementor-image-box-title a {
text-align: center;
}
.elementor-element-3916086 .elementor-widget-image-box .elementor-image-box-img img,
.box-container .elementor-widget-image-box .elementor-image-box-img img {
display: block;
margin-inline: auto;
}  .featured-content {
overflow: hidden;
}
.featured-content .elementor-widget-image .elementor-widget-container {
height: 100%;
}
.featured-content .elementor-widget-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.featured-content h2.elementor-heading-title:after {
content: '';
display: block;
width: 32px;
height: 4px;
background: #266bbf;
border-radius: 10px;
margin-top: 30px;
margin-bottom: 5px;
}
.featured-content_content p {
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 768px) {
.featured-content h2.elementor-heading-title {
font-size: 36px;
}
.featured-content .elementor-widget-image {
position: absolute;
right: 0;
top: 0;
width: 50vw;
height: 100%;
max-width: 960px;
}
.featured-content.img-right .elementor-widget-image {
right: auto;
left: 0;
}
.featured-content_content {
min-height: 482px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.featured-content_content .elementor-widget-wrap {
padding: 60px 15% !important;
}
}
@media (min-width: 1366px) {
.featured-content_content .elementor-widget-wrap {
padding: 60px 10px 60px 20% !important;
}
.img-right .featured-content_content .elementor-widget-wrap {
padding: 60px 20% 60px 10px !important;
}
}
@media (min-width: 1441px) {
.featured-content>.elementor-container {
max-width: 100% !important;
}
.featured-content_content .elementor-widget-wrap,
.img-right .featured-content_content .elementor-widget-wrap {
padding: 60px 20% !important;
}
}
@media (max-width: 767px) {
.featured-content_content .elementor-widget-wrap {
padding-block: 20px !important;
}
.img-right .featured-content_content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}  @media (min-width: 1025px) {
.featured-tab {}
.featured-tab .elementor-tabs {}
.featured-tab .elementor-tabs-wrapper {
width: 50% !important;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 60px 8.8%;
min-height: 684px;
}
.featured-tab .elementor-tabs-wrapper .elementor-tab-title {
border: 0 !important;
padding: 0;
}
.featured-tab .elementor-tabs-wrapper .elementor-tab-title:before,
.featured-tab .elementor-tabs-wrapper .elementor-tab-title:after {
border: 0 !important;
}
.featured-tab .elementor-tabs-wrapper .elementor-tab-title b {
display: block;
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
}
.featured-tab .elementor-tabs-wrapper .elementor-tab-title:not(:last-child) {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #ccc !important;
}
.featured-tab .elementor-tabs-content-wrapper {
width: 50%;
border: 0 !important;
}
.featured-tab .elementor-tab-content {
padding: 0 20px 0 0;
height: 100%;
-webkit-animation: featuredTab_fadeIn 1000ms ease-in-out 0s alternate;
animation: featuredTab_fadeIn 1000ms ease-in-out 0s alternate;
}
.featured-tab .elementor-tab-content p {
height: 100%;
}
.featured-tab .elementor-tab-content img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@-webkit-keyframes featuredTab_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes featuredTab_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
}  .column-slider:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 20%);
-webkit-transition: background-color 0.25s ease;
-o-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;
}
.column-slider.active:before {
background-color: transparent;
}
body.elementor-editor-active .column-slider:before {
background-color: rgb(0 0 0 / 50%);
}
.column-slider_item {
height: 820px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 16px;
cursor: pointer;
-webkit-transition: all 600ms ease-in-out, background-color 300ms ease-in-out;
-o-transition: all 600ms ease-in-out, background-color 300ms ease-in-out;
transition: all 600ms ease-in-out, background-color 300ms ease-in-out;
}
body:not(.elementor-editor-active) .column-slider_item * {
pointer-events: none;
}
.column-slider_item:hover:not(.active) {
background-color: rgba(0, 7, 28, 0.5);
}
.column-slider_item:not(:last-child) {
border-right: 1px solid #fff;
}
.column-slider_item>.elementor-widget-wrap {
margin-bottom: 55px;
}
.column-slider_item .elementor-widget-icon-box {
margin-bottom: 0;
}
.column-slider_item .elementor-icon-box-icon .elementor-icon {
position: relative;
}
.column-slider_item .elementor-icon-box-icon .elementor-icon:before {
content: '';
background: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.column-slider_item .elementor-icon-box-icon .elementor-icon svg path {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body:not(.elementor-editor-active) .column-slider_item:hover .elementor-icon-box-icon .elementor-icon:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
body:not(.elementor-editor-active) .column-slider_item:hover .elementor-icon-box-icon .elementor-icon svg path:first-child {
stroke: #000;
}
.column-slider_item .elementor-widget-image-box .elementor-image-box-img {
display: none;
}
.column-slider_item .elementor-image-box-content {
overflow: hidden;
}
body:not(.elementor-editor-active) .column-slider_item .elementor-image-box-description {
height: 90px;
margin-bottom: -90px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
body:not(.elementor-editor-active) .column-slider_item:hover .elementor-image-box-description {
margin-bottom: 0px;
}
}
.column-slider_item .close-btn {
position: absolute;
top: 20px;
right: 20px;
color: #fff;
border: 0;
background: none;
pointer-events: none;
z-index: 10;
opacity: 0;
outline: none;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
body:not(.elementor-editor-active) .column-slider_item .elementor-widget-text-editor,
body:not(.elementor-editor-active) .column-slider_item.active .elementor-image-box-description {
display: none;
}
body:not(.elementor-editor-active) .column-slider_item.active .elementor-widget-text-editor {
display: block;
} .column-slider.active .column-slider_item:not(.active) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.column-slider.active .column-slider_item:not(.active) .elementor-widget-icon-box,
.column-slider.active .column-slider_item:not(.active) .elementor-image-box-description {
display: none;
}
@media (min-width: 1024px) {
.column-slider.active .column-slider_item:not(.active)>.elementor-widget-wrap {
margin: 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl; width: auto;
height: 500px;
-ms-flex-item-align: start;
align-self: flex-start;
}
.column-slider.active .column-slider_item:not(.active) .elementor-image-box-title {
text-align: left;
}
} .column-slider.active .elementor-icon-box-icon {
display: none;
}
.column-slider.active .column-slider_item {
width: 200px;
}
.column-slider.active .column-slider_item.active {
width: calc(100% - 600px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none;
}
.column-slider.col-3.active .column-slider_item.active {
width: calc(100% - 400px);
}
.column-slider.active .column-slider_item.active .close-btn {
pointer-events: all;
opacity: 1;
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.column-slider.active .column-slider_item.active>.elementor-widget-wrap {
margin-bottom: 0;
-webkit-animation: colSlider_fadeIn 1400ms ease 0s forwards;
animation: colSlider_fadeIn 1400ms ease 0s forwards;
}
@media (min-width: 1024px) {
.column-slider.active .column-slider_item.active>.elementor-widget-wrap {
margin-left: 60px;
}
}
.column-slider.active .column-slider_item.active .elementor-icon-box-wrapper,
.column-slider.active .column-slider_item.active .elementor-image-box-wrapper {
text-align: left;
}
.column-slider.active .column-slider_item.active .elementor-image-box-description {
margin-bottom: 0px;
}
@-webkit-keyframes colSlider_fadeIn {
0%,
40% {
opacity: 0;
}
60%,
100% {
opacity: 1;
}
}
@keyframes colSlider_fadeIn {
0%,
40% {
opacity: 0;
}
60%,
100% {
opacity: 1;
}
}
@media (max-width: 1023px) {
.column-slider>.elementor-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.column-slider_item {
height: 200px;
width: 100% !important;
-webkit-transition: height 600ms ease-in-out;
-o-transition: height 600ms ease-in-out;
transition: height 600ms ease-in-out;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.column-slider.active .column-slider_item {
height: 120px;
}
.column-slider_item:not(:last-child) {
border-right-width: 0px;
border-bottom: 1px solid #fff;
}
.column-slider_item>.elementor-widget-wrap {
margin-bottom: 0;
}
body:not(.elementor-editor-active) .column-slider_item:not(.active) .elementor-image-box-description {
display: none;
}
.column-slider .column-slider_item .elementor-icon-box-wrapper,
.column-slider .column-slider_item .elementor-image-box-wrapper {
text-align: left;
}
.column-slider .column-slider_item .elementor-widget-icon-box {
position: unset;
margin-bottom: -15px;
}
.column-slider.active .column-slider_item:not(.active) .elementor-widget-icon-box {
display: block;
}
.column-slider .column-slider_item .elementor-icon-box-icon {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.column-slider .column-slider_item .elementor-image-box-title {
margin-bottom: 0;
font-size: 24px;
}
.column-slider_item .close-btn {
margin-right: -16px;
} .column-slider .column-slider_item .elementor-image-box-content {
padding-right: 50px;
}
.column-slider.active .column-slider_item.active {
height: 460px;
}
.column-slider.active .column-slider_item.active .elementor-icon-box-icon {
display: none;
}
.column-slider.active .elementor-icon-box-icon {
display: block;
}
}  .custom-tabs {}
@media (min-width: 768px) {
body:not(.elementor-editor-active) .custom-tabs_carousel {
display: none;
}
}
.custom-tabs_carousel .elementor-main-swiper {
width: 100%;
}
.custom-tabs_carousel .elementor-testimonial__image {
width: 100%;
}
.custom-tabs_carousel .elementor-testimonial__image img {
display: block;
width: 100%;
height: 300px;
border-radius: 0;
-o-object-fit: cover;
object-fit: cover;
}
.custom-tabs_carousel .elementor-testimonial__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 10px;
}
.custom-tabs_carousel .elementor-testimonial__footer {
margin-bottom: 0;
}
.custom-tabs_carousel .elementor-testimonial__cite {
margin-top: 16px !important;
}
.custom-tabs_placeholder {}
.custom-tabs_placeholder .elementor-widget-container {
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
}
.custom-tabs_placeholder .elementor-widget-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} .custom-tabs_content-wrap {
padding: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) {
.custom-tabs_content-wrap {
padding: 60px 5%;
}
}
@media (min-width: 1025px) {
.custom-tabs_content-wrap {
padding: 60px 8.8%;
min-height: 684px;
}
}
@media (max-width: 767px) {
.custom-tabs .tabs-wrapper {
display: none;
}
}
.custom-tabs .tabs-wrapper .tab-item {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
color: #757678;
}
.custom-tabs .tabs-wrapper .tab-item:not(:last-child) {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #ccc !important;
}
.custom-tabs .tabs-wrapper .tab-item.active {
color: var(--e-global-color-text);
}
.custom-tabs .tabs-wrapper .tab-item * { }
.custom-tabs .tabs-wrapper .elementor-testimonial__text { font-family: "Open Sans", Sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.428em;
-webkit-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.custom-tabs .tabs-wrapper .elementor-testimonial__name {
display: block;
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
font-style: normal;
-webkit-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
} .custom-tabs_img-wrap .elementor-widget-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.custom-tabs_img-wrap {
display: none;
}
}  .custom-features-slider .elementor-slide-description h3 {
font-size: 44px;
line-height: 1.08;
}
@media (max-width: 1024px) {
.custom-features-slider .elementor-slide-description h3 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.custom-features-slider .elementor-slide-description h3 {
font-size: 20px;
}
.custom-features-slider .elementor-swiper-button {
display: none;
}
.custom-features-slider .swiper-slide {
border-width: 0 !important;
}
}
.custom-features-slider {
overflow: hidden;
}
.custom-features-slider .swiper-slide .swiper-slide-inner:before {
content: '';
background-color: rgb(117 118 120 / 25%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
}
.custom-features-slider .swiper-slide .swiper-slide-inner .swiper-slide-contents {
position: relative;
z-index: 15;
}
.custom-features-slider .swiper-container {
cursor: -webkit-grab;
cursor: grab;
overflow: visible;
}
@media (min-width: 768px) {
.custom-features-slider .swiper-container {
max-width: calc(100% - 140px);
}
}
.custom-features-slider .swiper-slide {
border-right: 1px solid #e5e5e5;
}
.custom-features-slider .swiper-pagination {
left: 50%;
bottom: 20px;
width: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-inline: 15px;
}
.custom-features-slider .swiper-pagination-bullet {
width: auto;
height: auto;
background-color: transparent;
margin: 0 20px;
font-size: 14px;
opacity: 1;
color: #fff;
}
@media (min-width: 768px) {
.custom-features-slider .swiper-slide .swiper-slide-bg {
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.custom-features-slider .swiper-slide-active .swiper-slide-bg {
-webkit-filter: blur(0);
filter: blur(0);
}
.custom-features-slider .swiper-pagination {
bottom: 50px;
width: calc(100% - 140px);
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.custom-features-slider .swiper-pagination-bullet {
margin: 0 30px;
font-size: 18px;
}
}
.custom-features-slider .swiper-pagination-bullet:after {
content: '';
display: block;
height: 2px;
width: 100%;
background: #fff;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.custom-features-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.custom-features-slider .elementor-slide-button {
border-width: 1px;
font-size: 16px;
color: #fff;
font-weight: 700;
padding: 17px 23px;
}  .features-carousel .swiper-slide-image {
width: auto;
max-height: 200px;
}
.features-carousel .elementor-swiper-button {
z-index: 15;
}
@media (min-width: 768px) {
.features-carousel .elementor-swiper-button-prev {
left: 10%;
}
.features-carousel .elementor-swiper-button-next {
right: 10%;
}
.features-carousel:before,
.features-carousel:after {
content: '';
position: absolute;
top: 0;
height: 100%;
width: 210px;
z-index: 10;
}
.features-carousel:before {
left: 0;
background: -webkit-gradient(linear,
left top, right top,
from(rgba(12, 35, 64, 1)),
color-stop(60%, rgba(12, 35, 64, 1)),
to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(left,
rgba(12, 35, 64, 1) 0%,
rgba(12, 35, 64, 1) 60%,
rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right,
rgba(12, 35, 64, 1) 0%,
rgba(12, 35, 64, 1) 60%,
rgba(255, 255, 255, 0) 100%);
}
.features-carousel:after {
right: 0;
background: -webkit-gradient(linear,
right top, left top,
from(rgba(12, 35, 64, 1)),
color-stop(60%, rgba(12, 35, 64, 1)),
to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(right,
rgba(12, 35, 64, 1) 0%,
rgba(12, 35, 64, 1) 60%,
rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to left,
rgba(12, 35, 64, 1) 0%,
rgba(12, 35, 64, 1) 60%,
rgba(255, 255, 255, 0) 100%);
}
}
@media (max-width: 767px) {
.features-carousel {
overflow: hidden;
}
.features-carousel .elementor-image-carousel-wrapper {
overflow: visible;
max-width: 55%;
}
}  .touch2play {
border-radius: 5px;
overflow: hidden;
}
.touch2play_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.touch2play_overlay.hide {
opacity: 0;
pointer-events: none;
}
.touch2play_overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 20%);
z-index: -1;
}
.touch2play_overlay .title {
margin: 20px;
text-align: center;
}
.touch2play_button {
position: absolute;
bottom: 60px;
cursor: pointer;
z-index: 30;
color: #fff;
border: 0;
padding: 0;
}
.touch2play_overlay-closeBtn {
position: absolute;
top: 0;
z-index: 19;
right: 0;
border: 0;
outline: 0 !important;
}
.touch2play_overlay-closeBtn:hover,
.touch2play_overlay-closeBtn:focus,
.touch2play_overlay-closeBtn:active {
background: none;
}
.touch2play .swiper-slide .swiper-slide-bg:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 15%);
}
.touch2play .swiper-slide .swiper-slide-inner {
max-width: 500px;
margin-left: 10%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 50px 20px 50px 20px;
}
@media (max-width: 767px) {
.touch2play .swiper-slide .swiper-slide-inner {
max-width: 80%;
margin-left: auto;
padding: 50px 0;
}
.touch2play .elementor-swiper-button {
display: none;
}
}
.touch2play .swiper-slide .swiper-slide-inner .swiper-slide-contents {
text-align: left;
width: 100%;
max-width: 100%;
}
.touch2play .swiper-pagination {
bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3px;
width: 80%;
margin-inline: auto;
left: 0;
right: 0;
}
.touch2play .swiper-pagination .swiper-pagination-bullet {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 0;
background: rgb(255 255 255 / 50%);
opacity: 1;
position: relative;
height: 3px;
}
.touch2play .swiper-pagination .swiper-pagination-bullet:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
height: 100%;
background-color: #fff;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.touch2play .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
-webkit-animation: touch2play_progress 5.5s linear 0s forwards;
animation: touch2play_progress 5.5s linear 0s forwards;
}
.tap2start-icon:before,
.tap2start-icon:after {
content: '';
display: block;
position: absolute;
top: -60px;
left: calc(50% - 15px);
width: 30px;
height: 30px;
-webkit-box-shadow: 0 0 0 3px #fff;
box-shadow: 0 0 0 3px #fff;
border-radius: 60px;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.tap2start-icon:before {
-webkit-animation: tapAnimation__inner 2.5s ease-in-out infinite;
animation: tapAnimation__inner 2.5s ease-in-out infinite;
}
.tap2start-icon:after {
-webkit-box-shadow: 0 0 0 0.7px rgb(255 255 255 / 80%);
box-shadow: 0 0 0 0.7px rgb(255 255 255 / 80%);
-webkit-animation: tapAnimation__outer 2.5s ease-in-out infinite;
animation: tapAnimation__outer 2.5s ease-in-out infinite;
}
@-webkit-keyframes tapAnimation__inner {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
20% {
-webkit-transform: scale(1);
transform: scale(1);
}
28% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
59% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
63% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes tapAnimation__inner {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
20% {
-webkit-transform: scale(1);
transform: scale(1);
}
28% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
59% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
63% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes tapAnimation__outer {
0% {
-webkit-transform: scale(2.2);
transform: scale(2.2);
opacity: 0;
}
24% {
-webkit-transform: scale(1.6);
transform: scale(1.6);
opacity: 1;
}
26% {
-webkit-transform: scale(1.6);
transform: scale(1.6);
opacity: 1;
}
48% {
-webkit-transform: scale(2.2);
transform: scale(2.2);
opacity: 0;
}
100% {
-webkit-transform: scale(2.2);
transform: scale(2.2);
opacity: 0;
}
}
@keyframes tapAnimation__outer {
0% {
-webkit-transform: scale(2.2);
transform: scale(2.2);
opacity: 0;
}
24% {
-webkit-transform: scale(1.6);
transform: scale(1.6);
opacity: 1;
}
26% {
-webkit-transform: scale(1.6);
transform: scale(1.6);
opacity: 1;
}
48% {
-webkit-transform: scale(2.2);
transform: scale(2.2);
opacity: 0;
}
100% {
-webkit-transform: scale(2.2);
transform: scale(2.2);
opacity: 0;
}
}
@-webkit-keyframes touch2play_progress {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes touch2play_progress {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}  .custom-hotspot {
--hotspot-size: 22px;
}
.custom-hotspot .elementor-widget-container {
width: 100%;
}
.custom-hotspot .elementor-widget-container img {
width: 100%;
}
.custom-hotspot .e-hotspot__outer-circle {
background: transparent;
padding: 0;
border: 2px solid #fff;
}
.custom-hotspot .e-hotspot__inner-circle {
background: rgb(255 255 255 / 40%);
}
.custom-hotspot .e-hotspot__direction-mask {
bottom: 0 !important;
left: calc(100% + 25px) !important;
}
.custom-hotspot .e-hotspot__tooltip {
background: #fff;
color: #000;
font-size: 14px;
font-weight: 900;
line-height: calc(20 / 14);
padding: 20px;
border-radius: 5px;
max-width: 100%;
white-space: normal;
width: 300px;
margin-left: 5px;
}
.custom-hotspot .e-hotspot:not(.e-hotspot--active) .e-hotspot__tooltip {
-webkit-transform: translate(calc(-100% - 6px));
-ms-transform: translate(calc(-100% - 6px));
transform: translate(calc(-100% - 6px));
}
.custom-hotspot .e-hotspot__tooltip:before {
content: '';
position: absolute;
width: 9px;
height: 9px;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 10px;
left: -3px;
}   .sc-product_key_features {
padding-block: 60px;
}
.sc-product_key_features .inner {
max-width: var(--container);
margin-inline: auto;
}
.sc-product_key_features .listing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sc-product_key_features .inner>h2,
.sc-product_key_features .inner>h3 {
text-align: center;
margin: 0 0 50px;
}
.sc-product_key_features .item {
max-width: 100%;
text-align: center;
padding: 15px;
}
@media (min-width: 768px) {
.sc-product_key_features .item {
max-width: calc(50% - 15px);
text-align: left;
}
}
@media (min-width: 1024px) {
.sc-product_key_features .inner {
gap: 48px;
}
.sc-product_key_features .item {
max-width: 25%;
}
}
.sc-product_key_features .item .image {
display: block;
width: auto;
height: 223px;
margin-inline: auto;
}
.sc-product_key_features .item .title {
color: #000000;
margin-block: 20px;
font-size: 24px;
}
.sc-product_key_features .item .description {
color: #757678;
font-size: 14px;
line-height: 1.428;
} .sc-product_specifications .inner>h3 {
font-size: 22px;
text-transform: uppercase;
letter-spacing: 4.4px;
text-align: center;
margin: 0 0 50px;
}
.sc-product_specifications .elementor-accordion-item {
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.sc-product_specifications .elementor-tab-title {
color: #1a1d1f;
font-size: 18px;
padding: 18px 13px;
display: flex;
align-items: center;
justify-content: space-between;
}
.sc-product_specifications .elementor-tab-title .elementor-toggle-icon {
order: 2;
display: inline-block;
width: 20px;
height: 20px;
flex-shrink: 0;
}
.sc-product_specifications .elementor-tab-title .elementor-toggle-icon svg {
display: block;
width: 20px;
height: 20px;
} .sc-product_specifications .elementor-tab-title .elementor-toggle-icon-closed {
display: block;
}
.sc-product_specifications .elementor-tab-title .elementor-toggle-icon-opened {
display: none;
} .sc-product_specifications .elementor-tab-title.elementor-active .elementor-toggle-icon-closed,
.sc-product_specifications .elementor-tab-title[aria-expanded=true] .elementor-toggle-icon-closed {
display: none;
}
.sc-product_specifications .elementor-tab-title.elementor-active .elementor-toggle-icon-opened,
.sc-product_specifications .elementor-tab-title[aria-expanded=true] .elementor-toggle-icon-opened {
display: block;
}
.sc-product_specifications .elementor-tab-title .elementor-accordion-title {
color: currentColor !important;
}
.sc-product_specifications .elementor-tab-content {
border: 0;
padding: 0 40px 20px 40px;
font-size: 14px;
font-weight: 500;
}
.sc-product_specifications .data-table+.additional-info {
margin-top: 20px;
}
.sc-product_specifications .data-table .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
padding: 14px 0;
}
.sc-product_specifications .data-table .item:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
}
.sc-product_specifications .data-table .item .title {
min-width: 25%;
}
.sc-product_specifications .data-table .item .value {
text-align: right;
} .product-featured-content {
margin-block: 50px;
}
.product-featured-content .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-featured-content .content,
.product-featured-content .image {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.product-featured-content .content { color: #1a1d1f;
}
.product-featured-content .content ul:not([class]) li:not(:last-child) {
margin-bottom: 10px;
}
.product-featured-content .content h6 {
color: #757678;
font-size: 12px;
font-weight: 900;
letter-spacing: 0.12px;
margin-block: 40px 20px;
}
.product-featured-content .content h6:first-child {
margin-top: 0;
}
.product-featured-content .image {
text-align: right;
} .product-featured-content .video-wrapper {
position: relative;
width: 100%;
padding-top: 66.66%;
}
.product-featured-content .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.elementor-widget-shortcode ul.variation-products {
list-style-type: none;
margin: 0 0 10px 0;
padding: 0;
overflow: hidden;
}
.elementor-widget-shortcode ul.variation-products li {
display: inline-block;
float: left;
margin-right: 20px;
margin-bottom: 10px;
border-bottom: 3px solid transparent;
padding-bottom: 3px;
}
.elementor-widget-shortcode ul.variation-products li.active,
.elementor-widget-shortcode ul.variation-products li:hover {
border-bottom-color: #000;
}
.elementor-widget-shortcode ul.variation-products li a,
.elementor-widget-shortcode ul.variation-products li img {
display: block;
line-height: 1;
}
.elementor-widget-shortcode ul.variation-products li img {
width: 50px;
height: 50px;
object-fit: contain;
}
.product-featured-content.sub-featured:last-child {
margin-bottom: 0;
}
.product-featured-content.sub-featured h2 {
margin-bottom: 30px;
}
.product-featured-content.sub-featured h2:after {
content: '';
display: block;
width: 32px;
height: 4px;
background: #266bbf;
border-radius: 10px;
margin-top: 20px;
}
@media (min-width: 1024px) {
.product-featured-content.reverse .image {
order: -1;
}
.product-featured-content.sub-featured {
margin-block: 90px;
}
.product-featured-content.sub-featured .inner {
gap: 0;
}
.product-featured-content.sub-featured .inner>div {
width: 50%;
flex: 0 0 50%;
max-width: 50%;
}
.product-featured-content.sub-featured .content {
padding: 30px 7.5%;
}
}
@media (max-width: 1023px) {
.product-featured-content .inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-featured-content .content,
.product-featured-content .image {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.product-featured-content .inner.full-content .image {
text-align: center;
padding-top: 10px;
}
.product-featured-content .content {
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.product-featured-content {
max-width: 52.86%;
margin: 0 auto;
}
}
@media (min-width: 1280px) {
.product-featured-content .inner {
gap: 30px;
}
.product-featured-content .inner.full-content .content {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.product-featured-content .inner.full-content .image {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}
}   .mega-menu.max-mega-menu>.mega-menu-item>a.mega-menu-link:after {
content: '';
width: 100%;
height: 2px;
display: block !important;
background: var(--e-global-color-secondary);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.mega-menu.max-mega-menu>.mega-menu-item.mega-toggle-on>a.mega-menu-link:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mega-menu.max-mega-menu>.mega-menu-item>.mega-sub-menu {
top: calc(100% + 10px) !important;
}
.main-mega-nav {
max-width: calc(1400px + 40px) !important;
float: none !important;
margin-inline: auto !important;
}
.main-mega-nav .mega-block-title {
font-weight: 500 !important;
}
.main-mega-nav .textwidget a,
.main-mega-nav .menu-item a {
color: currentColor;
display: inline-block;
}
.main-mega-nav .textwidget a:after,
.main-mega-nav .menu-item a:after {
content: '';
display: block;
width: 100%;
height: 2px;
background: var(--e-global-color-secondary);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.main-mega-nav .textwidget a:hover:after,
.main-mega-nav .menu-item a:hover:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
@media (min-width: 1025px) {
.main-mega-nav_col:first-child {
border-right: 3px solid #e5e5e5 !important;
}
}
.main-mega-nav_col.featured-col>.mega-sub-menu {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.main-mega-nav_col.featured-col .widget_text .textwidget {
text-align: center;
}
.main-mega-nav_col .textwidget a {
font-weight: 700;
position: relative;
padding-right: 20px;
}
.main-mega-nav_col .textwidget a:before {
content: url(https://id.delonghi.com/wp-content/uploads/2022/06/icon-angle-right.png);
position: absolute;
right: 0;
top: 3px;
}
.main-mega-nav_col>ul>li:not(:last-child) {
margin-bottom: 25px !important;
}
.main-mega-nav_col .mega-block-title:last-child {
margin-bottom: 0 !important;
}
@media (max-width: 1024px) {
.main-mega-nav_col>ul.mega-sub-menu>li.mega-menu-item {
padding: 20px 0 !important;
}
.main-mega-nav .mega-block-title {
font-size: 18px !important;
margin: 0px 0px 10px 0px !important;
}
.main-mega-nav_col.featured-col>.mega-sub-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
} .mega-menu-item .widget_nav_menu ul.menu {
padding: 0;
list-style: none;
font-size: 18px;
}
.mega-menu-item .widget_nav_menu li.menu-item:not(:last-child) {
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.mega-menu-item .widget_nav_menu ul.menu {
font-size: 14px;
}
.mega-menu-item .widget_nav_menu li.menu-item:not(:last-child) {
margin-bottom: 15px;
}
}
.mega-menu-item .widget_nav_menu li.menu-item.title-like {
font-size: 20px;
font-weight: 500;
color: #131518;
}
@media (max-width: 1024px) {
.mega-menu-item .widget_nav_menu li.menu-item.title-like {
font-size: 18px;
}
}
#wpsl-search-wrap form {
width: 100%;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#wpsl-search-btn,
#wpsl-search-wrap input {
height: 42px;
}
#wpsl-search-wrap #wpsl-search-input,
#wpsl-search-wrap #wpsl-category .wpsl-dropdown {
width: 250px;
}
#wpsl-search-wrap #wpsl-search-btn {
background: #0c2340;
color: #fff; font-family: "Open Sans", Sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
border-radius: 3px;
border: 1px solid;
width: 170px;
}
#wpsl-search-wrap .wpsl-input label,
#wpsl-search-wrap .wpsl-select-wrap label,
#wpsl-search-wrap #wpsl-category label {
display: none;
}
#wpsl-stores a {
color: inherit;
}
#wpsl-stores .wpsl-store-thumb {
width: 80px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
#mega-menu-menu-1 .mega-menu-row.main-mega-nav .close-btn {
background-image: url(https://delonghi.co.th/wp-content/themes/delonghi/assets/images/icons_cross.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
right: 50px;
bottom: 100%;
position: absolute;
display: block !important;
text-align: right;
cursor: pointer;
z-index: 10;
width: 24px;
height: 24px;
line-height: 1;
border: 0;
color: transparent;
padding: 0;
outline: none;
}
#mega-menu-menu-1 .mega-menu-row.main-mega-nav .close-btn:hover,
#mega-menu-menu-1 .mega-menu-row.main-mega-nav .close-btn:focus {
background-color: transparent;
}
@media (max-width: 1024px) {
.mega-menu.max-mega-menu>.mega-menu-item>a.mega-menu-link:after,
#mega-menu-menu-1 .mega-menu-row.main-mega-nav .close-btn {
display: none !important;
}
#mega-menu-menu-1.mega-menu { }
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
padding: 20px !important;
height: auto;
font-size: 20px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
position: relative;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item:not(:first-child)>a.mega-menu-link {
border-top-width: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item:last-child>a.mega-menu-link {
border-bottom-width: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
border-color: #e4e4e4 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
display: block !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
content: url(https://delonghi.co.th/wp-content/themes/delonghi/assets/images/select-up.png) !important;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link {
text-align: center;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator {
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0); content: url(https://delonghi.co.th/wp-content/themes/delonghi/assets/images/icon_arrow-left.png) !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 img {
max-width: 100%;
max-height: 160px;
width: auto;
}
#mega-menu-menu-1>li>ul.mega-sub-menu {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
padding-inline: 20px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.main-mega-readmore {
margin-top: -10px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.main-mega-readmore li.mega-menu-item {
padding: 14px 10px !important;
border-bottom: 1px solid #e4e4e4; text-align: right;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.main-mega-readmore .textwidget p {
margin: 0;
color: #757678;
font-size: 18px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.main-mega-readmore .textwidget p a {
color: currentColor;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.main-mega-readmore .textwidget p a:after {
content: url(https://delonghi.co.th/wp-content/themes/delonghi/assets/images/icon_small-arrow-right.png);
margin-left: 5px;
}
} .breadcrumbs {
color: #757678;
font-size: 16px;
line-height: 1.5;
}
.breadcrumbs span[property='itemListElement'] a {
color: currentColor;
}
.breadcrumbs span[property='itemListElement'] a:hover,
.breadcrumbs span[property='itemListElement'] a:focus {
color: var(--e-global-color-accent);
}
.breadcrumbs span[property='itemListElement']>span {
color: #484a4c;
}
div#consent_blackbar {
width: 100% !important;
background-color: rgba(0, 0, 0, 0.5) !important;
position: fixed;
top: 0;
display: block;
height: 100%;
z-index: 999999;
}
div#consent_blackbar:empty {
display: none;
}
#truste-consent-track {
top: 50%;
transform: translateY(-50%);
position: absolute;
width: 100%;
}
div#teconsent[style]+div#consent_blackbar,
div#teconsent[style] {
display: none !important;
}
.py-map-wapper .inner {
display: flex;
flex-wrap: wrap;
}
.py-map-wapper .py-map {
width: 50%;
}
.py-map-wapper .py-map-info {
width: 50%;
padding-left: 20px;
}
.py-map-wapper ul.locations {
margin: 0;
padding: 0;
list-style-type: none;
}
@media(max-width: 767px) {
.py-map-wapper .py-map,
.py-map-wapper .py-map-info {
width: 100%;
}
.py-map-wapper .py-map-info {
padding-left: 0;
margin-top: 20px;
}
} #py-media-swiper {
overflow: hidden;
}
#py-media-swiper .swiper-button svg {
display: none;
}
#py-media-swiper .swiper-button-next,
#py-media-swiper .swiper-button-prev {
background: none !important;
}
#py-media-swiper .swiper-button-next:before,
#py-media-swiper .swiper-button-prev:before {
display: block;
content: '';
width: 32px;
height: 32px;
filter: invert(1);
background-image: url(https://delonghi.co.th/wp-content/themes/delonghi/assets/images/arrow-icon-left.png);
}
#py-media-swiper .swiper-button-next:before {
background-image: url(https://delonghi.co.th/wp-content/themes/delonghi/assets/images/arrow-icon-right.png);
}
#py-media-slider .py-media-slider-container {
padding-left: 100px;
position: relative;
}
#py-media-slider .swiper >.swiper-wrapper {
overflow: visible!important;
}
#py-media-slider ul.thumb-list {
padding: 0;
margin: 0;
width: 74px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: auto;
max-height: 100%;
list-style-type: none;
overflow-y: scroll;
display: flex;
flex-direction: column;
justify-content: start;
}
#py-media-slider ul.thumb-list::-webkit-scrollbar {
display: none;
}
#py-media-slider ul.thumb-list li.thumb-item {
position: relative;
box-sizing: border-box;
border: 1px solid #E5E5E5;
width: 74px;
height: 74px;
}
#py-media-slider ul.thumb-list li.thumb-item.video::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//delonghi.co.th/wp-content/themes/delonghi/assets/images/play-button.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
}
#py-media-slider ul.thumb-list li.thumb-item:not(:last-child) {
margin-bottom: 16px;
}
#py-media-slider ul.thumb-list li.thumb-item:hover,
#py-media-slider ul.thumb-list li.thumb-item.thumb-active {
border-width: 2px;
border-color: #484A4C
}
#py-media-slider ul.thumb-list img {
width: 100%;
height: 100%;
object-fit: contain;
}
#py-media-slider .swiper-button-prev,
#py-media-slider .swiper-button-next {
width: 32px!important;
height: 32px!important;
}
#py-media-slider .elementor-swiper-button.swiper-button-next:before,
#py-media-slider .elementor-swiper-button.swiper-button-prev:before {
filter: invert(1);
}
#py-media-slider .swiper-button-next:after,
#py-media-slider .swiper-button-prev:after {
display: none;
}
#py-media-slider .swiper-button-prev {
left: 40px;
}
#py-media-slider .swiper-button-next {
right: 40px;
}
#py-media-slider .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
height: auto;
}
#py-media-slider .media-wrap {
text-align: center;
}
#py-media-swiper img {
width: 600px;
max-width: 100%;
height: 600px;
object-fit: contain;
}
#py-media-swiper .media-wrap.video {
position: relative;
width: 600px;
max-width: 100%;
margin: auto;
overflow: hidden;
}
#py-media-swiper .media-wrap.video::before {
content: "";
display: block;
padding-top: 56.25%;
}
#py-media-swiper .media-wrap.video video,
#py-media-swiper .media-wrap.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
@media(min-width: 768px) and (max-width: 1023px) {
#py-media-swiper img,
#py-media-swiper video {
height: 400px;
}
}
@media(max-width: 1023px) {
#py-media-slider .py-media-slider-container {
padding-left: 0;
padding-bottom: 60px;
}
#py-media-slider ul.thumb-list {
width: auto;
max-width: 100%;
height: auto;
top: auto;
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
overflow-x: scroll;
overflow-y: hidden;
flex-direction: row;
}
#py-media-slider ul.thumb-list li.thumb-item {
width: 54px;
height: 54px;
}
#py-media-slider ul.thumb-list li.thumb-item:not(:last-child) {
margin-bottom: 0;
margin-right: 15px;
}
#py-media-slider .swiper-button-prev {
left: 40px;
}
}
@media (max-width: 767px) {
#py-media-slider .swiper-button-prev {
left: 10px;
}
#py-media-slider .swiper-button-next {
right: 10px;
}
#py-media-slider ul.thumb-list li.thumb-item {
width: 48px;
height: 48px;
}
#py-media-swiper img,
#py-media-swiper video {
width: 250px;
height: 250px;
object-fit: contain;
}
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover {
font-weight: 700;
} .gform_wrapper .gform_heading .gform_required_legend {
display: none;
}
.gform_wrapper.gravity-theme .gform_fields>.gfield {
margin-bottom: 32px;
}
.gform_wrapper .hidden_label .gfield_label {
display: none;
}
.gform_wrapper.gravity-theme .ginput_container input:not([type="submit"], [type="file"], [type="checkbox"]),
.gform_wrapper.gravity-theme .ginput_container select,
.gform_wrapper.gravity-theme .ginput_container textarea {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: var(--e-global-color-text);
border: 1px solid #818a91;
padding: 5px 14px;
min-height: 40px;
height: 40px;
}
.gform_wrapper.gravity-theme .gfield_html {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #757678 !important;
margin-top: -24px;
}
.gform_wrapper.gravity-theme .ginput_container textarea {
height: 100px;
}
.gform_wrapper.gravity-theme .ginput_container input::placeholder,
.gform_wrapper.gravity-theme .ginput_container select::placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea::placeholder {
color: inherit;
opacity: 0.6;
}
.gform_wrapper.gravity-theme .gfield--type-consent {
display: block;
padding: 0 !important;
border: 0 !important;
}
.gform_wrapper.gravity-theme .gfield--type-consent .ginput_container {
display: flex;
gap: 10px;
}
.gform_wrapper.gravity-theme input:where([type="checkbox"], [type="radio"]) {
width: 24px;
height: 24px;
}
.gform_wrapper .gform-field-label--type-inline {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: var(--e-global-color-text);
}
.gform_wrapper .gform_footer {
text-align: right;
}
.gform_wrapper input[type="submit"] {
display: inline-block;
line-height: 1;
font-size: 15px;
padding: 12px 24px;
border-radius: 3px;
border: 0;
background-color: #E5E5E5;
color: #ffffff;
fill: #fff;
text-align: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
width: 286px;
height: 54px;
}
.gform_wrapper input[type="submit"]:hover {
background-color: var(--e-global-color-primary);
color: #ffffff;
}
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gfield_validation_message {
display: none !important;
}
.gform_wrapper .gfield.gfield_error input,
.gform_wrapper .gfield.gfield_error select,
.gform_wrapper .gfield.gfield_error textarea {
border-color: #c02b0a !important;
}
.gform_wrapper .gfield--type-consent.gfield_error .gform-field-label--type-inline {
color: #c02b0a !important;
}
@media(max-width: 767px) {
.gform_wrapper .gform_footer {
text-align: center;
}
} .fluentform_wrapper_3 .ff-el-form-control,
.fluentform_wrapper_3 select,
.fluentform_wrapper_3 textarea {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #131518;
border: 1px solid #818a91;
padding: 5px 14px;
min-height: 40px;
}
.fluentform_wrapper_3 textarea.ff-el-form-control {
height: 100px;
min-height: 100px;
}
.fluentform_wrapper_3 .ff-el-input--label {
display: none;
}
.fluentform.fluentform_wrapper_3 .ff-el-tc {
display: block;
width: 100%;
}
.fluentform.fluentform_wrapper_3 .ff-el-tc label.ff_tc_label {
display: flex !important;
align-items: flex-start;
gap: 8px;
}
.fluentform.fluentform_wrapper_3 .ff-el-tc label.ff_tc_label > span {
display: block !important;
width: auto !important;
flex-shrink: 0;
padding-top: 2px !important;
}
.fluentform.fluentform_wrapper_3 .ff-el-tc label.ff_tc_label > div.ff_t_c {
display: block !important;
flex: 1;
margin: 0 !important;
padding: 0 !important;
}
.fluentform.fluentform_wrapper_3 .ff-el-form-check-input {
width: 24px;
height: 24px;
margin: 0 !important;
}
.fluentform_wrapper_3 .ff-custom_html {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #757678;
margin-top: -8px;
}
.fluentform_wrapper_3 .ff-btn-wrapper,
.fluentform_wrapper_3 .ff_submit_btn_wrapper {
text-align: right;
}
.fluentform_wrapper_3 .ff-btn-submit {
display: inline-block;
line-height: 1;
font-size: 18px;
font-weight: 500;
padding: 12px 24px;
border-radius: 3px;
border: 0;
background-color: var(--e-global-color-primary, #0C2340) !important;
color: #ffffff !important;
text-align: center;
transition: all .3s;
width: 286px;
height: 54px;
}
.fluentform_wrapper_3 .ff-btn-submit:hover {
background-color: var(--e-global-color-primary, #0C2340) !important;
color: #ffffff !important;
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(12, 35, 64, 0.32);
}
.fluentform_wrapper_3 .ff-t-container,
.fluentform_wrapper_3 .ff-el-group {
margin-bottom: 32px;
}
.fluentform_wrapper_3 .ff-form-errors,
.fluentform_wrapper_3 .error.text-danger {
display: none !important;
}
.fluentform_wrapper_3 .ff-el-is-error .ff-el-form-control,
.fluentform_wrapper_3 .ff-el-is-error select {
border-color: #c02b0a !important;
}
@media (max-width: 767px) {
.fluentform_wrapper_3 .ff-btn-wrapper,
.fluentform_wrapper_3 .ff_submit_btn_wrapper {
text-align: center;
}
.fluentform_wrapper_3 .ff-btn-submit {
width: 100%;
}
}