PageSourceSearch

https://www.hyacellthailand.com/en/

html hyacellthailand.com collected 2026-10-08 21:05:51 UTC 353,220 bytes, 7,708 lines download raw bytes

1<!doctype html>
2<html lang="en-US">
3    <head>
4        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6        <meta name="description" content="เซรั่ม hyaluron สารบริสุทธิ์เข้มข้น รับประกันประสิทธิภาพสูง พัฒนาโดยแพทย์ผู้มีประสบการณ์ด้านเวชศาสตร์ความงามและการชะลอวัย จากประเทศสวิสเซอร์แลนด์" />
7        <meta name="Keywords" content="HYACELL,Hyaluron,ไฮยาลูรอน,เซรั่ม,เครื่องสำอาง,สกินแคร์,สวิส,เครื่องสำอางเกรดสูง,เครื่องสำอางเกรดพรีเมี่ยม,เซรั่ม hyaluron ,acne	,AOX,EGF" />
8        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
9                <meta name="apple-mobile-web-app-capable" content="yes">
10        <!-- facebook -->
11        <meta property="fb:app_id" content="160631041153580" />
12                        <meta property="og:type" content="website" />
13       
14        <meta property="og:title" content="HYACELL  เซรั่ม hyaluron จากประเทศสวิตเซอร์แลนด์ " />
15        <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/hpDgCU77I/DefaultData/logo.png" />
16        <meta property="og:description" content="เซรั่ม hyaluron สารบริสุทธิ์เข้มข้น รับประกันประสิทธิภาพสูง พัฒนาโดยแพทย์ผู้มีประสบการณ์ด้านเวชศาสตร์ความงามและการชะลอวัย จากประเทศสวิสเซอร์แลนด์" />
17        <meta property="og:url" content="https://www.hyacellthai.com/en/" />
18        <meta property="og:site_name" content="hyacellthai.com" />
19        <!-- twitter -->
20        <meta name="twitter:card" content="summary_large_image">
21        <meta name="twitter:site" content="hyacellthai.com">
22        <meta name="twitter:title" content="HYACELL  เซรั่ม hyaluron จากประเทศสวิตเซอร์แลนด์ ">
23        <meta name="twitter:description" content="เซรั่ม hyaluron สารบริสุทธิ์เข้มข้น รับประกันประสิทธิภาพสูง พัฒนาโดยแพทย์ผู้มีประสบการณ์ด้านเวชศาสตร์ความงามและการชะลอวัย จากประเทศสวิสเซอร์แลนด์">
24        <meta name="twitter:image" content="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData/logo.png">
25        <meta name="twitter:domain" content="https://www.hyacellthai.com/en/">
26        <!-- google -->
27                <meta name="generator" content="MakeWebEasy" />
28        <!-- Phone number-->
29        <meta name="format-detection" content="telephone=no">
30                                                <link rel="alternate" href="https://www.hyacellthai.com/" hreflang="x-default" />
31                                                            <link rel="alternate" href="https://www.hyacellthai.com/en/" hreflang="en-us" />
32                    
33        <link rel="canonical" href="https://www.hyacellthai.com/en/" />
34        
35                <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/attach_file/favicon/favicon_20210913120956-0.ico?v=202604291000" />
36        <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/attach_file/favicon/favicon_20210913120956-0.ico?v=202604291000" type="image/x-icon" />
37        <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/attach_file/favicon/favicon_20210913120956-0.ico?v=202604291000" type="image/x-icon" />
38
39        <!-- CSS Main -->
40                <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Nunito|Lora|Dancing+Script|Satisfy|Fjalla+One|Oswald|Montserrat|Supermarket|Sanchez|Roboto|Quicksand|Pacifico|Raleway|Kanit|Prompt|Trirong|Taviraj|Itim|Chonburi|Mitr|Athiti|Pridi|Maitree|Pattaya|Sriracha|Sarabun|Chakra+Petch|Mali|Bai+Jamjuree|Krub|K2D|Niramit|Charm|Srisakdi|Thasadith|Kodchasan|KoHo|Charmonman|Poppins|Fahkwang|Noto+Sans+Thai|IBM+Plex+Sans+Thai|Noto+Serif+Thai|Noto+Sans+Thai+Looped|IBM+Plex+Sans+Thai+Looped&subset=thai,latin" />
41        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.
41com/makeweb/prod/css/font.min.css?v=202101271138" />
42        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" />
43        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202508081425" />
44        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe2.css?v=202508081425" />
45                <!-- CSS Page -->
46        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.carousel.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.theme.default.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/circular-loading.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/hamburgers.min.css?v=0" />        <!-- CSS Main -->
47                <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" />
48        <!-- byAir -->
49        <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.min.css?v=202306151430" /> -->
50        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.css?v=20261008210550" />
51        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system2.css?v=202306151430" />
52        <link rel="stylesheet" type="text/css" href="/customer-css/style_hpDgCU77I.min.css?v=1749028493" />
53        
54        <title>HYACELL  เซรั่ม hyaluron จากประเทศสวิตเซอร์แลนด์ </title>
55
56        <!-- JS Main -->
57                
57<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202604291000" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
57
58        
58<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
58
59        
59<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202604291000"></script>
59
60                
60<script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script>
60
61        <!-- JS Page -->
62                <!-- Script Embed -->
63        <!-- Meta Pixel Code -->
64<script>
vendor: 408 bytes, lines 64-73
64
65!function(f,b,e,v,n,t,s)
66{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
67n.callMethod.apply(n,arguments):n.queue.push(arguments)};
68if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
69n.queue=[];t=b.createElement(e);t.async=!0;
70t.src=v;s=b.getElementsByTagName(e)[0];
71s.parentNode.insertBefore(t,s)}(window, document,'script',
72'https://connect.facebook.net/en_US/fbevents.js');
73fbq('init', '
731219796145467289
vendor: 32 bytes, lines 73-74
73');
74fbq('track', 'PageView');
75</script>
75
76<noscript><img height="1" width="1" style="display:none"
77src="https://www.facebook.com/tr?id=1219796145467289&ev=PageView&noscript=1"
78/></noscript>
79<!-- End Meta Pixel Code -->
80        <style>
81            #divMWEAds .mweColor{
82                color: #28bee3;
83            }
84
85            /* #divMWEAds .webFreeColor{
86                color: #ffffff;
87                background-color: #28bee3;
88            }           */
89
90            .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;}
91            .webFreeColor:hover,
92            .webFreeColor.active {
93                background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF;
94}
95        </style>
96    </head>
97    <body>
98        <!-- Script Embed -->
99        
100        <!-- 
100<script>
101                    </script>
101 -->
102        <style type="text/css">
103                        .pagination>li>a, .pagination>li>span {
104                font-size: 14px;
105                color: inherit;
106            }
107            .dropdown.areacontext.open{
108                z-index: 1001 !important;
109            }
110            .table-responsive table {
111                margin-bottom: 20px;
112                white-space: nowrap;
113            }
114            @media only screen and (min-width: 1200px) {
115                .table-responsive table {
116                    white-space: normal;
117                }
118            }
119            @media only screen and (min-width: 1200px) {
120                .section-container > .slimScrollDiv {
121                    display: none;
122                }
123            }
124            a[data-mce-href] {
125                font-size: inherit;
126                font-family: inherit;
127                /*color: inherit;*/
128            }
129            /* areacontext menu */
130            .areacontext {
131                border: 1px solid rgb(9,10,12);
132            }
133            .areacontext .btn-primary {
134                background: #373e44!important;
135                color: #FFF!important;
136                border-color: #23292f!important;
137                padding: 1px 5px;
138                display: block;
139            }
140            .areacontext > div {
141                font-family: Open Sans !important;
142                font-size: 12px !important;
143            }
144            .areacontext ul.dropdown-menu {
145                border-radius: 0px !important;
146                background: #373E44 !important;
147                margin-top: 0px !important;
148                border: 1px solid rgb(9,10,12);
149                padding: 0px !important;
150                min-width: 100px !important;
151                transform: translate3d(-1px, 20px, 0px) !important;
152            }
153            .areacontext ul.dropdown-menu > li > a {
154                font-family: "Helvetica Neue",Helvetica,Tahoma !important;
155                font-size: 12px !important;
156                color: rgb(145, 159, 174) !important;
157                padding: 3px 5px !important;
158                display: block;
159            }
160            .areacontext ul.dropdown-menu > li > a:hover {
161                background: #262D33 !important;
162                color: #FFF !important;
163                text-decoration: none;
164            }
165            /* addition */
166            /* facebook like box */
167            .fb-like.fb_iframe_widget > span > iframe{
168                max-width:none!important
169            }
170            /* img in table */
171            table img {
172                max-width:initial!important;
173            }
174            /* iframe */
175            iframe {
176                max-width:100%;
177            }
178            /* pagination */
179            .pagination>li>a,.pagination>li>span{
180                font-size:14px;color:inherit
181            }
182            /* table */
183            .table-responsive table {
184                margin-bottom:20px;
185                white-space:nowrap;
186            }
187            @media only screen and (min-width: 1200px){
188                .table-responsive table{
189                    white-space:normal
190                }
191            }
192            /* img width and rendering */
193            div#section-content img:not(.fill),
194            div#section-footer img:not(.fill) {
195                overflow:hidden;
196                opacity:0;
197                -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
198                transition:opacity .3s ease-in-out,transform .3s ease-in-out;
199                max-width:100%;
200            }
201            @media (max-width: 768px) {
202                body {
203                    max-width: 100vw;
204                }
205            }
206            /* force show img */
207            .map_outter img {
208                opacity: 1 !important;
209            }
210            /* link in tinymce */
211            a[data-mce-href] {
212                font-size: inherit;
213                font-family: inherit;
214            }
215            /* top layout */
216            nav > #top-area > .container-fluid {
217                padding-left: 8px;
218                padding-right: 8px;
219            }
220            nav > #top-area > .row {
221                margin: 0;
222            }
223            nav > #top-area > .row > .col {
224                padding: 0;
225            }
226            .navbar-link {
227                display: inline-block;
228                padding: 8px;
229                border: none;
230                margin: 8px 0px;
231                vertical-align: middle;
232                line-height: 1;
233            }
234            /*.navbar-fa {
235                width: 24px !important;
236                height: 24px !important;
237            }*/
238            .navbar-toggler-icon {
239                margin: 0;
240                padding: 0;
241            }
242            .dropdown > .dropdown-toggle > svg {
243                transition: all 300ms ease;
244                -webkit-transition: all 300ms ease;
245                -o-transition: all 300ms ease;
246                -ms-transition: all 300ms ease;
247            }
248            .dropdown.show > .dropdown-toggle > svg {
249                transform: rotate(180deg);
250                -webkit-transform: rotate(180deg);
251                -moz-transform: rotate(180deg);
252                -o-transform: rotate(180deg);
253            }
254            .dropdown-menu > li > .dropdown-toggle > svg {
255                transition: all 300ms ease;
256                -webkit-transition: all 300ms ease;
257                -o-transition: all 300ms ease;
258                -ms-transition: all 300ms ease;
259            }
260            .dropdown-menu > li.show > .dropdown-toggle > svg {
261                transform: rotate(90deg);
262                -webkit-transform: rotate(90deg);
263                -moz-transform: rotate(90deg);
264                -o-transform: rotate(90deg);
265            }
266            /* cart widget */
267            nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter {
268                display: none;
269            }
270            nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter {
271                -webkit-transform: scale(0.75) !important;
272                transform: scale(0.75) !important;
273                top: -75%;
274                right: auto;
275                left: 50%;
276                -webkit-transform-origin: top center;
277                transform-origin: top center;
278                display: inline-block;
279            }
280            /* list style */
281            ul {
282                margin-bottom: 0 !important;
283            }
284            li {
285                /* list-style: none;*/
286            }
287            /* hide caret */
288            .dropdown-toggle::after{
289                display:none!important;
290            }
291            /* social widget */
292            .social-widget {
293                display: inline-block;
294            }
295            .social-widget a {
296                font-size: 30px;
297                width: 30px;
298                height: 30px;
299                min-width: 30px;
300                min-height: 30px;
301            }
302            @media (min-width: 401px) {
303                .social-widget a {
304                    font-size: 36px;
305                    width: 36px;
306                    height: 36px;
307                    min-width: 36px;
308                    min-height: 36px;
309                }
310            }
311            .social-widget a svg.fa-twitter {
312                margin-right: -1px !important;
313            }
314            .social-widget a svg.fa-instagram {
315                margin-right: 2px !important;
316            }
317            .social-widget a svg.fa-google-plus-g {
318                margin-right: -6px !important;
319            }
320            .social-widget a svg.fa-youtube {
321                margin-right: -3px !important;
322            }
323            /* vertical align text widget */
324            .navbar-text {
325                line-height: 150%;
326                vertical-align: middle;
327                min-height: 50px;
328            }
329            @media (min-width: 401px) {
330                .navbar-text {
331                    min-height: 56px;
332                }
333            }
334        </style>
335
336                <!--// ! ------------arrow scroll to top -->
337                            <a href="javascript:void(0);" id="toTop" class="back-to-top   " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
338                <span class="fa-stack" style="font-size: 22px;">
339                    <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i>
340                    <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i>
341                </span>
342            </a>
343               
344        <!-- //! facebook messager -->
345                <div class="section-container">
346            <!-- BoxLoading -->
347            <div class="boxLoading" id="boxLoading">
348                <div class="loader">
349                    <svg class="circular" viewBox="25 25 50 50">
350                    <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle>
351                    </svg>
352                </div>
353            </div>
354
355            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div>
356<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div>
357<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div>
358
359<script type="text/javascript">
360
361    function showModalBS(isClose, path, size) {
362        if (size == 'small') {
363            var siz = 'sm';
364        } else if (size == 'medium') {
365            var siz = 'md';
366        } else if (size == 'large') {
367            var siz = 'lg';
368        } else if (size == 'full') {
369            var siz = 'full';
370        } else if (size == 'cartlogin') {
371            var siz = 'modalCartLogin';
372        } else if (size === 'addToCartGroupProduct') {
373            var siz = 'groupProduct modal-dialog-centered'
374        } else if (size === 'addToCart') {
375            var siz = 'addToCart modal-dialog-centered'
376        } else if (size === 'medium-center') {
377            var siz = 'md modal-dialog-centered'
378        } else {
379            var siz = 'md';
380        }
381
382        if (isClose == 1) {
383            var backdrop = true;
384        } else if (isClose == 0) {
385            var backdrop = 'static';
386        } else {
387            var backdrop = true;
388        }
389        jQuery('#modal_standard').html('<div class="modal-dialog modal-' + siz + '"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>');
390        jQuery('#modal_standard').modal({
391            backdrop: backdrop,
392            // remote: path,
393            show: true,
394            keyboard: true
395        });
396        jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
397        });
398    }
399
400    function showModalPopup(isClose, path) {
401        if (isClose == 1) {
402            var backdrop = true;
403        } else if (isClose == 0) {
404            var backdrop = 'static';
405        } else {
406            var backdrop = true;
407        }
408        jQuery('#modal_popup').html('<div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>');
409        jQuery('#modal_popup').modal({
410            backdrop: backdrop,
411            // remote: path,
412            show: true,
413            keyboard: true
414        });
415        jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
416        });
417    }
418
419    function showModalCouponBS(path) {
420        jQuery('#modal_coupon').html('<div class="modal-dialog modal-coupon modal-dialog-centered"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>');
421        jQuery('#modal_coupon').modal({
422            backdrop: true,
423            // remote: path,
424            show: true,
425            keyboard: true
426        });
427        jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
428        });
429    }
430
431</script>
431                        <div class="disabled-filter"></div>
432            <div class="section-body ">
433                <div id="section-header" class="sps sps--abv">
434                    
435<style type="text/css">
436    @media  only screen and (min-width: 1025px){
437        .headerMobile {
438            display: none !important;
439        }
440        .navbar-toggler {
441            display: none !important;
442        }
443        .navbar-expand-xl .navbar-collapse {
444            display: flex !important;
445            flex-basis: auto;
446        }
447        .navbar-expand-xl .navbar-nav {
448            flex-direction: row;
449        }
450        .navbar-expand-xl .navbar-nav .nav-link {
451            padding-right: 0.5rem;
452            padding-left: 0.5rem;
453        }
454        /* sticky */
455        .headerDesktop nav #top-sticky {
456            transition: transform 450ms;
457            -webkit-transition: transform 450ms;
458            -moz-transition: transform 450ms;
459            -o-transition: transform 450ms;
460        }
461        .sps--abv .headerDesktop nav #top-sticky {
462            position: relative;
463            transform: translate3d(0, 0, 0);
464            -webkit-transform: translate3d(0, 0, 0);
465            -moz-transform: translate3d(0, 0, 0);
466            -ms-transform: translate3d(0, 0, 0);
467        }
468        .sps--abv .headerDesktop nav #top-mb {
469            margin-bottom: 0;
470        }
471                .sps--abv .headerDesktop nav #top-sticky #cart{
472            display: none !important;
473        }
474                .sps--blw .headerDesktop nav #top-sticky {
475            position: fixed;
476            top: -56px;
477            left: 0;
478            right: 0;
479            z-index: 1000;
480            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
481            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
482            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
483            transform: translate3d(0, 56px, 0);
484            -webkit-transform: translate3d(0, 56px, 0);
485            -moz-transform: translate3d(0, 56px, 0);
486            -ms-transform: translate3d(0, 56px, 0);
487        }
488        .sps--blw .headerDesktop nav #top-mb {
489            padding-bottom: 56px;
490                    }
491        
492        .sps--blw .headerDesktop nav #top-sticky #cart{
493            display: inline-flex !important
494        }
495
496    }
497    @media (max-width: 1024px){
498        .headerDesktop {
499            display: none !important;
500        }
501        /* sticky */
502        .sps--abv .headerMobile nav #top-sticky {
503                            position: static;
504                    }
505        .sps--abv .headerMobile nav #top-mb {
506            margin-bottom: 0;
507        }
508        .sps--blw .headerMobile nav #top-sticky {
509            position: fixed;
510            top: 0;
511            left: 0;
512            right: 0;
513            z-index: 1000;
514            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
515            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
516            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
517        }
518        .sps--blw .headerMobile nav #top-mb {
519            margin-bottom: 56px;
520        }
521                    .icoMember ,#iconsMember{
522                display: none;
523            }
524                ul.navbar-topmenu.navbar-nav .arrowCollapse{
525            transition: transform .3s ease 0s;
526        }
527         ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{
528            transition: transform .3s ease 0s;
529        }
530    }
531    .sb {
532        visibility: visible;
533        /*position: absolute;
534        top: 0;
535        left: 0;
536        right: 0;
537        bottom: 0;
538
539        opacity: 1;
540        z-index: 999;
541        padding: 0 16px;
542        /*margin: 0 16px;*/
543    }
544    .sb > input {
545        /*width: calc(100% - 39px);
546        border-top: 0;
547        border-left: 0;
548        border-right: 0;
549        border-bottom: 2px solid #FFF;
550        background: #333 !important;
551        padding: 6px;
552        color: #FFF;
553        vertical-align: middle;*/
554    }
555    .sb > input::placeholder {
556        color: #333;
557    }
558    .sb > input:focus {
559        outline: none;
560    }
561    .aCloseSearchIcon {
562        height: 36px;
563        padding: 6px 12px;
564    }
565    #top-sticky > div {
566        position: relative;
567    }
568    div.headerMobile{
569        position: relative;
570        z-index: 56;
571    }
572        #divMWEAds {
573        bottom: unset;
574        width: 100vw !important;
575        background: #fff;
576        color: #000;
577    }
578    #divMWEAds:hover {
579        background: #fff;
580    }
581    #topZone {
582        padding-top: 0px;
583    }
584    .marginBot {
585        margin-bottom: 0px;
586    }
587
588    .headerMobile #divMWEAds {
589        font-family: 'DB Heavent' !important; 
590        font-size:21px;
591        z-index:999999;
592    }
593    .headerMobile #divMWEAds a {
594        font-size: 20px; 
595        font-family: 'DB Heavent' !important;
596        font-weight: bold;
597    }
598    @media only screen and (max-width: 400px) {
599        .headerMobile #divMWEAds {
600            font-size:16px;
601        }
602        #divMWEAds img {
603            max-height: 25px;
604            max-width: 25px;
605        }
606        .headerMobile #divMWEAds a {
607            font-size: 16px;
608        }
609    }
610</style>
611<div class="headerDesktop">
612            <style type="text/css">
613    @media (min-width: 1025px) {
614        .navbar-brand {
615            font-size: 24px !important;
616            border: none !important;
617            padding: 0;
618            margin: auto;
619        }
620        .navbar-text{
621            min-height: 24px;
622        }
623        .text-truncate{
624            width: 100%;
625        }
626        .text-truncate p{
627            margin-bottom: 0;
628            line-height: 24px;
629        }
630        #logotop{
631            margin: 5px 0;
632            min-height: 50px;
633        }
634        #menutop{
635            margin: 10px 10px 10px 0  !important;
636        }
637        .topwidget-menu{
638            margin: 0 !important;
639        }
640        .cart-nav{
641            margin-top: 0 !important;
642        }
643                    .sps--blw #top-sticky #logotop{
644                /* display: none !important; */
645            }
646            .sps--blw #top-sticky #logotop .img-logo {
647                width: auto;
648                max-height: 50px;
649            }
650                .sps--blw #top-sticky #logotop .img-logo {
651            width: auto;
652            max-height: 50px;
653        }
654        #top-sticky #cart2{
655            display: none !important;
656        }
657        .sps--blw #top-sticky #cart2{
658            display: inline-flex !important;
659        }
660    }
661</style>
662<nav id="topZone" class="navbar-expand-xl">
663            <div id="top-bar">
664            <div id="top-mb">
665                <div class="container-fluid">
666                    <div class="row align-items-center justify-content-between">
667                                                    <div class="col-12 col-sm col-lg-auto">
668                                <div id="member" class="hoverOverlay d-inline-flex align-middle my-1">
669                                        <ul class="navbar-nav member-nav">
670        <li class="nav-item">
671            <a class="nav-link" href="/en/member" id="txtLoginMember">
672                <i class='fas fa-sign-in-alt icoMember'></i> Login            </a>
673        </li>
674        <li class="nav-item" style="font-size: 15px;">
675            <span id="sprMember">
676                <span id="imgSprMemberLoged"></span>
677            </span>
678        </li>
679        <li class="nav-item">
680            <a class="nav-link" href="/en/member/register" id="txtRegisMember">
681                <i class="fas fa-user icoMember"></i> Register            </a>
682        </li>
683    </ul>
684                                    </div>
685                            </div>
686                        
687                                                    <div class="col-lg-auto">
688                                                                    <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1">
689                                        <div class="navbar-text text-truncate text-right py-1">
690                                            <strong><span style="color: rgb(51, 51, 51);" data-mce-style="color: #333333;">HYACELL ผลิตภัณฑ์จากห้องแล็บเภสัชกรรมด้านการต่อต้านริ้วรอย</span></strong>                                        </div>
691                                    </div>
692                                                                                                    <div id="cart" class="hoverOverlay d-inline-flex align-middle my-1">
693                                        <style type="text/css">
694    .cart-nav{
695        margin: 0;
696    }
697</style>
698
699
700
701<a class="navbar-link cart-nav" href="/en/cart">
702    <span class="fa-layers fa-fw navbar-fa2">
703        <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i>
704            <span class="widgetCartNumber d-none">0</span>
705    </span>
706</a>
707                                    </div>
708                                                                                                                                    <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1">
709                                        <div class="d-inline">
710<style>
711    .empty {
712        padding-top: 15px;
713        padding-right: 22px;
714        padding-bottom: 12px;
715        padding-left: 29px;
716    }
717    .wechatSocial{
718        cursor: pointer;
719    }
720    .pointer-none {
721        pointer-events: none;
722    }
723</style>
724<div class="social-widget">
725                        <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="https://www.instagram.com/skin_selected?igsh=cGJ1MmVneGJxM3hr" style="">
726            <i class="fas fa-circle colorInstagramBG pointer-none"></i>
727            <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i>
728        </a>
729                            <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/@skinselected " style="">
730            <i class="fas fa-circle colorLineBG pointer-none"></i>
731            <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i>
732        </a>
733    
734    
735    </div>
736<script type="text/javascript">
737
738    jQuery(".wechatSocial").click(function () {
739        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
740    });
741    
742</script>
742</div>
743                                    </div>
744                                                                                                                                    <div id="languagetab" class="hoverOverlay d-inline-flex align-middle my-1">
745                                        <style type="text/css">
746    .headerDesktop .topwidget-lang .dropdown-menu.dropdown-menu-right.show{
747        padding: 0;
748        border-radius: .25rem;
749        transform: translate3d(0px, 40px, 0px) !important;
750    }
751    .headerDesktop .topwidget-lang ul, .topwidget-lang li {
752        min-width: 1px;
753        border-radius: 0;
754    }
755    .headerMobile .topwidget-lang {
756    }
757    .headerMobile .topwidget-lang ul, .topwidget-lang li {
758        min-width: 1px;
759        width: 100%;
760        border-radius: 0;
761    }
762    .headerDesktop .topwidget-lang #chooseLanguage{
763        line-height: 24px;
764    }
765    .flag-icon{
766        box-shadow : 0px 0px 2px 0px rgb(0 0 0 / 25%);
767    }
768</style>
769<div class="topwidget-lang">
770    <ul class="navbar-nav">
771        <li class="nav-item dropdown">
772                                                <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)">
773                        <i class="flag-icon flag-icon-us"></i>
774                        EN <i class="fal fa-chevron-down" id="arrowLanguage"></i>
775                    </a>
776                                                                                    <ul class="dropdown-menu dropdown-menu-right dropdown-chooselang">
777                                                                                                                    <li>
778                                <a class="dropdown-item nav-link" href="/">
779                                    <i class="flag-icon flag-icon-th"></i>&nbsp;&nbsp;TH                                    <input type="hidden" class="languageCodeSetting" value="4405"/>
780                                </a>
781                            </li>
782                                                            </ul>
783                    </li>
784    </ul>
785</div>                                    </div>
786                                                            </div>
787                                            </div>
788                </div>
789            </div>
790        </div>
791    
792            <div id="top-area">
793            <div id="top-sticky">
794                <div class="container-fluid">
795                                        <div class="row no-gutters ">
796                                                    <div class="col col-lg d-lg-inline-flex">
797                                <div id="logotop" class="hoverOverlay d-inline-flex align-middle">
798                                    <span class="navbar-brand">
799                                        <a href="/en/" style="text-decoration: none;">
800                                                <style> 
801        @media (min-width: 1025px){ 
802            .img-logo { 
803                                                                                    } 
804        } 
805    </style>
806    <img src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData/logo.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/>
807                                        </a>
808                                    </span>
809                                </div>
810                            </div>
811                                                                            <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center">
812                                                                    <div id="menutop" class="hoverOverlay d-inline-flex">
813                                        <div class="collapse navbar-collapse">
814                                            <style type="text/css">
815    .topwidget-menu .navbar-nav .dropdown-menu {
816        padding: 0;
817        margin: 0;
818    }
819    ul.navbar-topmenu.navbar-nav > li {
820        display: table-cell; 
821    }
822    ul.navbar-topmenu.navbar-nav li {
823        list-style: outside none none;
824    }
825    ul.navbar-topmenu.navbar-nav div.new-line-menu{
826        clear: left;
827    }
828    ul.navbar-topmenu.navbar-nav .border-tran{
829        border-right: 1px solid transparent;
830    }
831    .fix-up-size{
832        font-size: 1.05em !important;
833    }
834    /*PC hack to hover*/
835    @media (min-width: 1025px) {
836        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .menu-column{
837            display:flex !important;
838        }
839        ul.navbar-topmenu.navbar-nav .menu-column{
840            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
841        }
842        .topwidget-menu {
843            margin: 10px;
844        }
845        ul.dropdown-menu.dropdown-menu-right{
846            left: unset;
847            right:0;
848        }
849        .dropdownfix-menu-right {
850            right:100% !important;
851            left:auto !important;
852        }
853        .public-topmenu .dropdown-menu-right .fa-chevron-right {
854            transform: rotate(180deg);
855            left: 0;
856            position: absolute;
857            top: 12px;
858        }
859        .public-topmenu .dropdown-menu-right .fa-chevron-down{
860            transform: rotate(90deg);
861            left: 0;
862            position: absolute;
863            top: 12px;
864        }
865        .more.hidden{
866            display:none;
867        }
868        .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
869            transform: rotate(-90deg);
870        }
871
872        .public-topmenu .topmenuLg{
873            border-right:none !important;
874        }
875        ul.navbar-topmenu.navbar-nav a {
876            display: block;
877            margin: 0px;
878        }
879        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column {
880            position: absolute;
881            display: none;
882            margin: 0px;
883           /* padding: 15px 0px; */
884            border-collapse: separate;
885            border-spacing: 0;
886            width:100%;
887            left: 0px;
888        }
889        ul.navbar-topmenu.navbar-nav > li.nav-item .each-col{
890            margin-top:15px; 
891            margin-bottom:15px; 
892        }
893        ul.navbar-topmenu.navbar-nav > li > .menu-column > div > ul{
894            margin: 0px;
895            padding: 0px;
896            border-collapse: separate;
897            border-spacing: 0;
898        }
899        ul.navbar-topmenu.navbar-nav .menu-column li {
900            float: none;
901            margin: 0px;
902            padding: 0px;
903        }
904        /* sub a */
905        ul.navbar-topmenu.navbar-nav .menu-column-sub > li > a {
906            padding: 8px 15px;
907            text-align: left;
908            border: none;
909        }
910        /* sub a hover */
911        ul.navbar-topmenu.navbar-nav .topmenu_li_lv2:hover > a {
912            
913        }
914        .engine-menu .topmenuLg{
915            border-right:none !important;
916        }
917
918        ul.navbar-topmenu.navbar-nav .row-menucol-pad{
919            padding-bottom:60px;
920        } 
921        ul.navbar-topmenu.navbar-nav .text-lv2-bold{
922            font-weight: bold !important;
923        }
924        ul.navbar-topmenu.navbar-nav .text-lv3-pad{
925            padding-left: 30px !important;
926        }
927        ul.navbar-topmenu.navbar-nav .text-lv4-pad{
928            padding-left: 45px !important;
929        }
930        ul.navbar-topmenu.navbar-nav .no-p-first{
931            padding:0px 0px 0px 0px;
932            float: left;
933        }
934        ul.navbar-topmenu.navbar-nav .no-p{
935            padding:60px 0px 0px 0px;
936            float: left;
937        }
938        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-one{
939            min-width: 285px;
940            left: 0px;
941        }
942        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-two{
943            min-width: 569px;
944            left: 0px;
945        }
946        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-tree{
947            min-width: 854px;
948            left: 0px;
949           /* left: calc(50% + 0px);
950            transform: translate(-50%, 0%);
951            top: calc(100% - 10px); */
952        }
953        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.wid-fourmore{
954            min-width: 1140px;
955            left: 0px;
956           /* left: calc(50% + 0px);
957            transform: translate(-50%, 0%);
958            top: calc(100% - 10px); */
959        }
960        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-full{
961            min-width: calc(100vw - 14px);
962            left: 0px;
963            max-height: 600px;
964            overflow-x: hidden;
965            overflow-y: auto;
966        }
967        ul.navbar-topmenu.navbar-nav > li.nav-item .col-one-minwid{
968            min-width: 285px;
969        }
970
971        ul.navbar-topmenu.navbar-nav > li.nav-item.rev-po{
972            position: relative;
973        }
974        ul.navbar-topmenu.navbar-nav > li.nav-item.uns-po{
975            position: unset;
976        }
977
978       /*lv3 more only*/
979       ul.navbar-topmenu.navbar-nav .ul.menu-fix-li{
980            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
981        }
982        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > ul.menu-fix-li{
983            display:block !important;
984        } 
985        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li li:hover > .dropdown-menu{
986            display:flex !important;
987        }
988       
989        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li{
990            position: absolute;
991            display: none;
992            margin: 0px;
993            padding: 0px 0px;
994            border-collapse: separate;
995            border-spacing: 0;
996            border: none;
997          /*  width:100%; */
998            left: 0;
999            right: auto;
1000            top: 100%;
1001            white-space: nowrap;
1002        }
1003
1004        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li li {
1005            position: relative;
1006        }
1007
1008        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-full{
1009            min-width: 960px;
1010            right: 100% !important;
1011            left: auto !important;
1012            top: 0px;
1013            max-height: 600px;
1014            overflow-x: hidden;
1015            overflow-y: auto;
1016        }
1017        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li .menu-column{
1018            /* padding: 15px 0px; */
1019        }
1020        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.menu-fix-li .menu-column ul {
1021            margin: 0px;
1022            padding: 0px;
1023            border-collapse: separate;
1024            border-spacing: 0;
1025        }
1026    }
1027    @media only screen and (min-width: 1193px){
1028        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{
1029            min-width: 1170px;
1030            left: 0px;
1031            max-height: 600px;
1032            overflow-x: hidden;
1033            overflow-y: auto;
1034        }
1035        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{
1036            position: absolute;
1037            min-width: 858px;
1038            right: 100% !important;
1039            left: auto !important;
1040            top: 0px;
1041            max-height: 600px;
1042            overflow-x: hidden;
1043            overflow-y: auto;
1044        }
1045    }
1046
1047    @media only screen and (min-width: 1025px) and (max-width: 1192px){
1048        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{
1049            min-width: 1080px;
1050            left: 0px;
1051            max-height: 600px;
1052            overflow-x: hidden;
1053            overflow-y: auto;
1054        }
1055        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{
1056            position: absolute;
1057            min-width: 772px;
1058            right: 100% !important;
1059            left: auto !important;
1060            top: 0px;
1061            max-height: 600px;
1062            overflow-x: hidden;
1063            overflow-y: auto;
1064        }
1065    }
1066    @media only screen and (min-width: 992px) and (max-width: 1024px){
1067        ul.navbar-topmenu.navbar-nav > li.nav-item > .menu-column.mega-container{
1068            min-width: 960px;
1069            left: 0px;
1070            max-height: 400px;
1071            overflow-x: hidden;
1072            overflow-y: auto;
1073        }
1074        ul.navbar-topmenu.navbar-nav ul.menu-fix-li .mega-container{
1075            position: absolute;
1076            min-width: 783px;
1077            right: 100% !important;
1078            left: auto !important;
1079            top: 0px;
1080            max-height: 400px;
1081            overflow-x: hidden;
1082            overflow-y: auto;
1083        }
1084    }
1085
1086
1087    /* tablet*/
1088    @media only screen and (min-width: 768px) and (max-width: 1024px) {
1089        ul.navbar-topmenu.navbar-nav ul{
1090            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
1091        }
1092    }
1093    /*mobile tablet*/
1094    @media  only screen and (max-width: 1024px) {
1095        .topwidget-menu .arrowCollapse{
1096            width: 55px;
1097            position: absolute;
1098            right: 0px;
1099            top: 25%;
1100            text-align: center;
1101            height: 22px;
1102        }
1103        ul.navbar-topmenu.navbar-nav a{
1104            text-align: left !important;
1105            white-space: normal;
1106        }
1107        ul.navbar-topmenu.navbar-nav .fa-chevron-down{
1108                        transition: all .3s ease 0s;
1109            -ms-transition: all .3s ease 0s;
1110            -webkit-transition: all .3s ease 0s;
1111            -moz-transition: all .3s ease 0s;
1112        }
1113        ul.navbar-topmenu.navbar-nav .fa-chevron-right{
1114                         transform: rotate(90deg);
1115            transition: all .3s ease 0s;
1116            -ms-transition: all .3s ease 0s;
1117            -webkit-transition: all .3s ease 0s;
1118            -moz-transition: all .3s ease 0s;
1119                    }
1120        
1121        ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
1122            right: 12px;
1123            top: 27%;
1124        }
1125
1126        ul.navbar-topmenu.navbar-nav a{
1127            word-wrap: break-word;
1128        }
1129        ul.navbar-topmenu.navbar-nav .more{
1130            display:none !important;
1131        }
1132        .public-topmenu .dropdown.show > a > .arrowCollapse{
1133            transform: rotate(180deg);
1134            -ms-transform: rotate(180deg);
1135            -webkit-transform: rotate(180deg);
1136            -moz-transform: rotate(180deg);
1137        }
1138        .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
1139            transform: rotate(270deg);
1140            -ms-transform: rotate(270deg);
1141            -webkit-transform: rotate(270deg);
1142            -moz-transform: rotate(270deg);
1143        }
1144        .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
1145            transform: rotate(270deg);
1146            -ms-transform: rotate(270deg);
1147            -webkit-transform: rotate(270deg);
1148            -moz-transform: rotate(270deg);
1149        }
1150        
1151        ul.navbar-topmenu.navbar-nav > li > ul > li > a {
1152             padding-left: 30px !important;
1153        }
1154        ul.navbar-topmenu.navbar-nav ul ul a {
1155            padding-left: 45px !important;
1156        }
1157    }
1158</style>
1159<div class="topwidget-menu">
1160    <ul class="navbar-nav navbar-topmenu public-topmenu">
1161                                    <li class="nav-item ">
1162                    <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/en/" target="_self">
1163                        HOME 
1164                    </a>
1165                </li>
1166                                                <li class="nav-item ">
1167                    <a class="nav-link abl1"   href="/en/category" target="_self">
1168                        PRODUCTS 
1169                    </a>
1170                </li>
1171                                                <li class="nav-item ">
1172                    <a class="nav-link abl1"   href="/en/ingredients" target="_self">
1173                        INGREDIENTS 
1174                    </a>
1175                </li>
1176                                                <li class="nav-item ">
1177                    <a class="nav-link abl1"   href="/en/abouthyacell" target="_self">
1178                        ABOUT HYACELL 
1179                    </a>
1180                </li>
1181                                                <li class="nav-item topmenuLg">
1182                    <a class="nav-link abl1"   href="/en/contactus" target="_self">
1183                        CONTACT US 
1184                    </a>
1185                </li>
1186                    
1187        <li class="nav-item dropdown more hidden" data-width="80">
1188            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
1189                More <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
1190            </a>
1191            <ul class="dropdown-menu menu-fix-li"></ul>
1192        </li>
1193    </ul>
1194</div>
1195
1196<script>
1197    /*width auto more*/
1198    if (jQuery(window).width() > 1024) {
1199                calcWidth();
1200                var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu  > li.nav-item:visible:last');
1201        last_visible_element.css('border-right', 'none');
1202        
1203    }
1204    function calcWidth() {
1205        var navwidth = 0;
1206        var availablespace = 0;
1207        var logwid = jQuery('#logotop').outerWidth(true);
1208        var defwidth = 0;
1209        var intIsEnableSearchTop = "0";
1210        var intIsEnableCart = "1";
1211        var calAweDropdown = "0";
1212        navwidth = navwidth + parseInt(calAweDropdown);
1213        let isLayoutId = '39';
1214        let fullcontainer = '1';
1215        if (intIsEnableSearchTop == 1) {
1216            defwidth = defwidth + 60;
1217        }
1218
1219        if (intIsEnableCart == 1) {
1220            defwidth = defwidth + 60;
1221        }
1222        if (typeof logwid === "undefined") {
1223            var logwid = 0;
1224        }
1225        if (isLayoutId == '37' || isLayoutId == '38') {
1226            var logwid = 0;
1227        }
1228        
1229        if(fullcontainer=='1'){
1230            var pls_pad = 0;
1231        }else{
1232            var pls_pad = 0;
1233        }
1234
1235        var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17;
1236        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
1237            navwidth += jQuery(this).outerWidth(true);
1238        });
1239        var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 34);
1240        if (navwidth > availablespace) {
1241
1242            var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
1243            var jimwidtest = lastItem.outerWidth(true);
1244
1245            lastItem.removeClass('nav-item');
1246            lastItem.removeClass('dropdown');
1247            lastItem.children('a.nav-link').addClass('dropdown-item');
1248            lastItem.attr('data-width', lastItem.outerWidth(true));
1249
1250            if(jimwidtest>0){
1251                lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li'));
1252            }
1253            delete lastItem;
1254            calcWidth();
1255            return 0;
1256        } else {
1257            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li').html()!='') {
1258                var firstMoreElement = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu> li.more li').first();
1259                if (navwidth + firstMoreElement.data('width') < availablespace) {
1260                    firstMoreElement.addClass('nav-item');
1261                    firstMoreElement.children('a.nav-link').removeClass('dropdown-item');
1262                    firstMoreElement.removeAttr('data-width'); 
1263                    firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
1264                }
1265                delete firstMoreElement;
1266            }
1267        }
1268
1269        /*hide more*/
1270        if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li').html()!= '') {
1271            var thelastone = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > .menu-fix-li > li').length;
1272            if (thelastone == 1) {
1273                var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1274                if ((navwidth + firstMoreElement2.width()) < availablespace) {
1275                    firstMoreElement2.addClass('nav-item');
1276                    firstMoreElement2.addClass('topmenuLg');
1277                    firstMoreElement2.children('a.nav-link').removeClass('dropdown-item');
1278                    firstMoreElement2.removeAttr("data-width");
1279                    firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
1280                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1281                } else {
1282                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1283                }
1284                delete firstMoreElement2;
1285            } else {
1286                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1287            }
1288        } else {
1289            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
1290            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1291        }
1292            }
1293
1294    function calcWidthAfter() {
1295                        
1296        //affix if reflesh topbar appear
1297        if ($(window).scrollTop() > 0) {
1298            var logwid = 221;
1299        }else{
1300            var logwid = jQuery('#logotop').outerWidth(true);
1301        }
1302        
1303        var navwidth = 0;
1304        var availablespace = 0;
1305        var defwidth = 0;
1306        var serwid = jQuery('#searchtop').outerWidth(true);
1307        var car2id = jQuery('#cart2').outerWidth(true);
1308        var intIsEnableSearchTop = "0";
1309        var intIsEnableCart = "1";
1310        let isLayoutId = '39';
1311        let fullcontainer = '1';
1312        if (intIsEnableSearchTop == 1) {
1313            defwidth = defwidth + serwid;
1314        }
1315
1316        if (intIsEnableCart == 1) {
1317            defwidth = defwidth + car2id;
1318        }
1319        if(fullcontainer=='1'){
1320            var pls_pad = 0;
1321        }else{
1322            var pls_pad = 0;
1323        }
1324        jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg');
1325        /* if (typeof serwid === "undefined") {
1326            var serwid = 0;
1327        } else {
1328            var defwidth = defwidth + serwid;
1329        }
1330
1331        if (typeof car2id === "undefined") {
1332            var car2id = 0;
1333        } else {
1334            var defwidth = defwidth + car2id;
1335        }*/
1336
1337        
1338        if (typeof logwid === "undefined") {
1339            var logwid = 0;
1340        }
1341        if (isLayoutId == '37' || isLayoutId == '38') {
1342            var logwid = 0;
1343        }
1344
1345        var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true);
1346        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
1347            navwidth += jQuery(this).outerWidth(true);
1348        });
1349
1350        /* var availablespace = jQuery('#top-area > #top-sticky > div').width() - morewidth - defwidth - logwid;*/
1351        var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60);
1352        
1353        if (navwidth > availablespace) {
1354            var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
1355            var jimwidtest = lastItem.outerWidth(true);
1356            lastItem.removeClass('nav-item');
1357            lastItem.removeClass('dropdown');
1358            lastItem.children('a.nav-link').addClass('dropdown-item');
1359            lastItem.attr('data-width', lastItem.outerWidth(true));
1360            if (jimwidtest > 0) {
1361                lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
1362            }
1363            delete lastItem;
1364            calcWidthAfter();
1365            return 0;
1366        } else {
1367            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
1368                            }
1369        }
1370
1371        if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
1372            var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
1373            if (thelast == 1) {
1374                    //remove more ถ้าเหลือ 1
1375                    var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1376                    if ((navwidth + firstMoreElement2.width()) < availablespace) {
1377                                                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1378                    } else {
1379                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1380                    }
1381                    delete firstMoreElement2;
1382            } else {
1383                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
1384            }
1385        } else {
1386            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
1387        }
1388
1389        //add class last item menu ขอบโค้ง
1390        jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
1391
1392        jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").on('mouseenter', function(){
1393            var vjim = jQuery(this);
1394            var isfullcontainer = '1';
1395            
1396            if (jQuery('div', this).length) {
1397                var elm = jQuery('.dropdown-menu:first', this);
1398                var off = elm.offset();
1399                var l = off.left;
1400                var w = elm.width();
1401                var num_colm = vjim.find('.menu-column > .each-col').length;
1402                if(isfullcontainer=='1'){
1403                    var docW = jQuery("#top-area > #top-sticky").width();
1404                    var isEntirelyVisible = ((l + w) <= docW);
1405                }else if(isfullcontainer=='0'){
1406                    var docW = jQuery("#top-area > #top-sticky > .container").width();
1407                                        var isEntirelyVisible = ((l + w) <= docW);
1408                }
1409                                if (!isEntirelyVisible && !(vjim.hasClass('more'))){
1410                    var tt_widwi = parseInt(parseInt(l) + parseInt(w));
1411                    var over_wid = parseInt(tt_widwi - docW);
1412                    if(isfullcontainer=='0'){ 
1413                        var containtop = jQuery('#top-area > #top-sticky > .container');
1414                        var r_container = parseInt(containtop.offset().left + containtop.outerWidth());
1415                
1416                        var rw_to_rc = parseInt($(window).width() - r_container);
1417                        var new_left = (tt_widwi - r_container);
1418                    }else if(isfullcontainer=='1'){
1419                        var new_left = ((over_wid)+1);
1420                    }
1421                                        if (jQuery(window).width() > 1181 && jQuery(window).width() < 1200) {
1422                        var setleftnew = ((parseInt(elm.css('left')) - new_left) + 105);
1423                    }else if (jQuery(window).width() > 1081 && jQuery(window).width() < 1181) {
1424                        var setleftnew = ((parseInt(elm.css('left')) - new_left) + 64);
1425                    }else if (jQuery(window).width() > 1025 && jQuery(window).width() < 1081) {
1426                        var setleftnew = ((parseInt(elm.css('left')) - new_left) + 60);
1427                    }else{
1428                        var setleftnew = (parseInt(elm.css('left')) - new_left);
1429                    }
1430                    elm.css('left',setleftnew);
1431                }
1432                if(vjim.hasClass('more')){
1433                    vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right');
1434                }
1435            }
1436        });
1437        jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").on('mouseleave', function(){ 
1438            var elm = jQuery('.dropdown-menu:first', this);
1439            elm.css('left',0);
1440            if(jQuery(this).hasClass('more')){
1441                jQuery(this).children('ul.dropdown-menu').addClass('dropdown-menu-right');
1442            }
1443        });
1444    }
1445    </script>
1445
1446
1447                                        </div>
1448                                    </div>
1449                                                                                            </div>
1450                                                                            <div class="col-auto col-lg-auto text-right order-1 order-lg-12 d-lg-inline-flex align-items-center">
1451                                <div id="cart2" class="hoverOverlay d-inline-flex align-middle">
1452                                    <style type="text/css">
1453    .cart-nav{
1454        margin: 0;
1455    }
1456</style>
1457
1458
1459
1460<a class="navbar-link cart-nav" href="/en/cart">
1461    <span class="fa-layers fa-fw navbar-fa2">
1462        <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i>
1463            <span class="widgetCartNumber d-none">0</span>
1464    </span>
1465</a>
1466                                </div>
1467                            </div>
1468                                            </div>
1469                </div>
1470            </div>
1471        </div>
1472    </nav>
1473</div>
1474<div class="headerMobile">
1475        <style type="text/css">
1476    nav .orderingMenu {
1477        order: 1;
1478    }
1479    .navbar-nav .dropdown-menu .dropdown-item {
1480        padding: 6px 20px;
1481    }
1482    @media (max-width: 1024px) {
1483        .navbar-toggler {
1484            padding: 9px 10px !important;
1485            margin-left: 3px !important;
1486            margin-top: 6px;
1487            margin-right: 0px;
1488            margin-bottom: 6px;
1489            font-size: 16px !important;
1490            height: 44px;
1491        }
1492        nav > #top-area > .row {
1493            margin: 0 6px;
1494        }
1495        .navbar-nav .dropdown-menu {
1496            position: relative !important;
1497            transform: translate3d(0px, 0px, 0px) !important;
1498            -webkit-transform: translate3d(0px, 0px, 0px) !important;
1499            top: auto !important;
1500            left: auto !important;
1501            padding: 0;
1502            margin: 0;
1503        }
1504        .navbar-nav .dropdown-menu .dropdown-item {
1505            padding: 9px 40px 9px 15px;
1506        }
1507        .navbar-text {
1508            margin: 0 auto;
1509        }
1510        .navbar-brand {
1511            padding: 4px 8px !important;
1512            font-size: 24px !important;
1513            line-height: 40px !important;
1514            border: none !important;
1515            margin: 0px 4px !important;
1516        }
1517        .navbar-brand span{
1518            line-height: 40px;
1519        }
1520        .navbar-brand img {
1521            /*max-height: 48px;*/
1522            max-height: 44px;
1523            max-width: 100%;
1524        }
1525        nav .navbar-link {
1526            min-width: 40px;
1527        }
1528        nav #top-area {
1529            transition: all 300ms ease;
1530            -webkit-transition: all 300ms ease;
1531            -moz-transition: all 300ms ease;
1532            -o-transition: all 300ms ease;
1533        }
1534        /* widget */
1535        nav #socialnetwork,nav #linewidget {
1536            min-height: 34px;
1537        }
1538        nav .orderingMenu {
1539            order: 12;
1540            flex-basis: auto;
1541        }
1542        nav .brandingBox {
1543            flex-basis: 0;
1544            flex-grow: 1;
1545            max-width: 100%;
1546        }
1547        .navbar-link.cart-nav{
1548            font-size: 22px;
1549        }
1550        .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{
1551            margin-left: 0px;
1552            margin-top: 0px;
1553            margin-bottom: 0px;
1554            padding: 0px;
1555        }
1556        .widgetCartNumber {
1557            top: -11px;
1558        }
1559        .navbar-nav.member-nav .nav-item{
1560            width: 100%;
1561            text-align: left !important;
1562        }
1563        .navbar-nav.member-nav{
1564            height: auto;
1565            margin: 0px 5px;
1566            text-align: left !important;
1567        }
1568        .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{
1569            background: transparent;
1570            border: none;
1571        }
1572        .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover {
1573            background-color: transparent;
1574        }
1575    }
1576    @media (max-width: 350px) {
1577        nav > #top-bar {
1578            padding-left: 5px;
1579            padding-right: 5px;
1580        }
1581    }
1582    /*lang*/
1583    .topwidget-lang{
1584        margin: 0px 5px;
1585    }
1586    .topwidget-lang a {
1587        padding-left: 10px !important;
1588        padding-right: 10px !important;
1589    }
1590
1591    #section-header.sps--blw .headerMobile .navbar-collapse {
1592        max-height: 79vh;
1593        overflow-y: scroll;
1594        position: relative;
1595        -webkit-overflow-scrolling: touch;
1596    }
1597    #section-header.sps--abv .headerMobile .navbar-collapse {
1598        max-height: 73vh;
1599        overflow-y: scroll;
1600        -webkit-overflow-scrolling: touch;
1601    }
1602</style>
1603<nav id="topZone" class="navbar-expand-xl airry">
1604            <div id="top-bar">
1605            <div id="top-mb">
1606                <div class="container-fluid">
1607                                        <div class="row">
1608                        <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center">
1609                            <div id="toptext" class="navbar-text">
1610                                <strong><span style="color: rgb(51, 51, 51);" data-mce-style="color: #333333;">HYACELL ผลิตภัณฑ์จากห้องแล็บเภสัชกรรมด้านการต่อต้านริ้วรอย</span></strong>                            </div>
1611                        </div>
1612                    </div>
1613                                                                                <div class="row">
1614                        <div class="col-12 col-sm-12 col-md-12 col-lg text-center">
1615                            <div class="navbar-text">
1616                                                                    <div id="socialnetwork" class="d-inline">
1617<style>
1618    .empty {
1619        padding-top: 15px;
1620        padding-right: 22px;
1621        padding-bottom: 12px;
1622        padding-left: 29px;
1623    }
1624    .wechatSocial{
1625        cursor: pointer;
1626    }
1627    .pointer-none {
1628        pointer-events: none;
1629    }
1630</style>
1631<div class="social-widget">
1632                        <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="https://www.instagram.com/skin_selected?igsh=cGJ1MmVneGJxM3hr" style="">
1633            <i class="fas fa-circle colorInstagramBG pointer-none"></i>
1634            <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i>
1635        </a>
1636                            <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/@skinselected " style="">
1637            <i class="fas fa-circle colorLineBG pointer-none"></i>
1638            <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i>
1639        </a>
1640    
1641    
1642    </div>
1643<script type="text/javascript">
1644
1645    jQuery(".wechatSocial").click(function () {
1646        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
1647    });
1648    
1649</script>
1649</div>
1650                                                            </div>
1651                        </div>
1652                    </div>
1653                                    </div>
1654            </div>
1655        </div>
1656        <div id="top-area">
1657        <div id="top-sticky">
1658            <div class="">
1659                                <div class="row no-gutters">
1660                    <div class="col pl-1 col-lg-auto d-lg-inline-flex brandingBox position-relative" style="display: flex;flex-direction: column; justify-content: center; width: 20%;">
1661                                                    <a class="navbar-brand position-absolute" href="/en/" style="display: flex;flex-direction: column; justify-content: center;">
1662                                <style>
1663    .logotextmobile{
1664        display: inline-block;
1665        max-width: 200px;
1666        height: 1.5em;
1667        overflow: hidden;
1668        text-overflow: ellipsis;
1669        white-space: nowrap;
1670        color: #000;
1671    }
1672    .logotextmobile span{
1673        /* font-size: 30px !important; */
1674        line-height: 40px !important;
1675    }
1676
1677    @media (max-width: 364.98px) {
1678        .logotextmobile{
1679            max-width: 150px;
1680        }
1681            }
1682
1683    @media (min-width: 365px) and (max-width: 575.98px) {
1684        .logotextmobile{
1685            max-width: 200px;
1686        }
1687                            }
1688
1689    @media (min-width: 576px) and (max-width: 767.98px) {
1690        .logotextmobile{
1691            min-width: calc(400px + 4vw);
1692            max-width: 500px;
1693        }
1694            }
1695
1696    @media (min-width: 768px) and (max-width: 991.98px) {
1697        .logotextmobile{
1698            max-width: 600px;
1699        }
1700                    }
1701    @media (min-width: 992px) {
1702        .logotextmobile{
1703            max-width: 800px;
1704        }
1705    }
1706
1707
1708</style>
1709
1710                    <img src="https://image.makewebcdn.com/makeweb/m_200x200/hpDgCU77I/DefaultData/logo.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/>
1711                                </a>
1712                                            </div>
1713                                            <div class="col-12 col-lg d-lg-inline-flex orderingMenu">
1714                            <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown">
1715                                <style type="text/css">
1716    .headerMobile .topwidget-menu .navbar-nav .dropdown-menu {
1717        padding: 0;
1718        margin: 0;
1719    }
1720    /*PC hack to hover*/
1721    @media (min-width: 1025px) {
1722        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
1723            display:block !important;
1724        }
1725        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
1726            display:block !important;
1727        }
1728        .headerMobile ul.navbar-topmenu.navbar-nav ul{
1729            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
1730        }
1731        .headerMobile .topwidget-menu {
1732            margin: 10px;
1733        }
1734        .headerMobile ul.dropdown-menu.dropdown-menu-right{
1735            left: unset;
1736            right:0;
1737        }
1738        .headerMobile .dropdownfix-menu-right {
1739            right:100% !important;
1740            left:auto !important;
1741        }
1742        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right {
1743            transform: rotate(180deg);
1744            left: 0;
1745            position: absolute;
1746            top: 12px;
1747        }
1748        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{
1749            transform: rotate(90deg);
1750            left: 0;
1751            position: absolute;
1752            top: 12px;
1753        }
1754        .headerMobile .more.hidden{
1755            display:none;
1756        }
1757        .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
1758            transform: rotate(-90deg);
1759        }
1760        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{
1761            position: absolute;
1762        }
1763        .headerMobile .public-topmenu .topmenuLg{
1764            border-right:none !important;
1765        }
1766    }
1767    /* tablet*/
1768    @media only screen and (min-width: 768px) and (max-width: 1112px) {
1769        .headerMobile ul.navbar-topmenu.navbar-nav ul{
1770           box-shadow: none;
1771        }
1772        /*.topwidget-menu {
1773            margin: 10px;
1774        }*/
1775    }
1776    /*mobile tablet*/
1777    @media  only screen and (max-width: 1024px) {
1778        .headerMobile ul.navbar-topmenu.navbar-nav a{
1779            text-align: left !important;
1780            white-space: normal;
1781        }
1782        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{
1783                        transition: all .3s ease 0s;
1784            -ms-transition: all .3s ease 0s;
1785            -webkit-transition: all .3s ease 0s;
1786            -moz-transition: all .3s ease 0s;
1787
1788        }
1789        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{
1790                         transform: rotate(90deg);
1791            transition: all .3s ease 0s;
1792            -ms-transition: all .3s ease 0s;
1793            -webkit-transition: all .3s ease 0s;
1794            -moz-transition: all .3s ease 0s;
1795                    }
1796        
1797        .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
1798            right: 12px;
1799            top: 27%;
1800        }
1801        
1802        .headerMobile ul.navbar-topmenu.navbar-nav a{
1803            word-wrap: break-word;
1804        }
1805        .headerMobile ul.navbar-topmenu.navbar-nav .more{
1806            display:none !important;
1807        }
1808        .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{
1809            transform: rotate(180deg);
1810            -ms-transform: rotate(180deg);
1811            -webkit-transform: rotate(180deg);
1812            -moz-transform: rotate(180deg);
1813        }
1814        .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
1815            transform: rotate(270deg);
1816            -ms-transform: rotate(270deg);
1817            -webkit-transform: rotate(270deg);
1818            -moz-transform: rotate(270deg);
1819        }
1820        
1821        .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a {
1822             padding-left: 30px !important;
1823        }
1824        .headerMobile ul.navbar-topmenu.navbar-nav ul ul a {
1825            padding-left: 45px !important;
1826        }
1827        .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a {
1828            padding-left: 60px !important;
1829        }
1830    }
1831</style>
1832
1833<div class="topwidget-menu">
1834    <ul class="navbar-nav navbar-topmenu public-topmenu">
1835                                    <li class="nav-item ">
1836                    <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/en/" target="_self">
1837                        HOME                    </a>
1838                </li>
1839                                                <li class="nav-item ">
1840                    <a class="nav-link abl1"   href="/en/category" target="_self">
1841                        PRODUCTS                    </a>
1842                </li>
1843                                                <li class="nav-item ">
1844                    <a class="nav-link abl1"   href="/en/ingredients" target="_self">
1845                        INGREDIENTS                    </a>
1846                </li>
1847                                                <li class="nav-item ">
1848                    <a class="nav-link abl1"   href="/en/abouthyacell" target="_self">
1849                        ABOUT HYACELL                    </a>
1850                </li>
1851                                                <li class="nav-item topmenuLg">
1852                    <a class="nav-link abl1"   href="/en/contactus" target="_self">
1853                        CONTACT US                    </a>
1854                </li>
1855                    
1856        <li class="nav-item dropdown more hidden" data-width="80">
1857            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
1858                More <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
1859            </a>
1860            <ul class="dropdown-menu"></ul>
1861        </li>
1862    </ul>
1863</div>
1864                                                                    <div class="d-md-none theme-td-border my-0"></div>
1865                                                                <div class="topwidget-menu">
1866    <ul class="navbar-nav navbar-topmenu">
1867            <li class="nav-item">
1868            <a class="nav-link" href="/en/member">
1869                Login            </a>
1870        </li>
1871        <li class="nav-item">
1872            <a class="nav-link" href="/en/member/register">
1873                Register            </a>
1874        </li>
1875        </ul>
1876</div>                                <div class="topwidget-menu">
1877    <ul class="navbar-nav navbar-topmenu">
1878        <li class="nav-item dropdown li-smooth-lang">
1879                                                <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)">
1880                        <i class="flag-icon flag-icon-us"></i>
1881                        EN <i class="fal fa-chevron-down" id="arrowLanguage"></i>
1882                    </a>
1883                                                                                    <ul class="dropdown-menu dropdown-menu-right smooth-lang">
1884                                                                                                                    <li>
1885                                <a class="dropdown-item nav-link" style="padding:10px 15px 10px 15px;" href="/">
1886                                    <i class="flag-icon flag-icon-th"></i>&nbsp;&nbsp;TH                                    <input type="hidden" class="languageCodeSetting" value="4405"/>
1887                                </a>
1888                            </li>
1889                                                            </ul>
1890                    </li>
1891    </ul>
1892</div>
1893<script>
1894  $('.li-smooth-lang').on('show.bs.dropdown', function() {
1895    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
1896  });
1897  
1898  $('.li-smooth-lang').on('hide.bs.dropdown', function () {
1899    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
1900  });
1901</script>
1901                            </div>
1902                        </div>
1903                                                                <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center">
1904                                                                                        <style type="text/css">
1905    .cart-nav{
1906        margin: 0;
1907    }
1908</style>
1909
1910
1911
1912<a class="navbar-link cart-nav" href="/en/cart">
1913    <span class="fa-layers fa-fw navbar-fa2">
1914        <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i>
1915            <span class="widgetCartNumber d-none">0</span>
1916    </span>
1917</a>
1918                                                                                        <button class="navbar-toggler hamburger hamburger--squeeze" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
1919                                    <span class="hamburger-box">
1920                                        <span class="hamburger-inner"></span>
1921                                    </span>
1922                                </button>
1923                                                    </div>
1924                                    </div>
1925            </div>
1926        </div>
1927    </div>
1928</nav>
1929</div>
1930<script>
1931    jQuery('.widgetCartNumber').hide();
1932    jQuery(document).ready(function () {
1933        jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) {
1934            // event.preventDefault();
1935            jQuery(this).blur();
1936            if (jQuery(this).attr('class') == 'abl1') {
1937                jQuery(this).attr('id', 'topmenuonpage');
1938            } else if (jQuery(this).attr('class') == 'abl2') {
1939                jQuery(this).attr('id', 'topmenusubonpage');
1940            }
1941        });
1942
1943        jQuery('a').click( function(e) {
1944            var targetSelector = this.hash
1945            if(targetSelector) {
1946                e.stopImmediatePropagation();
1947
1948                var $target = $(targetSelector);
1949                var iscls = $(targetSelector).attr('class'); //targethash //fttargethash
1950                // Animate the scroll to the destination...
1951                if(iscls==='fttargethash'){
1952                    var tr_po = 0;
1953                }else{
1954                    var tr_po = $target.offset().top;
1955                }
1956                $('html, body').animate(
1957                    {
1958                        scrollTop: tr_po // Scroll to this location.
1959                    }, {
1960                        // Set the duration long enough to allow time
1961                        // to lazy load the elements.
1962                        duration: 1000,
1963
1964                        // At each animation step, check whether the target has moved.
1965                        step: function( now, fx ) {
1966
1967                            // Where is the target now located on the page?
1968                            // i.e. its location will change as images etc. are lazy loaded
1969                            if ($(window).width() > 1024) {
1970                                if(iscls==='fttargethash'){
1971                                    var newOffset = 0;
1972                                }else{
1973                                    var h_top_sticky = 0;
1974                                    // top bar space for calculations scroll position
1975                                    var viewable = isElementInView($('#top-sticky'))
1976                                    jQuery('.targethash').css('top', '0px');
1977                                    if(viewable){
1978                                        h_top_sticky = $('#top-sticky').height();
1979                                    }
1980                                    var newOffset = $target.offset().top - h_top_sticky;
1981                                }
1982                               // var newOffset = $target.offset().top - 70;
1983                            }else{
1984                                var newOffset = $target.offset().top;
1985                            }
1986                            // If where we were originally planning to scroll to is not
1987                            // the same as the new offset (newOffset) then change where
1988                            // the animation is scrolling to (fx.end).
1989                            if(fx.end !== newOffset)
1990                                fx.end = newOffset;
1991                        }
1992                    }
1993                );
1994            }
1995        })
1996
1997        // check element is visible in current windows display
1998        function isElementInView(element) {
1999            var $window = $(window);
2000            var windowHeight = $window.height();
2001            var windowWidth = $window.width();
2002            var rect = element.get(0).getBoundingClientRect();
2003
2004            return (
2005                rect.top >= 0 && rect.top <= windowHeight &&
2006                rect.left >= 0 && rect.left <= windowWidth
2007            );
2008        }
2009
2010        jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) {
2011            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
2012                $('html,body').animate({
2013                    scrollTop: 0
2014                }, 1800);
2015                return false;
2016            }
2017        });
2018        var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]');
2019        var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage');
2020        var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
2021        var stickyHeaderhi = jQuery('#menutop').height() + 75;
2022
2023        var aArray = [];
2024        for (var i = 0; i < aChildren.length; i++) {
2025            var aChild = aChildren[i];
2026            var ahref = jQuery(aChild).attr('href');
2027            var res = ahref.split("#");
2028            var last_hash = res[res.length - 1];
2029            aArray.push(last_hash);
2030        }
2031
2032        jQuery('.widgetCartNumber').show();
2033
2034        jQuery(window).scroll(function () {
2035            var windowPos = jQuery(window).scrollTop();
2036            var windowHeight = jQuery(window).height();
2037            var docHeight = jQuery(document).height();
2038            for (var i = 0; i < aArray.length; i++) {
2039                var theID = aArray[i];
2040                if (jQuery('#' + theID).length > 0) {
2041                    if (jQuery('#' + theID).data('orderbox') == 'onest') {
2042                        /* if firstbox */
2043                        var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi;
2044                        var divHeight = jQuery('#' + theID).height();
2045                    } else {
2046                        /* if non first */
2047                        var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi;
2048                        var divHeight = jQuery('#' + theID).parent().height();
2049                    }
2050                    if (windowPos >= divPos && windowPos < (divPos + divHeight)) {
2051                        highlinow.removeAttr('id');
2052                        highlinowLv2.removeAttr('id');
2053                        if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) {
2054                            jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage');
2055                        }
2056                        if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) {
2057                            jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage');
2058                        }
2059                    } else {
2060                        jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id');
2061                        jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id');
2062                        if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) {
2063                            if (highlinow.length > 0) {
2064                                highlinow.attr('id', 'topmenuonpage');
2065                            }
2066                            if (highlinowLv2.length > 0) {
2067                                highlinowLv2.attr('id', 'topmenusubonpage');
2068                            }
2069                        }
2070                    }
2071                }
2072            }
2073            if (windowPos + windowHeight == docHeight) {
2074                /* last position */
2075                var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id');
2076                //L1
2077                if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
2078                    highlinow.removeAttr('id');
2079                    jQuery('a.abl1#topmenuonpage').removeAttr('id');
2080                    jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage');
2081                }
2082                //L2 L3
2083                if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
2084                    highlinowLv2.removeAttr('id');
2085                    jQuery('a.abl2#topmenusubonpage').removeAttr('id');
2086                    jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage');
2087                }
2088            }
2089        });
2090
2091    });
2092
2093    //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) &&
2094    if (screen.width > 1024) { // is desktop
2095        var isSubmenuLv2Overflow = 0;
2096        var isSubmenuLv3Overflow = 0;
2097        var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0];
2098        var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0];
2099        var sectionHeader = document.getElementById("section-header");
2100        var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav
2100-item dropdown"); // li (Lv1) (has submenu)
2101        if (arr_li_lv1.length > 0) {
2102            // console.log(arr_li_lv1);
2103            for (i = 0; i < arr_li_lv1.length; i++) {
2104                var li_lv1 = arr_li_lv1[i];
2105                var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu
2106                if (arr_child_li_lv1.length > 0) {
2107
2108                    for (j = 0; j < arr_child_li_lv1.length; j++) {
2109                        if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu
2110                            var ui_lv2 = arr_child_li_lv1[j];
2111                            var arr_li_lv2 = ui_lv2.children; // li (Lv2)
2112                            var length_li_lv2 = arr_li_lv2.length;
2113
2114                            // get heightest dropdown-menu
2115                            var maxHeight = 0;
2116                            $('.dropdown-menu').each(function() {
2117                                var height = $(this).outerHeight();
2118                                if (height > maxHeight) {
2119                                    maxHeight = height;
2120                                }
2121                            });
2122
2123                            if (maxHeight > screen.height) {
2124                                isSubmenuLv2Overflow += 1;
2125                            }
2126                            
2127                            //LV 3 LIMITED EDITION
2128                            if (arr_li_lv2.length > 0) {
2129                                for (k = 0; k < arr_li_lv2.length; k++) {
2130                                    if (arr_li_lv2[k].children.length > 1) {
2131                                        if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu
2132                                            //k = ตำแหน่งที่มี ul
2133                                            var posiUllv3 = k;
2134                                            var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2)
2135                                            var obj_li_lv3 = arr_li_lv3.children;
2136                                            var length_li_lv3 = obj_li_lv3.length;
2137                                            var limiLv3High = length_li_lv3 + k;
2138
2139                                            if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440
2140                                                isSubmenuLv3Overflow += 1;
2141                                            } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080
2142                                                isSubmenuLv3Overflow += 1;
2143                                            } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768
2144                                                isSubmenuLv3Overflow += 1;
2145                                            } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768
2146						isSubmenuLv3Overflow += 1;
2147                                            }
2148
2149                                        }
2150                                    }
2151                                }
2152                            }
2153
2154
2155                        }
2156                    }
2157                }
2158
2159            }
2160        }
2161
2162        if (isSubmenuLv2Overflow > 0) { // no stricky
2163            sectionHeader.classList.remove('sps');
2164            sectionHeader.classList.remove('sps--abv');
2165            sectionHeader.classList.remove('sps--blw');
2166        }
2167        //if lavel 3 is Too Damn High
2168        if (isSubmenuLv3Overflow > 0) { // no stricky
2169            sectionHeader.classList.remove('sps');
2170            sectionHeader.classList.remove('sps--abv');
2171            sectionHeader.classList.remove('sps--blw');
2172        }
2173
2174        //if screen height not than 1080 disable
2175        jQuery(window).ready(function () {
2176            setTimeout(() => {
2177                if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) {
2178                    sectionHeader.classList.remove('sps');
2179                    sectionHeader.classList.remove('sps--abv');
2180                    sectionHeader.classList.remove('sps--blw');
2181                }
2182            }, 200);
2183        });
2184    }
2185</script>
2185
2186                </div>
2187                <!-- <div id="section-content" style=""> -->
2188                <div id="section-content">
2189                                                                            
2190<style type="text/css">
2191    /* reveal */
2192    @media only screen and (min-width: 1200px) {
2193        .reveal { background-attachment: fixed !important; }
2194    }
2195    /* rellax */
2196    .rellax-view { position: relative; overflow: hidden; }
2197    .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; }
2198    .marginBottomSpace {
2199        
2200        margin-bottom: 20px;
2201    }
2202    .img-responsive{margin:auto;}
2203    @media only screen and (max-width: 767px){
2204        .maginBottomCaption{
2205            margin-bottom: 40px;
2206        }
2207        .maginBottomCaptionmini{
2208            margin-bottom: 15px;
2209        }
2210        .marginBottomSpaceMobile{
2211            margin-bottom: 20px;
2212        }
2213        .coverslidebox{
2214            padding: 0px 0px;
2215        }
2216    }
2217    @media only screen and (min-width: 768px){
2218        .maginBottomCaption{
2219            margin-bottom: 0px;
2220        }
2221        .maginBottomCaptionmini{
2222            margin-bottom: 0px;
2223        }
2224        .marginBottomSpaceMobile{
2225            margin-bottom: 0px;
2226        }
2227        .coverslidebox{
2228            padding: 0px 15px;
2229        }
2230        .textlayout-maxwidth{
2231            max-width: 585px;
2232        }
2233        .textlayout-marlauto{
2234            margin-left: auto;
2235        }
2236    }
2237    .noImgSimpleBG{
2238        background-color:#E1E4E9;
2239    }
2240    .box-not-overflow{
2241        overflow: hidden;
2242    }
2243    .play-button {
2244        left: 50%;
2245        top: 50%;
2246        width: 72px;
2247        height: 64px;
2248        margin-left: -36px;
2249        margin-top: -32px;
2250        z-index: 1;
2251        color: #212121;
2252        opacity: 0.85;
2253    }
2254    .play-button:hover,
2255    .play-button:hover::before {
2256        opacity: 1;
2257        color: #f00;
2258    }
2259    .play-button .fa-youtube {
2260        font-size: 64px;  
2261    }
2262    .play-button:before {
2263        content: "";
2264        width: 0;
2265        height: 0;
2266        border-top: 11px solid transparent;
2267        border-left: 20px solid #ffffff;
2268        border-bottom: 11px solid transparent;
2269        position: absolute;
2270        top: 21px;
2271        left: 29px;
2272    } 
2273    .wrapper .youtube {
2274	    background-color: #000;
2275	    position: relative;
2276	    padding-top: 56.25%;
2277	    overflow: hidden;
2278	    cursor: pointer
2279    }
2280
2281    .wrapper .youtube img {
2282	    width: 100%;
2283        top: -16.82%;
2284        left: 0;
2285        max-height: none !important;
2286        opacity: .7
2287    }
2288    .wrapper .youtube .play-button,
2289    .wrapper .youtube img {
2290        cursor: pointer
2291    }
2292
2293    .wrapper .youtube .play-button,
2294    .wrapper .youtube .play-button:before,
2295    .wrapper .youtube iframe,
2296    .wrapper .youtube img {
2297        position: absolute
2298    }
2299    .wrapper .youtube iframe {
2300        height: 100%;
2301        width: 100%;
2302        top: 0;
2303        left: 0
2304    }
2305    @media only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 768px),only screen and (min-device-pixel-ratio: 2) and ( max-width: 768px) {
2306        a.targethash{
2307            top: -112px;
2308        }
2309    }
2310</style>
2311    <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
2312            </div>
2313    
2314            <div  style="position: relative; background-color:#f7f7f9; "  data-orderbox="onest">
2315                                                    <a id="customize-47139" class="fttargethash" style="top: 2px; display: block;position: relative; visibility: hidden;"></a>
2316                                                                                <div class="container">
2317                                                    
2318                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
2319                                                                                                                                                <div >
2320                                        <style type="text/css">
2321    .brakeword10 {
2322        word-wrap: break-word;
2323    }
2324</style>
2325<div class="row brakeword10 area-tinymce">
2326    <div class="col-12">
2327        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 30px; color: #333333; font-family: 'Open sans';" open="" sans="" data-mce-style="font-size: 30px; color: #333333; font-family: 'Open sans';">HYACELL</span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 24px; color: #333333;" data-mce-style="font-size: 24px; color: #333333;">Anti-Aging Products from Pharmaceutical Lab</span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #666666;" data-mce-style="color: #666666;">"Our products have been developed to treat specific skin problems. Your skin first has to get used to our products.<br> After a short time you will see impressive results of cellular rejuvenation."</sp
2327an></div>    </div>
2328</div>                                    </div>
2329                                                                        </div>
2330                                                                                                </div>
2331                                            </div>
2332                <!-- end background div -->
2333                
2334            <div  style="position: relative; background-color:#ffffff; " >
2335                                                    <a id="slidebox-47141" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
2336                                                                            <div class="container-fluid">
2337                                                
2338                                                                    <div style="padding-top: 0px; padding-bottom: 0px;">
2339                                                                                                                                                <div >
2340                                        
2341<style type="text/css">
2342    .owlSliderBoxAdv {
2343        margin: 0px -15px;
2344        position: relative;
2345    }
2346    .owlSliderBoxAdv .loader {
2347        transition: all 1s ease 0s;
2348        -webkit-transition: all 1s ease 0s;
2349        -moz-transition: all 1s ease 0s;
2350        -o-transition: all 1s ease 0s;
2351        position: absolute;
2352        top:0;
2353        bottom:0;
2354        left: 0;
2355        right: 0;
2356        width: 50px;
2357    }
2358    .owlSliderBoxAdv .owl-item {
2359        overflow: hidden;
2360    }
2361    .owl-carousel .owl-item img {
2362        max-width: calc(100% + 1px) !important;
2363        width: auto;
2364        margin: 0 auto;
2365    }
2366    .owlSliderBoxAdv .clickable{
2367        cursor: pointer;
2368    }
2369
2370    .owlSliderBoxAdv .owl-dots {
2371        bottom: 10px;
2372        left: 0;
2373        position: absolute;
2374        right: 0;
2375    }
2376    
2377    .owl-theme .owl-nav {
2378        margin-top: 0px;
2379    }
2380    .owlSliderBoxAdv .owl-nav [class*='owl-'] {
2381        background: transparent none repeat scroll 0 0;
2382        height: 45px;
2383        width: 45px;
2384        margin: 0;
2385        padding: 0;
2386        transform: translate3d(0, -50%, 0);
2387        -webkit-transform: translate3d(0, -50%, 0);
2388        -moz-transform: translate3d(0, -50%, 0);
2389        -ms-transform: translate3d(0, -50%, 0);
2390        opacity: 1;
2391        position: absolute;
2392        top: 50%;
2393        z-index: 2;
2394        /* line-height: 88px; */
2395        text-align: left;
2396        border-radius: 0px;
2397    }
2398    @media (max-width: 767px) {
2399        .owlSliderBoxAdv .owl-nav [class*='owl-'] {
2400            display:none;
2401        }
2402    }
2403    /* .owl-theme .owl-nav [class*='owl-']:hover {
2404        background: inherit;
2405    } */
2406    .Mweslide_47141.owlSliderBoxAdv .owl-nav .fa-angle-left,
2407    .Mweslide_47141.owlSliderBoxAdv .owl-nav .fa-angle-right {
2408        color: #85a1bb;
2409    }
2410    .Mweslide_47141.owlSliderBoxAdv .owl-nav .owl-prev {
2411        left: 0;
2412        text-indent: 10px;
2413        border-radius: 50%; opacity:1; border: 2px solid #85a1bb; color: #85a1bb;  background-color: transparent;left: 10px; line-height: 56px; text-indent: 10px;    }
2414    .Mweslide_47141.owlSliderBoxAdv .owl-nav .owl-next {
2415        right: 0;
2416        text-indent: 20px;
2417        border-radius: 50%; opacity:1; border: 2px solid #85a1bb; color: #85a1bb;  background-color: transparent;right: 10px; line-height: 56px; text-indent: 15px;    }
2418    .Mweslide_47141.owlSliderBoxAdv .owl-nav .owl-prev:hover {
2419        border-radius: 50%; opacity:1; border: 2px solid #85a1bb; color: #85a1bb;  background-color: transparent;opacity:0.9;     }
2420    .Mweslide_47141.owlSliderBoxAdv .owl-nav .owl-next:hover {
2421        border-radius: 50%; opacity:1; border: 2px solid #85a1bb; color: #85a1bb;  background-color: transparent;opacity:0.9;     }
2422    .Mweslide_47141.owlSliderBoxAdv .owl-nav{
2423        color: #85a1bb;
2424        font-size: 45px;
2425        vertical-align: middle;
2426    }
2427
2428
2429    .Mweslide_47141.owlSliderBoxAdv .owl-lazy {
2430        height: 300px;
2431        background-repeat: no-repeat;
2432        position: relative;
2433    }
2434    @media (max-width: 768px) {
2435        .Mweslide_47141.owlSliderBoxAdv .owl-lazy {
2436            height: 300px;
2437            background-repeat: no-repeat;
2438            position: relative;
2439        }
2440    }
2441
2442    .owlSliderBoxAdv .item .contentPOS {
2443        position: absolute;
2444        transition: all 450ms ease 0s;
2445        -webkit-transition: all 450ms ease 0s;
2446        -moz-transition: all 450ms ease 0s;
2447        -o-transition: all 450ms ease 0s;
2448        padding: 0px;
2449        display: inline-table;
2450    }
2451
2452    .owlSliderBoxAdv .item .contentEffect {
2453        line-height: 1.42857143;
2454        vertical-align: middle;
2455        display: inline-block;
2456        overflow-wrap: break-word;
2457        width: max-content;
2458        font-size: 16px;
2459    }
2460    .owlSliderBoxAdv .item .contentEffect h2,
2461    .owlSliderBoxAdv .item .contentEffect h3,
2462    .owlSliderBoxAdv .item .contentEffect p,
2463    .owlSliderBoxAdv .item .contentEffect a {
2464        font-family: inherit;
2465        font-size: inherit;
2466        color: inherit;
2467    }
2468    .owlSliderBoxAdv .item .contentEffect p {
2469        margin: 0 0 10px;
2470    }
2471    .owlSliderBoxAdv .item .contentEffect p:last-child {
2472        margin-bottom: 0px;
2473    }
2474
2475                    .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw {
2476            top: 0;
2477            left: 0;
2478            transform: translate3d(0, 0, 0);
2479            -webkit-transform: translate3d(0, 0, 0);
2480            -moz-transform: translate3d(0, 0, 0);
2481            -ms-transform: translate3d(0, 0, 0);
2482            margin-top: 0px;
2483            margin-left: 0px;
2484            margin-right: 0;
2485            margin-bottom: 0;
2486        }
2487        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn {
2488            top: 0;
2489            left: 50%;
2490            transform: translate3d(-50%, 0, 0);
2491            -webkit-transform: translate3d(-50%, 0, 0);
2492            -moz-transform: translate3d(-50%, 0, 0);
2493            -ms-transform: translate3d(-50%, 0, 0);
2494            margin-top: 0px;
2495            margin-left: 0;
2496            margin-right: 0;
2497            margin-bottom: 0;
2498        }
2499        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne {
2500            top: 0;
2501            right: 0;
2502            transform: translate3d(0, 0, 0);
2503            -webkit-transform: translate3d(0, 0, 0);
2504            -moz-transform: translate3d(0, 0, 0);
2505            -ms-transform: translate3d(0, 0, 0);
2506            margin-top: 0px;
2507            margin-right: 0px;
2508            margin-left: 0;
2509            margin-bottom: 0;
2510        }
2511        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe {
2512            top: 50%;
2513            right: 0;
2514            transform: translate3d(0, -50%, 0);
2515            -webkit-transform: translate3d(0, -50%, 0);
2516            -moz-transform: translate3d(0, -50%, 0);
2517            -ms-transform: translate3d(0, -50%, 0);
2518            margin-top: 0;
2519            margin-right: 0px;
2520            margin-left: 0;
2521            margin-bottom: 0;
2522        }
2523        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse {
2524            bottom: 0;
2525            right: 0;
2526            transform: translate3d(0, 0, 0);
2527            -webkit-transform: translate3d(0, 0, 0);
2528            -moz-transform: translate3d(0, 0, 0);
2529            -ms-transform: translate3d(0, 0, 0);
2530            margin-top: 0;
2531            margin-right: 0px;
2532            margin-left: 0;
2533            margin-bottom: 0px;
2534        }
2535        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs {
2536            bottom: 0;
2537            left: 50%;
2538            transform: translate3d(-50%, 0, 0);
2539            -webkit-transform: translate3d(-50%, 0, 0);
2540            -moz-transform: translate3d(-50%, 0, 0);
2541            -ms-transform: translate3d(-50%, 0, 0);
2542            margin-top: 0;
2543            margin-right: 0;
2544            margin-left: 0;
2545            margin-bottom: 0px;
2546        }
2547        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw {
2548            bottom: 0;
2549            left: 0;
2550            transform: translate3d(0, 0, 0);
2551            -webkit-transform: translate3d(0, 0, 0);
2552            -moz-transform: translate3d(0, 0, 0);
2553            -ms-transform: translate3d(0, 0, 0);
2554            margin-top: 0;
2555            margin-right: 0;
2556            margin-left: 0px;
2557            margin-bottom: 0px;
2558        }
2559        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw {
2560            top: 50%;
2561            left: 0;
2562            transform: translate3d(0, -50%, 0);
2563            -webkit-transform: translate3d(0, -50%, 0);
2564            -moz-transform: translate3d(0, -50%, 0);
2565            -ms-transform: translate3d(0, -50%, 0);
2566            margin-top: 0;
2567            margin-right: 0;
2568            margin-left: 0px;
2569            margin-bottom: 0;
2570        }
2571        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc {
2572            top: 50%;
2573            left: 50%;
2574            transform: translate3d(-50%, -50%, 0);
2575            -webkit-transform: translate3d(-50%, -50%, 0);
2576            -moz-transform: translate3d(-50%, -50%, 0);
2577            -ms-transform: translate3d(-50%, -50%, 0);
2578            margin-top: 0;
2579            margin-right: 0;
2580            margin-left: 0;
2581            margin-bottom: 0;
2582        }
2583        @media (max-width: 768px) {
2584                        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw_mobile {
2585                top: 0;
2586                left: 0;
2587                right: auto;
2588                bottom: auto;
2589                transform: translate3d(0, 0, 0);
2590                -webkit-transform: translate3d(0, 0, 0);
2591                -moz-transform: translate3d(0, 0, 0);
2592                -ms-transform: translate3d(0, 0, 0);
2593                margin-top: 0px;
2594                margin-left: 0px;
2595                margin-right: 0;
2596                margin-bottom: 0;
2597            }
2598            .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn_mobile {
2599                top: 0;
2600                left: 50%;
2601                right: auto;
2602                bottom: auto;
2603                transform: translate3d(-50%, 0, 0);
2604                -webkit-transform: translate3d(-50%, 0, 0);
2605                -moz-transform: translate3d(-50%, 0, 0);
2606                -ms-transform: translate3d(-50%, 0, 0);
2607                margin-top: 0px;
2608                margin-left: 0;
2609                margin-right: 0;
2610                margin-bottom: 0;
2611            }
2612            .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne_mobile {
2613                top: 0;
2614                right: 0;
2615                left: auto;
2616                bottom: auto;
2617                transform: translate3d(0, 0, 0);
2618                -webkit-transform: translate3d(0, 0, 0);
2619                -moz-transform: translate3d(0, 0, 0);
2620                -ms-transform: translate3d(0, 0, 0);
2621                margin-top: 0px;
2622                margin-right: 0px;
2623                margin-left: 0;
2624                margin-bottom: 0;
2625            }
2626            .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe_mobile {
2627                top: 50%;
2628                right: 0;
2629                left: auto;
2630                bottom: auto;
2631                transform: translate3d(0, -50%, 0);
2632                -webkit-transform: translate3d(0, -50%, 0);
2633                -moz-transform: translate3d(0, -50%, 0);
2634                -ms-transform: translate3d(0, -50%, 0);
2635                margin-top: 0;
2636                margin-right: 0px;
2637                margin-left: 0;
2638                margin-bottom: 0;
2639            }
2640            .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse_mobile {
2641                bottom: 0;
2642                right: 0;
2643                left: auto;
2644                top: auto;
2645                transform: translate3d(0, 0, 0);
2646                -webkit-transform: translate3d(0, 0, 0);
2647                -moz-transform: translate3d(0, 0, 0);
2648                -ms-transform: translate3d(0, 0, 0);
2649                margin-top: 0;
2650                margin-right: 0px;
2651                margin-left: 0;
2652                margin-bottom: 0px;
2653            }
2654            .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs_mobile {
2655                bottom: 0;
2656                left: 50%;
2657                right: auto;
2658                top: auto;
2659                transform: translate3d(-50%, 0, 0);
2660                -webkit-transform: translate3d(-50%, 0, 0);
2661                -moz-transform: translate3d(-50%, 0, 0);
2662                -ms-transform: translate3d(-50%, 0, 0);
2663                margin-top: 0;
2664                margin-right: 0;
2665                margin-left: 0;
2666                margin-bottom: 0px;
2667            }
2668            .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw_mobile {
2669                bottom: 0;
2670                left: 0;
2671                right: auto;
2672                top: auto;
2673                transform: translate3d(0, 0, 0);
2674                -webkit-transform: translate3d(0, 0, 0);
2675                -moz-transform: translate3d(0, 0, 0);
2676                -ms-transform: translate3d(0, 0, 0);
2677                margin-top: 0;
2678                margin-right: 0;
2679                margin-left: 0px;
2680                margin-bottom: 0px;
2681            }
2682            .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw_mobile {
2683                top: 50%;
2684                left: 0;
2685                right: auto;
2686                bottom: auto;
2687                transform: translate3d(0, -50%, 0);
2688                -webkit-transform: translate3d(0, -50%, 0);
2689                -moz-transform: translate3d(0, -50%, 0);
2690                -ms-transform: translate3d(0, -50%, 0);
2691                margin-top: 0;
2692                margin-right: 0;
2693                margin-left: 0px;
2694                margin-bottom: 0;
2695            }
2696            .Mweslide_47141.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc_mobile {
2697                top: 50%;
2698                left: 50%;
2699                right: auto;
2700                bottom: auto;
2701                transform: translate3d(-50%, -50%, 0);
2702                -webkit-transform: translate3d(-50%, -50%, 0);
2703                -moz-transform: translate3d(-50%, -50%, 0);
2704                -ms-transform: translate3d(-50%, -50%, 0);
2705                margin-top: 0;
2706                margin-right: 0;
2707                margin-left: 0;
2708                margin-bottom: 0;
2709            }
2710        }
2711
2712
2713        .Mweslide_47141.owlSliderBoxAdv .item0 .owl-lazy {
2714            background-size: cover;
2715            background-position: center center;
2716        }
2717        @media (max-width: 768px) {
2718            .Mweslide_47141.owlSliderBoxAdv .item0 .owl-lazy {
2719                background-size: cover;
2720                background-position: center center;
2721            }
2722        }
2723
2724
2725                    .Mweslide_47141.owlSliderBoxAdv .item0 .contentBG {
2726                background-color: 'transparent';
2727            }
2728                @media (max-width: 768px) {
2729                            .Mweslide_47141.owlSliderBoxAdv .item0 .contentBG {
2730                    background-color: 'transparent';
2731                }
2732                    }
2733
2734
2735                .Mweslide_47141.owlSliderBoxAdv .item0 .contentPadding {
2736            padding-top: 15px;
2737            padding-right: 15px;
2738            padding-bottom: 15px;
2739            padding-left: 15px;
2740        }
2741        @media (max-width: 768px) {
2742                        .Mweslide_47141.owlSliderBoxAdv .item0 .contentPadding {
2743                padding-top: 15px;
2744                padding-right: 15px;
2745                padding-bottom: 15px;
2746                padding-left: 15px;
2747            }
2748        }
2749
2750
2751        /* Mobile Scale */
2752                                @media (max-width: 768px) {
2753                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="8"] {
2754                    font-size: 8px !important;
2755                }
2756            }
2757                                @media (max-width: 768px) {
2758                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="9"] {
2759                    font-size: 9px !important;
2760                }
2761            }
2762                                @media (max-width: 768px) {
2763                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="10"] {
2764                    font-size: 10px !important;
2765                }
2766            }
2767                                @media (max-width: 768px) {
2768                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="11"] {
2769                    font-size: 11px !important;
2770                }
2771            }
2772                                @media (max-width: 768px) {
2773                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="12"] {
2774                    font-size: 12px !important;
2775                }
2776            }
2777                                @media (max-width: 768px) {
2778                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="13"] {
2779                    font-size: 13px !important;
2780                }
2781            }
2782                                @media (max-width: 768px) {
2783                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="14"] {
2784                    font-size: 14px !important;
2785                }
2786            }
2787                                @media (max-width: 768px) {
2788                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="15"] {
2789                    font-size: 15px !important;
2790                }
2791            }
2792                                @media (max-width: 768px) {
2793                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="16"] {
2794                    font-size: 16px !important;
2795                }
2796            }
2797                                @media (max-width: 768px) {
2798                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="17"] {
2799                    font-size: 17px !important;
2800                }
2801            }
2802                                @media (max-width: 768px) {
2803                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="18"] {
2804                    font-size: 18px !important;
2805                }
2806            }
2807                                @media (max-width: 768px) {
2808                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="19"] {
2809                    font-size: 19px !important;
2810                }
2811            }
2812                                @media (max-width: 768px) {
2813                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="20"] {
2814                    font-size: 20px !important;
2815                }
2816            }
2817                                @media (max-width: 768px) {
2818                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="22"] {
2819                    font-size: 22px !important;
2820                }
2821            }
2822                                @media (max-width: 768px) {
2823                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="24"] {
2824                    font-size: 24px !important;
2825                }
2826            }
2827                                @media (max-width: 768px) {
2828                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="26"] {
2829                    font-size: 26px !important;
2830                }
2831            }
2832                                @media (max-width: 768px) {
2833                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="28"] {
2834                    font-size: 28px !important;
2835                }
2836            }
2837                                @media (max-width: 768px) {
2838                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="30"] {
2839                    font-size: 30px !important;
2840                }
2841            }
2842                                @media (max-width: 768px) {
2843                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="32"] {
2844                    font-size: 32px !important;
2845                }
2846            }
2847                                @media (max-width: 768px) {
2848                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="34"] {
2849                    font-size: 34px !important;
2850                }
2851            }
2852                                @media (max-width: 768px) {
2853                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="36"] {
2854                    font-size: 36px !important;
2855                }
2856            }
2857                                @media (max-width: 768px) {
2858                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="40"] {
2859                    font-size: 40px !important;
2860                }
2861            }
2862                                @media (max-width: 768px) {
2863                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="44"] {
2864                    font-size: 44px !important;
2865                }
2866            }
2867                                @media (max-width: 768px) {
2868                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="48"] {
2869                    font-size: 48px !important;
2870                }
2871            }
2872                                @media (max-width: 768px) {
2873                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="52"] {
2874                    font-size: 52px !important;
2875                }
2876            }
2877                                @media (max-width: 768px) {
2878                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="56"] {
2879                    font-size: 56px !important;
2880                }
2881            }
2882                                @media (max-width: 768px) {
2883                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="60"] {
2884                    font-size: 60px !important;
2885                }
2886            }
2887                                @media (max-width: 768px) {
2888                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="66"] {
2889                    font-size: 66px !important;
2890                }
2891            }
2892                                @media (max-width: 768px) {
2893                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="72"] {
2894                    font-size: 72px !important;
2895                }
2896            }
2897                                @media (max-width: 768px) {
2898                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="80"] {
2899                    font-size: 80px !important;
2900                }
2901            }
2902                                @media (max-width: 768px) {
2903                .Mweslide_47141.owlSliderBoxAdv .item0 [data-font-size="100"] {
2904                    font-size: 100px !important;
2905                }
2906            }
2907                @media (max-width: 768px) {
2908            .Mweslide_47141.owlSliderBoxAdv .item0 .contentEffect p {
2909                margin-bottom: 10px !important;
2910            }
2911            .Mweslide_47141.owlSliderBoxAdv .item0 .contentEffect img {
2912                transform: scale(1);
2913                -webkit-transform: scale(1);
2914                -moz-transform: scale(1);
2915                -ms-transform: scale(1);
2916            }
2917        }
2918
2919                                @media (max-width: 768px) {
2920                            }
2921                                @media (max-width: 768px) {
2922                            }
2923                                @media (max-width: 768px) {
2924                            }
2925                                @media (max-width: 768px) {
2926                            }
2927                                @media (max-width: 768px) {
2928                            }
2929                            .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw {
2930            top: 0;
2931            left: 0;
2932            transform: translate3d(0, 0, 0);
2933            -webkit-transform: translate3d(0, 0, 0);
2934            -moz-transform: translate3d(0, 0, 0);
2935            -ms-transform: translate3d(0, 0, 0);
2936            margin-top: 0px;
2937            margin-left: 0px;
2938            margin-right: 0;
2939            margin-bottom: 0;
2940        }
2941        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn {
2942            top: 0;
2943            left: 50%;
2944            transform: translate3d(-50%, 0, 0);
2945            -webkit-transform: translate3d(-50%, 0, 0);
2946            -moz-transform: translate3d(-50%, 0, 0);
2947            -ms-transform: translate3d(-50%, 0, 0);
2948            margin-top: 0px;
2949            margin-left: 0;
2950            margin-right: 0;
2951            margin-bottom: 0;
2952        }
2953        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne {
2954            top: 0;
2955            right: 0;
2956            transform: translate3d(0, 0, 0);
2957            -webkit-transform: translate3d(0, 0, 0);
2958            -moz-transform: translate3d(0, 0, 0);
2959            -ms-transform: translate3d(0, 0, 0);
2960            margin-top: 0px;
2961            margin-right: 0px;
2962            margin-left: 0;
2963            margin-bottom: 0;
2964        }
2965        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe {
2966            top: 50%;
2967            right: 0;
2968            transform: translate3d(0, -50%, 0);
2969            -webkit-transform: translate3d(0, -50%, 0);
2970            -moz-transform: translate3d(0, -50%, 0);
2971            -ms-transform: translate3d(0, -50%, 0);
2972            margin-top: 0;
2973            margin-right: 0px;
2974            margin-left: 0;
2975            margin-bottom: 0;
2976        }
2977        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse {
2978            bottom: 0;
2979            right: 0;
2980            transform: translate3d(0, 0, 0);
2981            -webkit-transform: translate3d(0, 0, 0);
2982            -moz-transform: translate3d(0, 0, 0);
2983            -ms-transform: translate3d(0, 0, 0);
2984            margin-top: 0;
2985            margin-right: 0px;
2986            margin-left: 0;
2987            margin-bottom: 0px;
2988        }
2989        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs {
2990            bottom: 0;
2991            left: 50%;
2992            transform: translate3d(-50%, 0, 0);
2993            -webkit-transform: translate3d(-50%, 0, 0);
2994            -moz-transform: translate3d(-50%, 0, 0);
2995            -ms-transform: translate3d(-50%, 0, 0);
2996            margin-top: 0;
2997            margin-right: 0;
2998            margin-left: 0;
2999            margin-bottom: 0px;
3000        }
3001        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw {
3002            bottom: 0;
3003            left: 0;
3004            transform: translate3d(0, 0, 0);
3005            -webkit-transform: translate3d(0, 0, 0);
3006            -moz-transform: translate3d(0, 0, 0);
3007            -ms-transform: translate3d(0, 0, 0);
3008            margin-top: 0;
3009            margin-right: 0;
3010            margin-left: 0px;
3011            margin-bottom: 0px;
3012        }
3013        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw {
3014            top: 50%;
3015            left: 0;
3016            transform: translate3d(0, -50%, 0);
3017            -webkit-transform: translate3d(0, -50%, 0);
3018            -moz-transform: translate3d(0, -50%, 0);
3019            -ms-transform: translate3d(0, -50%, 0);
3020            margin-top: 0;
3021            margin-right: 0;
3022            margin-left: 0px;
3023            margin-bottom: 0;
3024        }
3025        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc {
3026            top: 50%;
3027            left: 50%;
3028            transform: translate3d(-50%, -50%, 0);
3029            -webkit-transform: translate3d(-50%, -50%, 0);
3030            -moz-transform: translate3d(-50%, -50%, 0);
3031            -ms-transform: translate3d(-50%, -50%, 0);
3032            margin-top: 0;
3033            margin-right: 0;
3034            margin-left: 0;
3035            margin-bottom: 0;
3036        }
3037        @media (max-width: 768px) {
3038                        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw_mobile {
3039                top: 0;
3040                left: 0;
3041                right: auto;
3042                bottom: auto;
3043                transform: translate3d(0, 0, 0);
3044                -webkit-transform: translate3d(0, 0, 0);
3045                -moz-transform: translate3d(0, 0, 0);
3046                -ms-transform: translate3d(0, 0, 0);
3047                margin-top: 0px;
3048                margin-left: 0px;
3049                margin-right: 0;
3050                margin-bottom: 0;
3051            }
3052            .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn_mobile {
3053                top: 0;
3054                left: 50%;
3055                right: auto;
3056                bottom: auto;
3057                transform: translate3d(-50%, 0, 0);
3058                -webkit-transform: translate3d(-50%, 0, 0);
3059                -moz-transform: translate3d(-50%, 0, 0);
3060                -ms-transform: translate3d(-50%, 0, 0);
3061                margin-top: 0px;
3062                margin-left: 0;
3063                margin-right: 0;
3064                margin-bottom: 0;
3065            }
3066            .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne_mobile {
3067                top: 0;
3068                right: 0;
3069                left: auto;
3070                bottom: auto;
3071                transform: translate3d(0, 0, 0);
3072                -webkit-transform: translate3d(0, 0, 0);
3073                -moz-transform: translate3d(0, 0, 0);
3074                -ms-transform: translate3d(0, 0, 0);
3075                margin-top: 0px;
3076                margin-right: 0px;
3077                margin-left: 0;
3078                margin-bottom: 0;
3079            }
3080            .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe_mobile {
3081                top: 50%;
3082                right: 0;
3083                left: auto;
3084                bottom: auto;
3085                transform: translate3d(0, -50%, 0);
3086                -webkit-transform: translate3d(0, -50%, 0);
3087                -moz-transform: translate3d(0, -50%, 0);
3088                -ms-transform: translate3d(0, -50%, 0);
3089                margin-top: 0;
3090                margin-right: 0px;
3091                margin-left: 0;
3092                margin-bottom: 0;
3093            }
3094            .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse_mobile {
3095                bottom: 0;
3096                right: 0;
3097                left: auto;
3098                top: auto;
3099                transform: translate3d(0, 0, 0);
3100                -webkit-transform: translate3d(0, 0, 0);
3101                -moz-transform: translate3d(0, 0, 0);
3102                -ms-transform: translate3d(0, 0, 0);
3103                margin-top: 0;
3104                margin-right: 0px;
3105                margin-left: 0;
3106                margin-bottom: 0px;
3107            }
3108            .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs_mobile {
3109                bottom: 0;
3110                left: 50%;
3111                right: auto;
3112                top: auto;
3113                transform: translate3d(-50%, 0, 0);
3114                -webkit-transform: translate3d(-50%, 0, 0);
3115                -moz-transform: translate3d(-50%, 0, 0);
3116                -ms-transform: translate3d(-50%, 0, 0);
3117                margin-top: 0;
3118                margin-right: 0;
3119                margin-left: 0;
3120                margin-bottom: 0px;
3121            }
3122            .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw_mobile {
3123                bottom: 0;
3124                left: 0;
3125                right: auto;
3126                top: auto;
3127                transform: translate3d(0, 0, 0);
3128                -webkit-transform: translate3d(0, 0, 0);
3129                -moz-transform: translate3d(0, 0, 0);
3130                -ms-transform: translate3d(0, 0, 0);
3131                margin-top: 0;
3132                margin-right: 0;
3133                margin-left: 0px;
3134                margin-bottom: 0px;
3135            }
3136            .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw_mobile {
3137                top: 50%;
3138                left: 0;
3139                right: auto;
3140                bottom: auto;
3141                transform: translate3d(0, -50%, 0);
3142                -webkit-transform: translate3d(0, -50%, 0);
3143                -moz-transform: translate3d(0, -50%, 0);
3144                -ms-transform: translate3d(0, -50%, 0);
3145                margin-top: 0;
3146                margin-right: 0;
3147                margin-left: 0px;
3148                margin-bottom: 0;
3149            }
3150            .Mweslide_47141.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc_mobile {
3151                top: 50%;
3152                left: 50%;
3153                right: auto;
3154                bottom: auto;
3155                transform: translate3d(-50%, -50%, 0);
3156                -webkit-transform: translate3d(-50%, -50%, 0);
3157                -moz-transform: translate3d(-50%, -50%, 0);
3158                -ms-transform: translate3d(-50%, -50%, 0);
3159                margin-top: 0;
3160                margin-right: 0;
3161                margin-left: 0;
3162                margin-bottom: 0;
3163            }
3164        }
3165
3166
3167        .Mweslide_47141.owlSliderBoxAdv .item1 .owl-lazy {
3168            background-size: cover;
3169            background-position: center center;
3170        }
3171        @media (max-width: 768px) {
3172            .Mweslide_47141.owlSliderBoxAdv .item1 .owl-lazy {
3173                background-size: cover;
3174                background-position: center center;
3175            }
3176        }
3177
3178
3179                    .Mweslide_47141.owlSliderBoxAdv .item1 .contentBG {
3180                background-color: 'transparent';
3181            }
3182                @media (max-width: 768px) {
3183                            .Mweslide_47141.owlSliderBoxAdv .item1 .contentBG {
3184                    background-color: 'transparent';
3185                }
3186                    }
3187
3188
3189                .Mweslide_47141.owlSliderBoxAdv .item1 .contentPadding {
3190            padding-top: 15px;
3191            padding-right: 15px;
3192            padding-bottom: 15px;
3193            padding-left: 15px;
3194        }
3195        @media (max-width: 768px) {
3196                        .Mweslide_47141.owlSliderBoxAdv .item1 .contentPadding {
3197                padding-top: 15px;
3198                padding-right: 15px;
3199                padding-bottom: 15px;
3200                padding-left: 15px;
3201            }
3202        }
3203
3204
3205        /* Mobile Scale */
3206                                @media (max-width: 768px) {
3207                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="8"] {
3208                    font-size: 8px !important;
3209                }
3210            }
3211                                @media (max-width: 768px) {
3212                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="9"] {
3213                    font-size: 9px !important;
3214                }
3215            }
3216                                @media (max-width: 768px) {
3217                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="10"] {
3218                    font-size: 10px !important;
3219                }
3220            }
3221                                @media (max-width: 768px) {
3222                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="11"] {
3223                    font-size: 11px !important;
3224                }
3225            }
3226                                @media (max-width: 768px) {
3227                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="12"] {
3228                    font-size: 12px !important;
3229                }
3230            }
3231                                @media (max-width: 768px) {
3232                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="13"] {
3233                    font-size: 13px !important;
3234                }
3235            }
3236                                @media (max-width: 768px) {
3237                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="14"] {
3238                    font-size: 14px !important;
3239                }
3240            }
3241                                @media (max-width: 768px) {
3242                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="15"] {
3243                    font-size: 15px !important;
3244                }
3245            }
3246                                @media (max-width: 768px) {
3247                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="16"] {
3248                    font-size: 16px !important;
3249                }
3250            }
3251                                @media (max-width: 768px) {
3252                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="17"] {
3253                    font-size: 17px !important;
3254                }
3255            }
3256                                @media (max-width: 768px) {
3257                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="18"] {
3258                    font-size: 18px !important;
3259                }
3260            }
3261                                @media (max-width: 768px) {
3262                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="19"] {
3263                    font-size: 19px !important;
3264                }
3265            }
3266                                @media (max-width: 768px) {
3267                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="20"] {
3268                    font-size: 20px !important;
3269                }
3270            }
3271                                @media (max-width: 768px) {
3272                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="22"] {
3273                    font-size: 22px !important;
3274                }
3275            }
3276                                @media (max-width: 768px) {
3277                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="24"] {
3278                    font-size: 24px !important;
3279                }
3280            }
3281                                @media (max-width: 768px) {
3282                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="26"] {
3283                    font-size: 26px !important;
3284                }
3285            }
3286                                @media (max-width: 768px) {
3287                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="28"] {
3288                    font-size: 28px !important;
3289                }
3290            }
3291                                @media (max-width: 768px) {
3292                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="30"] {
3293                    font-size: 30px !important;
3294                }
3295            }
3296                                @media (max-width: 768px) {
3297                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="32"] {
3298                    font-size: 32px !important;
3299                }
3300            }
3301                                @media (max-width: 768px) {
3302                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="34"] {
3303                    font-size: 34px !important;
3304                }
3305            }
3306                                @media (max-width: 768px) {
3307                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="36"] {
3308                    font-size: 36px !important;
3309                }
3310            }
3311                                @media (max-width: 768px) {
3312                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="40"] {
3313                    font-size: 40px !important;
3314                }
3315            }
3316                                @media (max-width: 768px) {
3317                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="44"] {
3318                    font-size: 44px !important;
3319                }
3320            }
3321                                @media (max-width: 768px) {
3322                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="48"] {
3323                    font-size: 48px !important;
3324                }
3325            }
3326                                @media (max-width: 768px) {
3327                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="52"] {
3328                    font-size: 52px !important;
3329                }
3330            }
3331                                @media (max-width: 768px) {
3332                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="56"] {
3333                    font-size: 56px !important;
3334                }
3335            }
3336                                @media (max-width: 768px) {
3337                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="60"] {
3338                    font-size: 60px !important;
3339                }
3340            }
3341                                @media (max-width: 768px) {
3342                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="66"] {
3343                    font-size: 66px !important;
3344                }
3345            }
3346                                @media (max-width: 768px) {
3347                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="72"] {
3348                    font-size: 72px !important;
3349                }
3350            }
3351                                @media (max-width: 768px) {
3352                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="80"] {
3353                    font-size: 80px !important;
3354                }
3355            }
3356                                @media (max-width: 768px) {
3357                .Mweslide_47141.owlSliderBoxAdv .item1 [data-font-size="100"] {
3358                    font-size: 100px !important;
3359                }
3360            }
3361                @media (max-width: 768px) {
3362            .Mweslide_47141.owlSliderBoxAdv .item1 .contentEffect p {
3363                margin-bottom: 10px !important;
3364            }
3365            .Mweslide_47141.owlSliderBoxAdv .item1 .contentEffect img {
3366                transform: scale(1);
3367                -webkit-transform: scale(1);
3368                -moz-transform: scale(1);
3369                -ms-transform: scale(1);
3370            }
3371        }
3372
3373                                @media (max-width: 768px) {
3374                            }
3375                                @media (max-width: 768px) {
3376                            }
3377                                @media (max-width: 768px) {
3378                            }
3379                                @media (max-width: 768px) {
3380                            }
3381                                @media (max-width: 768px) {
3382                            }
3383                            .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw {
3384            top: 0;
3385            left: 0;
3386            transform: translate3d(0, 0, 0);
3387            -webkit-transform: translate3d(0, 0, 0);
3388            -moz-transform: translate3d(0, 0, 0);
3389            -ms-transform: translate3d(0, 0, 0);
3390            margin-top: 0px;
3391            margin-left: 0px;
3392            margin-right: 0;
3393            margin-bottom: 0;
3394        }
3395        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn {
3396            top: 0;
3397            left: 50%;
3398            transform: translate3d(-50%, 0, 0);
3399            -webkit-transform: translate3d(-50%, 0, 0);
3400            -moz-transform: translate3d(-50%, 0, 0);
3401            -ms-transform: translate3d(-50%, 0, 0);
3402            margin-top: 0px;
3403            margin-left: 0;
3404            margin-right: 0;
3405            margin-bottom: 0;
3406        }
3407        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne {
3408            top: 0;
3409            right: 0;
3410            transform: translate3d(0, 0, 0);
3411            -webkit-transform: translate3d(0, 0, 0);
3412            -moz-transform: translate3d(0, 0, 0);
3413            -ms-transform: translate3d(0, 0, 0);
3414            margin-top: 0px;
3415            margin-right: 0px;
3416            margin-left: 0;
3417            margin-bottom: 0;
3418        }
3419        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe {
3420            top: 50%;
3421            right: 0;
3422            transform: translate3d(0, -50%, 0);
3423            -webkit-transform: translate3d(0, -50%, 0);
3424            -moz-transform: translate3d(0, -50%, 0);
3425            -ms-transform: translate3d(0, -50%, 0);
3426            margin-top: 0;
3427            margin-right: 0px;
3428            margin-left: 0;
3429            margin-bottom: 0;
3430        }
3431        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse {
3432            bottom: 0;
3433            right: 0;
3434            transform: translate3d(0, 0, 0);
3435            -webkit-transform: translate3d(0, 0, 0);
3436            -moz-transform: translate3d(0, 0, 0);
3437            -ms-transform: translate3d(0, 0, 0);
3438            margin-top: 0;
3439            margin-right: 0px;
3440            margin-left: 0;
3441            margin-bottom: 0px;
3442        }
3443        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs {
3444            bottom: 0;
3445            left: 50%;
3446            transform: translate3d(-50%, 0, 0);
3447            -webkit-transform: translate3d(-50%, 0, 0);
3448            -moz-transform: translate3d(-50%, 0, 0);
3449            -ms-transform: translate3d(-50%, 0, 0);
3450            margin-top: 0;
3451            margin-right: 0;
3452            margin-left: 0;
3453            margin-bottom: 0px;
3454        }
3455        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw {
3456            bottom: 0;
3457            left: 0;
3458            transform: translate3d(0, 0, 0);
3459            -webkit-transform: translate3d(0, 0, 0);
3460            -moz-transform: translate3d(0, 0, 0);
3461            -ms-transform: translate3d(0, 0, 0);
3462            margin-top: 0;
3463            margin-right: 0;
3464            margin-left: 0px;
3465            margin-bottom: 0px;
3466        }
3467        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw {
3468            top: 50%;
3469            left: 0;
3470            transform: translate3d(0, -50%, 0);
3471            -webkit-transform: translate3d(0, -50%, 0);
3472            -moz-transform: translate3d(0, -50%, 0);
3473            -ms-transform: translate3d(0, -50%, 0);
3474            margin-top: 0;
3475            margin-right: 0;
3476            margin-left: 0px;
3477            margin-bottom: 0;
3478        }
3479        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc {
3480            top: 50%;
3481            left: 50%;
3482            transform: translate3d(-50%, -50%, 0);
3483            -webkit-transform: translate3d(-50%, -50%, 0);
3484            -moz-transform: translate3d(-50%, -50%, 0);
3485            -ms-transform: translate3d(-50%, -50%, 0);
3486            margin-top: 0;
3487            margin-right: 0;
3488            margin-left: 0;
3489            margin-bottom: 0;
3490        }
3491        @media (max-width: 768px) {
3492                        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw_mobile {
3493                top: 0;
3494                left: 0;
3495                right: auto;
3496                bottom: auto;
3497                transform: translate3d(0, 0, 0);
3498                -webkit-transform: translate3d(0, 0, 0);
3499                -moz-transform: translate3d(0, 0, 0);
3500                -ms-transform: translate3d(0, 0, 0);
3501                margin-top: 0px;
3502                margin-left: 0px;
3503                margin-right: 0;
3504                margin-bottom: 0;
3505            }
3506            .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn_mobile {
3507                top: 0;
3508                left: 50%;
3509                right: auto;
3510                bottom: auto;
3511                transform: translate3d(-50%, 0, 0);
3512                -webkit-transform: translate3d(-50%, 0, 0);
3513                -moz-transform: translate3d(-50%, 0, 0);
3514                -ms-transform: translate3d(-50%, 0, 0);
3515                margin-top: 0px;
3516                margin-left: 0;
3517                margin-right: 0;
3518                margin-bottom: 0;
3519            }
3520            .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne_mobile {
3521                top: 0;
3522                right: 0;
3523                left: auto;
3524                bottom: auto;
3525                transform: translate3d(0, 0, 0);
3526                -webkit-transform: translate3d(0, 0, 0);
3527                -moz-transform: translate3d(0, 0, 0);
3528                -ms-transform: translate3d(0, 0, 0);
3529                margin-top: 0px;
3530                margin-right: 0px;
3531                margin-left: 0;
3532                margin-bottom: 0;
3533            }
3534            .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe_mobile {
3535                top: 50%;
3536                right: 0;
3537                left: auto;
3538                bottom: auto;
3539                transform: translate3d(0, -50%, 0);
3540                -webkit-transform: translate3d(0, -50%, 0);
3541                -moz-transform: translate3d(0, -50%, 0);
3542                -ms-transform: translate3d(0, -50%, 0);
3543                margin-top: 0;
3544                margin-right: 0px;
3545                margin-left: 0;
3546                margin-bottom: 0;
3547            }
3548            .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse_mobile {
3549                bottom: 0;
3550                right: 0;
3551                left: auto;
3552                top: auto;
3553                transform: translate3d(0, 0, 0);
3554                -webkit-transform: translate3d(0, 0, 0);
3555                -moz-transform: translate3d(0, 0, 0);
3556                -ms-transform: translate3d(0, 0, 0);
3557                margin-top: 0;
3558                margin-right: 0px;
3559                margin-left: 0;
3560                margin-bottom: 0px;
3561            }
3562            .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs_mobile {
3563                bottom: 0;
3564                left: 50%;
3565                right: auto;
3566                top: auto;
3567                transform: translate3d(-50%, 0, 0);
3568                -webkit-transform: translate3d(-50%, 0, 0);
3569                -moz-transform: translate3d(-50%, 0, 0);
3570                -ms-transform: translate3d(-50%, 0, 0);
3571                margin-top: 0;
3572                margin-right: 0;
3573                margin-left: 0;
3574                margin-bottom: 0px;
3575            }
3576            .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw_mobile {
3577                bottom: 0;
3578                left: 0;
3579                right: auto;
3580                top: auto;
3581                transform: translate3d(0, 0, 0);
3582                -webkit-transform: translate3d(0, 0, 0);
3583                -moz-transform: translate3d(0, 0, 0);
3584                -ms-transform: translate3d(0, 0, 0);
3585                margin-top: 0;
3586                margin-right: 0;
3587                margin-left: 0px;
3588                margin-bottom: 0px;
3589            }
3590            .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw_mobile {
3591                top: 50%;
3592                left: 0;
3593                right: auto;
3594                bottom: auto;
3595                transform: translate3d(0, -50%, 0);
3596                -webkit-transform: translate3d(0, -50%, 0);
3597                -moz-transform: translate3d(0, -50%, 0);
3598                -ms-transform: translate3d(0, -50%, 0);
3599                margin-top: 0;
3600                margin-right: 0;
3601                margin-left: 0px;
3602                margin-bottom: 0;
3603            }
3604            .Mweslide_47141.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc_mobile {
3605                top: 50%;
3606                left: 50%;
3607                right: auto;
3608                bottom: auto;
3609                transform: translate3d(-50%, -50%, 0);
3610                -webkit-transform: translate3d(-50%, -50%, 0);
3611                -moz-transform: translate3d(-50%, -50%, 0);
3612                -ms-transform: translate3d(-50%, -50%, 0);
3613                margin-top: 0;
3614                margin-right: 0;
3615                margin-left: 0;
3616                margin-bottom: 0;
3617            }
3618        }
3619
3620
3621        .Mweslide_47141.owlSliderBoxAdv .item2 .owl-lazy {
3622            background-size: cover;
3623            background-position: center center;
3624        }
3625        @media (max-width: 768px) {
3626            .Mweslide_47141.owlSliderBoxAdv .item2 .owl-lazy {
3627                background-size: cover;
3628                background-position: center center;
3629            }
3630        }
3631
3632
3633                    .Mweslide_47141.owlSliderBoxAdv .item2 .contentBG {
3634                background-color: 'transparent';
3635            }
3636                @media (max-width: 768px) {
3637                            .Mweslide_47141.owlSliderBoxAdv .item2 .contentBG {
3638                    background-color: 'transparent';
3639                }
3640                    }
3641
3642
3643                .Mweslide_47141.owlSliderBoxAdv .item2 .contentPadding {
3644            padding-top: 15px;
3645            padding-right: 15px;
3646            padding-bottom: 15px;
3647            padding-left: 15px;
3648        }
3649        @media (max-width: 768px) {
3650                        .Mweslide_47141.owlSliderBoxAdv .item2 .contentPadding {
3651                padding-top: 15px;
3652                padding-right: 15px;
3653                padding-bottom: 15px;
3654                padding-left: 15px;
3655            }
3656        }
3657
3658
3659        /* Mobile Scale */
3660                                @media (max-width: 768px) {
3661                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="8"] {
3662                    font-size: 8px !important;
3663                }
3664            }
3665                                @media (max-width: 768px) {
3666                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="9"] {
3667                    font-size: 9px !important;
3668                }
3669            }
3670                                @media (max-width: 768px) {
3671                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="10"] {
3672                    font-size: 10px !important;
3673                }
3674            }
3675                                @media (max-width: 768px) {
3676                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="11"] {
3677                    font-size: 11px !important;
3678                }
3679            }
3680                                @media (max-width: 768px) {
3681                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="12"] {
3682                    font-size: 12px !important;
3683                }
3684            }
3685                                @media (max-width: 768px) {
3686                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="13"] {
3687                    font-size: 13px !important;
3688                }
3689            }
3690                                @media (max-width: 768px) {
3691                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="14"] {
3692                    font-size: 14px !important;
3693                }
3694            }
3695                                @media (max-width: 768px) {
3696                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="15"] {
3697                    font-size: 15px !important;
3698                }
3699            }
3700                                @media (max-width: 768px) {
3701                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="16"] {
3702                    font-size: 16px !important;
3703                }
3704            }
3705                                @media (max-width: 768px) {
3706                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="17"] {
3707                    font-size: 17px !important;
3708                }
3709            }
3710                                @media (max-width: 768px) {
3711                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="18"] {
3712                    font-size: 18px !important;
3713                }
3714            }
3715                                @media (max-width: 768px) {
3716                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="19"] {
3717                    font-size: 19px !important;
3718                }
3719            }
3720                                @media (max-width: 768px) {
3721                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="20"] {
3722                    font-size: 20px !important;
3723                }
3724            }
3725                                @media (max-width: 768px) {
3726                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="22"] {
3727                    font-size: 22px !important;
3728                }
3729            }
3730                                @media (max-width: 768px) {
3731                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="24"] {
3732                    font-size: 24px !important;
3733                }
3734            }
3735                                @media (max-width: 768px) {
3736                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="26"] {
3737                    font-size: 26px !important;
3738                }
3739            }
3740                                @media (max-width: 768px) {
3741                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="28"] {
3742                    font-size: 28px !important;
3743                }
3744            }
3745                                @media (max-width: 768px) {
3746                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="30"] {
3747                    font-size: 30px !important;
3748                }
3749            }
3750                                @media (max-width: 768px) {
3751                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="32"] {
3752                    font-size: 32px !important;
3753                }
3754            }
3755                                @media (max-width: 768px) {
3756                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="34"] {
3757                    font-size: 34px !important;
3758                }
3759            }
3760                                @media (max-width: 768px) {
3761                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="36"] {
3762                    font-size: 36px !important;
3763                }
3764            }
3765                                @media (max-width: 768px) {
3766                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="40"] {
3767                    font-size: 40px !important;
3768                }
3769            }
3770                                @media (max-width: 768px) {
3771                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="44"] {
3772                    font-size: 44px !important;
3773                }
3774            }
3775                                @media (max-width: 768px) {
3776                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="48"] {
3777                    font-size: 48px !important;
3778                }
3779            }
3780                                @media (max-width: 768px) {
3781                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="52"] {
3782                    font-size: 52px !important;
3783                }
3784            }
3785                                @media (max-width: 768px) {
3786                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="56"] {
3787                    font-size: 56px !important;
3788                }
3789            }
3790                                @media (max-width: 768px) {
3791                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="60"] {
3792                    font-size: 60px !important;
3793                }
3794            }
3795                                @media (max-width: 768px) {
3796                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="66"] {
3797                    font-size: 66px !important;
3798                }
3799            }
3800                                @media (max-width: 768px) {
3801                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="72"] {
3802                    font-size: 72px !important;
3803                }
3804            }
3805                                @media (max-width: 768px) {
3806                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="80"] {
3807                    font-size: 80px !important;
3808                }
3809            }
3810                                @media (max-width: 768px) {
3811                .Mweslide_47141.owlSliderBoxAdv .item2 [data-font-size="100"] {
3812                    font-size: 100px !important;
3813                }
3814            }
3815                @media (max-width: 768px) {
3816            .Mweslide_47141.owlSliderBoxAdv .item2 .contentEffect p {
3817                margin-bottom: 10px !important;
3818            }
3819            .Mweslide_47141.owlSliderBoxAdv .item2 .contentEffect img {
3820                transform: scale(1);
3821                -webkit-transform: scale(1);
3822                -moz-transform: scale(1);
3823                -ms-transform: scale(1);
3824            }
3825        }
3826
3827                                @media (max-width: 768px) {
3828                            }
3829                                @media (max-width: 768px) {
3830                            }
3831                                @media (max-width: 768px) {
3832                            }
3833                                @media (max-width: 768px) {
3834                            }
3835                                @media (max-width: 768px) {
3836                            }
3837                            .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSnw {
3838            top: 0;
3839            left: 0;
3840            transform: translate3d(0, 0, 0);
3841            -webkit-transform: translate3d(0, 0, 0);
3842            -moz-transform: translate3d(0, 0, 0);
3843            -ms-transform: translate3d(0, 0, 0);
3844            margin-top: 0px;
3845            margin-left: 0px;
3846            margin-right: 0;
3847            margin-bottom: 0;
3848        }
3849        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSn {
3850            top: 0;
3851            left: 50%;
3852            transform: translate3d(-50%, 0, 0);
3853            -webkit-transform: translate3d(-50%, 0, 0);
3854            -moz-transform: translate3d(-50%, 0, 0);
3855            -ms-transform: translate3d(-50%, 0, 0);
3856            margin-top: 0px;
3857            margin-left: 0;
3858            margin-right: 0;
3859            margin-bottom: 0;
3860        }
3861        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSne {
3862            top: 0;
3863            right: 0;
3864            transform: translate3d(0, 0, 0);
3865            -webkit-transform: translate3d(0, 0, 0);
3866            -moz-transform: translate3d(0, 0, 0);
3867            -ms-transform: translate3d(0, 0, 0);
3868            margin-top: 0px;
3869            margin-right: 0px;
3870            margin-left: 0;
3871            margin-bottom: 0;
3872        }
3873        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSe {
3874            top: 50%;
3875            right: 0;
3876            transform: translate3d(0, -50%, 0);
3877            -webkit-transform: translate3d(0, -50%, 0);
3878            -moz-transform: translate3d(0, -50%, 0);
3879            -ms-transform: translate3d(0, -50%, 0);
3880            margin-top: 0;
3881            margin-right: 0px;
3882            margin-left: 0;
3883            margin-bottom: 0;
3884        }
3885        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSse {
3886            bottom: 0;
3887            right: 0;
3888            transform: translate3d(0, 0, 0);
3889            -webkit-transform: translate3d(0, 0, 0);
3890            -moz-transform: translate3d(0, 0, 0);
3891            -ms-transform: translate3d(0, 0, 0);
3892            margin-top: 0;
3893            margin-right: 0px;
3894            margin-left: 0;
3895            margin-bottom: 0px;
3896        }
3897        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSs {
3898            bottom: 0;
3899            left: 50%;
3900            transform: translate3d(-50%, 0, 0);
3901            -webkit-transform: translate3d(-50%, 0, 0);
3902            -moz-transform: translate3d(-50%, 0, 0);
3903            -ms-transform: translate3d(-50%, 0, 0);
3904            margin-top: 0;
3905            margin-right: 0;
3906            margin-left: 0;
3907            margin-bottom: 0px;
3908        }
3909        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSsw {
3910            bottom: 0;
3911            left: 0;
3912            transform: translate3d(0, 0, 0);
3913            -webkit-transform: translate3d(0, 0, 0);
3914            -moz-transform: translate3d(0, 0, 0);
3915            -ms-transform: translate3d(0, 0, 0);
3916            margin-top: 0;
3917            margin-right: 0;
3918            margin-left: 0px;
3919            margin-bottom: 0px;
3920        }
3921        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSw {
3922            top: 50%;
3923            left: 0;
3924            transform: translate3d(0, -50%, 0);
3925            -webkit-transform: translate3d(0, -50%, 0);
3926            -moz-transform: translate3d(0, -50%, 0);
3927            -ms-transform: translate3d(0, -50%, 0);
3928            margin-top: 0;
3929            margin-right: 0;
3930            margin-left: 0px;
3931            margin-bottom: 0;
3932        }
3933        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSc {
3934            top: 50%;
3935            left: 50%;
3936            transform: translate3d(-50%, -50%, 0);
3937            -webkit-transform: translate3d(-50%, -50%, 0);
3938            -moz-transform: translate3d(-50%, -50%, 0);
3939            -ms-transform: translate3d(-50%, -50%, 0);
3940            margin-top: 0;
3941            margin-right: 0;
3942            margin-left: 0;
3943            margin-bottom: 0;
3944        }
3945        @media (max-width: 768px) {
3946                        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSnw_mobile {
3947                top: 0;
3948                left: 0;
3949                right: auto;
3950                bottom: auto;
3951                transform: translate3d(0, 0, 0);
3952                -webkit-transform: translate3d(0, 0, 0);
3953                -moz-transform: translate3d(0, 0, 0);
3954                -ms-transform: translate3d(0, 0, 0);
3955                margin-top: 0px;
3956                margin-left: 0px;
3957                margin-right: 0;
3958                margin-bottom: 0;
3959            }
3960            .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSn_mobile {
3961                top: 0;
3962                left: 50%;
3963                right: auto;
3964                bottom: auto;
3965                transform: translate3d(-50%, 0, 0);
3966                -webkit-transform: translate3d(-50%, 0, 0);
3967                -moz-transform: translate3d(-50%, 0, 0);
3968                -ms-transform: translate3d(-50%, 0, 0);
3969                margin-top: 0px;
3970                margin-left: 0;
3971                margin-right: 0;
3972                margin-bottom: 0;
3973            }
3974            .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSne_mobile {
3975                top: 0;
3976                right: 0;
3977                left: auto;
3978                bottom: auto;
3979                transform: translate3d(0, 0, 0);
3980                -webkit-transform: translate3d(0, 0, 0);
3981                -moz-transform: translate3d(0, 0, 0);
3982                -ms-transform: translate3d(0, 0, 0);
3983                margin-top: 0px;
3984                margin-right: 0px;
3985                margin-left: 0;
3986                margin-bottom: 0;
3987            }
3988            .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSe_mobile {
3989                top: 50%;
3990                right: 0;
3991                left: auto;
3992                bottom: auto;
3993                transform: translate3d(0, -50%, 0);
3994                -webkit-transform: translate3d(0, -50%, 0);
3995                -moz-transform: translate3d(0, -50%, 0);
3996                -ms-transform: translate3d(0, -50%, 0);
3997                margin-top: 0;
3998                margin-right: 0px;
3999                margin-left: 0;
4000                margin-bottom: 0;
4001            }
4002            .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSse_mobile {
4003                bottom: 0;
4004                right: 0;
4005                left: auto;
4006                top: auto;
4007                transform: translate3d(0, 0, 0);
4008                -webkit-transform: translate3d(0, 0, 0);
4009                -moz-transform: translate3d(0, 0, 0);
4010                -ms-transform: translate3d(0, 0, 0);
4011                margin-top: 0;
4012                margin-right: 0px;
4013                margin-left: 0;
4014                margin-bottom: 0px;
4015            }
4016            .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSs_mobile {
4017                bottom: 0;
4018                left: 50%;
4019                right: auto;
4020                top: auto;
4021                transform: translate3d(-50%, 0, 0);
4022                -webkit-transform: translate3d(-50%, 0, 0);
4023                -moz-transform: translate3d(-50%, 0, 0);
4024                -ms-transform: translate3d(-50%, 0, 0);
4025                margin-top: 0;
4026                margin-right: 0;
4027                margin-left: 0;
4028                margin-bottom: 0px;
4029            }
4030            .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSsw_mobile {
4031                bottom: 0;
4032                left: 0;
4033                right: auto;
4034                top: auto;
4035                transform: translate3d(0, 0, 0);
4036                -webkit-transform: translate3d(0, 0, 0);
4037                -moz-transform: translate3d(0, 0, 0);
4038                -ms-transform: translate3d(0, 0, 0);
4039                margin-top: 0;
4040                margin-right: 0;
4041                margin-left: 0px;
4042                margin-bottom: 0px;
4043            }
4044            .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSw_mobile {
4045                top: 50%;
4046                left: 0;
4047                right: auto;
4048                bottom: auto;
4049                transform: translate3d(0, -50%, 0);
4050                -webkit-transform: translate3d(0, -50%, 0);
4051                -moz-transform: translate3d(0, -50%, 0);
4052                -ms-transform: translate3d(0, -50%, 0);
4053                margin-top: 0;
4054                margin-right: 0;
4055                margin-left: 0px;
4056                margin-bottom: 0;
4057            }
4058            .Mweslide_47141.owlSliderBoxAdv .item3 .contentPOS.BOXPOSc_mobile {
4059                top: 50%;
4060                left: 50%;
4061                right: auto;
4062                bottom: auto;
4063                transform: translate3d(-50%, -50%, 0);
4064                -webkit-transform: translate3d(-50%, -50%, 0);
4065                -moz-transform: translate3d(-50%, -50%, 0);
4066                -ms-transform: translate3d(-50%, -50%, 0);
4067                margin-top: 0;
4068                margin-right: 0;
4069                margin-left: 0;
4070                margin-bottom: 0;
4071            }
4072        }
4073
4074
4075        .Mweslide_47141.owlSliderBoxAdv .item3 .owl-lazy {
4076            background-size: cover;
4077            background-position: center center;
4078        }
4079        @media (max-width: 768px) {
4080            .Mweslide_47141.owlSliderBoxAdv .item3 .owl-lazy {
4081                background-size: cover;
4082                background-position: center center;
4083            }
4084        }
4085
4086
4087                    .Mweslide_47141.owlSliderBoxAdv .item3 .contentBG {
4088                background-color: 'transparent';
4089            }
4090                @media (max-width: 768px) {
4091                            .Mweslide_47141.owlSliderBoxAdv .item3 .contentBG {
4092                    background-color: 'transparent';
4093                }
4094                    }
4095
4096
4097                .Mweslide_47141.owlSliderBoxAdv .item3 .contentPadding {
4098            padding-top: 15px;
4099            padding-right: 15px;
4100            padding-bottom: 15px;
4101            padding-left: 15px;
4102        }
4103        @media (max-width: 768px) {
4104                        .Mweslide_47141.owlSliderBoxAdv .item3 .contentPadding {
4105                padding-top: 15px;
4106                padding-right: 15px;
4107                padding-bottom: 15px;
4108                padding-left: 15px;
4109            }
4110        }
4111
4112
4113        /* Mobile Scale */
4114                                @media (max-width: 768px) {
4115                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="8"] {
4116                    font-size: 8px !important;
4117                }
4118            }
4119                                @media (max-width: 768px) {
4120                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="9"] {
4121                    font-size: 9px !important;
4122                }
4123            }
4124                                @media (max-width: 768px) {
4125                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="10"] {
4126                    font-size: 10px !important;
4127                }
4128            }
4129                                @media (max-width: 768px) {
4130                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="11"] {
4131                    font-size: 11px !important;
4132                }
4133            }
4134                                @media (max-width: 768px) {
4135                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="12"] {
4136                    font-size: 12px !important;
4137                }
4138            }
4139                                @media (max-width: 768px) {
4140                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="13"] {
4141                    font-size: 13px !important;
4142                }
4143            }
4144                                @media (max-width: 768px) {
4145                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="14"] {
4146                    font-size: 14px !important;
4147                }
4148            }
4149                                @media (max-width: 768px) {
4150                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="15"] {
4151                    font-size: 15px !important;
4152                }
4153            }
4154                                @media (max-width: 768px) {
4155                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="16"] {
4156                    font-size: 16px !important;
4157                }
4158            }
4159                                @media (max-width: 768px) {
4160                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="17"] {
4161                    font-size: 17px !important;
4162                }
4163            }
4164                                @media (max-width: 768px) {
4165                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="18"] {
4166                    font-size: 18px !important;
4167                }
4168            }
4169                                @media (max-width: 768px) {
4170                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="19"] {
4171                    font-size: 19px !important;
4172                }
4173            }
4174                                @media (max-width: 768px) {
4175                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="20"] {
4176                    font-size: 20px !important;
4177                }
4178            }
4179                                @media (max-width: 768px) {
4180                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="22"] {
4181                    font-size: 22px !important;
4182                }
4183            }
4184                                @media (max-width: 768px) {
4185                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="24"] {
4186                    font-size: 24px !important;
4187                }
4188            }
4189                                @media (max-width: 768px) {
4190                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="26"] {
4191                    font-size: 26px !important;
4192                }
4193            }
4194                                @media (max-width: 768px) {
4195                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="28"] {
4196                    font-size: 28px !important;
4197                }
4198            }
4199                                @media (max-width: 768px) {
4200                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="30"] {
4201                    font-size: 30px !important;
4202                }
4203            }
4204                                @media (max-width: 768px) {
4205                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="32"] {
4206                    font-size: 32px !important;
4207                }
4208            }
4209                                @media (max-width: 768px) {
4210                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="34"] {
4211                    font-size: 34px !important;
4212                }
4213            }
4214                                @media (max-width: 768px) {
4215                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="36"] {
4216                    font-size: 36px !important;
4217                }
4218            }
4219                                @media (max-width: 768px) {
4220                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="40"] {
4221                    font-size: 40px !important;
4222                }
4223            }
4224                                @media (max-width: 768px) {
4225                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="44"] {
4226                    font-size: 44px !important;
4227                }
4228            }
4229                                @media (max-width: 768px) {
4230                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="48"] {
4231                    font-size: 48px !important;
4232                }
4233            }
4234                                @media (max-width: 768px) {
4235                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="52"] {
4236                    font-size: 52px !important;
4237                }
4238            }
4239                                @media (max-width: 768px) {
4240                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="56"] {
4241                    font-size: 56px !important;
4242                }
4243            }
4244                                @media (max-width: 768px) {
4245                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="60"] {
4246                    font-size: 60px !important;
4247                }
4248            }
4249                                @media (max-width: 768px) {
4250                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="66"] {
4251                    font-size: 66px !important;
4252                }
4253            }
4254                                @media (max-width: 768px) {
4255                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="72"] {
4256                    font-size: 72px !important;
4257                }
4258            }
4259                                @media (max-width: 768px) {
4260                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="80"] {
4261                    font-size: 80px !important;
4262                }
4263            }
4264                                @media (max-width: 768px) {
4265                .Mweslide_47141.owlSliderBoxAdv .item3 [data-font-size="100"] {
4266                    font-size: 100px !important;
4267                }
4268            }
4269                @media (max-width: 768px) {
4270            .Mweslide_47141.owlSliderBoxAdv .item3 .contentEffect p {
4271                margin-bottom: 10px !important;
4272            }
4273            .Mweslide_47141.owlSliderBoxAdv .item3 .contentEffect img {
4274                transform: scale(1);
4275                -webkit-transform: scale(1);
4276                -moz-transform: scale(1);
4277                -ms-transform: scale(1);
4278            }
4279        }
4280
4281                                @media (max-width: 768px) {
4282                            }
4283                                @media (max-width: 768px) {
4284                            }
4285                                @media (max-width: 768px) {
4286                            }
4287                                @media (max-width: 768px) {
4288                            }
4289                                @media (max-width: 768px) {
4290                            }
4291                            .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSnw {
4292            top: 0;
4293            left: 0;
4294            transform: translate3d(0, 0, 0);
4295            -webkit-transform: translate3d(0, 0, 0);
4296            -moz-transform: translate3d(0, 0, 0);
4297            -ms-transform: translate3d(0, 0, 0);
4298            margin-top: 0px;
4299            margin-left: 0px;
4300            margin-right: 0;
4301            margin-bottom: 0;
4302        }
4303        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSn {
4304            top: 0;
4305            left: 50%;
4306            transform: translate3d(-50%, 0, 0);
4307            -webkit-transform: translate3d(-50%, 0, 0);
4308            -moz-transform: translate3d(-50%, 0, 0);
4309            -ms-transform: translate3d(-50%, 0, 0);
4310            margin-top: 0px;
4311            margin-left: 0;
4312            margin-right: 0;
4313            margin-bottom: 0;
4314        }
4315        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSne {
4316            top: 0;
4317            right: 0;
4318            transform: translate3d(0, 0, 0);
4319            -webkit-transform: translate3d(0, 0, 0);
4320            -moz-transform: translate3d(0, 0, 0);
4321            -ms-transform: translate3d(0, 0, 0);
4322            margin-top: 0px;
4323            margin-right: 0px;
4324            margin-left: 0;
4325            margin-bottom: 0;
4326        }
4327        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSe {
4328            top: 50%;
4329            right: 0;
4330            transform: translate3d(0, -50%, 0);
4331            -webkit-transform: translate3d(0, -50%, 0);
4332            -moz-transform: translate3d(0, -50%, 0);
4333            -ms-transform: translate3d(0, -50%, 0);
4334            margin-top: 0;
4335            margin-right: 0px;
4336            margin-left: 0;
4337            margin-bottom: 0;
4338        }
4339        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSse {
4340            bottom: 0;
4341            right: 0;
4342            transform: translate3d(0, 0, 0);
4343            -webkit-transform: translate3d(0, 0, 0);
4344            -moz-transform: translate3d(0, 0, 0);
4345            -ms-transform: translate3d(0, 0, 0);
4346            margin-top: 0;
4347            margin-right: 0px;
4348            margin-left: 0;
4349            margin-bottom: 0px;
4350        }
4351        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSs {
4352            bottom: 0;
4353            left: 50%;
4354            transform: translate3d(-50%, 0, 0);
4355            -webkit-transform: translate3d(-50%, 0, 0);
4356            -moz-transform: translate3d(-50%, 0, 0);
4357            -ms-transform: translate3d(-50%, 0, 0);
4358            margin-top: 0;
4359            margin-right: 0;
4360            margin-left: 0;
4361            margin-bottom: 0px;
4362        }
4363        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSsw {
4364            bottom: 0;
4365            left: 0;
4366            transform: translate3d(0, 0, 0);
4367            -webkit-transform: translate3d(0, 0, 0);
4368            -moz-transform: translate3d(0, 0, 0);
4369            -ms-transform: translate3d(0, 0, 0);
4370            margin-top: 0;
4371            margin-right: 0;
4372            margin-left: 0px;
4373            margin-bottom: 0px;
4374        }
4375        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSw {
4376            top: 50%;
4377            left: 0;
4378            transform: translate3d(0, -50%, 0);
4379            -webkit-transform: translate3d(0, -50%, 0);
4380            -moz-transform: translate3d(0, -50%, 0);
4381            -ms-transform: translate3d(0, -50%, 0);
4382            margin-top: 0;
4383            margin-right: 0;
4384            margin-left: 0px;
4385            margin-bottom: 0;
4386        }
4387        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSc {
4388            top: 50%;
4389            left: 50%;
4390            transform: translate3d(-50%, -50%, 0);
4391            -webkit-transform: translate3d(-50%, -50%, 0);
4392            -moz-transform: translate3d(-50%, -50%, 0);
4393            -ms-transform: translate3d(-50%, -50%, 0);
4394            margin-top: 0;
4395            margin-right: 0;
4396            margin-left: 0;
4397            margin-bottom: 0;
4398        }
4399        @media (max-width: 768px) {
4400                        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSnw_mobile {
4401                top: 0;
4402                left: 0;
4403                right: auto;
4404                bottom: auto;
4405                transform: translate3d(0, 0, 0);
4406                -webkit-transform: translate3d(0, 0, 0);
4407                -moz-transform: translate3d(0, 0, 0);
4408                -ms-transform: translate3d(0, 0, 0);
4409                margin-top: 0px;
4410                margin-left: 0px;
4411                margin-right: 0;
4412                margin-bottom: 0;
4413            }
4414            .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSn_mobile {
4415                top: 0;
4416                left: 50%;
4417                right: auto;
4418                bottom: auto;
4419                transform: translate3d(-50%, 0, 0);
4420                -webkit-transform: translate3d(-50%, 0, 0);
4421                -moz-transform: translate3d(-50%, 0, 0);
4422                -ms-transform: translate3d(-50%, 0, 0);
4423                margin-top: 0px;
4424                margin-left: 0;
4425                margin-right: 0;
4426                margin-bottom: 0;
4427            }
4428            .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSne_mobile {
4429                top: 0;
4430                right: 0;
4431                left: auto;
4432                bottom: auto;
4433                transform: translate3d(0, 0, 0);
4434                -webkit-transform: translate3d(0, 0, 0);
4435                -moz-transform: translate3d(0, 0, 0);
4436                -ms-transform: translate3d(0, 0, 0);
4437                margin-top: 0px;
4438                margin-right: 0px;
4439                margin-left: 0;
4440                margin-bottom: 0;
4441            }
4442            .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSe_mobile {
4443                top: 50%;
4444                right: 0;
4445                left: auto;
4446                bottom: auto;
4447                transform: translate3d(0, -50%, 0);
4448                -webkit-transform: translate3d(0, -50%, 0);
4449                -moz-transform: translate3d(0, -50%, 0);
4450                -ms-transform: translate3d(0, -50%, 0);
4451                margin-top: 0;
4452                margin-right: 0px;
4453                margin-left: 0;
4454                margin-bottom: 0;
4455            }
4456            .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSse_mobile {
4457                bottom: 0;
4458                right: 0;
4459                left: auto;
4460                top: auto;
4461                transform: translate3d(0, 0, 0);
4462                -webkit-transform: translate3d(0, 0, 0);
4463                -moz-transform: translate3d(0, 0, 0);
4464                -ms-transform: translate3d(0, 0, 0);
4465                margin-top: 0;
4466                margin-right: 0px;
4467                margin-left: 0;
4468                margin-bottom: 0px;
4469            }
4470            .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSs_mobile {
4471                bottom: 0;
4472                left: 50%;
4473                right: auto;
4474                top: auto;
4475                transform: translate3d(-50%, 0, 0);
4476                -webkit-transform: translate3d(-50%, 0, 0);
4477                -moz-transform: translate3d(-50%, 0, 0);
4478                -ms-transform: translate3d(-50%, 0, 0);
4479                margin-top: 0;
4480                margin-right: 0;
4481                margin-left: 0;
4482                margin-bottom: 0px;
4483            }
4484            .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSsw_mobile {
4485                bottom: 0;
4486                left: 0;
4487                right: auto;
4488                top: auto;
4489                transform: translate3d(0, 0, 0);
4490                -webkit-transform: translate3d(0, 0, 0);
4491                -moz-transform: translate3d(0, 0, 0);
4492                -ms-transform: translate3d(0, 0, 0);
4493                margin-top: 0;
4494                margin-right: 0;
4495                margin-left: 0px;
4496                margin-bottom: 0px;
4497            }
4498            .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSw_mobile {
4499                top: 50%;
4500                left: 0;
4501                right: auto;
4502                bottom: auto;
4503                transform: translate3d(0, -50%, 0);
4504                -webkit-transform: translate3d(0, -50%, 0);
4505                -moz-transform: translate3d(0, -50%, 0);
4506                -ms-transform: translate3d(0, -50%, 0);
4507                margin-top: 0;
4508                margin-right: 0;
4509                margin-left: 0px;
4510                margin-bottom: 0;
4511            }
4512            .Mweslide_47141.owlSliderBoxAdv .item4 .contentPOS.BOXPOSc_mobile {
4513                top: 50%;
4514                left: 50%;
4515                right: auto;
4516                bottom: auto;
4517                transform: translate3d(-50%, -50%, 0);
4518                -webkit-transform: translate3d(-50%, -50%, 0);
4519                -moz-transform: translate3d(-50%, -50%, 0);
4520                -ms-transform: translate3d(-50%, -50%, 0);
4521                margin-top: 0;
4522                margin-right: 0;
4523                margin-left: 0;
4524                margin-bottom: 0;
4525            }
4526        }
4527
4528
4529        .Mweslide_47141.owlSliderBoxAdv .item4 .owl-lazy {
4530            background-size: cover;
4531            background-position: center center;
4532        }
4533        @media (max-width: 768px) {
4534            .Mweslide_47141.owlSliderBoxAdv .item4 .owl-lazy {
4535                background-size: cover;
4536                background-position: center center;
4537            }
4538        }
4539
4540
4541                    .Mweslide_47141.owlSliderBoxAdv .item4 .contentBG {
4542                background-color: 'transparent';
4543            }
4544                @media (max-width: 768px) {
4545                            .Mweslide_47141.owlSliderBoxAdv .item4 .contentBG {
4546                    background-color: 'transparent';
4547                }
4548                    }
4549
4550
4551                .Mweslide_47141.owlSliderBoxAdv .item4 .contentPadding {
4552            padding-top: 15px;
4553            padding-right: 15px;
4554            padding-bottom: 15px;
4555            padding-left: 15px;
4556        }
4557        @media (max-width: 768px) {
4558                        .Mweslide_47141.owlSliderBoxAdv .item4 .contentPadding {
4559                padding-top: 15px;
4560                padding-right: 15px;
4561                padding-bottom: 15px;
4562                padding-left: 15px;
4563            }
4564        }
4565
4566
4567        /* Mobile Scale */
4568                                @media (max-width: 768px) {
4569                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="8"] {
4570                    font-size: 8px !important;
4571                }
4572            }
4573                                @media (max-width: 768px) {
4574                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="9"] {
4575                    font-size: 9px !important;
4576                }
4577            }
4578                                @media (max-width: 768px) {
4579                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="10"] {
4580                    font-size: 10px !important;
4581                }
4582            }
4583                                @media (max-width: 768px) {
4584                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="11"] {
4585                    font-size: 11px !important;
4586                }
4587            }
4588                                @media (max-width: 768px) {
4589                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="12"] {
4590                    font-size: 12px !important;
4591                }
4592            }
4593                                @media (max-width: 768px) {
4594                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="13"] {
4595                    font-size: 13px !important;
4596                }
4597            }
4598                                @media (max-width: 768px) {
4599                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="14"] {
4600                    font-size: 14px !important;
4601                }
4602            }
4603                                @media (max-width: 768px) {
4604                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="15"] {
4605                    font-size: 15px !important;
4606                }
4607            }
4608                                @media (max-width: 768px) {
4609                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="16"] {
4610                    font-size: 16px !important;
4611                }
4612            }
4613                                @media (max-width: 768px) {
4614                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="17"] {
4615                    font-size: 17px !important;
4616                }
4617            }
4618                                @media (max-width: 768px) {
4619                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="18"] {
4620                    font-size: 18px !important;
4621                }
4622            }
4623                                @media (max-width: 768px) {
4624                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="19"] {
4625                    font-size: 19px !important;
4626                }
4627            }
4628                                @media (max-width: 768px) {
4629                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="20"] {
4630                    font-size: 20px !important;
4631                }
4632            }
4633                                @media (max-width: 768px) {
4634                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="22"] {
4635                    font-size: 22px !important;
4636                }
4637            }
4638                                @media (max-width: 768px) {
4639                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="24"] {
4640                    font-size: 24px !important;
4641                }
4642            }
4643                                @media (max-width: 768px) {
4644                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="26"] {
4645                    font-size: 26px !important;
4646                }
4647            }
4648                                @media (max-width: 768px) {
4649                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="28"] {
4650                    font-size: 28px !important;
4651                }
4652            }
4653                                @media (max-width: 768px) {
4654                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="30"] {
4655                    font-size: 30px !important;
4656                }
4657            }
4658                                @media (max-width: 768px) {
4659                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="32"] {
4660                    font-size: 32px !important;
4661                }
4662            }
4663                                @media (max-width: 768px) {
4664                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="34"] {
4665                    font-size: 34px !important;
4666                }
4667            }
4668                                @media (max-width: 768px) {
4669                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="36"] {
4670                    font-size: 36px !important;
4671                }
4672            }
4673                                @media (max-width: 768px) {
4674                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="40"] {
4675                    font-size: 40px !important;
4676                }
4677            }
4678                                @media (max-width: 768px) {
4679                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="44"] {
4680                    font-size: 44px !important;
4681                }
4682            }
4683                                @media (max-width: 768px) {
4684                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="48"] {
4685                    font-size: 48px !important;
4686                }
4687            }
4688                                @media (max-width: 768px) {
4689                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="52"] {
4690                    font-size: 52px !important;
4691                }
4692            }
4693                                @media (max-width: 768px) {
4694                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="56"] {
4695                    font-size: 56px !important;
4696                }
4697            }
4698                                @media (max-width: 768px) {
4699                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="60"] {
4700                    font-size: 60px !important;
4701                }
4702            }
4703                                @media (max-width: 768px) {
4704                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="66"] {
4705                    font-size: 66px !important;
4706                }
4707            }
4708                                @media (max-width: 768px) {
4709                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="72"] {
4710                    font-size: 72px !important;
4711                }
4712            }
4713                                @media (max-width: 768px) {
4714                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="80"] {
4715                    font-size: 80px !important;
4716                }
4717            }
4718                                @media (max-width: 768px) {
4719                .Mweslide_47141.owlSliderBoxAdv .item4 [data-font-size="100"] {
4720                    font-size: 100px !important;
4721                }
4722            }
4723                @media (max-width: 768px) {
4724            .Mweslide_47141.owlSliderBoxAdv .item4 .contentEffect p {
4725                margin-bottom: 10px !important;
4726            }
4727            .Mweslide_47141.owlSliderBoxAdv .item4 .contentEffect img {
4728                transform: scale(1);
4729                -webkit-transform: scale(1);
4730                -moz-transform: scale(1);
4731                -ms-transform: scale(1);
4732            }
4733        }
4734
4735                                @media (max-width: 768px) {
4736                            }
4737                                @media (max-width: 768px) {
4738                            }
4739                                @media (max-width: 768px) {
4740                            }
4741                                @media (max-width: 768px) {
4742                            }
4743                                @media (max-width: 768px) {
4744                            }
4745            
4746    #divDialogSlideMember .imgImageViewBG {
4747        background: 50% center / cover no-repeat;
4748        height: 220px;
4749    }
4750    @media (min-width: 1025px) {
4751        .Mweslide_47141.owlSliderBoxAdv.visible-lg {
4752            display: block !important;
4753        }
4754    }
4755    @media (max-width: 767px) {
4756    .hideslidemobile{
4757        display: none !important;
4758    }
4759    }
4760</style>
4761
4762<div class="Mweslide_47141 owlSliderBoxAdv ">
4763    <div class="iconLoadSlider_47141 loader">
4764        <svg class="circular" viewBox="25 25 50 50">
4765        <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" />
4766        </svg>
4767    </div>
4768    <!-- slider -->
4769    <div class="owl-carousel owl-theme owl-carouselhh_47141 ">
4770                                <!-- start item -->
4771            <div class="item item0" >
4772
4773                 <!-- auto height -->
4774                    <img
4775                        src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone2_pic1.png?v=202405291424"
4776                        srcset="
4777                            https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone2_pic1.png?v=202405291424 1920w,
4778                            https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2Fzone2_pic1.png?v=202405291424                        "
4779                        sizes="
4780                            (max-width: 1920px) 1920px,
4781                            2560px
4782                        "
4783                        alt=""
4784                        title=""
4785                    />
4786                    
4787                            </div>
4788            <!-- end item -->
4789                                <!-- start item -->
4790            <div class="item item1" >
4791
4792                 <!-- auto height -->
4793                    <img
4794                        src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F01.png?v=202405291424"
4795                        srcset="
4796                            https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F01.png?v=202405291424 1920w,
4797                            https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2F01.png?v=202405291424                        "
4798                        sizes="
4799                            (max-width: 1920px) 1920px,
4800                            2560px
4801                        "
4802                        alt=""
4803                        title=""
4804                    />
4805                    
4806                            </div>
4807            <!-- end item -->
4808                                <!-- start item -->
4809            <div class="item item2" >
4810
4811                 <!-- auto height -->
4812                    <img
4813                        src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F02.png?v=202405291424"
4814                        srcset="
4815                            https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F02.png?v=202405291424 1920w,
4816                            https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2F02.png?v=202405291424                        "
4817                        sizes="
4818                            (max-width: 1920px) 1920px,
4819                            2560px
4820                        "
4821                        alt=""
4822                        title=""
4823                    />
4824                    
4825                            </div>
4826            <!-- end item -->
4827                                <!-- start item -->
4828            <div class="item item3" >
4829
4830                 <!-- auto height -->
4831                    <img
4832                        src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F03.png?v=202405291424"
4833                        srcset="
4834                            https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F03.png?v=202405291424 1920w,
4835                            https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2F03.png?v=202405291424                        "
4836                        sizes="
4837                            (max-width: 1920px) 1920px,
4838                            2560px
4839                        "
4840                        alt=""
4841                        title=""
4842                    />
4843                    
4844                            </div>
4845            <!-- end item -->
4846                                <!-- start item -->
4847            <div class="item item4" >
4848
4849                 <!-- auto height -->
4850                    <img
4851                        src="https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F04.png?v=20240529
48511424"
4852                        srcset="
4853                            https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2F04.png?v=202405291424 1920w,
4854                            https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData%2F04.png?v=202405291424                        "
4855                        sizes="
4856                            (max-width: 1920px) 1920px,
4857                            2560px
4858                        "
4859                        alt=""
4860                        title=""
4861                    />
4862                    
4863                            </div>
4864            <!-- end item -->
4865            </div>
4866</div>
4867
4868
4869
4870
4871
4872                                    </div>
4873                                                                        </div>
4874                                                                                                </div>
4875                                            </div>
4876                <!-- end background div -->
4877                
4878            <div  style="position: relative; background-color:#ffffff; " >
4879                                                    <a id="customize-47146" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
4880                                                                                <div class="container">
4881                                                    
4882                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
4883                                                                                                                                                <div >
4884                                        <style type="text/css">
4885    .customHome1 .customHome1Object .item {
4886        display: block;
4887    }
4888    .customHome1 .customHome1Object .itemWithoutText {
4889        display: block;
4890    }
4891    .customHome1Object .caption {
4892        padding: 0 !important;
4893        overflow: hidden;
4894        word-wrap: break-word;
4895    }
4896    .customHome1Object .contentImage {
4897        display: block;
4898        line-height: 200px;
4899        padding: 0px;
4900        text-align: center;
4901    }
4902    .customHome1Object .contentVideo {
4903        display: block;
4904        padding: 0px;
4905        text-align: center;
4906    }
4907    .customHome1Object .img-responsive {
4908        display: inline-block !important;
4909    }
4910    .brakeword1 {
4911        word-wrap: break-word;
4912    }
4913</style>
4914    <div class="row">
4915        <div class="col-12 marginBottomSpace brakeword1 area-tinymce">
4916            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 30px;" data-mce-style="font-size: 30px;"><span style="color: #333333; font-family: 'Open sans';" open="" sans="" data-mce-style="color: #333333; font-family: 'Open sans';">HYACELL</span></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 24px; color: #333333;" data-mce-style="font-size: 24px; color: #333333;">Serum and hyaluronic acid products</span></div><div style="text-align: center;" data-mce-style="text-align: center;">Recognized as a part of skin treatment by medical professionals.<br>With the powerful drug and pure ingredients, the effective results can be seen in a short time.</div>        </div>
4917    </div>
4918<div class="customHome1">
4919    <div class="customHome1Object">
4920        <div class="row">
4921                            <div class="item col-12 col-md-6 col-lg-4">
4922                    <div class="marginBottomSpace" style="position:relative;">
4923                                                <div class="contentImage">
4924                                                                <div>
4925                                                                                    <a href="/en/abouthyacell" target="_self">
4926                                                                                                                                    <img class="img-responsive lazy"
4927                                                src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
4928                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/hpDgCU77I/DefaultData/zone3_pic1.png?v=20240529
49281424"
4929                                                alt=""
4930                                                title=""
4931                                            />
4932                                                                                        </a>
4933                                        
4934                                                                        </div>
4935                                </div>
4936                            </div>
4937                                                        <div class="maginBottomCaption">
4938                                                                    <div class="caption">
4939                                        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;"><strong><span style="font-family: 'Open sans'; color: #333333; text-decoration: underline;" open="" sans="" color:="" rgb="" 51="" text-decoration:="" underline="" data-mce-style="font-family: 'Open sans'; color: #333333; text-decoration: underline;">KNOW-HOW<br></span></strong></span>Developed by Swiss scientists with many years of experience in aesthetic medicine and anti-aging.</div>                                    </div>
4940                                                            </div>
4941                        </div>
4942                                        <div class="item col-12 col-md-6 col-lg-4">
4943                    <div class="marginBottomSpace" style="position:relative;">
4944                                                <div class="contentImage">
4945                                                                <div>
4946                                                                                    <a href="/en/abouthyacell" target="_self">
4947                                                                                                                                    <img class="img-responsive lazy"
4948                                                src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
4949                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/hpDgCU77I/DefaultData/zone3_pic2.png?v=202405291424"
4950                                                alt=""
4951                                                title=""
4952                                            />
4953                                                                                        </a>
4954                                        
4955                                                                        </div>
4956                                </div>
4957                            </div>
4958                                                        <div class="maginBottomCaption">
4959                                                                    <div class="caption">
4960                                        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;"><strong><span style="font-family: 'Open sans'; color: #333333; text-decoration: underline;" open="" sans="" color:="" rgb="" 51="" text-decoration:="" underline="" data-mce-style="font-family: 'Open sans'; color: #333333; text-decoration: underline;">EFFECTIVE</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;">Para-phamarceutical products with active ingredients in high concentration, we guarantee maximum effectiveness.</div>                                    </div>
4961                                                            </div>
4962                        </div>
4963                                        <div class="item col-12 col-md-6 col-lg-4">
4964                    <div class="marginBottomSpace" style="position:relative;">
4965                                                <div class="contentImage">
4966                                                                <div>
4967                                                                                    <a href="/en/abouthyacell" target="_self">
4968                                                                                                                                    <img class="img-responsive lazy"
4969                                                src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
4970                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/hpDgCU77I/DefaultData/zone3_pic3.png?v=20240529
49701424"
4971                                                alt=""
4972                                                title=""
4973                                            />
4974                                                                                        </a>
4975                                        
4976                                                                        </div>
4977                                </div>
4978                            </div>
4979                                                        <div >
4980                                                                    <div class="caption">
4981                                        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;"><strong><span style="font-family: 'Open sans'; color: #333333; text-decoration: underline;" open="" sans="" color:="" rgb="" 51="" text-decoration:="" underline="" data-mce-style="font-family: 'Open sans'; color: #333333; text-decoration: underline;">SWISS MADE</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;">All HYACELL products are manufactured in Switzerland under the highest quality requirements.</div>                                    </div>
4982                                                            </div>
4983                        </div>
4984                                        </div>
4985            </div>
4986        </div>
4987                                    </div>
4988                                                                        </div>
4989                                                                                                </div>
4990                                            </div>
4991                <!-- end background div -->
4992                
4993            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone4_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 0%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " >
4994                                                    <a id="product-47147" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
4995                                                                                <div class="container">
4996                                                    
4997                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
4998                                                                                                                                                    <h2 style="color:#3b4044;text-align:center;  padding-bottom:20px;  word-wrap: break-word;">
4999                                            BEST SELLER                                        </h2>
5000                                                                        <div >
5001                                        <style type="text/css">
5002
5003    #productList1_47147.productList1 .productWidget .item {
5004        margin-bottom: 15px;
5005        height:auto;
5006        display: flex;
5007        flex-wrap: wrap;
5008    }
5009    #productList1_47147.productList1 .productWidget .thumbnail {
5010        text-align: center;
5011        height: auto;
5012        overflow: hidden;
5013
5014        position: relative;
5015        display: flex;
5016        flex-direction: column;
5017        flex-grow: 1;
5018    }
5019    #productList1_47147.productList1 .productWidget .productPrice .h3 {
5020        font-weight: bold;
5021    }
5022    #productList1_47147.productList1 .productWidget .productOldPrice {
5023        text-decoration: line-through;
5024    }
5025    #productList1_47147.productList1 .productWidget .productImage {
5026        display: table-cell;
5027        /* width: 260px; */
5028        text-align: center;
5029        vertical-align: middle;
5030         height: 260px;         padding: 0;
5031        overflow: hidden;
5032        transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5033        -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5034        -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5035        -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5036    }
5037    @media only screen and (min-width: 1025px) {
5038        #productList1_47147.productList1 .productWidget img {
5039             max-height: 100%; object-fit: contain; width: 100%;             transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5040            -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5041            -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5042            -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5043        }
5044    }
5045    @media only screen and (max-width: 1024px) {
5046        #productList1_47147.productList1 .productWidget img {
5047            transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5048            -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5049            -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5050            -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5051        }
5052    }
5053    
5054    @media only screen and (min-width: 1200px) {
5055        #productList1_47147.productList1 .productWidget .productImage:hover {
5056            transform: scale(1.1);
5057            -moz-transform: scale(1.1);
5058            -webkit-transform: scale(1.1);
5059            -o-transform: scale(1.1);
5060            transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5061            -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5062            -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5063            -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5064        }
5065    }
5066    #productList1_47147.productList1 .productWidget .productImage * {
5067        vertical-align: middle;
5068    }
5069    #productList1_47147.productList1 .productWidget .img-responsive {
5070        display: inline-block !important;
5071        max-height: 260px;
5072        transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5073        -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5074        -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5075        -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5076    }
5077    @media only screen and (min-width: 1200px) {
5078        #productList1_47147.productList1 .productWidget .productImage:hover .img-responsive {
5079            transform: scale(1.1);
5080            -moz-transform: scale(1.1);
5081            -webkit-transform: scale(1.1);
5082            -o-transform: scale(1.1);
5083        }
5084    }
5085    #productList1_47147.productList1 .productCaption {
5086        margin-top: 20px;
5087        margin-left: 15px;
5088        margin-right: 15px;
5089        margin-bottom: 15px;
5090        display: flex;
5091        flex-direction: column;
5092        flex: 1 0 auto;
5093    }
5094    #productList1_47147.productList1 .divProductMemberPrice > span,
5095    #productList1_47147.productList1 .divProductNormalPrice > span {
5096        vertical-align: middle;
5097    }
5098    #productList1_47147.productList1 .productCode {
5099        word-break: break-all;
5100    }
5101    #productList1_47147.productList1 .productDescription > p {
5102        font-size: 14px;
5103    }
5104
5105        #productList1_47147.productList1>.NotAutoHeight .productPrice{
5106            margin-top: 10px;
5107            margin-bottom: 0px;
5108            overflow: hidden;
5109        }
5110        #productList1_47147.productList1>.NotAutoHeight .productName,
5111        #productList1_47147.productList1>.NotAutoHeight .productIntro,
5112        #productList1_47147.productList1>.NotAutoHeight .productAction,
5113        #productList1_47147.productList1>.NotAutoHeight .productCode {
5114            margin-top: 5px;
5115            margin-bottom: 0px;
5116            overflow: hidden;
5117        }
5118        #productList1_47147.productList1>.NotAutoHeight .productName {
5119            white-space: nowrap;
5120        }
5121        #productList1_47147.productList1>.NotAutoHeight .productName h3 {
5122            line-height: inherit;
5123            text-overflow: ellipsis;
5124            overflow: hidden;
5125            margin-bottom: 0;
5126        }
5127        #productList1_47147.productList1>.NotAutoHeight .productCode {
5128            height: 25px;
5129        }
5130        #productList1_47147.productList1>.NotAutoHeight .productIntro {
5131            max-height: 50px;
5132            flex: 1 0 auto;
5133        }
5134        #productList1_47147.productList1>.NotAutoHeight .divProductMemberPrice{
5135            max-height: 30px;
5136            line-height: 30px;
5137            overflow:hidden;
5138        }
5139        #productList1_47147.productList1>.NotAutoHeight .divProductNormalPrice {
5140            max-height: 25px;
5141            line-height: 25px;
5142        }
5143        #productList1_47147.productList1>.NotAutoHeight .divPriceWhole {
5144            height: 40px;
5145            line-height: 25px;
5146        }
5147        #productList1_47147.productList1>.NotAutoHeight .productAction {
5148            height: auto;
5149        }
5150
5151        #productList1_47147.productList1>.NotAutoHeight .productIntro > p,
5152        #productList1_47147.productList1>.NotAutoHeight .productCode > p {
5153            line-height: 25px;
5154            margin: 0;
5155        }
5156        #productList1_47147.productList1>.NotAutoHeight .productWidget img {
5157            /* max-height: 260px;*/
5158        }
5159        #productList1_47147.productList1>.AutoHeight .productPrice{
5160            margin-top: 10px;
5161            margin-bottom: 0px;
5162        }
5163        #productList1_47147.productList1>.AutoHeight .productName,
5164        #productList1_47147.productList1>.AutoHeight .productIntro,
5165        #productList1_47147.productList1>.AutoHeight .productAction,
5166        #productList1_47147.productList1>.AutoHeight .productCode {
5167            margin-top: 5px;
5168            margin-bottom: 0px;
5169        }
5170        #productList1_47147.productList1>.AutoHeight .divProductMemberPrice,
5171        #productList1_47147.productList1>.AutoHeight .divProductNormalPrice {
5172
5173        }
5174        #productList1_47147.productList1>.AutoHeight .divPriceWhole {
5175
5176        }
5177        #productList1_47147.productList1>.AutoHeight .productName h3 {
5178            margin-bottom: 0;
5179        }
5180        #productList1_47147.productList1>.AutoHeight .productIntro > p {
5181
5182        }
5183    #productList1_47147.productList1 .productName a {
5184        text-decoration: none !important;
5185    }
5186    #productList1_47147.productList1 .divProductMemberPrice .productMemberPrice {
5187        /* display: inline-block; */
5188    }
5189    #productList1_47147.productList1 .productAction > .productAddToCart {
5190        margin-bottom: 10px;
5191    }
5192    #productList1_47147.productList1 .productCompare {
5193        height: 30px;
5194        /* line-height: 30px; */
5195        font-size: 14px;
5196    }
5197    #productList1_47147.productList1 .productCompare label {
5198        /* margin-left: -20px;*/
5199    }
5200    #productList1_47147.productList1 .productCompare input {
5201        /* position: relative;
5202         vertical-align: middle;
5203         margin: 0;*/
5204    }
5205    #productList1_47147{
5206                    padding-bottom: 0px;
5207                padding-top: 20px;
5208    }
5209    .badgeProduct{
5210        text-align:left;
5211        margin-top:15px;
5212        color: #fff;
5213        position: absolute;
5214        border-radius: 0px;
5215        z-index:1;
5216        font-size: 14px;
5217        font-family: 'Open Sans',Tahoma;
5218    }
5219    .badgeOuter {
5220        margin-bottom: 2px;
5221    }
5222    .badgeNew {
5223        background-color: #2bbe1f;
5224        display: inline-block;
5225        padding: 0 8px;
5226    }
5227    .badgeBestseller {
5228        background-color: #ffa800;
5229        display: inline-block;
5230        padding: 0 8px;
5231    }
5232    .badgePreorder {
5233        background-color: #40bade;
5234        display: inline-block;
5235        padding: 0 8px;
5236    }
5237    span.priceDiscount {
5238        /*padding: 2px 5px;*/
5239        background: red;
5240        color: #FFF;
5241        margin-left: 3px;
5242        font-size: 11px;
5243        vertical-align: middle;
5244    }
5245    span.priceOvercharge {
5246        padding: 2px 5px;
5247        background: #61c13c;
5248        color: #FFF;
5249        margin-left: 3px;
5250        font-size: 11px;
5251        vertical-align: middle;
5252    }
5253    @media only screen and (min-width: 992px) {
5254        .itemTranslate {
5255            transform: translateX(50%);
5256            -webkit-transform: translateX(50%);
5257            -moz-transform: translateX(50%);
5258            -ms-transform: translateX(50%);
5259        }
5260    }
5261    .btnProductCart{
5262        max-width: 230px;
5263    }
5264    .checkcenter{
5265        justify-content: center;
5266    }
5267    /*--------------IPAD PRO------------------*/
5268    @media only screen and (min-width: 993px) and (max-width: 1024px) {
5269        #productList1_47147.productList1 .productWidget .productImage{
5270                            height:calc(25vw - 48px);
5271                    }
5272        #productList1_47147.productList1 .productWidget .productImage img{
5273            max-height: 100%;
5274        }
5275        .checkcenter{
5276            justify-content: left;
5277        }
5278    }
5279
5280    /*--------------IPAD----------------------*/
5281    @media only screen and (min-width: 1025px) and (max-width: 1199px) and (orientation: landscape) { 
5282        /*ipadlandscape*/
5283        #productList1_47147.productList1 .productWidget .productImage {
5284            height: 208px;
5285        }
5286    }
5287    @media only screen and (min-width: 768px) and (max-width: 992px) {
5288        #productList1_47147.productList1 .productWidget .productImage{
5289                height:calc(50vw - 56px);
5290        }
5291        #productList1_47147.productList1 .productWidget .productImage img{
5292            max-height: 100%;
5293        }
5294        .checkcenter{
5295            justify-content: left;
5296        }
5297    }
5298    /*---------------mobile------------------*/
5299    @media (max-width: 767px) {
5300        .btnProductCart{
5301            max-width: 140px;
5302        }
5303        .checkcenter{
5304            justify-content: left;
5305        }
5306        #productList1_47147.productList1 .productWidget .thumbnail {
5307            border-radius: 0px;
5308            border: none;
5309            box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);
5310        }
5311            #productList1_47147.productList1 .productAction {
5312                height: auto;
5313            }
5314
5315        .SpePriceeSym, .MemPriceeSym{
5316            display:inline !important;
5317            font-size: 16px;
5318        }
5319        #productList1_47147.productList1 .NmPriceSym{
5320            display:inline !important;
5321        }
5322        #productList1_47147.productList1 .productOldPrice > .NmPriceSym{
5323            font-size: 12px;
5324        }
5325        #productList1_47147.productList1 .divProductNormalPrice > .price > .NmPriceSym{
5326            font-size: 16px;
5327        }
5328        .NmPrice, .SpePrice, .MemPrice{
5329            display:none;
5330        }
5331
5332        #productList1_47147.productList1 .productWidget .item {
5333            margin-bottom: 5px;
5334        }
5335        #productList1_47147.productList1 .productCaption {
5336            margin-left: 5px;
5337            margin-right: 5px;
5338            margin-top: 9px;
5339        }
5340        #productList1_47147.productList1 .productName,
5341        #productList1_47147.productList1 .productIntro,
5342        #productList1_47147.productList1 .productCode {
5343            margin-bottom: 5px;
5344            margin-top: 5px;
5345            overflow: hidden;
5346        }
5347        #productList1_47147.productList1 .productAction{
5348            margin-bottom: 0px;
5349            margin-top: 5px;
5350            overflow: hidden;
5351        }
5352
5353        #productList1_47147.productList1 .productWidget .productImage{
5354                                                height:calc(50vw - 8px); /*1-1*/
5355                                }
5356                    #productList1_47147.productList1>.NotAutoHeight .productWidget .productImage img{
5357                max-width: 100% !important;
5358                max-height: 100% !important;
5359            }
5360
5361            #productList1_47147.productList1>.AutoHeight .productWidget .productImage img{
5362                max-width: 100% !important;
5363            }
5364                #productList1_47147.productList1 .mobileProductList1{
5365            padding: 0 3px;
5366        }
5367        #productList1_47147.productList1 .productIntro{
5368            max-height: 37px;
5369        }
5370        #productList1_47147.productList1 .productIntro > p {
5371            font-size: 14px;
5372            overflow: hidden;
5373            text-overflow: ellipsis;
5374            line-height: 19px;
5375        }
5376        #productList1_47147.productList1 .productName h3{
5377            font-size: 14px;
5378            font-weight: bold;
5379            display: contents;
5380        }
5381        #productList1_47147.productList1 .productCode {
5382            height: 20px;
5383            margin-bottom:4px
5384        }
5385        #productList1_47147.productList1 .productCode > p {
5386            font-size: 14px;
5387            line-height: 18px;
5388        }
5389        #productList1_47147.productList1 .divProductNormalPrice .productOldPrice {
5390            font-size: 14px !important;
5391        }
5392        #productList1_47147.productList1 .divProductNormalPrice .price {
5393            font-size: 12px;
5394        }
5395        #productList1_47147.productList1 .divPriceWhole{
5396            height: 22px;
5397            line-height: 16px;
5398        }
5399        #productList1_47147.productList1 .divPriceWhole .priceWhole{
5400            margin-top: 3px;
5401            margin-bottom: 5px;
5402        }
5403        #productList1_47147.productList1 .divProductMemberPrice .productMemberPrice{
5404            font-size: 10px;
5405            font-weight: bold;
5406        }
5407        #productList1_47147.productList1 .productPrice{
5408            margin-bottom: 10px;
5409            margin-top: 5px;
5410            overflow: hidden;
5411        }
5412        #productList1_47147.productList1 .productWidget .productPrice .h3{
5413            font-size: 14px;
5414            font-weight: bold;
5415            margin: 0;
5416        }
5417        #productList1_47147.productList1 .divProductMemberPrice,
5418        #productList1_47147.productList1 .divProductNormalPrice{
5419            /* max-height: 19px; */
5420        }
5421        #productList1_47147.productList1 .productAction .productAddToCart button{
5422            font-size: 14px;
5423            padding: 8px 16px;
5424            line-height: 0;
5425            height: 37px;
5426        }
5427        #productList1_47147.productList1 .productAction .productAddToCart button > .fa{
5428            vertical-align: baseline !important;
5429        }
5430        #productList1_47147.productList1 .badgeProduct {
5431            margin-top: 10px;
5432        }
5433        #productList1_47147.productList1 .badgeProduct .badgeOuter{
5434            font-size: 12px;
5435        }
5436        .priceWhole{
5437            font-size: 10px;
5438        }
5439        .mobile12px{
5440            font-size: 12px;
5441        }
5442
5443        #productList1_47147.productList1 .mobileProductList1:nth-child(odd) {
5444            padding-left: 5px;
5445        }
5446
5447        #productList1_47147.productList1 .mobileProductList1:nth-child(even) {
5448            padding-right: 5px;
5449        }
5450        .oosstock{
5451            font-size: 14px !important;
5452        }
5453        #productList1_47147.productList1 .productAction .productDescription{
5454            height: 25px;
5455        }
5456        #productList1_47147.productList1 .productAction .productDescription > p {
5457            font-size: 12px;
5458        }
5459    }
5460    /*---------------end mobile------------------*/
5461
5462    .NmPriceSym, .SpePriceeSym, .MemPriceeSym{
5463        display:none;
5464    }
5465    .oosstock{
5466        background-color:transparent;
5467        color:red;
5468        cursor:default;
5469        border-color: transparent;
5470        height: 34px;
5471        line-height: 34px;
5472    }
5473    .oosstock:hover{
5474        background-color:transparent;
5475        color:red;
5476        cursor:default;
5477        border-color: transparent;
5478    }
5479    .awrap-img{
5480        display: block;
5481        width: 100%;
5482        height: 100%;
5483        position: relative;
5484        overflow: hidden;
5485    }
5486    .awrap-img > img{
5487        position: absolute;
5488        top: 50%;
5489        left: 50%;
5490        -ms-transform: translate(-50%, -50%);
5491        transform: translate(-50%, -50%);
5492    }
5493
5494    .promotion-wrapper {
5495        position: absolute; 
5496        display: grid; 
5497        width: 48px; 
5498        right: 8px;
5499    }
5500
5501    .img-promotion {
5502        z-index: 1; 
5503        width: 100%; 
5504        max-height: 48px !important; 
5505        object-fit: cover;
5506        margin-top: 5px;
5507    }
5508    @media (max-width: 767px) {
5509        .productAddToCart button {
5510            line-height: 1.2 !important;
5511            padding: 8px 14px !important;
5512            height: auto !important;
5513        }
5514        .productAddToCart .btn {
5515            white-space: unset !important;
5516            word-break: break-word !important;
5517        }
5518    }
5519</style>
5520<style>.badgeProductFlash {
5521    margin-top: 15px;
5522    position: absolute;
5523    border-radius: 0px;
5524    z-index: 1;
5525}
5526
5527.badgeFlash {
5528    background: linear-gradient(90deg, #EC0E00 0%, #FF8A00 100%);
5529    /* display: inline-block; */
5530    padding: 3px;
5531    width: 80px;
5532    height: 22px;
5533    text-align: center;
5534}
5535
5536.badgeFlash .badge-txt-flsale {
5537    vertical-align: text-top;
5538    color: #ffffff;
5539    font-family: 'Sarabun';
5540    font-size: 11px;
5541}
5542
5543.badgeFlash .fa-bolt {
5544    color: #F8CF5B;
5545}</style><div class="productList1" id="productList1_47147" >
5546    <div class="productWidget" :class="class_autoheight">
5547        <div class="row  checkcenter">
5548                                                            <div class="item col-6 col-md-6 col-lg-3 mobileProductList1">
5549                            <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;">
5550                                <div class="badgeProduct">
5551                                                                                                        </div>
5552                                <div class="thumbnail rounded">
5553                                                                    <div class="productImage rounded-top">
5554                                        <a href="/en/product/167661-155198/hyacell-aox" class="awrap-img">
5555                                            
5556                                            <img class="lazy mx-auto"
5557                                                src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
5558                                                data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/aox_1.jpg?v=20240529
55581424"
5559                                                alt="HYACELL  AOX"
5560                                                title="HYACELL  AOX"
5561                                            />
5562                                        </a>
5563                                    </div>
5564                                    <div class="productCaption">
5565                                            <div class="productName" v-show="product_display_name_isopen">
5566                                                <a href="/en/product/167661-155198/hyacell-aox">
5567                                                    <h3 class="h3-hover">HYACELL  AOX</h3>
5568                                                </a>
5569                                            </div>
5570                                            <div class="productCode" v-show="product_display_code_isopen">
5571                                                <p>
5572                                                                                                            02                                                                                                    </p>
5573                                            </div>
5574                                                                                        <div class="productIntro" v-show="product_display_intro_isopen && 1">
5575                                                <p>Forever Young
5576
5577
5578</p>                                                </div>
5579                                            <p v-show="is_open_product_quantity_sold" >Sold 5 items</p>
5580                                            
5581                                            <div class="productPrice" v-show="product_display_price_isopen" >
5582                                                                                                                                                                                                                    <div class="divProductNormalPrice" >
5583                                                            <div class="productOldPrice h5 fs-priceOld ff-price ">
5584                                                                <span class="NmPrice">฿7,900</span>
5585                                                                <span class="NmPriceSym">฿7,900</span>
5586                                                            </div>
5587                                                        </div>
5588                                                                                                                                                                                                                                                                                                                                    <div class="ff-price fs-price fc-price">
5589                                                                <span class="SpePrice">฿6,990</span>
5590                                                                <span class="SpePriceeSym">฿6,990</span>
5591                                                                                                                                    <span class="badge priceDiscount">-12%</span>
5592                                                                                                                            </div>
5593                                                                                                            
5594                                                                                                <div class="divProductMemberPrice" v-show="0">
5595                                                                                                                       <h5 class="productMemberPrice fs-priceMember ff-price ">&nbsp;</h5>
5596
5597                                                                                                        </div>
5598                                                                                                    <div class="divPriceWhole" v-show="0">
5599                                                                                                            </div>
5600                                            </div>
5601                                            <div class="productAction" v-show="product_display_cart_isopen">
5602                                                <div class="productAddToCart">
5603                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:ad
5603dToCartShowDialog('167661', '155198', 0, 'products2/aox_1.jpg', 1, '02')">
5604                                                            <i class="fas fa-shopping-cart"></i>
5605                                                        Add to Cart                                                        </button>
5606                                                                                                </div>
5607                                                                                                    <div class="productDescription" v-show="0">
5608                                                        <p>
5609                                                                                                                            &nbsp;
5610                                                                                                            </p>
5611                                                    </div>
5612                                            </div>
5613                                                                            </div>
5614                                </div>
5615                            </div>
5616                        </div>
5617                                                <div class="item col-6 col-md-6 col-lg-3 mobileProductList1">
5618                            <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;">
5619                                <div class="badgeProduct">
5620                                                                                                        </div>
5621                                <div class="thumbnail rounded">
5622                                                                    <div class="productImage rounded-top">
5623                                        <a href="/en/product/167687-155224/hyacell-hyaluron" class="awrap-img">
5624                                            
5625                                            <img class="lazy mx-auto"
5626                                                src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
5627                                                data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/hya_1.jpg?v=202405291424"
5628                                                alt="HYACELL HYALURON"
5629                                                title="HYACELL HYALURON"
5630                                            />
5631                                        </a>
5632                                    </div>
5633                                    <div class="productCaption">
5634                                            <div class="productName" v-show="product_display_name_isopen">
5635                                                <a href="/en/product/167687-155224/hyacell-hyaluron">
5636                                                    <h3 class="h3-hover">HYACELL HYALURON</h3>
5637                                                </a>
5638                                            </div>
5639                                            <div class="productCode" v-show="product_display_code_isopen">
5640                                                <p>
5641                                                                                                            07                                                                                                    </p>
5642                                            </div>
5643                                                                                        <div class="productIntro" v-show="product_display_intro_isopen && 1">
5644                                                <p>Like a Filler
5645
5646
5647</p>                                                </div>
5648                                            <p v-show="is_open_product_quantity_sold" >Sold 18 items</p>
5649                                            
5650                                            <div class="productPrice" v-show="product_display_price_isopen" >
5651                                                                                                                                                                                                                    <div class="divProductNormalPrice" >
5652                                                            <div class="productOldPrice h5 fs-priceOld ff-price ">
5653                                                                <sp
5653an class="NmPrice">฿6,900</span>
5654                                                                <span class="NmPriceSym">฿6,900</span>
5655                                                            </div>
5656                                                        </div>
5657                                                                                                                                                                                                                                                                                                                                    <div class="ff-price fs-price fc-price">
5658                                                                <span class="SpePrice">฿5,900</span>
5659                                                                <span class="SpePriceeSym">฿5,900</span>
5660                                                                                                                                    <span class="badge priceDiscount">-14%</span>
5661                                                                                                                            </div>
5662                                                                                                            
5663                                                                                                <div class="divProductMemberPrice" v-show="0">
5664                                                                                                                       <h5 class="productMemberPrice fs-priceMember ff-price ">&nbsp;</h5>
5665
5666                                                                                                        </div>
5667                                                                                                    <div class="divPriceWhole" v-show="0">
5668                                                                                                            </div>
5669                                            </div>
5670                                            <div class="productAction" v-show="product_display_cart_isopen">
5671                                                <div class="productAddToCart">
5672                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('167687', '155224', 0, 'products2/hya_1.jpg', 1, '07')">
5673                                                            <i class="fas fa-shopping-cart"></i>
5674                                                        Add to Cart                                                        </button>
5675                                                                                                </div>
5676                                                                                                    <div class="productDescription" v-show="0">
5677                                                        <p>
5678                                                                                                                            &nbsp;
5679                                                                                                            </p>
5680                                                    </div>
5681                                            </div>
5682                                                                            </div>
5683                                </div>
5684                            </div>
5685                        </div>
5686                                                <div class="item col-6 col-md-6 col-lg-3 mobileProductList1">
5687                            <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;">
5688                                <div class="badgeProduct">
5689                                                                                                        </div>
5690                                <div class="thumbnail rounded">
5691                                                                    <div class="productImage rounded-top">
5692                                        <a href="/en/product/167688-155225/hyacell-lift" class="awrap-img">
5693                                            
5694                                            <img class="lazy mx-auto"
5695                                                src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
5696                                                data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/lift_1.jpg?v=20240529
56961424"
5697                                                alt="HYACELL LIFT"
5698                                                title="HYACELL LIFT"
5699                                            />
5700                                        </a>
5701                                    </div>
5702                                    <div class="productCaption">
5703                                            <div class="productName" v-show="product_display_name_isopen">
5704                                                <a href="/en/product/167688-155225/hyacell-lift">
5705                                                    <h3 class="h3-hover">HYACELL LIFT</h3>
5706                                                </a>
5707                                            </div>
5708                                            <div class="productCode" v-show="product_display_code_isopen">
5709                                                <p>
5710                                                                                                            08                                                                                                    </p>
5711                                            </div>
5712                                                                                        <div class="productIntro" v-show="product_display_intro_isopen && 1">
5713                                                <p>Perfect Lifting
5714
5715
5716</p>                                                </div>
5717                                            <p v-show="is_open_product_quantity_sold" >Sold 5 items</p>
5718                                            
5719                                            <div class="productPrice" v-show="product_display_price_isopen" >
5720                                                                                                                                                                                                                    <div class="divProductNormalPrice" >
5721                                                            <div class="productOldPrice h5 fs-priceOld ff-price ">
5722                                                                <span class="NmPrice">฿7,900</span>
5723                                                                <span class="NmPriceSym">฿7,900</span>
5724                                                            </div>
5725                                                        </div>
5726                                                                                                                                                                                                                                                                                                                                    <div class="ff-price fs-price fc-price">
5727                                                                <span class="SpePrice">฿6,990</span>
5728                                                                <span class="SpePriceeSym">฿6,990</span>
5729                                                                                                                                    <span class="badge priceDiscount">-12%</span>
5730                                                                                                                            </div>
5731                                                                                                            
5732                                                                                                <div class="divProductMemberPrice" v-show="0">
5733                                                                                                                       <h5 class="productMemberPrice fs-priceMember ff-price ">&nbsp;</h5>
5734
5735                                                                                                        </div>
5736                                                                                                    <div class="divPriceWhole" v-show="0">
5737                                                                                                            </div>
5738                                            </div>
5739                                            <div class="productAction" v-show="product_display_cart_isopen">
5740                                                <div class="productAddToCart">
5741                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:ad
5741dToCartShowDialog('167688', '155225', 0, 'products2/lift_1.jpg', 1, '08')">
5742                                                            <i class="fas fa-shopping-cart"></i>
5743                                                        Add to Cart                                                        </button>
5744                                                                                                </div>
5745                                                                                                    <div class="productDescription" v-show="0">
5746                                                        <p>
5747                                                                                                                            &nbsp;
5748                                                                                                            </p>
5749                                                    </div>
5750                                            </div>
5751                                                                            </div>
5752                                </div>
5753                            </div>
5754                        </div>
5755                                                                    </div>
5756    </div>
5757</div>
5758<script>       
5759            var productCaption_47147 = new Vue({
5760                el:'#productList1_47147',
5761                data:{
5762                    product_display_name_isopen:1,
5763                    product_display_code_isopen:0,
5764                    product_display_intro_isopen:0,
5765                    is_open_product_quantity_sold:0,
5766                    product_display_price_isopen:1,
5767                    product_display_cart_isopen:1,
5768                    product_box_auto_height:0,
5769                    class_autoheight:'AutoHeight'
5770                },
5771                created(){
5772                    if(this.product_box_auto_height){
5773                        this.class_autoheight = 'AutoHeight'
5774                    }else{
5775                        this.class_autoheight = 'NotAutoHeight'
5776                    }
5777                },
5778                beforeCreate(){
5779                    $('#productList1_47147 .productImage img').each(function (index, element) {
5780                        let strProductImage = $(this).attr('data-src');
5781                        let arrProductImage = strProductImage.split('/');
5782                        let strImgName = arrProductImage[arrProductImage.length - 1];
5783                        let arrstrImgName = strImgName.split("?v=");
5784                        arrstrImgName[0] = encodeURIComponent(arrstrImgName[0]);
5785                        arrProductImage[arrProductImage.length - 1] = arrstrImgName.join("?v=");
5786                        $(this).attr('data-src',arrProductImage.join('/'));
5787                    });
5788                },
5789                methods:{
5790                    changeStyle: function(){
5791                        if(this.product_box_auto_height){
5792                            this.class_autoheight = 'AutoHeight'
5793                        }else{
5794                            this.class_autoheight = 'NotAutoHeight'
5795                        }
5796                    },
5797                    backToDefault: function(){
5798                        this.product_display_name_isopen = 1;
5799
5800                        this.product_display_code_isopen  = 0;
5801
5802                        this.product_display_intro_isopen  = 0;
5803
5804                        this.is_open_product_quantity_sold  = 0;
5805
5806                        this.product_display_price_isopen  = 1;
5807
5808                        this.product_display_cart_isopen  = 1;
5809                        
5810                        this.product_box_auto_height  = 0;
5811
5812                        if(this.product_box_auto_height  == "1"){
5813                            this.class_autoheight = 'AutoHeight'
5814                        }else{
5815                            this.class_autoheight = 'NotAutoHeight'
5816                        }
5817                    }
5818                }
5819            })
5820
5821
5822            function displayMessage (evt) {
5823
5824            // check origin
5825            if(evt.origin != "https://webbuilder59.makewebeasy.com"){
5826                return 0;
5827            }
5828
5829            var toggleData = evt.data
5830
5831            var data = toggleData.split(",");
5832
5833            if(data[1] == 'productName'){
5834
5835                productCaption_47147.product_display_name_isopen = parseInt(data[0])
5836
5837            }else if(data[1] == 'productCode'){
5838
5839                productCaption_47147.product_display_code_isopen = parseInt(data[0])
5840
5841            }else if(data[1] == 'productIntro'){
5842
5843                productCaption_47147.product_display_intro_isopen = parseInt(data[0])
5844
5845            }else if(data[1] == 'productPrice'){
5846
5847                productCaption_47147.product_display_price_isopen = parseInt(data[0])
5848
5849            }else if(data[1] == 'productAction'){
5850
5851                productCaption_47147.product_display_cart_isopen = parseInt(data[0])
5852
5853            }else if(data[1] == 'AutoHeight'){
5854
5855                productCaption_47147.product_box_auto_height = parseInt(data[0])
5856                productCaption_47147.changeStyle()
5857
5858            }else if(data[1] == 'ProductStock'){
5859
5860            }else if(data[1] == 'ProductSell'){
5861
5862                productCaption_47147.is_open_product_quantity_sold = parseInt(data[0])
5863
5864            }else if(data[1] == 'reset'){
5865                productCaption_47147.backToDefault()
5866            }
5867
5868            }
5869
5870
5871            if (window.addEventListener) {
5872            // For standards-compliant web browsers
5873            window.addEventListener("message", displayMessage, false);
5874            }
5875            else {
5876            window.attachEvent("onmessage", displayMessage);
5877            }
5878</script>
5878
5879                                    </div>
5880                                                                        </div>
5881                                                                                                </div>
5882                                            </div>
5883                <!-- end background div -->
5884                
5885            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone4_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " >
5886                                                    <a id="product-47485" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
5887                                                                                <div class="container">
5888                                                    
5889                                                                    <div style="padding-top: 40px; padding-bottom: 0px;">
5890                                                                                                                                                <div >
5891                                        <style type="text/css">
5892
5893    #productList1_47485.productList1 .productWidget .item {
5894        margin-bottom: 15px;
5895        height:auto;
5896        display: flex;
5897        flex-wrap: wrap;
5898    }
5899    #productList1_47485.productList1 .productWidget .thumbnail {
5900        text-align: center;
5901        height: auto;
5902        overflow: hidden;
5903
5904        position: relative;
5905        display: flex;
5906        flex-direction: column;
5907        flex-grow: 1;
5908    }
5909    #productList1_47485.productList1 .productWidget .productPrice .h3 {
5910        font-weight: bold;
5911    }
5912    #productList1_47485.productList1 .productWidget .productOldPrice {
5913        text-decoration: line-through;
5914    }
5915    #productList1_47485.productList1 .productWidget .productImage {
5916        display: table-cell;
5917        /* width: 260px; */
5918        text-align: center;
5919        vertical-align: middle;
5920         height: 260px;         padding: 0;
5921        overflow: hidden;
5922        transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5923        -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5924        -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5925        -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5926    }
5927    @media only screen and (min-width: 1025px) {
5928        #productList1_47485.productList1 .productWidget img {
5929             max-height: 100%; object-fit: contain; width: 100%;             transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5930            -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5931            -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5932            -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5933        }
5934    }
5935    @media only screen and (max-width: 1024px) {
5936        #productList1_47485.productList1 .productWidget img {
5937            transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5938            -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5939            -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5940            -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5941        }
5942    }
5943    
5944    @media only screen and (min-width: 1200px) {
5945        #productList1_47485.productList1 .productWidget .productImage:hover {
5946            transform: scale(1.1);
5947            -moz-transform: scale(1.1);
5948            -webkit-transform: scale(1.1);
5949            -o-transform: scale(1.1);
5950            transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5951            -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5952            -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5953            -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5954        }
5955    }
5956    #productList1_47485.productList1 .productWidget .productImage * {
5957        vertical-align: middle;
5958    }
5959    #productList1_47485.productList1 .productWidget .img-responsive {
5960        display: inline-block !important;
5961        max-height: 260px;
5962        transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
5963        -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
5964        -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
5965        -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
5966    }
5967    @media only screen and (min-width: 1200px) {
5968        #productList1_47485.productList1 .productWidget .productImage:hover .img-responsive {
5969            transform: scale(1.1);
5970            -moz-transform: scale(1.1);
5971            -webkit-transform: scale(1.1);
5972            -o-transform: scale(1.1);
5973        }
5974    }
5975    #productList1_47485.productList1 .productCaption {
5976        margin-top: 20px;
5977        margin-left: 15px;
5978        margin-right: 15px;
5979        margin-bottom: 15px;
5980        display: flex;
5981        flex-direction: column;
5982        flex: 1 0 auto;
5983    }
5984    #productList1_47485.productList1 .divProductMemberPrice > span,
5985    #productList1_47485.productList1 .divProductNormalPrice > span {
5986        vertical-align: middle;
5987    }
5988    #productList1_47485.productList1 .productCode {
5989        word-break: break-all;
5990    }
5991    #productList1_47485.productList1 .productDescription > p {
5992        font-size: 14px;
5993    }
5994
5995        #productList1_47485.productList1>.NotAutoHeight .productPrice{
5996            margin-top: 10px;
5997            margin-bottom: 0px;
5998            overflow: hidden;
5999        }
6000        #productList1_47485.productList1>.NotAutoHeight .productName,
6001        #productList1_47485.productList1>.NotAutoHeight .productIntro,
6002        #productList1_47485.productList1>.NotAutoHeight .productAction,
6003        #productList1_47485.productList1>.NotAutoHeight .productCode {
6004            margin-top: 5px;
6005            margin-bottom: 0px;
6006            overflow: hidden;
6007        }
6008        #productList1_47485.productList1>.NotAutoHeight .productName {
6009            white-space: nowrap;
6010        }
6011        #productList1_47485.productList1>.NotAutoHeight .productName h3 {
6012            line-height: inherit;
6013            text-overflow: ellipsis;
6014            overflow: hidden;
6015            margin-bottom: 0;
6016        }
6017        #productList1_47485.productList1>.NotAutoHeight .productCode {
6018            height: 25px;
6019        }
6020        #productList1_47485.productList1>.NotAutoHeight .productIntro {
6021            max-height: 50px;
6022            flex: 1 0 auto;
6023        }
6024        #productList1_47485.productList1>.NotAutoHeight .divProductMemberPrice{
6025            max-height: 30px;
6026            line-height: 30px;
6027            overflow:hidden;
6028        }
6029        #productList1_47485.productList1>.NotAutoHeight .divProductNormalPrice {
6030            max-height: 25px;
6031            line-height: 25px;
6032        }
6033        #productList1_47485.productList1>.NotAutoHeight .divPriceWhole {
6034            height: 40px;
6035            line-height: 25px;
6036        }
6037        #productList1_47485.productList1>.NotAutoHeight .productAction {
6038            height: auto;
6039        }
6040
6041        #productList1_47485.productList1>.NotAutoHeight .productIntro > p,
6042        #productList1_47485.productList1>.NotAutoHeight .productCode > p {
6043            line-height: 25px;
6044            margin: 0;
6045        }
6046        #productList1_47485.productList1>.NotAutoHeight .productWidget img {
6047            /* max-height: 260px;*/
6048        }
6049        #productList1_47485.productList1>.AutoHeight .productPrice{
6050            margin-top: 10px;
6051            margin-bottom: 0px;
6052        }
6053        #productList1_47485.productList1>.AutoHeight .productName,
6054        #productList1_47485.productList1>.AutoHeight .productIntro,
6055        #productList1_47485.productList1>.AutoHeight .productAction,
6056        #productList1_47485.productList1>.AutoHeight .productCode {
6057            margin-top: 5px;
6058            margin-bottom: 0px;
6059        }
6060        #productList1_47485.productList1>.AutoHeight .divProductMemberPrice,
6061        #productList1_47485.productList1>.AutoHeight .divProductNormalPrice {
6062
6063        }
6064        #productList1_47485.productList1>.AutoHeight .divPriceWhole {
6065
6066        }
6067        #productList1_47485.productList1>.AutoHeight .productName h3 {
6068            margin-bottom: 0;
6069        }
6070        #productList1_47485.productList1>.AutoHeight .productIntro > p {
6071
6072        }
6073    #productList1_47485.productList1 .productName a {
6074        text-decoration: none !important;
6075    }
6076    #productList1_47485.productList1 .divProductMemberPrice .productMemberPrice {
6077        /* display: inline-block; */
6078    }
6079    #productList1_47485.productList1 .productAction > .productAddToCart {
6080        margin-bottom: 10px;
6081    }
6082    #productList1_47485.productList1 .productCompare {
6083        height: 30px;
6084        /* line-height: 30px; */
6085        font-size: 14px;
6086    }
6087    #productList1_47485.productList1 .productCompare label {
6088        /* margin-left: -20px;*/
6089    }
6090    #productList1_47485.productList1 .productCompare input {
6091        /* position: relative;
6092         vertical-align: middle;
6093         margin: 0;*/
6094    }
6095    #productList1_47485{
6096                    padding-bottom: 0px;
6097                padding-top: 20px;
6098    }
6099    .badgeProduct{
6100        text-align:left;
6101        margin-top:15px;
6102        color: #fff;
6103        position: absolute;
6104        border-radius: 0px;
6105        z-index:1;
6106        font-size: 14px;
6107        font-family: 'Open Sans',Tahoma;
6108    }
6109    .badgeOuter {
6110        margin-bottom: 2px;
6111    }
6112    .badgeNew {
6113        background-color: #2bbe1f;
6114        display: inline-block;
6115        padding: 0 8px;
6116    }
6117    .badgeBestseller {
6118        background-color: #ffa800;
6119        display: inline-block;
6120        padding: 0 8px;
6121    }
6122    .badgePreorder {
6123        background-color: #40bade;
6124        display: inline-block;
6125        padding: 0 8px;
6126    }
6127    span.priceDiscount {
6128        /*padding: 2px 5px;*/
6129        background: red;
6130        color: #FFF;
6131        margin-left: 3px;
6132        font-size: 11px;
6133        vertical-align: middle;
6134    }
6135    span.priceOvercharge {
6136        padding: 2px 5px;
6137        background: #61c13c;
6138        color: #FFF;
6139        margin-left: 3px;
6140        font-size: 11px;
6141        vertical-align: middle;
6142    }
6143    @media only screen and (min-width: 992px) {
6144        .itemTranslate {
6145            transform: translateX(50%);
6146            -webkit-transform: translateX(50%);
6147            -moz-transform: translateX(50%);
6148            -ms-transform: translateX(50%);
6149        }
6150    }
6151    .btnProductCart{
6152        max-width: 230px;
6153    }
6154    .checkcenter{
6155        justify-content: center;
6156    }
6157    /*--------------IPAD PRO------------------*/
6158    @media only screen and (min-width: 993px) and (max-width: 1024px) {
6159        #productList1_47485.productList1 .productWidget .productImage{
6160                            height:calc(25vw - 48px);
6161                    }
6162        #productList1_47485.productList1 .productWidget .productImage img{
6163            max-height: 100%;
6164        }
6165        .checkcenter{
6166            justify-content: left;
6167        }
6168    }
6169
6170    /*--------------IPAD----------------------*/
6171    @media only screen and (min-width: 1025px) and (max-width: 1199px) and (orientation: landscape) { 
6172        /*ipadlandscape*/
6173        #productList1_47485.productList1 .productWidget .productImage {
6174            height: 208px;
6175        }
6176    }
6177    @media only screen and (min-width: 768px) and (max-width: 992px) {
6178        #productList1_47485.productList1 .productWidget .productImage{
6179                height:calc(50vw - 56px);
6180        }
6181        #productList1_47485.productList1 .productWidget .productImage img{
6182            max-height: 100%;
6183        }
6184        .checkcenter{
6185            justify-content: left;
6186        }
6187    }
6188    /*---------------mobile------------------*/
6189    @media (max-width: 767px) {
6190        .btnProductCart{
6191            max-width: 140px;
6192        }
6193        .checkcenter{
6194            justify-content: left;
6195        }
6196        #productList1_47485.productList1 .productWidget .thumbnail {
6197            border-radius: 0px;
6198            border: none;
6199            box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);
6200        }
6201            #productList1_47485.productList1 .productAction {
6202                height: auto;
6203            }
6204
6205        .SpePriceeSym, .MemPriceeSym{
6206            display:inline !important;
6207            font-size: 16px;
6208        }
6209        #productList1_47485.productList1 .NmPriceSym{
6210            display:inline !important;
6211        }
6212        #productList1_47485.productList1 .productOldPrice > .NmPriceSym{
6213            font-size: 12px;
6214        }
6215        #productList1_47485.productList1 .divProductNormalPrice > .price > .NmPriceSym{
6216            font-size: 16px;
6217        }
6218        .NmPrice, .SpePrice, .MemPrice{
6219            display:none;
6220        }
6221
6222        #productList1_47485.productList1 .productWidget .item {
6223            margin-bottom: 5px;
6224        }
6225        #productList1_47485.productList1 .productCaption {
6226            margin-left: 5px;
6227            margin-right: 5px;
6228            margin-top: 9px;
6229        }
6230        #productList1_47485.productList1 .productName,
6231        #productList1_47485.productList1 .productIntro,
6232        #productList1_47485.productList1 .productCode {
6233            margin-bottom: 5px;
6234            margin-top: 5px;
6235            overflow: hidden;
6236        }
6237        #productList1_47485.productList1 .productAction{
6238            margin-bottom: 0px;
6239            margin-top: 5px;
6240            overflow: hidden;
6241        }
6242
6243        #productList1_47485.productList1 .productWidget .productImage{
6244                                                height:calc(50vw - 8px); /*1-1*/
6245                                }
6246                    #productList1_47485.productList1>.NotAutoHeight .productWidget .productImage img{
6247                max-width: 100% !important;
6248                max-height: 100% !important;
6249            }
6250
6251            #productList1_47485.productList1>.AutoHeight .productWidget .productImage img{
6252                max-width: 100% !important;
6253            }
6254                #productList1_47485.productList1 .mobileProductList1{
6255            padding: 0 3px;
6256        }
6257        #productList1_47485.productList1 .productIntro{
6258            max-height: 37px;
6259        }
6260        #productList1_47485.productList1 .productIntro > p {
6261            font-size: 14px;
6262            overflow: hidden;
6263            text-overflow: ellipsis;
6264            line-height: 19px;
6265        }
6266        #productList1_47485.productList1 .productName h3{
6267            font-size: 14px;
6268            font-weight: bold;
6269            display: contents;
6270        }
6271        #productList1_47485.productList1 .productCode {
6272            height: 20px;
6273            margin-bottom:4px
6274        }
6275        #productList1_47485.productList1 .productCode > p {
6276            font-size: 14px;
6277            line-height: 18px;
6278        }
6279        #productList1_47485.productList1 .divProductNormalPrice .productOldPrice {
6280            font-size: 14px !important;
6281        }
6282        #productList1_47485.productList1 .divProductNormalPrice .price {
6283            font-size: 12px;
6284        }
6285        #productList1_47485.productList1 .divPriceWhole{
6286            height: 22px;
6287            line-height: 16px;
6288        }
6289        #productList1_47485.productList1 .divPriceWhole .priceWhole{
6290            margin-top: 3px;
6291            margin-bottom: 5px;
6292        }
6293        #productList1_47485.productList1 .divProductMemberPrice .productMemberPrice{
6294            font-size: 10px;
6295            font-weight: bold;
6296        }
6297        #productList1_47485.productList1 .productPrice{
6298            margin-bottom: 10px;
6299            margin-top: 5px;
6300            overflow: hidden;
6301        }
6302        #productList1_47485.productList1 .productWidget .productPrice .h3{
6303            font-size: 14px;
6304            font-weight: bold;
6305            margin: 0;
6306        }
6307        #productList1_47485.productList1 .divProductMemberPrice,
6308        #productList1_47485.productList1 .divProductNormalPrice{
6309            /* max-height: 19px; */
6310        }
6311        #productList1_47485.productList1 .productAction .productAddToCart button{
6312            font-size: 14px;
6313            padding: 8px 16px;
6314            line-height: 0;
6315            height: 37px;
6316        }
6317        #productList1_47485.productList1 .productAction .productAddToCart button > .fa{
6318            vertical-align: baseline !important;
6319        }
6320        #productList1_47485.productList1 .badgeProduct {
6321            margin-top: 10px;
6322        }
6323        #productList1_47485.productList1 .badgeProduct .badgeOuter{
6324            font-size: 12px;
6325        }
6326        .priceWhole{
6327            font-size: 10px;
6328        }
6329        .mobile12px{
6330            font-size: 12px;
6331        }
6332
6333        #productList1_47485.productList1 .mobileProductList1:nth-child(odd) {
6334            padding-left: 5px;
6335        }
6336
6337        #productList1_47485.productList1 .mobileProductList1:nth-child(even) {
6338            padding-right: 5px;
6339        }
6340        .oosstock{
6341            font-size: 14px !important;
6342        }
6343        #productList1_47485.productList1 .productAction .productDescription{
6344            height: 25px;
6345        }
6346        #productList1_47485.productList1 .productAction .productDescription > p {
6347            font-size: 12px;
6348        }
6349    }
6350    /*---------------end mobile------------------*/
6351
6352    .NmPriceSym, .SpePriceeSym, .MemPriceeSym{
6353        display:none;
6354    }
6355    .oosstock{
6356        background-color:transparent;
6357        color:red;
6358        cursor:default;
6359        border-color: transparent;
6360        height: 34px;
6361        line-height: 34px;
6362    }
6363    .oosstock:hover{
6364        background-color:transparent;
6365        color:red;
6366        cursor:default;
6367        border-color: transparent;
6368    }
6369    .awrap-img{
6370        display: block;
6371        width: 100%;
6372        height: 100%;
6373        position: relative;
6374        overflow: hidden;
6375    }
6376    .awrap-img > img{
6377        position: absolute;
6378        top: 50%;
6379        left: 50%;
6380        -ms-transform: translate(-50%, -50%);
6381        transform: translate(-50%, -50%);
6382    }
6383
6384    .promotion-wrapper {
6385        position: absolute; 
6386        display: grid; 
6387        width: 48px; 
6388        right: 8px;
6389    }
6390
6391    .img-promotion {
6392        z-index: 1; 
6393        width: 100%; 
6394        max-height: 48px !important; 
6395        object-fit: cover;
6396        margin-top: 5px;
6397    }
6398    @media (max-width: 767px) {
6399        .productAddToCart button {
6400            line-height: 1.2 !important;
6401            padding: 8px 14px !important;
6402            height: auto !important;
6403        }
6404        .productAddToCart .btn {
6405            white-space: unset !important;
6406            word-break: break-word !important;
6407        }
6408    }
6409</style>
6410<style>.badgeProductFlash {
6411    margin-top: 15px;
6412    position: absolute;
6413    border-radius: 0px;
6414    z-index: 1;
6415}
6416
6417.badgeFlash {
6418    background: linear-gradient(90deg, #EC0E00 0%, #FF8A00 100%);
6419    /* display: inline-block; */
6420    padding: 3px;
6421    width: 80px;
6422    height: 22px;
6423    text-align: center;
6424}
6425
6426.badgeFlash .badge-txt-flsale {
6427    vertical-align: text-top;
6428    color: #ffffff;
6429    font-family: 'Sarabun';
6430    font-size: 11px;
6431}
6432
6433.badgeFlash .fa-bolt {
6434    color: #F8CF5B;
6435}</style><div class="productList1" id="productList1_47485" >
6436    <div class="productWidget" :class="class_autoheight">
6437        <div class="row  checkcenter">
6438                                                            <div class="item col-6 col-md-6 col-lg-3 mobileProductList1">
6439                            <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;">
6440                                <div class="badgeProduct">
6441                                                                                                        </div>
6442                                <div class="thumbnail rounded">
6443                                                                    <div class="productImage rounded-top">
6444                                        <a href="/en/product/167686-155223/hyacell-hand" class="awrap-img">
6445                                            
6446                                            <img class="lazy mx-auto"
6447                                                src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
6448                                                data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/hand_1.jpg?v=20240529
64481424"
6449                                                alt="HYACELL HAND"
6450                                                title="HYACELL HAND"
6451                                            />
6452                                        </a>
6453                                    </div>
6454                                    <div class="productCaption">
6455                                            <div class="productName" v-show="product_display_name_isopen">
6456                                                <a href="/en/product/167686-155223/hyacell-hand">
6457                                                    <h3 class="h3-hover">HYACELL HAND</h3>
6458                                                </a>
6459                                            </div>
6460                                            <div class="productCode" v-show="product_display_code_isopen">
6461                                                <p>
6462                                                                                                            06                                                                                                    </p>
6463                                            </div>
6464                                                                                        <div class="productIntro" v-show="product_display_intro_isopen && 1">
6465                                                <p>Tender &amp; Smooth
6466
6467
6468</p>                                                </div>
6469                                            <p v-show="is_open_product_quantity_sold" >Sold 0 items</p>
6470                                            
6471                                            <div class="productPrice" v-show="product_display_price_isopen" >
6472                                                                                                                                                                                                                    <div class="divProductNormalPrice" >
6473                                                            <div class="productOldPrice h5 fs-priceOld ff-price ">
6474                                                                <span class="NmPrice">฿2,990</span>
6475                                                                <span class="NmPriceSym">฿2,990</span>
6476                                                            </div>
6477                                                        </div>
6478                                                                                                                                                                                                                                                                                                                                    <div class="ff-price fs-price fc-price">
6479                                                                <span class="SpePrice">฿1,990</span>
6480                                                                <span class="SpePriceeSym">฿1,990</span>
6481                                                                                                                                    <span class="badge priceDiscount">-33%</span>
6482                                                                                                                            </div>
6483                                                                                                            
6484                                                                                                <div class="divProductMemberPrice" v-show="0">
6485                                                                                                                       <h5 class="productMemberPrice fs-priceMember ff-price ">&nbsp;</h5>
6486
6487                                                                                                        </div>
6488                                                                                                    <div class="divPriceWhole" v-show="0">
6489                                                                                                            </div>
6490                                            </div>
6491                                            <div class="productAction" v-show="product_display_cart_isopen">
6492                                                <div class="productAddToCart">
6493                                                                                                            <div class="oosstock"><i class="far fa-ban fa-fw" data-fa-transform="down-1"></i>Out of stock</div>
6494                                                                                                        </div>
6495                                                                                                    <div class="productDescription" v-show="0">
6496                                                        <p>
6497                                                                                                                            &nbsp;
6498                                                                                                            </p>
6499                                                    </div>
6500                                            </div>
6501                                                                            </div>
6502                                </div>
6503                            </div>
6504                        </div>
6505                                                <div class="item col-6 col-md-6 col-lg-3 mobileProductList1">
6506                            <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;">
6507                                <div class="badgeProduct">
6508                                                                                                        </div>
6509                                <div class="thumbnail rounded">
6510                                                                    <div class="productImage rounded-top">
6511                                        <a href="/en/product/167689-155226/hyacell-night" class="awrap-img">
6512                                            
6513                                            <img class="lazy mx-auto"
6514                                                src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
6515                                                data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/night_1.jpg?v=20240529
65151424"
6516                                                alt="HYACELL NIGHT"
6517                                                title="HYACELL NIGHT"
6518                                            />
6519                                        </a>
6520                                    </div>
6521                                    <div class="productCaption">
6522                                            <div class="productName" v-show="product_display_name_isopen">
6523                                                <a href="/en/product/167689-155226/hyacell-night">
6524                                                    <h3 class="h3-hover">HYACELL NIGHT</h3>
6525                                                </a>
6526                                            </div>
6527                                            <div class="productCode" v-show="product_display_code_isopen">
6528                                                <p>
6529                                                                                                            09                                                                                                    </p>
6530                                            </div>
6531                                                                                        <div class="productIntro" v-show="product_display_intro_isopen && 1">
6532                                                <p>Night Regeneration
6533
6534</p>                                                </div>
6535                                            <p v-show="is_open_product_quantity_sold" >Sold 7 items</p>
6536                                            
6537                                            <div class="productPrice" v-show="product_display_price_isopen" >
6538                                                                                                                                                                                                                    <div class="divProductNormalPrice" >
6539                                                            <div class="productOldPrice h5 fs-priceOld ff-price ">
6540                                                                <span class="NmPrice">฿4,900</span>
6541                                                                <span class="NmPriceSym">฿4,900</span>
6542                                                            </div>
6543                                                        </div>
6544                                                                                                                                                                                                                                                                                                                                    <div class="ff-price fs-price fc-price">
6545                                                                <span class="SpePrice">฿3,900</span>
6546                                                                <span class="SpePriceeSym">฿3,900</span>
6547                                                                                                                                    <span class="badge priceDiscount">-20%</span>
6548                                                                                                                            </div>
6549                                                                                                            
6550                                                                                                <div class="divProductMemberPrice" v-show="0">
6551                                                                                                                       <h5 class="productMemberPrice fs-priceMember ff-price ">&nbsp;</h5>
6552
6553                                                                                                        </div>
6554                                                                                                    <div class="divPriceWhole" v-show="0">
6555                                                                                                            </div>
6556                                            </div>
6557                                            <div class="productAction" v-show="product_display_cart_isopen">
6558                                                <div class="productAddToCart">
6559                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:ad
6559dToCartShowDialog('167689', '155226', 0, 'products2/night_1.jpg', 1, '09')">
6560                                                            <i class="fas fa-shopping-cart"></i>
6561                                                        Add to Cart                                                        </button>
6562                                                                                                </div>
6563                                                                                                    <div class="productDescription" v-show="0">
6564                                                        <p>
6565                                                                                                                            &nbsp;
6566                                                                                                            </p>
6567                                                    </div>
6568                                            </div>
6569                                                                            </div>
6570                                </div>
6571                            </div>
6572                        </div>
6573                                                <div class="item col-6 col-md-6 col-lg-3 mobileProductList1">
6574                            <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;">
6575                                <div class="badgeProduct">
6576                                                                                                        </div>
6577                                <div class="thumbnail rounded">
6578                                                                    <div class="productImage rounded-top">
6579                                        <a href="/en/product/167693-155230/hyacell-sun" class="awrap-img">
6580                                            
6581                                            <img class="lazy mx-auto"
6582                                                src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
6583                                                data-src="https://image.makewebcdn.com/makeweb/r_409x409/hpDgCU77I/products2/sun_1.jpg?v=202405291424"
6584                                                alt="HYACELL SUN"
6585                                                title="HYACELL SUN"
6586                                            />
6587                                        </a>
6588                                    </div>
6589                                    <div class="productCaption">
6590                                            <div class="productName" v-show="product_display_name_isopen">
6591                                                <a href="/en/product/167693-155230/hyacell-sun">
6592                                                    <h3 class="h3-hover">HYACELL SUN</h3>
6593                                                </a>
6594                                            </div>
6595                                            <div class="productCode" v-show="product_display_code_isopen">
6596                                                <p>
6597                                                                                                            12                                                                                                    </p>
6598                                            </div>
6599                                                                                        <div class="productIntro" v-show="product_display_intro_isopen && 1">
6600                                                <p>Anti-Ageing Sun Protection
6601</p>                                                </div>
6602                                            <p v-show="is_open_product_quantity_sold" >Sold 5 items</p>
6603                                            
6604                                            <div class="productPrice" v-show="product_display_price_isopen" >
6605                                                                                                                                                                                                                    <div class="divProductNormalPrice" >
6606                                                            <div class="productOldPrice h5 fs-priceOld ff-price ">
6607                                                                <sp
6607an class="NmPrice">฿4,900</span>
6608                                                                <span class="NmPriceSym">฿4,900</span>
6609                                                            </div>
6610                                                        </div>
6611                                                                                                                                                                                                                                                                                                                                    <div class="ff-price fs-price fc-price">
6612                                                                <span class="SpePrice">฿3,900</span>
6613                                                                <span class="SpePriceeSym">฿3,900</span>
6614                                                                                                                                    <span class="badge priceDiscount">-20%</span>
6615                                                                                                                            </div>
6616                                                                                                            
6617                                                                                                <div class="divProductMemberPrice" v-show="0">
6618                                                                                                                       <h5 class="productMemberPrice fs-priceMember ff-price ">&nbsp;</h5>
6619
6620                                                                                                        </div>
6621                                                                                                    <div class="divPriceWhole" v-show="0">
6622                                                                                                            </div>
6623                                            </div>
6624                                            <div class="productAction" v-show="product_display_cart_isopen">
6625                                                <div class="productAddToCart">
6626                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('167693', '155230', 0, 'products2/sun_1.jpg', 1, '12')">
6627                                                            <i class="fas fa-shopping-cart"></i>
6628                                                        Add to Cart                                                        </button>
6629                                                                                                </div>
6630                                                                                                    <div class="productDescription" v-show="0">
6631                                                        <p>
6632                                                                                                                            &nbsp;
6633                                                                                                            </p>
6634                                                    </div>
6635                                            </div>
6636                                                                            </div>
6637                                </div>
6638                            </div>
6639                        </div>
6640                                                                    </div>
6641    </div>
6642</div>
6643<script>       
6644            var productCaption_47485 = new Vue({
6645                el:'#productList1_47485',
6646                data:{
6647                    product_display_name_isopen:1,
6648                    product_display_code_isopen:0,
6649                    product_display_intro_isopen:0,
6650                    is_open_product_quantity_sold:0,
6651                    product_display_price_isopen:1,
6652                    product_display_cart_isopen:1,
6653                    product_box_auto_height:0,
6654                    class_autoheight:'AutoHeight'
6655                },
6656                created(){
6657                    if(this.product_box_auto_height){
6658                        this.class_autoheight = 'AutoHeight'
6659                    }else{
6660                        this.class_autoheight = 'NotAutoHeight'
6661                    }
6662                },
6663                beforeCreate(){
6664                    $('#productList1_47485 .productImage img').each(function (index, element) {
6665                        let strProductImage = $(this).attr('data-src');
6666                        let arrProductImage = strProductImage.split('/');
6667                        let strImgName = arrProductImage[arrProductImage.length - 1];
6668                        let arrstrImgName = strImgName.split("?v=");
6669                        arrstrImgName[0] = encodeURIComponent(arrstrImgName[0]);
6670                        arrProductImage[arrProductImage.length - 1] = arrstrImgName.join("?v=");
6671                        $(this).attr('data-src',arrProductImage.join('/'));
6672                    });
6673                },
6674                methods:{
6675                    changeStyle: function(){
6676                        if(this.product_box_auto_height){
6677                            this.class_autoheight = 'AutoHeight'
6678                        }else{
6679                            this.class_autoheight = 'NotAutoHeight'
6680                        }
6681                    },
6682                    backToDefault: function(){
6683                        this.product_display_name_isopen = 1;
6684
6685                        this.product_display_code_isopen  = 0;
6686
6687                        this.product_display_intro_isopen  = 0;
6688
6689                        this.is_open_product_quantity_sold  = 0;
6690
6691                        this.product_display_price_isopen  = 1;
6692
6693                        this.product_display_cart_isopen  = 1;
6694                        
6695                        this.product_box_auto_height  = 0;
6696
6697                        if(this.product_box_auto_height  == "1"){
6698                            this.class_autoheight = 'AutoHeight'
6699                        }else{
6700                            this.class_autoheight = 'NotAutoHeight'
6701                        }
6702                    }
6703                }
6704            })
6705
6706
6707            function displayMessage (evt) {
6708
6709            // check origin
6710            if(evt.origin != "https://webbuilder59.makewebeasy.com"){
6711                return 0;
6712            }
6713
6714            var toggleData = evt.data
6715
6716            var data = toggleData.split(",");
6717
6718            if(data[1] == 'productName'){
6719
6720                productCaption_47485.product_display_name_isopen = parseInt(data[0])
6721
6722            }else if(data[1] == 'productCode'){
6723
6724                productCaption_47485.product_display_code_isopen = parseInt(data[0])
6725
6726            }else if(data[1] == 'productIntro'){
6727
6728                productCaption_47485.product_display_intro_isopen = parseInt(data[0])
6729
6730            }else if(data[1] == 'productPrice'){
6731
6732                productCaption_47485.product_display_price_isopen = parseInt(data[0])
6733
6734            }else if(data[1] == 'productAction'){
6735
6736                productCaption_47485.product_display_cart_isopen = parseInt(data[0])
6737
6738            }else if(data[1] == 'AutoHeight'){
6739
6740                productCaption_47485.product_box_auto_height = parseInt(data[0])
6741                productCaption_47485.changeStyle()
6742
6743            }else if(data[1] == 'ProductStock'){
6744
6745            }else if(data[1] == 'ProductSell'){
6746
6747                productCaption_47485.is_open_product_quantity_sold = parseInt(data[0])
6748
6749            }else if(data[1] == 'reset'){
6750                productCaption_47485.backToDefault()
6751            }
6752
6753            }
6754
6755
6756            if (window.addEventListener) {
6757            // For standards-compliant web browsers
6758            window.addEventListener("message", displayMessage, false);
6759            }
6760            else {
6761            window.attachEvent("onmessage", displayMessage);
6762            }
6763</script>
6763
6764                                    </div>
6765                                                                        </div>
6766                                                                                                </div>
6767                                            </div>
6768                <!-- end background div -->
6769                
6770            <div  style="position: relative; background-color:#ffffff; " >
6771                                                    <a id="customize-47517" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
6772                                                                                <div class="container">
6773                                                    
6774                                                                    <div style="padding-top: 0px; padding-bottom: 0px;">
6775                                                                                                                                                <div >
6776                                        <style type="text/css">
6777    .brakeword10 {
6778        word-wrap: break-word;
6779    }
6780</style>
6781<div class="row brakeword10 area-tinymce">
6782    <div class="col-12">
6783        <div><a href="https://kupvxr0ijy.makewebeasy.co/en/category" data-mce-href="https://kupvxr0ijy.makewebeasy.co/en/category"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone4_pic7.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone4_pic7.png?v=202012190947" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></a></div>    </div>
6784</div>                                    </div>
6785                                                                        </div>
6786                                                                                                </div>
6787                                            </div>
6788                <!-- end background div -->
6789                
6790            <div  style="position: relative; background-color:#ffffff; " >
6791                                                    <a id="customize-47534" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
6792                                                                                <div class="container">
6793                                                    
6794                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
6795                                                                                                                                                <div >
6796                                        <style type="text/css">
6797    .brakeword10 {
6798        word-wrap: break-word;
6799    }
6800</style>
6801<div class="row brakeword10 area-tinymce">
6802    <div class="col-12">
6803        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #333333; font-family: 'Open sans'; font-size: 30px;" data-mce-style="color: #333333; font-family: 'Open sans'; font-size: 30px;">ANTI-AGING REVOLUTION&nbsp;</span></div><div style="text-align: center;" data-mce-style="text-align: center;"><strong>การปฏิวัติริ้วรอย</strong></div>    </div>
6804</div>                                    </div>
6805                                                                        </div>
6806                                                                                                </div>
6807                                            </div>
6808                <!-- end background div -->
6809                
6810            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone5_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " >
6811                                                    <a id="customize-47148" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
6812                                                                            <div class="container-fluid">
6813                                                
6814                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
6815                                                                                                                                                <div >
6816                                        <style type="text/css">
6817    .brakeword7 {
6818        word-wrap: break-word;
6819    }
6820</style>
6821<div class="row">
6822    <div class="col-12 col-sm-6 pl-sm-0 marginBottomSpaceMobile">
6823                                <div class="marginBottomSpaceMobile">
6824                                                                    <img class="img-responsive mx-auto d-block lazy"
6825                            src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
6826                            data-src="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData/zone5_pic1.png?v=202405291424"
6827                            alt=""
6828                            title=""
6829                        />
6830                                                        </div>
6831            </div>
6832                            <div class="col-12 col-sm-6 brakeword7 textlayout-maxwidth area-tinymce">
6833                    <br><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947"><br><span style="font-size: 26px; color: #333333;" data-mce-style="font-size: 26px; color: #333333;">Children's skin is resilient and has a strong skin barrier. With age, the cell cycle in the epidermis slows down. </span><br><span style="color: #666666;" data-mce-style="color: #666666;">With HYACELL anti-aging products, the body's own cell production is stimulated again. Thanks to active ingredients such as antioxidants, vitamins, peptides and stem cells, an effective and sustainable treatment is guaranteed.<br><br><a data-mce-href="https://kupvxr0ijy.makewebeasy.co/category" href="https://kupvxr0ijy.makewebeasy.co/category"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947"></a><br></span>                </div>
6834                    </div>
6835                                    </div>
6836                                                                        </div>
6837                                                                                                </div>
6838                                            </div>
6839                <!-- end background div -->
6840                
6841            <div  style="position: relative; background-color:#ffffff; " >
6842                                                    <a id="customize-47149" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
6843                                                                            <div class="container-fluid">
6844                                                
6845                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
6846                                                                                                                                                <div >
6847                                        <style type="text/css">
6848    .brakeword8 {
6849        word-wrap: break-word;
6850    }
6851</style>
6852<div class="row">
6853            <div class="col-12 col-sm-6 brakeword8 textlayout-maxwidth textlayout-marlauto marginBottomSpaceMobile area-tinymce">
6854            <br><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947"><br><span style="font-size: 26px; color: #333333;" data-mce-style="font-size: 26px; color: #333333;">HYACELL is based on high quality hyaluronic acid with a medical degree of purity. </span><br><span style="color: #666666;" data-mce-style="color: #666666;">This is known for the volume build-up and as an effective catalyst for transepidermal migration.<br><br><a data-mce-href="https://kupvxr0ijy.makewebeasy.co/category" href="https://kupvxr0ijy.makewebeasy.co/category"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947"></a><br></span>        </div>
6855            <div class="col-12 col-sm-6 pr-sm-0">
6856                                <div>
6857                                                                    <img class="img-responsive mx-auto d-block lazy"
6858                            src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
6859                            data-src="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData/zone6_pic1.png?v=202405291424"
6860                            alt=""
6861                            title=""
6862                        />
6863                                                        </div>
6864            </div>
6865        </div>
6866                                    </div>
6867                                                                        </div>
6868                                                                                                </div>
6869                                            </div>
6870                <!-- end background div -->
6871                
6872            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/hpDgCU77I/DefaultData%2Fzone7_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " >
6873                                                    <a id="customize-47150" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
6874                                                                            <div class="container-fluid">
6875                                                
6876                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
6877                                                                                                                                                <div >
6878                                        <style type="text/css">
6879    .brakeword7 {
6880        word-wrap: break-word;
6881    }
6882</style>
6883<div class="row">
6884    <div class="col-12 col-sm-6 pl-sm-0 marginBottomSpaceMobile">
6885                                <div class="marginBottomSpaceMobile">
6886                                                                    <img class="img-responsive mx-auto d-block lazy"
6887                            src="https://webbuilder59.makewebeasy.com/images/lazy_default.png"
6888                            data-src="https://image.makewebcdn.com/makeweb/0/hpDgCU77I/DefaultData/zone7_pic1.png?v=202405291424"
6889                            alt=""
6890                            title=""
6891                        />
6892                                                        </div>
6893            </div>
6894                            <div class="col-12 col-sm-6 brakeword7 textlayout-maxwidth area-tinymce">
6895                    <br><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic2.png?v=202012190947"><br><span style="font-size: 26px; color: #333333;" data-mce-style="font-size: 26px; color: #333333;">We use three different chains of hyaluron, the shortest being only 3kD in size. </span><br><span style="color: #666666;" data-mce-style="color: #666666;">This enables the best penetration of active ingredients deep into the dermis. We are revolutionizing anti-aging.<br><br><a data-mce-href="https://kupvxr0ijy.makewebeasy.co/category" href="https://kupvxr0ijy.makewebeasy.co/category"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/zone5_pic3.png?v=202012190947"></a><br></span>                </div>
6896                    </div>
6897                                    </div>
6898                                                                        </div>
6899                                                                                                </div>
6900                                            </div>
6901                <!-- end background div -->
6902                
6903            <div  style="position: relative; background-color:#ffffff; " >
6904                                                    <a id="contactus-47151" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
6905                                                                                <div class="container">
6906                                                    
6907                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
6908                                                                                                                                                    <h2 style="color:#3b4044;text-align:center;  padding-bottom:20px;  word-wrap: break-word;">
6909                                            CONTACT US                                        </h2>
6910                                                                        <div >
6911                                        <div class="row">
6912    <div class="col-12 col-md-6 col-lg-6" style="word-wrap: break-word;">
6913        <p><strong><span style="line-height: 1.5; font-family: 'Open sans';" data-mce-style="line-height: 1.5; font-family: 'Open sans';">HYACELL&nbsp;</span></strong><br><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;"><strong>ONET INTERNATIONAL COMPANY LIMITED</strong></span><br><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;">615&nbsp; Jitt-Uthai Building&nbsp; Ramkamhang Road&nbsp; Huamark&nbsp; Bangkapi&nbsp; Bangkok&nbsp; 10240</span><br><br><a href="mailto:[email protected]" data-mce-href="mailto:[email protected]">email : [email protected]<br><br></a><img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_01.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_01.png?v=202012190947">&nbsp;<img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_02.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_02.png?v=202012190947">&nbsp;<img src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_03.png?v=202012190947" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/hpDgCU77I/DefaultData/icon_03.png?v=202012190947"><br></p>    </div>
6914    <div class="col-12 col-md-6 col-lg-6">
6915        <div id="messgeAlertContactus" class="alert" role="alert" style="display: none;">
6916            <i class="fa fa-check-circle"></i> <strong>Message has been successfully sent!</strong>        </div>
6917        <form id="formContactSendBody">
6918            <div class="form-group">
6919                <input name="inputContactName" id="inputContactName" placeholder="Name" type="text" class="validateInput form-control themeContactusBody"
6920                       value="">
6921            </div>
6922            <div class="form-group">
6923                <input name="inputContactEmail" id="inputContactEmail" placeholder="E-mail" type="email" class="validateInput form-control themeContactusBody"
6924                       value="">
6925            </div>
6926            <div class="form-group">
6927                <input name="inputContactPhone" id="inputContactPhone" placeholder="Phone" type="text" class="validateInput form-control themeContactusBody"
6928                       value="">
6929            </div>
6930                            <div class="form-group">
6931                    <select name="inputContactTypeID" id="inputContactTypeID" class="validateInput form-control themeContactusBody">
6932                        <option value="" selected='selected'>Choose contact type</option>
6933                                                    <option value="64">
6934                                Line ID : @skinselected                            </option>
6935                                            </select>
6936                </div>
6937                        <div class="form-group">
6938                <textarea class="form-control themeContactusBody" rows="5" name="inputContactMessage" id="inputContactMessage" placeholder="Message"></textarea>
6939            </div>
6940            <div class="form-group mwe-captcha">
6941                <label id="captchaOperation" class="font-weight-bold captchaOperation"></label>
6942                <div class="input-group captchaInputPanel">
6943                    <input type="text" class="form-control captchaInput" id="captchaInput" name="captcha" style="width: 100px;">
6944                    <div class="input-group-append rounded-right">
6945                        <button class="btn btn-outline-secondary rounded-right captchaRefresh" type="button" id="refreshCaptcha"><i class="fas fa-sync-alt"></i></button>
6946                    </div>
6947                </div>
6948                <small class="form-text text-muted"></small>
6949            </div>
6950            <div class="form-group buttonSendPanel">
6951                <button type="submit" class="btn btn-style">
6952                    <i class="fas fa-envelope fa-fw" >&nbsp;</i>Send message                </button>
6953            </div>
6954        </form>
6955    </div>
6956</div>
6957<script>
6958    jQuery(document).ready(function () {
6959        generateCaptchaifpm('contact');
6960        jQuery("#refreshCaptcha").on("click", function () {
6961            generateCaptchaifpm('contact');
6962        });
6963        
6964        jQuery('#formContactSendBody').formValidation({
6965            framework: 'bootstrap',
6966            excluded: [':disabled'],
6967            icon: {
6968                valid: 'glyphicon glyphicon-ok',
6969                invalid: '',
6970                validating: 'glyphicon glyphicon-refresh'
6971            },
6972            fields: {
6973                "inputContactName": {
6974                    validators: {
6975                        notEmpty: {
6976                            message: 'Please enter your name.'
6977                        }
6978                    }
6979                },
6980                "inputContactEmail": {
6981                    validators: {
6982                        notEmpty: {
6983                            message: 'Please enter your email.'
6984                        },
6985                        regexp: {
6986                            regexp: /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,}|[0-9]{1,3})(\]?)$/,
6987                            message: 'Invalid email adress.'
6988                        }
6989                    }
6990                },
6991                "inputContactPhone": {
6992                    validators: {
6993                        notEmpty: {
6994                            message: 'Please enter your phone number.'
6995                        }
6996                    }
6997                },
6998                "inputContactTypeID": {
6999                    validators: {
7000                        notEmpty: {
7001                            message: 'Please choose your contact type.'
7002                        }
7003                    }
7004                },
7005                "inputContactMessage": {
7006                    validators: {
7007                        notEmpty: {
7008                            message: 'Please enter your message.'
7009                        }
7010                    }
7011                },
7012                "captcha": {
7013                    validators: {
7014                        callback: {
7015                            message: '',
7016                            callback: function (value, validator, $field) {
7017                                var ciValue = parseInt(jQuery("#captchaInput").val());
7018                                var items = jQuery('#captchaOperation').html().split(' ');
7019                                var sum = parseInt(items[0]) + parseInt(items[2]);
7020
7021                                return ciValue === sum;
7022                            }
7023                        }
7024                    }
7025                }
7026            }
7027        }).on('err.validator.fv', function (e, data) {
7028            data.element
7029                    .data('fv.messages')
7030                    .find('.help-block[data-fv-for="' + data.field + '"]').hide()
7031                    .filter('[data-fv-validator="' + data.validator + '"]').show();
7032        }).on('success.form.fv', function (e) {
7033            jQuery('#boxLoading').fadeIn(); // block fadein
7034            jQuery(".buttonSendPanel > button").prop('disabled', true);
7035            jQuery(".buttonSendPanel > button").find('i').remove();
7036            jQuery(".buttonSendPanel > button").prepend('<i class="fas fa-spinner fa-pulse fa-lg fa-fw" ></i>');
7037            e.preventDefault();
7038            var $form = $(e.target);
7039            var bv = $form.data('formValidation');
7040
7041            clickConversion('contact');
7042
7043            var data = jQuery('#formContactSendBody').serialize();
7044            jQuery('#divViewportLoading').addClass('active'); // block loading
7045            jQuery.ajax({
7046                type: "POST",
7047                url: "/page/page_contactus/ajaxSaveContactUsController.php",
7048                data: {
7049                    data: data
7050                }, success: function (reData) {
7051                                        jQuery('#divViewportLoading').removeClass('active'); // unblock loading
7052                    if (reData === "1") {
7053                        jQuery("#messgeAlertContactus").removeClass("alert-danger");
7054                        jQuery("#messgeAlertContactus").addClass("alert-success");
7055                        jQuery("#messgeAlertContactus").html('<i class="fa fa-check-circle"></i> <strong>Message has been successfully sent!</strong>');
7056                    } else {
7057                        jQuery("#messgeAlertContactus").removeClass("alert-success");
7058                        jQuery("#messgeAlertContactus").addClass("alert-danger");
7059                        jQuery("#messgeAlertContactus").html("<i class=\"fas fa-times-circle\"></i>&nbsp;Please fill in contact us again.");
7060
7061                        jQuery(".buttonSendPanel > button").prop('disabled', false);
7062                        jQuery(".buttonSendPanel > button").find('i').remove();
7063                        jQuery(".buttonSendPanel > button").prepend('<i class="fas fa-envelope" style="vertical-align: baseline 
7063!important;" >');
7064                    }
7065                    jQuery("#messgeAlertContactus").show();
7066                    setTimeout(function () {
7067                        document.location.reload();
7068                    }, 2000);
7069                    //jQuery('#boxLoading').fadeOut() // unblock fadeout
7070                }
7071            });
7072        });
7073    });
7074</script>
7074
7075                                    </div>
7076                                                                        </div>
7077                                                                                                </div>
7078                                            </div>
7079                <!-- end background div -->
7080                        <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
7081                    </div>
7082        
7082<script>
7083            function renderYoutubeIframe(e, video_id) {
7084                var iframe = document.createElement( "iframe" );
7085                iframe.setAttribute( "frameborder", "0" );
7086                iframe.setAttribute( "allowfullscreen", "" );
7087                iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ video_id +"?rel=0&showinfo=0&autoplay=1&mute=1" );
7088                e.innerHTML = "";
7089                e.appendChild( iframe );
7090            }
7091
7092            function secflascounter(timer,boxid,turn) {
7093                if(timer!=''){
7094                    arrayData3 = timer;
7095                    //var timeParsed = arrayData3.replace(' ', 'T');
7096                    //var countDownDate = new Date(timer).getTime();
7097                    var countDownDate = new Date(new Date(timer).toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
7098                    var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
7099                    var asx = setInterval(function() {
7100                        //var now = new Date().getTime();
7101                        var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
7102                        var distance = countDownDate - now;
7103                        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
7104                        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
7105                        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
7106                        var seconds = Math.floor((distance % (1000 * 60)) / 1000);
7107                        jQuery(".rowcounter-promotion"+boxid+" .fsui-day").html(('0' +days).slice(-2));
7108                        jQuery(".rowcounter-promotion"+boxid+" .fsui-hour").html(('0' +hours).slice(-2));
7109                        jQuery(".rowcounter-promotion"+boxid+" .fsui-min").html(('0' +minutes).slice(-2));
7110                        jQuery(".rowcounter-promotion"+boxid+" .fsui-sec").html(('0' +seconds).slice(-2));
7111                        if (distance < 0) {
7112                            clearInterval(asx);
7113                        }
7114                    }, 1000);
7115                }else{
7116                    clearInterval(asx);
7117                }
7118            }
7119        </script>
7119
7120                                                                            </div>
7121                <div id="section-footer">
7122                    <style>
7123    .container-footer-full{
7124        width: 100%;
7125        padding-right: 15px;
7126        padding-left: 15px;
7127        margin-right: auto;
7128        margin-left: auto;
7129    }
7130    @media only screen and (max-width: 767px){
7131        .footer-mb-mobile{
7132            margin-bottom: 20px;
7133        } 
7134
7135        .fieldSubscribe {
7136                line-height: 10px !important;
7137        }
7138    }
7139    .subscribeInput {
7140        display: block !important;
7141    }
7142</style>
7143<footer class="footer01 footerZone">
7144                    <div id="footer-bar">
7145            <div class="container">
7146                                    <div class="row">
7147                        <div class="col-12">
7148                            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 12px;" data-mce-style="font-size: 12px;">© Copyright 2021 All Rights Reserved.</span></div>                        </div>
7149                    </div>
7150                                            </div>
7151        </div>
7152    </footer>
7153
7154
7155                </div>
7156                                    <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; ">
7157                        Powered by
7158                        <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/en" target="_blank" title="ทำเว็บฟรี สร้างเว็บฟรี เว็บฟรี เว็บไซต์ฟรี">MakeWebEasy.com</a>
7159                    </div>
7160                
7161                                    <div class="widget_cart_fix_display "></div>
7162                            </div>
7163                                </div>
7164
7165        <!-- cookie consent-->
7166        
7167<div class="policy-position">
7168    <div class="wrap-con">
7169        <div class="container">
7170            <div class="row pad-row-pdpa policy-container">
7171                <div class="col-12 col-md-9 col-lg-9">
7172                    <span class="txt-pdconsent">This website uses cookies for best user experience, to find out more you can go to our                        <a class="" href="/en/privacy-policy" target="_blank">Privacy Policy</a>
7173                        &nbsp;and&nbsp;                        <a class="" href="/en/cookies-policy" target="_blank">Cookies Policy</a>
7174                    </span>
7175                </div>
7176                <div class="col-12 col-md-3 col-lg-3 colbtn">
7177                    <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">Set Cookies</button>
7178                    <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">Accept All</button>
7179                </div>
7180            </div>
7181        </div>
7182    </div>
7183</div>        
7184        
7184<script type="text/javascript">
7185            var plugins = {};
7186                            plugins['fontawesome'] = {'isEnable': false};
7187                            plugins['hamburgers'] = {'isEnable': true};
7188                            plugins['imagesloaded'] = {'isEnable': false};
7189                            plugins['magnificpopup'] = {'isEnable': false};
7190                            plugins['masonry'] = {'isEnable': false};
7191                            plugins['owlcarousel'] = {'isEnable': true};
7192                            plugins['perfectscrollbar'] = {'isEnable': false};
7193                            plugins['scrollposstyler'] = {'isEnable': false};
7194                            plugins['style_mwe'] = {'isEnable': false};
7195                            plugins['all'] = {'isEnable': false};
7196                            plugins['circularloading'] = {'isEnable': true};
7197                            plugins['customerjs'] = {'isEnable': false};
7198                            plugins['customerstyle'] = {'isEnable': false};
7199                            plugins['font'] = {'isEnable': false};
7200                            plugins['fullcalendar'] = {'isEnable': false};
7201                            plugins['homebox_eventcalendar'] = {'isEnable': false};
7202                            plugins['page_calendar'] = {'isEnable': false};
7203                            plugins['page_faq'] = {'isEnable': false};
7204                            plugins['themesystem'] = {'isEnable': false};
7205                    </script>
7205
7206        <!-- JS Main -->
7207                
7207<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
7207
7208        
7208<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>
7208
7209        
7209<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>
7209
7210        
7210<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>
7210
7211        
7211<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>
7211
7212        
7212<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
7212
7213        
7213<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>
7213
7214        
7214<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>
7214
7215        
7215<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>
7215
7216        
7216<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>
7216
7217        
7217<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>
7217
7218        
7218<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>
7218
7219        
7219<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
7219
7220        
7220<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>
7220
7221        
7221<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>
7221
7222        
7222<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>
7222
7223        
7223<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>
7223
7224        
7224<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>
7224
7225        
7225<script>var lang = "en";</script>
7225
7226        
7226<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>
7226
7227        
7227<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>
7227
7228                <!-- JS Page -->
7229        
7229<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>
7229<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>
7229        <!-- JS Main -->
7230                
7230<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
7230
7231                
7231<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>
7231
7232        
7232<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>
7232
7233                <!-- Script CustomerPage -->
7234                <!-- Script Body -->
7235        
7235<script type="text/javascript">
7236            $(document).ready(function () {
7237                if (
7238                    navigator.platform == 'iPhone' ||
7239                    navigator.platform == 'iPod' ||
7240                    navigator.platform == 'iPad' ||
7241                    (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0)
7242                ) {
7243                    var $body = $('body');
7244                    var bg_attachment = $body.css('background-attachment');
7245                    if (bg_attachment == 'fixed') {
7246                        var bg_size = $body.css('background-size');
7247                        if (bg_size == 'auto') {
7248                            var bg_img = $body.css('background-image');
7249                            var bg_repeat = $body.css('background-repeat');
7250                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
7251                            $bodyBG.css('width', '100vw');
7252                            $bodyBG.css('height', '100vh');
7253                            $bodyBG.css('position', 'fixed');
7254                            $bodyBG.css('top', '0');
7255                            $bodyBG.css('left', '0');
7256                            $bodyBG.css('background-image', bg_img);
7257                            $bodyBG.css('background-repeat', bg_repeat);
7258                            $bodyBG.css('z-index', '-99');
7259                            $body.prepend($bodyBG);
7260
7261                        } else if (bg_size == 'cover') {
7262                            var bg_img = $body.css('background-image');
7263                            var bg_repeat = $body.css('background-repeat');
7264                            var bg_pos = $body.css('background-position');
7265                            var bg_size = $body.css('background-size');
7266                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
7267                            $bodyBG.css('width', '100vw');
7268                            $bodyBG.css('height', '100vh');
7269                            $bodyBG.css('position', 'fixed');
7270                            $bodyBG.css('top', '0');
7271                            $bodyBG.css('left', '0');
7272                            $bodyBG.css('background-image', bg_img);
7273                            $bodyBG.css('background-repeat', bg_repeat);
7274                            $bodyBG.css('background-position', bg_pos);
7275                            $bodyBG.css('background-size', bg_size);
7276                            $bodyBG.css('-webkit-background-size', bg_size);
7277                            $bodyBG.css('-moz-background-size', bg_size);
7278                            $bodyBG.css('-o-background-size', bg_size);
7279                            $bodyBG.css('z-index', '-99');
7280                            $body.prepend($bodyBG);
7281                        }
7282                    }
7283                }
7284            });
7285        </script>
7285
7286        <!-- Script Rellax -->
7287        
7287<script type="text/javascript">
7288            if (document.getElementsByClassName("rellax").length > 0) {
7289                if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) {
7290                    var rellax = new Rellax('.rellax', {
7291                        speed: -4,
7292                        round: true
7293                    });
7294                } else {
7295                    $(document).ready(function () {
7296                        $('.rellax-view').each(function (index) {
7297                            var $rellax = $(this).find('>.rellax');
7298                            var bg_img = $rellax.css('background-image');
7299                            var bg_repeat = $rellax.css('background-repeat');
7300                            var bg_xpos = $rellax.css('background-position-x');
7301                            var bg_ypos = $rellax.css('background-position-y');
7302                            var bg_size = $rellax.css('background-size');
7303                            $(this).css({
7304                                'background-image': bg_img,
7305                                'background-repeat': bg_repeat,
7306                                'background-position-x': bg_xpos,
7307                                'background-position-y': bg_ypos,
7308                                '-webkit-background-size': bg_size,
7309                                '-moz-background-size': bg_repeat,
7310                                '-o-background-size': bg_repeat,
7311                                'background-size': bg_repeat,
7312                            }).addClass('rellax-not-support');
7313                            $rellax.remove();
7314                        });
7315                    });
7316                }
7317            }
7318        </script>
7318
7319        <!-- Script Slide -->
7320        
7320<script type="text/javascript">
7321        var $owlTemp47141 = jQuery(".owl-carouselhh_47141");
7322        var slideSpeedOwl47141 = "fast";
7323        if (slideSpeedOwl47141 == "slow") {
7324            var autoplayTimeoutOwl47141= 7000;
7325        } else if (slideSpeedOwl47141 == "medium") {
7326            var autoplayTimeoutOwl47141 = 5000;
7327        } else if (slideSpeedOwl47141 == "fast") {
7328            var autoplayTimeoutOwl47141 = 3000;
7329        }
7330        $owlTemp47141.on("initialize.owl.carousel", function (e) {
7331            jQuery(".iconLoadSlider_47141").fadeOut("slow");
7332            jQuery(".iconDiv_47141").remove();
7333        });
7334        $owlTemp47141.on("initialized.owl.carousel", function (e) {
7335            var $owl_item = $owlTemp47141.find(".owl-item");
7336            $owl_item.each(function () {
7337                var mr = parseInt($(this).find(".contentMargin").css("margin-right"));
7338                var ml = parseInt($(this).find(".contentMargin").css("margin-left"));
7339                $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml);
7340            });
7341        });
7342
7343        var resizeTimer47141;
7344        jQuery(window).on("resize", function() {
7345            clearTimeout(resizeTimer47141);
7346            resizeTimer47141 = setTimeout(function() {
7347                var $owl_item = $owlTemp47141.find(".owl-item");
7348                $owl_item.each(function () {
7349                    var mr = parseInt($(this).find(".contentMargin").css("margin-right"));
7350                    var ml = parseInt($(this).find(".contentMargin").css("margin-left"));
7351                    $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml);
7352                });
7353
7354                var $item_img = $owlTemp47141.find(".item img");
7355                $item_img.css("height", "auto");
7356                $item_img.each(function () {
7357                    var height = $(this).height();
7358                    $(this).css("height", height);
7359                });
7360            }, 250);
7361        });
7362        $owlTemp47141.on({
7363            mouseenter: function() {
7364                $(this).trigger("stop.owl.autoplay");
7365            },
7366            mouseover: function() {
7367                $(this).trigger("stop.owl.autoplay");
7368            },
7369            mouseout: function() {
7370                $(this).trigger("play.owl.autoplay");
7371            },
7372            touchstart: function() {
7373                $(this).trigger("stop.owl.autoplay");
7374            },
7375            touchend: function() {
7376                $(this).trigger("play.owl.autoplay");
7377            }
7378        });
7379        $owlTemp47141.owlCarousel({
7380            loop: true,
7381            autoplay: true,
7382            autoplayTimeout: autoplayTimeoutOwl47141,
7383            autoplaySpeed: 900,
7384            dotsSpeed: 1000,
7385            lazyLoad: true,
7386            dots: false,
7387            navText: ["<i class=\"fal fa-3x fa-angle-left\"></i>", "<i class=\"fal fa-3x fa-angle-right\"></i>"],
7388            navSpeed: 1000,
7389            responsiveClass: true,
7390            responsive: {
7391                0: {
7392                    items: 1,
7393                    nav: true
7394                },
7395                1025: {
7396                    items: 1,
7397                    nav: true
7398                }
7399            }
7400        });
7401        function doAnimations47141(elems) {
7402            elems.each(function () {
7403                var $owl_item = $(this);
7404                var $item = $owl_item.find(".item");
7405                var $item_class = $item.attr("class");
7406                var $contentEffect = $item.find("[data-animation ^= \"animated\"]");
7407                var $animationType = $contentEffect.data("animation");
7408                var same_item = $owlTemp47141.find(".owl-item:not(.active)").find("." + $item_class.split(" ").join("."));
7409                if (same_item.length > 0) {
7410                    same_item.find("[data-animation ^= \"animated\"]").addClass($animationType);
7411                }
7412                $contentEffect.addClass($animationType);
7413            });
7414        }
7415        var $firstAnimatingElems47141 = $owlTemp47141.find(".owl-item.active");
7416        doAnimations47141($firstAnimatingElems47141);
7417        $owlTemp47141.on("translate.owl.carousel", function (e) {
7418            var elems = $owlTemp47141.find(".owl-item:not(.active)");
7419            elems.each(function () {
7420                var $owl_item = $(this);
7421                var $item = $owl_item.find(".item");
7422                var $item_class = $item.attr("class");
7423                var $contentEffect = $item.find("[data-animation ^= \"animated\"]");
7424                var $animationType = $contentEffect.data("animation");
7425
7426                var same_item = $owlTemp47141.find(".owl-item.active").find("." + $item_class.split(" ").join("."));
7427                if (same_item.length == 0) {
7428                    $item.find("[data-animation ^= \"animated\"]").removeClass($animationType);
7429                }
7430            });
7431        });
7432        $owlTemp47141.on("translated.owl.carousel", function (e) {
7433            var $animatingElems = $owlTemp47141.find(".owl-item.active");
7434            doAnimations47141($animatingElems);
7435        });
7436        jQuery(".Mweslide_47141 .owl-dot").on("click", function (e) {
7437            if (!$(this).hasClass("active")) {
7438                $owlTemp47141.find(".owl-item .item").find("[data-animation ^= \"animated\"]").removeClass().addClass("contentEffect contentBG contentPadding");
7439            }
7440        });
7441    </script>
7441        <!-- Script WidgetCart -->
7442                    
7442<script>
7443                drawWidgetCartFix();
7444            </script>
7444
7445        
7446        <!-- Script MWEAds -->
7447        
7447<script>
7448            // $("#divMWEAds").on("click", function (e) {
7449            //     var aNode = e.target.nodeName;
7450            //     if (aNode !== "B") {
7451            //         window.open('https://www.makewebeasy.com');
7452            //     }
7453            // });
7454        </script>
7454
7455        <!-- Script FB -->
7456                <!-- Script Embed -->
7457                <!-- Script More -->
7458        
7458<script type="text/javascript">
7459            function myFunctionincount(id, gid, page, homid, place, local, pagetype) {
7460                if (id !== '' && page !== '' && local !== '') {
7461                    jQuery.ajax({
7462                        type: 'POST',
7463                        url: '/customer/banner/store.php',
7464                        data: {
7465                            bnid: id,
7466                            gid: gid,
7467                            page: page,
7468                            home: homid,
7469                            place: place,
7470                            local: local,
7471                            pagetype: pagetype
7472                        },
7473                        success: function (returnData) {
7474                            if (returnData != '') {
7475                                console.log(returnData);
7476                            }
7477                        }
7478                    });
7479                }
7480            }
7481            $(function () {
7482                $('a[href*="#"]:not([href="#"])').click(function () {
7483                    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
7484                        var target = $(this.hash);
7485                        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
7486                        if (target.length) {
7487                            disable_scroll();
7488                            $('html,body').animate({
7489                                scrollTop: target.offset().top
7490                            }, 'slow', function () {
7491                                enable_scroll();
7492                            });
7493                            return false;
7494                        }
7495                    }
7496                });
7497            });
7498            function preventDefault(e) {
7499                e = e || window.event;
7500                if (e.preventDefault)
7501                    e.preventDefault();
7502                e.returnValue = false;
7503            }
7504            function wheel(e) {
7505                preventDefault(e);
7506            }
7507            function disable_scroll() {
7508                if (window.addEventListener) {
7509                    window.addEventListener('DOMMouseScroll', wheel, false);
7510                }
7511                window.onmousewheel = document.onmousewheel = wheel;
7512            }
7513            function enable_scroll() {
7514                if (window.removeEventListener) {
7515                    window.removeEventListener('DOMMouseScroll', wheel, false);
7516                }
7517                window.onmousewheel = document.onmousewheel = null;
7518            }
7519
7520                        $(function () {
7521                $('#whatsappIcon').click(function () {
7522                    let toggle = $(this).data("toggle");
7523                    if (toggle == 0) {
7524                        $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"});
7525                        let date = new Date();
7526                        $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2));
7527                        $(this).data("toggle", 1);
7528                    } else {
7529                        $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
7530                        $(this).data("toggle", 0);
7531                    }
7532                });
7533                $('.whatsappBtnCancel').click(function () {
7534                    $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
7535                    $('#whatsappDialog').data("toggle", 0);
7536                });
7537            });
7538        </script>
7538
7539        
7539<script type="text/javascript">
7540            // Img LazyLoad
7541            document.addEventListener("DOMContentLoaded", function() {
7542                var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
7543                if ("IntersectionObserver" in window) {
7544                    let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
7545                        entries.forEach(function(entry) {
7546                            if (entry.isIntersecting) {
7547                                let lazyImage = entry.target;
7548                                lazyImage.src = lazyImage.dataset.src;
7549                                lazyImage.classList.remove("lazy");
7550                                lazyImageObserver.unobserve(lazyImage);
7551                            }
7552                        });
7553                    });
7554
7555                    lazyImages.forEach(function(lazyImage) {
7556                        lazyImageObserver.observe(lazyImage);
7557                    });
7558                } else {
7559                    // Possibly fall back to a more compatible method here
7560                    lazyImages.forEach(function(lazyImage) {
7561                        lazyImage.src = lazyImage.dataset.src;
7562                        lazyImage.classList.remove("lazy");
7563                    });
7564                }
7565            });
7566            // Iframe LazyLoad
7567            document.addEventListener("DOMContentLoaded", function() {
7568                var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy"));
7569                if ("IntersectionObserver" in window) {
7570                    let lazyIframeObserver = new IntersectionObserver(function(entries, observer) {
7571                        entries.forEach(function(entry) {
7572                            if (entry.isIntersecting) {
7573                                let lazyIframe = entry.target;
7574                                lazyIframe.src = lazyIframe.dataset.src;
7575                                lazyIframe.classList.remove("lazy");
7576                                lazyIframeObserver.unobserve(lazyIframe);
7577                            }
7578                        });
7579                    });
7580
7581                    lazyIframes.forEach(function(lazyIframe) {
7582                        lazyIframeObserver.observe(lazyIframe);
7583                    });
7584                } else {
7585                    lazyIframes.forEach(function(lazyIframe) {
7586                        lazyIframe.src = lazyIframe.dataset.src;
7587                        lazyIframe.classList.remove("lazy");
7588                    });
7589                }
7590            });
7591        </script>
7591
7592        
7592<script type="text/javascript">
7593            // Img Opacity
7594            (function ($) {
7595                "use strict";
7596                $.fn.visible = function (partial) {
7597                    if (typeof ($(this).offset()) !== 'undefined') {
7598                        var $t = $(this),
7599                                $w = $(window),
7600                                viewTop = $w.scrollTop(),
7601                                viewBottom = viewTop + $w.height(),
7602                                _top = $t.offset().top,
7603                                _bottom = _top + $t.height(),
7604                                compareTop = partial === true ? _bottom : _top,
7605                                compareBottom = partial === true ? _top : _bottom;
7606                        return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop)));
7607                    }
7608                };
7609                jQuery(window).ready(function ($) {
7610                    var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = [];
7611                    //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'),
7612
7613                    jQuery('body img').not('.imgLineWidget').imagesLoaded(function () {
7614                        bkthumbnail = $('#section-content').find('img:not(.zoomImg)');
7615                        bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)');
7616                    }).progress(function (instance, image) {
7617                        var result = image.isLoaded ? 'loaded' : 'broken';
7618                        if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) {
7619                            $(image.img).css('opacity', '1');
7620                        }
7621                        if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) {
7622                            $(image.img).css('opacity', '1');
7623                        }
7624                        if ($(image.img).closest(".owl-item").length > 0) {
7625                            $(image.img).css('opacity', '1');
7626                            var height = $(image.img).height();
7627                            $(image.img).css("height", height);
7628                        }
7629                    });
7630                    bkWindow.scroll(function (event) {
7631                        $.each(bkthumbnail, function (i, value) {
7632                            var bkValue = $(value);
7633                            if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) {
7634                                bkValue.css('opacity', '1');
7635                            }
7636                        });
7637                        $.each(bkthumbnailfooter, function (i, value) {
7638                            var bkValueft = $(value);
7639                            if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) {
7640                                bkValueft.css('opacity', '1');
7641                            }
7642                        });
7643                    });
7644                });
7645            })(jQuery);
7646        </script>
7646
7647        
7648        
7648<script type="text/javascript">
7649            $(function () {
7650                $('a[href^="tel:"], a[href^="Tel:"]').click(function () {
7651                    clickConversion('call');
7652                });
7653                $('a[href*="line.me"], a[href*="lin.ee"]').click(function () {
7654                    if($(this).hasClass('LineSocialPD')) return;
7655                    clickConversion('line');
7656                });
7657                $('a[href*="instagram.com"]').click(function () {
7658                    clickConversion('instagrams');
7659                })
7660                $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () {
7661                    if($(this).hasClass('facebookSocialPD')) return;
7662                    clickConversion('facebook');
7663                })
7664            });
7665            function clickConversion(snippetType, value = null, transectionId = null) {
7666                            }
7667        </script>
7667
7668
7669        
7670        <!-- Script Schema -->
7671        
7671<script type="application/ld+json">
7672    {
7673      "@context": "https://schema.org",
7674      "@type": "WebSite",
7675      "url": "https://www.hyacellthai.com",
7676      "name":"HYACELL  เซรั่ม hyaluron จากประเทศสวิตเซอร์แลนด์ ",
7677      "potentialAction": {
7678        "@type": "SearchAction",
7679        "target": {
7680          "@type": "EntryPoint",
7681          "urlTemplate": "https://www.hyacellthai.com/search/{search_term_string}"
7682        },
7683        "query-input": "required name=search_term_string"
7684      }
7685    }
7686</script>
7686        <style> 
7687            @media (max-width: 992px){
7688                .widget-overlay .fb-customerchat span iframe , 
7689                .widget-overlay .fb_dialog .fb_dialog_content iframe , 
7690                .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe,
7691                .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 
7692                    bottom: 70px !important 
7693                }
7694                #toTop.widget-to-top {
7695                    bottom :  150px !important;
7696                }
7697                #unknown{
7698                    bottom : 60px !important;
7699                }
7700            }
7701            .fb_new_ui_mobile_overlay_active {
7702                overflow: auto !important;
7703            }
7704        </style>
7705
7706        
7707    </body>
7708</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.