https://www.centrodiopinione.it/login

1<!DOCTYPE html>
2
3<html data-ng-app="app-defaultLayout" lang="it">
4
5  <head>
6  
7  <meta charset="utf-8">
8  <meta http-equiv="X-UA-Compatible" content="IE=edge">
9  <meta name="viewport" content="width=device-width, initial-scale=1">
10  <meta name=”robots” content=”index,follow” />
11  <link rel="alternate" hreflang="it-it" href="login" /><link rel="canonical" href="login" />
12
13  <title>Accesso | Login</title>
14  <meta name="description" content="Fai sentire la tua voce attraverso i nostri sondaggi online a pagamento! Partecipa e ricevi premi come contanti o buoni regalo e carte.
15   " />
16  <meta name="keywords" content="" />
17  <link rel="shortcut icon" href="https://darwin-assets.dynata.com/oo-favicon_32x32.png" type="image/x-ico; charset=binary" />
18  <meta name="google-site-verification" content="VGmIxZY4h7B2cQXneVrG-PfJOYYaR2w96Tak4mpdj4s" />
19
20  <link rel="stylesheet" href="https://centrodiopinione.it/blueprint/dist/stylesheets/style.css" />
21    <link rel="stylesheet" href="https://centrodiopinione.it/blueprint/dist/stylesheets/layouts/default/default.css" />
22    <link rel="stylesheet" href="https://centrodiopinione.it/blueprint/dist/stylesheets/login.css" />
23    
24
25  
26
27  
28  <link rel="stylesheet" href="https://darwin-assets.dynata.com/upp-ui/hydra.css" />
29  
30
31  
32
33  
34  

34<script type="module" src="https://darwin-assets.dynata.com/upp-ui/hydra.js" defer></script>

34
35  
36
37  
38  

38<script src="/blueprint/dist/common/icons.js"></script>

38
39  
40
41  
42  <link href="https://darwin-assets.dynata.com/font-awesome/css/fontawesome.min.css" rel="stylesheet" />
43  <link href="https://darwin-assets.dynata.com/font-awesome/css/regular.min.css" rel="stylesheet" />
44  <link href="https://darwin-assets.dynata.com/font-awesome/css/solid.min.css" rel="stylesheet" />
45
46  
47  <link href="https://darwin-assets.dynata.com/font-awesome/css/v4-font-face.min.css" rel="stylesheet" />
48
49  
50
51  <!-- Google Tag Manager -->

52<script>

52(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
53new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
54j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
55'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
56})(window,document,'script','dataLayer','

56GTM-NPPL2KH

56');

56</script>

56
57<!-- End Google Tag Manager -->
58
59<!-- Google Tag Manager -->

60<script>

60(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
61new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
62j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
63'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
64})(window,document,'script','dataLayer','

64GTM-KXSN726

64');

64</script>

64
65<!-- End Google Tag Manager -->
66
67<link rel="alternate" hreflang="it_IT" href="https://www.centrodiopinione.it/" />
68<link rel="apple-touch-icon" href="https://darwin-assets.dynata.com/OO/oo-icon-192.png">
69<meta name="theme-color" content="#17436c"/>
70</head>
71
72  <body class="" style="background-image: url(https://darwin-assets.dynata.com/OO/oo-login-banner-v2.jpg)">
73    <div>
74  <style >:root {
75
76    /***** COLORS *****/
77
78    /* Black & White */
79    --black: #000000;
80    --white: #FFFFFF;
81
82
83    /***** TEXT INFO *****/
84
85    /* Font family */
86
87    --ff-primary: ;
88
89    /* Font Weight */
90
91    --fw-thin: 100;
92    --fw-regular: 300;
93    --fw-medium: 500;
94    --fw-semibold: 600;
95    --fw-bold: 700;
96    --fw-xbold: 800;
97
98    /* Font Sizes */
99
100    --fs-800: 3.875rem;
101    --fs-700: 3rem;
102    --fs-600: 2.5rem;
103    --fs-550: 2.25rem;
104    --fs-500: 2rem;
105    --fs-400: 1.5rem;
106    --fs-300: 1.25rem;
107    --fs-200: 1.125rem;
108    --fs-100: 1rem;
109    --fs-75: 0.875rem;
110    --fs-50: 0.75rem;
111    --fs-25: 0.625rem;
112
113    /* Line Heights */
114
115    --lh-800: 4.375rem;
116    --lh-700: 3.5rem;
117    --lh-600: 3rem;
118    --lh-500: 2.5rem;
119    --lh-400: 2rem;
120    --lh-300: 1.75rem;
121    --lh-200: 1.625rem;
122    --lh-100: 1.5rem;
123    --lh-75: 1.375rem;
124    --lh-50: 1.25rem;
125    --lh-25: 1.125rem;
126
127    /* Mobile Font Declarations */
128
129    --fs-xl-h1: var(--fs-700);
130    --fs-h1: var(--fs-600);
131    --fs-h2: var(--fs-400);
132    --fs-h2a: var(--fs-400);
133    --fs-h3: var(--fs-400);
134    --fs-h4: var(--fs-300);
135    --fs-h5: var(--fs-200);
136    --fs-h6: var(--fs-100);
137    --fs-p: var(--fs-75);
138    --fs-s: var(--fs-50);
139    --fs-xs: var(--fs-25);
140    --fs-button: var(--fs-100);
141    --fs-body: var(--fs-100);
142
143    --lh-xl-h1: var(--lh-700);
144    --lh-h1: var(--lh-600);
145    --lh-h2: var(--lh-500);
146    --lh-h3: var(--lh-400);
147    --lh-h4: var(--lh-300);
148    --lh-h5: var(--lh-200);
149    --lh-h6: var(--lh-100);
150    --lh-p: var(--lh-75);
151    --lh-s: var(--lh-50);
152    --lh-xs: var(--lh-25);
153    --lh-button: var(--lh-100);
154    --lh-body: var(--lh-100);
155
156}
157
158@media (min-width: 51.875em) {
159
160    /* Desktop Font Declarations */
161
162    :root {
163
164        --fs-xl-h1: var(--fs-800);
165        --fs-h1: var(--fs-700);
166        --fs-h2a: var(--fs-550);
167        --fs-h2: var(--fs-600);
168        --fs-h3: var(--fs-500);
169        --fs-h4: var(--fs-400);
170        --fs-h5: var(--fs-300);
171        --fs-h6: var(--fs-200);
172        --fs-p: var(--fs-100);
173        --fs-s: var(--fs-50);
174        --fs-xs: var(--fs-25);
175        --fs-button: var(--fs-100);
176        --fs-body: var(--fs-100);
177
178        --lh-xl-h1: var(--lh-800);
179        --lh-h1: var(--lh-700);
180        --lh-h2: var(--lh-600);
181        --lh-h3: var(--lh-500);
182        --lh-h4: var(--lh-400);
183        --lh-h5: var(--lh-300);
184        --lh-h6: var(--lh-200);
185        --lh-p: var(--lh-100);
186        --lh-s: var(--lh-50);
187        --lh-xs: var(--lh-25);
188        --lh-button: var(--lh-100);
189        --lh-body: var(--lh-100);
190
191    }
192
193
194}
195
196/***** UTILITY CLASSES *****/
197
198/* Color Classes */
199
200.white {
201    color: var(--white)
202}
203
204.black {
205    color: var(--black);
206}
207
208/*TEAL*/
209
210.teal-100 {
211    color: var(--teal-100);
212}
213
214.teal-200 {
215    color: var(--teal-200);
216}
217
218.teal-300 {
219    color: var(--teal-300);
220}
221
222.teal-400 {
223    color: var(--teal-400);
224}
225
226.teal-500 {
227    color: var(--teal-500);
228}
229
230/*ORANGE*/
231
232.orange-100 {
233    color: var(--orange-100);
234}
235
236.orange-200 {
237    color: var(--orange-200);
238}
239
240.orange-300 {
241    color: var(--orange-300);
242}
243
244.orange-400 {
245    color: var(--orange-400);
246}
247
248.orange-500 {
249    color: var(--orange-500);
250}
251
252/*PURPLE*/
253
254.purple-100 {
255    color: var(--purple-100);
256}
257
258.purple-200 {
259    color: var(--purple-200);
260}
261
262.purple-300 {
263    color: var(--purple-300);
264}
265
266.purple-400 {
267    color: var(--purple-400);
268}
269
270.purple-500 {
271    color: var(--purple-500);
272}
273
274/*GREY*/
275
276.grey-100 {
277    color: var(--grey-100);
278}
279
280.grey-200 {
281    color: var(--grey-200);
282}
283
284.grey-300 {
285    color: var(--grey-300);
286}
287
288.grey-400 {
289    color: var(--grey-400);
290}
291
292.grey-500 {
293    color: var(--grey-500);
294}
295
296
297
298
299/* Font Weight Classes */
300
301.fw-thin {
302    font-weight: var(--fw-thin);
303}
304
305.fw-regular {
306    font-weight: var(--fw-regular);
307}
308
309.fw-medium {
310    font-weight: var(--fw-medium);
311}
312
313.fw-semibold {
314    font-weight: var(--fw-semibold);
315}
316
317.fw-bold {
318    font-weight: var(--fw-bold);
319}
320
321.fw-xbold {
322    font-weight: var(--fw-xbold);
323}
324
325/* Text align */
326
327.la {
328    text-align: left;
329}
330
331.ra {
332    text-align: right;
333}
334
335.ca {
336    text-align: center;
337}
338
339/* Container Styling */
340
341.rb-container {
342    /*max-width: 1160px;*/
343    width: min(1024px, 90%);
344    margin-inline: auto;
345}
346
347/* Grid Styling */
348
349.center {
350    text-align: center;
351}
352
353.rb-grid {
354    display: grid;
355    grid-template-columns: 1fr;
356}
357
358
359/* Text Classes */
360
361.xl-h1 {
362    font-size: var(--fs-xl-h1);
363    line-height: var(--lh-xl-h1);
364    margin-bottom: 30px;
365
366}
367
368.h1 {
369    font-size: var(--fs-h1);
370    line-height: var(--lh-h1);
371    margin-bottom: 30px;
372}
373
374.h2a {
375    font-size: var(--fs-h2a);
376    line-height: var(--lh-h2);
377}
378
379.h2 {
380    font-size: var(--fs-h2);
381    line-height: var(--lh-h2);
382}
383
384.h3 {
385    font-size: var(--fs-h3);
386    line-height: var(--lh-h3);
387    margin-bottom: 20px;
388
389}
390
391.h4 {
392    font-size: var(--fs-h4);
393    line-height: var(--lh-h4);
394    margin-bottom: 20px;
395
396}
397
398.h5 {
399    font-size: var(--fs-h5);
400    line-height: var(--lh-h5);
401
402}
403
404.h6 {
405    font-size: var(--fs-h6);
406    line-height: var(--lh-h6);
407
408}
409
410.pg {
411    font-size: var(--fs-p);
412    line-height: var(--lh-p);
413
414}
415
416.small {
417    font-size: var(--fs-s);
418    line-height: var(--lh-s);
419
420}
421
422.xsmall {
423    font-size: var(--fs-xs);
424    line-height: var(--lh-xs);
425
426}
427
428
429
430
431
432/***********************************************************************************************************************************************************************/
433
434
435
436* {font-family: proxima-soft, sans-serif;
437font-style: normal;

438font-weight: 700;
439}
440
441p {
442    font-size: 17px;
443}
444
445p, ul li {
446font-family: nobel, sans-serif;f
447font-style: normal;
448font-weight: 400;
449color:#626262;
450}
451
452.hero p {
453color:#fff;
454}
455.center {
456text-align:center;
457}
458
459.center .mainContent p {
460color:#626262;
461text-shadow: none;
462}
463
464.mainContent, .title404 {
465color:#17436c;
466text-shadow: none;
467}
468
469.center .mainContent a {
470    color: #55C1D2!important;
471}
472
473
474.white, .hero-desc-content {
475color:#fff;
476}
477
478
479a { color:#0576b3; }
480
481html {
482  scroll-behavior: smooth;
483}
484     /* Primary Colors */
485    /* panel.base.primaryColor: 17436c */
486    /* panel.base.primaryColorFade: 000000 */
487    /* panel.base.secondaryColor: 17436c */
488    /* panel.base.secondaryColorFade: 000000 */
489    /* panel.base.tertiaryColor: E9E9E9 */
490    /* panel.base.tertiaryColorFade: 17436c */
491    /* panel.footer.background: 6E7077 */
492    /* panel.footer.text: FFFFFF */
493    /* panel.other.notificationBubble: 17436c */
494    /* panel.other.fmasCircle: 17436c */
495    /* panel.siteNotification.background: 000000 */
496    /* panel.siteNotification.text: FFFFFF */
497    /* panel.siteNotification.link: 17436c */
498    
499    .header .link:hover:after {
500        background: #17436c;
501    }
502    
503    .header .link.active:after {
504        background: #17436c;
505    }
506    
507    .contentAndLinks-links-link-active {
508        background: #17436c;
509    }
510
511.rewards-selection-selected .rewards-selection-selected-check {
512    color: #17436c;
513    float: right;
514}
515    
516    .colorPrimary {
517        color: #17436c;
518    }
519    
520    .contentAndLinks-links-link-active:hover {
521        background: #17436c;
522    }
523
524    .contentAndLinks-links-link:hover {
525        background: #17436c;
526color:#ffffff;
527    }
528    
529    .scrollToTop {
530        background: #17436c;
531    }
532    
533    .header-bars {
534        color: #17436c;
535    }
536    
537    .mobileHeader-content-link.active,
538    .mobileHeader-content-link.active:hover {
539        background: #17436c;
540    }
541    
542    .form-type1 .field-valid {
543        color: #17436c;
544    }
545    
546    .mobileHeader-close {
547        background: #17436c;
548    }
549    
550    .mobileHeader-profileProgress {
551        background: #17436c;
552    }
553    
554    .promoTabs .promoArea {
555        background: #17436c;
556    }
557    
558    .contentAndLinks-links p.rewardBox {
559        background: #17436c;
560    }
561    
562    .contentAndLinks-links-link-subject {
563        color: #17436c;
564    }
565    
566    .rewards-mobile-submenu {
567        background: #000000;
568    }
569    
570    .header-accountInfo-account-name {
571        color: #17436c;
572    }
573    
574    .header-accountInfo-account:hover {
575        border-bottom: 5px solid #17436c;
576    }
577    
578    .header-accountInfo.open .header-accountInfo-account-menu {
579        border-top: 5px solid #17436c;
580    }
581    
582    .header-accountInfo-cart.open>a {
583        border-bottom: 5px solid #17436c;
584    }
585    
586    .header .header-accountInfo-account-menu a:hover {
587        background: #17436c;
588    }
589    
590    .header .header-accountInfo-account-menu a.active,
591    .header .header-accountInfo-account-menu a.active:hover {
592        color: #17436c;
593    }
594    
595    .header .header-accountInfo-account-menu a.active [image],
596    .header .header-accountInfo-account-menu a.active:hover [image] {
597        fill: #17436c;
598    }
599    
600    body.account .header-accountInfo-account,
601    body.account:hover .header-accountInfo-account {
602        border-bottom: 5px solid #17436c;
603    }
604    
605    .header-accountInfo-cart>a:hover {
606        border-bottom: 5px solid #17436c;
607    }
608    
609    .widget-profiler-profilers-list a.active,
610    .widget-profiler-profilers-list a.active:hover {
611        background: #17436c;
612    }
613    
614    .widget-profiler-profilers-list .icon .badge {
615        background-color: #17436c;
616    }
617    
618    .profiler-profilers-list a.active,
619    .profiler-profilers-list a.active:hover {
620        background: #17436c;
621    }
622    
623    .profiler-profilers-list .icon .badge {
624        background-color: #17436c;
625    }
626    
627    .rewards-complete-status-icon.fa-check {
628        color: #17436c;
629    }
630    
631    .rzslider .rz-bar.rz-selection {
632        background: #17436c;
633    }
634    
635    .rzslider .rz-pointer {
636        background-color: #17436c;
637    }
638    
639    .widget-surveys-interview {
640        border: 2px solid #17436c;
641    }
642    
643.siteNotification.default, .siteNotification.success {
644  color: #FFFFFF;
645  background: #00436F;
646  border-bottom: 1px solid #326498;
647}
648.siteNotification a { color: #55C1D2; }
649.siteNotification.default .label, .siteNotification.default .fa, .siteNotification.success .label, .siteNotification.success .fa { color: #FFFFFF; }
650    
651   .footer { background: #00436F; padding: 35px 0; margin-top: -112px;}
652
653   @media screen and (max-width: 830px) {
654      .footer { margin-top: -75px;}
655   }
656    
657    .footer .footer-links-row a:nth-last-child(1) {display:none;}
658
659    .footer-links-link, .footer-copyright { color: #FFFFFF; }
660    
661    .footer .container, .footer .hero-desc { color: #FFFFFF; }
662    
663   .footer-links-link--social { color: #FFFFFF; }
664    
665   .notification-bubble { border: 1px solid #55C1D2; background: #55C1D2; }
666    
667.cg-busy-default-sign{ background-color: #17436C; }    
668    
669.rewardDisplay-reward.selected .rewardDisplay-addToCart, .rewardDisplay-reward:hover.selected .rewardDisplay-addToCart {
670  background: #17436C;
671  border: 1px solid #17436C; 
672}
673    
674    .widget-progress-container .radial-progress .radial-progress-cover {
675        stroke: #E9E9E9;
676    }
677    
678    .widget-progress-container .radial-progress .radial-progress-background {
679        stroke: #F67A30;
680    }
681    
682    .widget-profiler-progress-container .radial-progress .radial-progress-cover {
683        stroke: #E9E9E9;
684    }
685    
686    .widget-profiler-progress-container .radial-progress .radial-progress-background {
687        stroke: #F67A30;
688    }
689    
690    .radial-progress-cover {
691        stroke: #E9E9E9;
692    }
693    
694    .radial-progress-background {
695        stroke: #F67A30;
696    }
697    
698    .progress-bar {
699        background: #F67A30;
700    }
701    
702    .scrollToTop:hover {
703        background: #000000;
704    }
705    
706    .reg-steps .steps>li.active .step-label>b {
707        background-color: #17436c;
708    }
709
710.widget-offers-list-item--survey a {
711    border-left: 4px solid #F67A30;
712}
713    
714    /*.container {padding: 0px!important;}*/
715    
716    /* end primary colors */
717    /* buttons.primary */
718    /* buttons.primary.background: 17436c */ 
719    /* buttons.primary.border: 711711 */
720    /* buttons.primary.text: FFFFFF */
721    /* buttons.primary.hoverText: FFFFFF */

722    /* buttons.primary.hoverBackground: 711711 */
723    
724    .buttonPrimary {
725         background: #17436c;
726         border: 2px solid #17436c;
727         color: #fff;
728         border-radius: 6px!important;
729        text-decoration:none!important
730    }
731    
732    .buttonPrimary:hover {
733         background: transparent;
734         border: 2px solid #17436c;
735         color: #17436c;
736        
737    }
738
739    .buttonPrimaryvaria {
740         background: #17436c;
741         border: 1px solid #17436c;
742         color: #fff;
743         border-radius: 6px!important;
744        text-decoration:none!important
745    }
746    
747    .buttonPrimaryvaria:hover {
748         background: transparent;
749         border: 1px solid #17436c;
750          color: #17436c;
751        
752    }
753    
754    
755    /* buttons.secondary */
756    /* buttons.secondary.background: 17436c */
757    /* buttons.secondary.border: 711711 */
758    /* buttons.secondary.text: FFFFFF */
759    /* buttons.secondary.hoverText: FFFFFF */
760    /* buttons.secondary.hoverBackground: 711711 */
761    
762    .buttonSecondary {
763         background: #17436c;
764         border: 1px solid #17436c;
765         color: #fff;
766         border-radius: 6px!important;
767        
768    }
769    
770    .buttonSecondary:hover {
771         background: #FFFFFF;
772         border: 1px solid #17436c;
773         color: #17436c;
774        
775    }
776    
777    
778    /* buttons.tertiary */
779    /* buttons.tertiary.background: FFFFFF */
780    /* buttons.tertiary.border: 17436c */
781    /* buttons.tertiary.text: 17436c */
782    /* buttons.tertiary.hoverText: 17436c */
783    /* buttons.tertiary.hoverBackground: E7E7E7 */
784    
785    .buttonTertiary {
786         background: transparent;
787         border: 2px solid #fff;
788         color: #fff;
789         border-radius: 6px!important;
790    }
791    
792    .buttonTertiary:hover {
793         background: #17436c;
794         border: 2px solid #17436c;
795         color: #fff;
796        
797    }
798
799    .buttonFourthary {
800         background: #55C1D2;
801	border: 2px solid #55C1D2;
802	color: #17436c;
803	border-radius: 6px!important;
804    }
805    
806    .buttonFourthary:hover {
807         background: #3377A3;
808	border: 2px solid #3377A3;
809	color: #fff;
810    }
811    
812     .yellowBox {
813         background: #17436c;
814        
815    }
816    
817     .yellowBox a,
818    .yellowBox span {
819         color: #ffffff;
820        
821    }
822    
823    
824    /*td a img {height: 39px!important;}*/
825    
826    /** BOTTOM PROMO **/
827    
828    .promoFooter-promo {
829         border-radius: 10px;
830         box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
831         text-align: center;
832        background: #FFFFFF;
833    }
834    
835    .promoFooter-content {
836         color: #000000;
837        
838    }
839    
840    .promoFooter-content .button {
841         box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
842        
843    }
844    
845    .promoFooter .button {
846         color: #ffffff;
847         border: 1px solid #D6D7D6;
848         border-radius: 6px!important;
849        
850    }
851    
852    .promo h2 {
853    color: #17436c;
854    }
855
856    .promoFooter {padding: 40px 0px 90px; background: #ffffff;  margin: 0;}
857    
858    @media screen and (max-width: 600px) {
859         .promoFooter-promo {width: 80%;}
860    }
861
862@media only screen and (max-width: 830px)
863.promoFooter-promo {
864width: 90%;
865margin-bottom: 16px;
866height: auto;
867margin-top: 20px;
868}
869    
870    /** LOGO LOGIN FORM **/
871    
872    .loginForm .image-logo img,
873    .registrationForm .image-logo img {
874         width: auto;
875         max-height: 50px;
876        
877    }
878    
879.loginForm {
880     margin-top: 40px!important;
881    margin-bottom: 50px;
882}
883
884    .green {
885        color: #17436c!important;
886    }
887    
888/************profile test***********/
889
890.profile-h4 {
891    margin: 25px 0 5px 7px;
892    color: #17436c;
893}
894
895.widget-profiler-profilers-list a.active {
896 background: #FF8552!important;
897color: #323232!important;
898}
899
900.widget-profiler-profilers-list .Household, .widget-profiler-profilers-list .selenium-id-profiler-Business, .widget-profiler-profilers-list .selenium-id-profiler-Get {
901background-color: #17436c;
902border-bottom: 1px solid #fff;
903color:#ffffff!important;
904}
905
906
907.widget-profiler-profilers-list .Household:hover,  .widget-profiler-profilers-list .selenium-id-profiler-Business:hover, .widget-profiler-profilers-list .selenium-id-profiler-Get:hover {
908background-color: #F67A30 !important;
909border-bottom: 1px solid #fff;
910color: #323232!important;
911}
912
913.widget-profiler-profilers-list .Household .icon .badge,  .widget-profiler-profilers-list .selenium-id-profiler-Business .icon .badge, .widget-profiler-profilers-list .selenium-id-profiler-Get .icon .badge {
914background:#fff!important;
915color:#323232!important;
916}
917
918.widget-profiler-profilers-list .nextSteps{
919border-top: 5px solid #a6a1a1;
920padding-top: 20px;
921width: 96%;
922}
923
924.widget-profiler-profilers-list .Roles{
925background-color: transparent!important;
926color: #323232!important;
927}
928
929.widget-profiler-profilers-list .Roles:hover{
930background-color: #EFEFEF!important;
931color: #323232!important;
932}
933
934.widget-profiler-profilers-list .Roles .icon .badge {
935background:#17436c!important;
936color:#ffffff!important;
937}
938
939/* OO CSS */
940    
941/** HEADER **/
942
943.header .fa.fa-star-o {
944display:none;
945}
946.header icon, .header, .header-accountInfo-account-name, .header-accountInfo-account-link {
947color:#fff;
948fill: #fff;
949}
950
951/** .header-accountInfo-account-menu svg { 
952fill: #000;
953} **/
954
955 .sticky.header icon, .sticky.header, .sticky .header-accountInfo-account-name, .

955sticky .header-accountInfo-account-link {
956color:#00436F;
957fill: #00436F;
958}
959    
960.header-logo .hideOnMobile {
961    width: auto;
962    max-height:45px;
963    }
964    
965.header {
966    border-bottom: none;
967    background:#ffffff29;
968    }
969    
970.header-col:nth-child(2) {
971    margin:1px;
972    }      
973
974.site-content {
975    padding-top:0!important;
976overflow:hidden;
977    }
978
979a.header-col-block.link [icon] {
980    display: none;
981}    
982    
983a.button.buttonPrimary.header-mobile-join {
984    border-radius: 0!important;
985}
986
987.header-col-block, .header .link [icon], .header .components_languageSelector {
988    color:#fff;
989    fill: #fff;
990    }    
991
992.header-bars {
993color:#fff;
994}
995.sticky .header-bars {
996color:#17436c;
997}
998   
999header.header.sticky {
1000    background: #fff;
1001} 
1002
1003.header.header.sticky .header-col-block, .header.header.sticky .link [icon], header.sticky .components_languageSelector  {
1004    color:#17436c;
1005    fill: #17436c!important;
1006    }
1007
1008
1009header.header.sticky .buttonTertiary {
1010    background: transparent;
1011    border: 1px solid #17436c;
1012    color: #17436c;
1013    border-radius: 6px!important;
1014    }
1015    
1016header.header.sticky .buttonTertiary:hover {
1017    background: #17436c;
1018    border: 1px solid #17436c;
1019    color: #fff;  
1020    }
1021
1022header.header.sticky .buttonPrimary:hover {
1023    background: transparent;
1024    border: 1px solid #17436c;
1025    color: #17436c;
1026        
1027    }
1028    
1029@media only screen and (min-width:831px) {
1030    .header-col .button {
1031        padding:8px 8px;
1032        font-weight: 700;
1033        font-size:14px;
1034    }
1035.container, .promo-container, .container-promo-footer, .promo-container3 {
1036    max-width: 1024px;
1037}
1038/*.hero .hero-desc {
1039    width:900px;
1040    }*/
1041}    
1042    
1043/**** HERO BANNER ***/    
1044.hero {
1045    height: 100vh;
1046    background-attachment:scroll;
1047		background-repeat: no-repeat;
1048		background-position: top;
1049		/*background-color: #6e6e6e;*/
1050		min-height: 340px;
1051		padding: 30px 0;
1052		color: #fff;
1053		position: relative;
1054		text-align: center;
1055		z-index: 0;
1056		background-size: cover;
1057    }
1058
1059  .hero-desc {
1060      vertical-align:middle;
1061  }
1062    
1063.hero-desc h1 {
1064    font-size: 60px;
1065    font-weight: 700;
1066    line-height: 60px;
1067}
1068.hero-desc h2 {
1069    font-size: 25px;
1070    font-weight: 700;
1071    line-height: 40px;
1072}
1073
1074.hero-desc-content a {
1075    color: #fff!important;
1076    text-decoration: underline;
1077}
1078
1079 .hero-desc h4 {
1080    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
1081   font-weight: 300;
1082  }
1083
1084  .hero-desc p {
1085    font-size: 20px;
1086    font-weight: 400;
1087    /*text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);*/
1088  }
1089
1090 .hero-desc a.button {
1091  text-shadow:none;
1092}
1093
1094.next {
1095    color: #fff!important;
1096    font-size: 4rem;
1097    padding-top: 3rem;
1098    }
1099
1100.next:hover #Path_10 {
1101  animation-name: bounceAlpha;
1102    animation-duration:1.4s;
1103    animation-delay:0.1s;
1104    animation-iteration-count:infinite;
1105    animation-timing-function:linear;
1106}
1107
1108@keyframes bounceAlpha {
1109  0% {opacity: 1; transform: translateX(0px) scale(1);}
1110  25%{opacity: 0; transform:translateX(20px) scale(1);}
1111  26%{opacity: 0; transform:translateX(-20px) scale(0.9);}
1112  55% {opacity: 1; transform: translateX(0px) scale(1);}
1113}
1114
1115/*hero svg animation */
1116
1117.hero-svg, .svg-icon {
1118  width:67px;
1119}
1120
1121.hero-svg .st0, .hero-svg .st2, .hero-svg .st4  {
1122r:0;
1123  animation-name:Opacity;
1124  animation-duration: 1s;
1125  animation-delay: 1s;
1126  animation-iteration-count: 1;
1127  animation-timing-function: ease-in-out;
1128  animation-fill-mode:forwards;
1129}
1130
1131
1132
1133@keyframes Opacity {
1134  0% {
1135    r:0;
1136  }
1137  90% {
1138    r:46.5
1139  }
1140  
1141  100% {
1142    r:43.5
1143  }
1144}
1145.hero-svg .st1, .hero-svg .st5{
1146  fill:none;
1147}
1148
1149.hero-svg .st1, .hero-svg .st5 {
1150 
1151  stroke-dasharray: 500;
1152  stroke-dashoffset:499;
1153  animation-name:fill;
1154  animation-delay: 2s;
1155   animation-duration: 5s;
1156  animation-iteration-count: 1;
1157  animation-timing-function: ease-in-out;
1158  animation-fill-mode:forwards;
1159}
1160
1161@keyframes fill {
1162  0% {
1163    stroke-dashoffset:499;
1164    fill:none;
1165  }
1166  
1167  99% {
1168    stroke-dashoffset: 1;
1169    fill:none;
1170    stroke-width:.5;
1171  }
1172  
1173  100% {
1174    stroke-dashoffset: 0;
1175    stroke-width:0;
1176    fill:#1A171B;
1177  }
1178}
1179
1180  .promo-content h2 {
1181    color:#231F20;
1182    font-weight: 600;
1183  }
1184
1185    .promo-container1 {
1186    padding: 0px 16px;
1187     }
1188
1189
1190
1191/* promo blocks*/
1192
1193.promo-blue{
1194background:#00436F;
1195height:280px;
1196}
1197
1198.promo-blue h2 {
1199color:#fff;
1200font-size:60px;

1201font-weight:700
1202}
1203
1204.promo-blue h4 {
1205color:#fff;
1206font-size:40px;
1207line-height:50px;
1208font-weight:700
1209}
1210    
1211.promo-blue .promo-content {
1212    width: 100%;
1213    text-align: center;
1214    margin: 0 auto;
1215    position: relative;
1216    transform: translateY(-50%);
1217    top: 50%;
1218}
1219
1220.promo-blue .promo-container {
1221height: 100%;
1222}
1223
1224/****** Footer Promo About Page ******/
1225.promo-bg-people{
1226    background-repeat: no-repeat;
1227    background-image: url(https://darwin-assets.dynata.com/OO-about-hero-2.jpg);
1228    background-position: top;
1229    background-size: cover;
1230    background-attachment: fixed;
1231    background-color:#767676;
1232}
1233
1234.promo-col-center{
1235    text-align: center;
1236    width: 100%;
1237    color: #ffffff;
1238    padding-top: 40px;
1239}
1240
1241.promo-footer-center{
1242    text-align: center;
1243    width: 100%;
1244    color: #000000;
1245    padding: 30px 0px;
1246}
1247
1248.promo-col-center h2 {color:#ffffff!important; font-weight:bold;}
1249
1250.promo-col-white {background: #ffffff; border-radius: 10px; margin-top: 30px;}
1251
1252
1253/****** TrustPilot ******/
1254 .promo iframe {
1255    margin: auto;
1256    top: 0%;
1257    padding: 30px 0px;
1258  }
1259 
1260   @media screen and (max-width: 577px) {
1261   .promo  iframe{
1262       height:300px;
1263       width: 100%!important;
1264     }
1265   }
1266.promo .trustpilot-widget {
1267    background-color: #;
1268    max-width: 1024px;
1269    margin: 0 auto;
1270  }
1271 /*.promo .trustpilot-widget::before{
1272    content:"Meet Our Members";
1273    color: #;
1274    font-size: 30px;
1275    display: block;
1276    padding-top: 20px;
1277    text-align: center;
1278    padding-right: 15px;
1279    padding-left: 15px;
1280  }*/
1281
1282
1283/************* Common CSS *******************/
1284	@media screen and (min-width: 830px) {
1285		/*.site-content .container {
1286			max-width: 100%;
1287			padding-left: 0px;
1288			padding-right: 0px;
1289  		}*/
1290		.promo-container1 {
1291			position: relative;
1292			height: 460px;
1293			max-width: 1024px;
1294			margin: auto;
1295			padding: 0px 16px;
1296		}
1297		.site-content {
1298			padding-top:80px;
1299			padding-bottom:90px;
1300			/*background-color: #fff;*/
1301		}
1302		.promo-container {
1303			height: 550px;
1304		}
1305	}
1306
1307	@media screen and (max-width: 830px) {
1308		.site-content {
1309			padding-top:40px;
1310			padding-bottom: 40px;
1311			/*background-color: #fff;*/
1312			overflow: hidden;
1313		}
1314	}
1315  
1316	@media only screen and (max-width: 600px){
1317		/*.site-content .container {padding: 0px!important;}*/
1318		.promo-container1 {padding: 16px 16px 0px 16px;}
1319		.hero {padding-top:0px;	padding-bottom:0px;}
1320    }
1321	
1322	.sup {
1323		vertical-align: baseline;
1324		position: relative;
1325		top: -1em;
1326		font-size: 45%;
1327		line-height: 0;
1328	}
1329
1330
1331	.container-promo-footer {
1332    	max-width: 1024px;
1333    	margin: auto;
1334    	padding:0 16px
1335	}
1336
1337	.container-promo-footer:after, .container-promo-footer:before {
1338    	content: "\0020";
1339    	display: block;
1340    	height: 0;
1341    	overflow:hidden
1342	}
1343
1344	.container-promo-footer:after {
1345    	clear:both
1346	}
1347		
1348	@media only screen and (min-width:831px) {
1349		.container-promo-footer {
1350    		max-width: 1024px;
1351		}
1352	}  
1353
1354	.promoFooter .container-promo-footer {
1355		display: -webkit-box;
1356		display: -moz-box;
1357		display: box;
1358		display: -webkit-flex;
1359		display: -moz-flex;
1360		display: -ms-flexbox;
1361		display: flex;
1362		-webkit-box-pack: justify;
1363		-moz-box-pack: justify;
1364		box-pack: justify;
1365		-webkit-justify-content: space-between;
1366		-moz-justify-content: space-between;
1367		-ms-justify-content: space-between;
1368		-o-justify-content: space-between;
1369		justify-content: space-between;
1370		-ms-flex-pack: justify;
1371	}
1372
1373	@media only screen and (max-width: 830px){
1374		.promoFooter .container-promo-footer {display: block;}
1375	}
1376
1377.btn-style {  margin: 10px;}
1378.top80{margin-top: 80px;}
1379.registrationForm-content {margin-top: 50px; margin-bottom: 80px;}
1380
1381.mobileHeader-close {padding-top: 20px; height: 40px;}
1382
1383.contentAndLinks {
1384position: relative;
1385margin-bottom: 50px;
1386box-sizing: border-box;
1387padding-top: 100px;
1388}
1389
1390/************ HOMEPAGE ************/
1391.promo-col-aligned{text-align: center;}
1392.promo-col-aligned h3 {
1393    color: #000000;
1394    font-size: 40px;
1395    font-weight: 700;
1396    line-height: 40px;
1397}
1398
1399.hero-trust {
1400    height: 60vh;
1401    background-attachment:fixed;
1402		background-repeat: no-repeat;
1403		background-position: top;
1404		background-color: #6e6e6e;
1405		min-height: 340px;
1406		padding: 30px 0;
1407		color: #fff;
1408		position: relative;
1409		text-align: center;
1410		z-index: 0;
1411		background-size: cover;
1412background-image: url(https://darwin-assets.dynata.com/oo-homepage-hero-2.jpg);
1413    }
1414
1415.hero-trust .trustpilot-widget .wrapper-top .header, .hero-trust .trustpilot-widget .wrapper-top .date, .hero-trust .trustpilot-widget .wrapper-top .name {color:#ffffff!important}
1416
1417.hero-trust h3 {
1418    font-size: 60px;
1419    font-weight: 700;
1420    line-height: 60px;
1421}
1422
1423.hero-trust .promo-col2 {
1424    height: auto!important;
1425}
1426
1427.top25 {padding-top: 12%;}
1428
1429@media only screen and (max-width: 830px) {
1430     .hero-trust {padding-bottom: 190px;}
1431     .hero-trust .promo-container {text-align: center!important;}
1432     .hero-trust .top25 {padding-top: 0!important;}
1433}
1434
1435.rw-logo { max-height: 80px; padding: 20px;}
1436
1437.promo-gray {background: #ffffff!important;}
1438
1439.promo-blue h3 {
1440    color: #fff;
1441    font-size: 50px;
1442    font-weight: 700;
1443    line-height: 50px;
1444    text-align: center;
1445}
1446
1447.onethird {width: 33%; display: inline-block}
1448
1449.fliphzl {transform: scaleX(-1);}
1450
1451.bannerleft{float: left; max-width: 350px; margin-left: -100px;}
1452
1453.bannerright{float: right; max-width: 350px; margin-right: -100px;}
1454
1455.middletop{vertical-align: top;padding-top: 9%;}
1456
1457.logobrands {padding:30px 0;}
1458
1459	.c-no {height:150px;}
1460	.counter-Txt {text-align:center; font-size:20px;}

1461	.counter-Txt span{display:block; font-size:50px; color: #00436F;}
1462	@media(min-width:320px) and (max-width:767px){ 
1463		.c-no{height:100%;}
1464		.counter-Txt{margin-top:35px;}
1465		.margin-bot-35{margin-bottom:35px;}
1466	}
1467	.container-fluid {
1468		margin-right: auto;
1469		margin-left: auto;
1470		padding-left: 15px;
1471		padding-right: 15px;
1472	}
1473	
1474	@media (min-width: 1200px){
1475		.container2 {width: 1170px;}
1476	}
1477	@media (min-width: 992px){
1478		.container2 {width: 970px;}
1479	}
1480	@media (min-width: 768px){
1481		.container2 {width: 750px;}
1482	}
1483	.container2 {
1484		padding-right: 15px;
1485		padding-left: 15px;
1486		margin-right: auto;
1487		margin-left: auto;
1488	}
1489	
1490	.col-sm-4 {
1491		position: relative;
1492		min-height: 1px;
1493		padding-right: 10px;
1494		padding-left: 10px;
1495	}
1496	
1497	@media (min-width: 768px){
1498		.col-sm-4 {width: 30%; display: inline-block;}
1499	}
1500	
1501	@media (max-width: 767px){
1502		.col-sm-4 {width: 100%; padding-right: 0; padding-left: 0}
1503	}
1504	
1505	#promocounter {padding:30px 0}
1506
1507.promo-col-white-home {background: #ffffff; border-radius: 10px; margin-top: 30px; max-width: 80%; text-align: center; margin: 0 auto; -webkit-box-shadow: 0px 2px 10px 0px rgba(110,108,110,1); -moz-box-shadow: 0px 2px 10px 0px rgba(110,108,110,1); box-shadow: 0px 2px 10px 0px rgba(110,108,110,1);}
1508
1509	@media only screen and (max-width: 600px){
1510		.hero .hero-desc h1 {font-size: 40px;line-height: 40px;}
1511	}
1512
1513	@media only screen and (max-width: 600px){
1514		.promo h2 {font-size: 30px;}
1515	}
1516
1517	@media only screen and (max-width: 600px){
1518		h2 {font-size: 30px;}
1519	}
1520
1521	@media only screen and (max-width: 830px){
1522		.promo .promo-content h2 {font-size: 40px;}
1523.bannerright, .bannerleft{display:none;}
1524	}
1525
1526	@media only screen and (max-width: 769px){
1527		.logobrands {padding: 20px 0;}
1528		.rw-logo {max-height: 40px;padding: 10px; width:auto;}
1529		.onethird img {display:none}
1530		.onethird {width: 100%;}
1531	}
1532
1533.top20{margin-top: 20px;}
1534.bottom50{margin-bottom: 50px;}
1535#bm2 {height: 250px; margin-top: 80px;}
1536#bm{
1537align-content: baseline;
1538position: relative;
1539top: 49px;}
1540
1541
1542/************ INTERNAL PAGES ************/
1543.surveysView .hero {max-height: 340px;}
1544
1545.dashboardView .hero .hero-desc {
1546    margin-top: 0px;
1547}
1548
1549.hero p {
1550    color: #fff!important;
1551}
1552
1553.dashboardView .hero h1 {
1554    font-size: 36px;
1555font-weight: 700;
1556    line-height: 40px;
1557}
1558
1559.dashboardView .hero h3 {
1560    font-size: 22px;
1561font-weight: 600;
1562    line-height: 25px;
1563}
1564
1565.dashboardView .hero {
1566    min-height: 340px;
1567    padding: 30px 0;
1568    background-repeat: no-repeat;
1569    transition-property: background;
1570    transition-duration: .5s;
1571    height: 55vh;
1572}
1573
1574@media only screen and (max-width: 767px) {
1575    .dashboardView .hero h1 {
1576        font-size: 22px;
1577        font-weight: 500;
1578        line-height: 25px;
1579    }
1580    .dashboardView .hero h3 {
1581        font-size: 17px;
1582        font-weight: 500;
1583        line-height: 18px;
1584    }
1585}
1586
1587.badge-dashboard .tier, .badge-dashboard .badge-container {
1588    width: 20%;
1589}
1590
1591.header-accountInfo-cart-menu.dropdown-menu {
1592    color: #000;
1593}
1594
1595@media only screen and (max-width:600px) {
1596 .badge-dashboard .tier, .badge-dashboard .badge-container {
1597    width: 100%;
1598}
1599}
1600
1601.rewards-checkout-actions, .rewards-terms-actions {
1602    margin-bottom: 30px;
1603}
1604
1605.header-accountInfo-cart-menu-items-item svg {
1606    fill: #000;
1607}
1608
1609.p404 {color: #626262!important;}
1610.p404 a{color: #55C1D2!important;}
1611.d404 .container {width: 800px;}
1612
1613.rewardsView .container.container-widgets {
1614padding-bottom: 30px;
1615}
1616
1617/** Auth/Rewards mobile hero ***/
1618
1619.rewardsView .hero {
1620    margin-top: 0!important;
1621}
1622
1623
1624/**** Badges ***/
1625
1626.badge-details .tier-row .tier-button.selected {
1627    border-bottom: 5px solid #17436c;
1628}
1629
1630.badge-history-container {
1631   margin-top:100px!important;
1632}
1633
1634/**** Surveys Page ****/
1635
1636.widget-profiler {margin-top: 30px;}
1637
1638
1639
1640/**** PayPal ****/
1641
1642.rewards-checkout-local-paypal {margin-bottom: 20px;}
1643
1644.rewards-checkout-local-paypal  a {
1645background: #009cde;
1646color: #fff;
1647border-radius: 18px;
1648padding: 7px 20px;
1649margin-bottom: 20px !important;}
1650
1651.rewards-checkout-local-paypal a::before{
1652   content: "\f1ed";
1653   display: inline-block;
1654   padding-right: 3px;
1655   vertical-align: middle;
1656   font-weight:900;
1657  font-family: "Font Awesome 6 Free";
1658}
1659
1660
1661/**** Social media Buttons ****/
1662	.google-logo, .facebook-logo {
1663		width:30px;
1664		position:relative;
1665	}
1666	.social-btn-text {
1667		padding-left:10px;
1668		position:absolute;
1669		top: 50%;
1670		transform: translateY(-50%);
1671	}
1672	.upp-google-signin, .upp-facebook-signin {
1673		position:relative;
1674		margin-bottom: 10px;
1675		padding: 5px;
1676		border-radius:5px;
1677		font-weight: bold;
1678		height: 35px;
1679		width: 185px;
1680		display: inline-block;
1681		cursor: pointer;
1682		text-align:center;
1683		margin-left: 5px;
1684		margin-right:5px;
1685	}
1686	.upp-facebook-signin {
1687		background: #4267b2;
1688		color: white;
1689		font-family: Helvetica, Arial, sans-serif;
1690	}
1691    
1692    .upp-google-signin {
1693        background-color: white;
1694        border: 1px solid #dddddd;
1695        font-family: 'Roboto', sans-serif;
1696        color:#000;
1697    }
1698
1699.upp-google-signin a { text-decoration: none; color:#000000; } 
1700.upp-facebook-signin a { text-decoration: none; color:#FFFFFF; } 
1701.fa-facebook-square::before {
1702    color: white;
1703    font-size: 18px;
1704}
1705.fa-google {
1706background: 
1707    linear-gradient(to bottom left,transparent 49%,#fbbc05 50%) 0 25%/48% 40%,
1708    linear-gradient(to top    left,transparent 49%,#fbbc05 50%) 0 75%/48% 40%,
1709  

1710    linear-gradient(-40deg ,transparent 53%,#ea4335 54%),
1711    linear-gradient( 45deg ,transparent 46%,#4285f4 48%),
1712    #34a853;
1713  background-repeat:no-repeat;
1714  -webkit-background-clip: text;
1715  background-clip: text;
1716  color: transparent;
1717  -webkit-text-fill-color: transparent;
1718}
1719
1720.upp-social-buttons {text-align:center;}
1721
1722.hero-trust .promo-col1 {
1723    position: initial;
1724    width: 45%;
1725    height: auto;
1726}
1727/***Footer Overlap Fix***/
1728@media screen and (min-width: 830px) {
1729.hero-trust .promo-col1 {
1730   top: 160px;
1731   height: 220px;
1732}
1733.hero-trust .promo-container {
1734    height: 100%;
1735}
1736}
1737/***Register Form Contrast***/
1738
1739.form-input {
1740    background-color: #f3f3f3!important;
1741    color: #696969!important;
1742}
1743
1744/******* CHATBOT BUBBLE FIX ********/
1745
1746#joe-bubble-unread {
1747    font-size: 15px!important;
1748    background-color: #d03601;
1749    margin-top: -30px;
1750    border: none!important; 
1751}
1752
1753
1754#joe-bubble-unread {
1755    position: absolute!important;
1756    color: white;
1757    border-radius: 50%;
1758    right: -23px;
1759    top: 23px;
1760    height: 20px!important;
1761    width: 20px!important;
1762line-height: 19px!important;
1763   
1764}
1765
1766/******* SURVEY WALL CARDS ********/
1767.qualifications .list-group{
1768}
1769.qualifications .list-group-item {
1770  padding-bottom: 50px!important;
1771padding: 0.5rem 0.5rem!important;
1772}
1773
1774
1775.qualifications .list-group-item {
1776  background-color: transparent!important;
1777  border: 0px!important;
1778}
1779
1780.card {
1781  border: 0px!important;
1782  border-radius: 11px!important;
1783box-shadow: 0 0 0.6rem #d1d1d1!important;
1784max-width: 230px!important;
1785}
1786.card-header {
1787  padding: 0!important;
1788  border-radius: 11px 11px 0 0!important;
1789}
1790
1791.card-peak {
1792  background-color: #00436F!important;
1793  height: 7px!important;
1794}
1795
1796.card-text {
1797  margin-bottom: 0!important;
1798  text-align: center!important;
1799  margin: 0 auto!important;
1800  font-size: 25px!important;
1801  font-weight: 900;
1802background-position-y:7px;
1803background-position-x: 1px;
1804background-image: url(https://darwin-assets.dynata.com/OO/earn-2x.png);
1805    background-repeat: no-repeat;
1806    background-size: 37px;
1807    color: #00436F;
1808padding-left: 27px;
1809}
1810
1811.card-text span{
1812    clear: both!important;
1813    font-weight: 700;
1814    padding-top: 2px;
1815    display: inline;
1816    font-size: 25px!important;
1817}
1818
1819.card-text img{
1820vertical-align: baseline!important;
1821    height: 30px!important;
1822display: none;
1823}
1824
1825.qualification-body {
1826  background-color: #F7F7F7!important;
1827font-family: 'open-sans';
1828    font-weight: 300;
1829padding-left: 24px!important;
1830}
1831
1832.qualification-body .mb-2 {
1833  margin-bottom: 0.8rem!important;
1834}
1835
1836.card .btn-primary {
1837  border-radius: 0 0 11px 11px!important;
1838    color: #000!important;
1839    font-size: 15px!important;
1840    font-weight: 600!important;
1841    padding-top: 10px!important;
1842    padding-bottom: 10px!important;
1843    background-color: #F47A2E!important;
1844    border-color: #F47A2E!important;
1845  border-color: 0!important;
1846}
1847
1848/*********** BTN REWARDS COMPLETE ***************/
1849    .rewards-complete-actions-buttons .button-gray {
1850         background: #17436c;
1851         border: 2px solid #17436c;
1852         color: #fff;
1853         border-radius: 6px!important;
1854        text-decoration:none!important
1855    }
1856    
1857    .rewards-complete-actions-buttons .button-gray:hover {
1858         background: transparent;
1859         border: 2px solid #17436c;
1860         color: #17436c;
1861    }
1862
1863/*** Veriff Styling ***/
1864
1865.veriff_container {
1866    text-align: center;
1867    font-family: proxima-soft, sans-serif!important;
1868    font-size: 16px!important;
1869    font-weight: 300;
1870}
1871
1872.veriff_container p {
1873    color: #000;
1874    font-family: proxima-soft, sans-serif!important;
1875    font-weight: 300;
1876    font-size: 16px;
1877}
1878
1879.veriff_container ol {
1880    padding-inline-start: 17px;
1881    font-weight: 500;
1882    text-align: left;
1883}
1884
1885.veriff_container li {
1886    margin-bottom: 12px;
1887    font-weight: 300;
1888    text-align: left!important;
1889}
1890
1891.veriff_header  {
1892    font-size: 29px;
1893    text-align: center;
1894    color: #204369;
1895    text-shadow: none;
1896font-weight: 600!important;
1897}
1898
1899.v-primary {
1900    background: #17436c;
1901    border: 2px solid #17436c;
1902    color: #fff;
1903    border-radius: 6px !important;
1904    text-decoration: none !important;
1905}
1906
1907.v-secondary {
1908    background: transparent;
1909    border: 2px solid #17436c;
1910    color: #17436c;
1911    border-radius: 6px !important;
1912    text-decoration: none !important;
1913}
1914
1915
1916
1917@media only screen and (min-width: 481px){
1918.vbutton_container {
1919    display: flex;
1920}
1921
1922.vbtn {
1923    flex: 1;
1924    margin: 20px;
1925}
1926}
1927
1928@media only screen and (max-width: 480px){
1929.vbutton_container {
1930    
1931}
1932
1933.v-secondary {
1934    margin-top: 20px;
1935}
1936}
1937
1938.vheader {
1939    height: 80px;
1940    top: 0;
1941    left: 0;
1942    right: 0;
1943    border-bottom: none;
1944    background: #fff;
1945    box-shadow: 0 0 13px rgb(0 0 0 / 50%);
1946    z-index: 1000;
1947    position: fixed;
1948    display: -webkit-box;
1949    display: -moz-box;
1950    display: box;
1951    display: -webkit-flex;
1952    display: -moz-flex;
1953    display: -ms-flexbox;
1954    display: flex;
1955}
1956    
1957    .vheader img {
1958    max-height: 60px;
1959        width: auto;
1960}
1961    
1962    @media only screen and (max-width: 830px){
1963.vheader img {
1964    max-height: 35px;
1965}
1966        }
1967
1968/**** Promotion Wallet *******/
1969
1970/*********
1971rxp-tabs::part(pc-points) {
1972
1973            background-color: #09711f!important;
1974            font-weight: 700!important;
1975            text-transform: none;
1976        }
1977rxp-tabs::part(pc-title) {
1978 text-align: left;
1979font-family: 'open-sans';

1980font-weight: 700;
1981color: #5F5F5F;
1982}
1983
1984rxp-tabs::part(view-details) {
1985text-align: left;
1986font-family: 'open-sans';
1987}
1988
1989upp-punchcard-details-modal::part(modal-badge) {
1990    background-image: url(https://darwin-assets.dynata.com/VOP/pop-up-punchcard-badge2x.png);
1991}
1992
1993rxp-tabs::part(started-filled-punch), rxp-tabs::part(qualified-filled-punch), rxp-tabs::part(expired-filled-punch), rxp-tabs::part(credited-filled-punch) {
1994    color: #ffffff!important;
1995    background-color: #33793E!important;
1996}
1997
1998upp-punchcard-details-modal::part(modal-activate) {
1999    background-color: #429d50!important;
2000    color: #ffffff!important;
2001    font-weight: 700 !important;
2002    border: 0px;
2003}
2004
2005rxp-tabs::part(modal-activate) {
2006    color: #3C76B4!important;
2007    --mdc-theme-primary: rgb(63, 125, 190);
2008    font-weight: 700 !important;
2009}    
2010
2011rxp-tabs::part(started-filled-pc-punch), rxp-tabs::part(qualified-filled-pc-punch), rxp-tabs::part(expired-filled-pc-punch), rxp-tabs::part(credited-filled-pc-punch) {
2012
2013background: #ffffff!important;
2014
2015} 
2016
2017rxp-tabs::part(tab-active) {
2018color: #429d50!important;
2019border-bottom: 5px solid #429d50!important;
2020}
2021
2022
2023
2024
2025*****/
2026
2027rxp-tabs::part(tab-nav-container) {
2028border-bottom: none;
2029}
2030
2031
2032rxp-tabs::part(punchcard-no-promotions-message) {
2033padding: 50px;
2034    text-align: center;
2035    font-size: 17px;
2036    background: #e9f6f8;
2037    border-radius: 5px;
2038}
2039
2040/****** Member Choice Styling ******/
2041
2042
2043 .card-peak .high-reward-header-label svg,  .card-peak .recommended-header-label svg,  .card-peak .quick-header-label svg { 
2044position: absolute; top: 0; right: 0; width:65px} 
2045
2046.card-peak .high-reward-header-label { 
2047text-align: center; font-size: 15px; background-color: #85b9db; width: 100%; height: 100%; color: #000; line-height: 25px; text-transform: uppercase; } 
2048
2049.card-peak .recommended-header-label { 
2050text-align: center; font-size: 15px; background-color: #ffcf82; width: 100%; height: 100%; color: #000; line-height: 25px; text-transform: uppercase; } 
2051
2052.card-peak .quick-header-label { 
2053text-align: center; font-size: 15px; background-color: #99dde8; width: 100%; height: 100%; color: #000; line-height: 25px; text-transform: uppercase; } 
2054
2055.card-header {
2056border-bottom: none!important; height: 25px!important;} 
2057
2058.card {
2059overflow: hidden;}
2060
2061
2062.quick .card-body-loi .col-md-2 {
2063    background-image: url(https://darwin-assets.dynata.com/OO/quick-time-2x.png) !important;
2064    background-size: 20px;
2065    background-repeat: no-repeat;
2066    background-position: 10px;
2067}
2068
2069
2070/*** Veriff Reactivation CSS ***/
2071
2072.rxp-reactivation .modal .title {
2073color: #17436c!important;
2074font-size: 1.9em;
2075margin: 20px 0;
2076}
2077
2078.rxp-reactivation .modal  {
2079font-family: proxima-soft, sans-serif!important;
2080}
2081
2082.rxp-reactivation .modal p {
2083font-family: proxima-soft, sans-serif!important;
2084}
2085
2086
2087
2088.rxp-reactivation .modal .buttonCancel , .rxp-reactivation .modal .buttonPrimary:hover {
2089background:#fff ;
2090border: 2px solid #17436c;
2091color: #17436c;
2092border-radius: 6px !important;
2093text-decoration: none !important;
2094}
2095
2096.rxp-reactivation .modal a {
2097    color: #204369!important;
2098}
2099
2100@media (min-width: 768px) {
2101.rxp-reactivation .modal .modal-dialog {
2102width: 600px!important
2103}
2104}
2105
2106/** Cognito Styling **/
2107
2108.rxp .auth-title h2 {
2109    margin-bottom: 20px;
2110    font-size: 32px;
2111}
2112
2113.rxp .auth-button-back {
2114}
2115
2116.rxp .auth-button-submit {
2117    float: left;
2118    background: #17436c!important;
2119        border: 1px solid #17436c!important;
2120        color: #fff!important;
2121        border-radius: 6px !important;
2122        text-decoration: none !important;
2123}
2124
2125.rxp .auth-button-submit:hover {
2126    background: transparent!important;
2127        border: 1px solid #17436c!important;;
2128        color: #17436c!important;
2129}
2130
2131.rxp .auth-button-forgot-password, .rxp .auth-button-back {
2132        float: right!important;
2133            background: none!important;
2134            border: none!important;
2135            text-decoration: underline!important;
2136            color: #17436c !important;
2137            font-weight: 700!important;
2138}
2139
2140.rxp .btn:disabled,
2141.rxp .btn.disabled,

2142fieldset:disabled .rxp .btn {
2143        color: #aeaeae !important;
2144            background-color: #f4f4f4 !important;
2145            border-color: #aeaeae !important;
2146    opacity: 1;
2147}
2148
2149.rxp .auth-buttons-bottom {
2150    padding: 10px 0;
2151}
2152
2153.rxp .auth-input {
2154    margin-bottom: 20px;
2155}
2156
2157.modal .auth-title .login-logo-container .img-logo {
2158    display: none;
2159}
2160
2161.cognito-change-password h3 {
2162    font-size: 23px;
2163        font-weight: 600;
2164        text-align: left;
2165        margin: 0 0 30px;
2166}
2167
2168.cognito-change-password p {
2169    line-height: 1.5em;
2170    text-align: left;
2171}
2172
2173.cognito-change-password .auth-button-submit {
2174    font-weight: 700!important;
2175}
2176
2177.error-text {
2178    margin-top: -10px;
2179    display: block;
2180    padding-top: 0;
2181    padding-bottom: calc(0.375rem + 1px);
2182    margin-bottom: 0;
2183    font-size: inherit;
2184    line-height: 1.5;
2185}
2186
2187@media (max-width: 440px) {
2188
2189.error-text {
2190    padding-top: 0;
2191    padding-bottom: calc(0.375rem + 1px);
2192    margin-bottom: 0;
2193    font-size: inherit;
2194    line-height: 1.5;
2195}
2196
2197.cognito-change-password .error-text {
2198    float: right;
2199    display: inline;
2200    padding-top: calc(0.375rem + 1px);
2201    padding-bottom: calc(0.375rem + 1px);
2202    margin-bottom: 0;
2203    font-size: inherit;
2204    line-height: 1.5;
2205}
2206    
2207}
2208
2209.rxp .cognito-modal .modal-content {
2210    margin: 0px;
2211    padding: 20px;
2212}
2213
2214/********* TILES MOBILE RESIZING ***************/
2215
2216.widget-surveys-noSurveys {
2217    background: #FFFFFF;
2218}
2219
2220@media only screen and (max-width:600px) {
2221    .scroll-left, .scroll-right {
2222        display: none!important;
2223        visibility: hidden!important;
2224    }
2225
2226    .ow .qualifications .qualification-item {
2227        margin-left: 20px;
2228        margin-right: 20px;
2229        display: flex;
2230    }
2231
2232    .ow .qualifications .list-group-horizontal {
2233        flex-direction: column;
2234        justify-content: center;
2235        align-content: center;
2236        flex-wrap: wrap;
2237        flex: 1;
2238    }
2239
2240    .ow .qualifications .list-group-horizontal>.list-group-item{
2241        width: 100%;
2242    }
2243
2244    .ow .qualifications .list-group-horizontal .list-group-item .card {
2245        max-width: 700px!important;
2246        width: 100%;
2247    }
2248
2249    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body{
2250        padding: 5px!important;
2251    }
2252
2253    .ow .qualifications .list-group-horizontal .list-group-item .card .card-text {
2254        background-position: 30% 50%;
2255    }
2256
2257    .ow .qualifications .list-group-horizontal .list-group-item .card .qualification-body {
2258        display: flex;
2259        flex-direction: row;
2260        flex-wrap: wrap;
2261        justify-content: center;
2262        align-items: center;
2263        background-color: #F1F1F1!important;
2264        min-height: 41px;
2265        position: relative;
2266    }
2267
2268    .ow .qualifications .list-group-horizontal .list-group-item .card .row {
2269        /*flex: 1 1;*/
2270        flex-direction: row;
2271        justify-content: center;
2272        margin: 3px!important;
2273    }
2274
2275    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body-topic{
2276        flex: 2 1;
2277    }
2278
2279    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body-loi{
2280        flex: 1 1;
2281        padding: 0 10px;
2282    }
2283
2284    .ow .qualifications .list-group-horizontal .list-group-item .card .row .col-md-10 {
2285        padding-left: 30px!important;
2286        padding-right: 10px;
2287        background-color: #fff;
2288        /*border-radius: 50px;*/
2289        border-radius: 15px;
2290        /*padding-top: 3px;*/
2291        mask: radial-gradient(20px at 0px 15px,#0000 98%,#000)!important;
2292        margin-left: -20px!important;
2293        display: flex;
2294        align-items: center;
2295        width: fit-content!important;
2296        -webkit-line-clamp: 1;
2297        max-width: 180px;
2298        display: block;
2299        white-space: nowrap;
2300        overflow: hidden;
2301        text-overflow: ellipsis;
2302        padding-top: 5px;
2303    }    
2304
2305    .ow .qualifications .list-group-horizontal .list-group-item .card .row .col-md-2 {
2306        float: right;
2307        background-color: #fff;
2308        border-radius: 50px;
2309        outline:5px solid #F1F1F1;
2310        width: 30px!important;
2311        height: 30px;
2312        padding-left: 10px;
2313        background-position: center!important;
2314        z-index: 99;
2315    }
2316
2317    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body .card-body-loi .col-md-10 {
2318        height: 30px!important;
2319        width: fit-content!important;
2320    }
2321
2322    .ow .qualifications .list-group-horizontal .list-group-item .card .btn-primary {
2323        padding-top: 5px!important;
2324        padding-bottom: 5px!important;
2325    }
2326}
2327
2328@media only screen and (max-width:435px) {
2329    .ow .qualifications .list-group-horizontal .list-group-item .card .card-text {
2330        background-position: 16% 50%;
2331    }
2332
2333    .ow .qualifications .list-group-horizontal .list-group-item .card .row .col-md-10 {
2334        /*border-radius: 5px;*/
2335        min-height: 30px;
2336        mask: none;
2337        margin-left: 0px;
2338        padding-left: 30px!important;
2339        width: fit-content!important;
2340        padding-right: 10px;
2341    }
2342
2343    .ow .qualifications .list-group-horizontal .list-group-item .card .qualification-body {
2344        min-height: 48px;
2345    }
2346
2347    .ow .qualifications .list-group-horizontal .list-group-item .card .qualification-body > * {
2348        animation: 8s autoplay6 infinite linear;
2349        position: absolute; 
2350        opacity: 0.0;
2351        width: 100%;
2352    }
2353

2354    @keyframes autoplay6 {
2355        0% {opacity: 0.0}
2356        4% {opacity: 1.0}
2357        50% {opacity: 1.0}
2358        56% {opacity: 0.0}
2359        100% {opacity: 0.0}
2360    }
2361
2362    .ow .qualifications .list-group-horizontal .list-group-item .card .qualification-body > *:nth-child(1) {animation-delay: 0s}
2363    .ow .qualifications .list-group-horizontal .list-group-item .card .qualification-body > *:nth-child(2) {animation-delay: 4s}
2364}
2365
2366@media only screen and (max-width:369px) {
2367    .ow .qualifications .list-group-horizontal .list-group-item .card .card-text {
2368        background-position: 10% 50%;
2369    }
2370
2371    .ow .qualifications .list-group-horizontal .list-group-item .card .qualification-body {
2372        min-height: 48px;
2373        height: auto!important;
2374        overflow: hidden;
2375    }
2376
2377    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body .col-md-10 {
2378        /*max-width: 100%!important;*/
2379        max-width: 210px!important;
2380        overflow: hidden;
2381        white-space: nowrap;
2382        text-overflow: ellipsis;
2383        display: inline;
2384        padding-top: 4px;
2385    }
2386
2387    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body .card-body-loi .col-md-10 {
2388        height: 20px!important;
2389    }
2390}
2391
2392/**** Hide term Points across site ****/
2393
2394.qualification-body .card-body-amount-screenout {
2395    display: none;
2396}
2397
2398/********** NEW PUNCHCARD TABS ***************/
2399
2400.promotions-details-modal-overlay {
2401    z-index: 9999;
2402}
2403
2404.promotions-details-modal-container {
2405    min-width: 300px;
2406    max-width: 560px;
2407    width: 90%;
2408    position: relative;
2409    display: flex;
2410    flex-direction: column;
2411    flex-grow: 0;
2412    flex-shrink: 0;
2413    box-sizing: border-box;
2414    max-height: 80%;
2415    pointer-events: auto;
2416    overflow-y: auto;
2417    text-wrap: auto;
2418}
2419
2420.promotions-details-modal-status {
2421    padding: 0;
2422}
2423
2424.promotions-details-modal-description {
2425    white-space: normal;
2426    text-align: left;
2427}
2428
2429.promotions-details-modal-icon img {
2430    height: 100px;
2431    padding: 0;
2432}
2433
2434.offer-body {
2435    max-height: none!important;
2436}
2437
2438.promotions-details-modal-timer-label, .promotions-details-modal-status.expired {
2439    font-size: 16px;
2440    font-family: proxima-soft, sans-serif;
2441    font-style: normal;
2442    font-weight: 700;
2443    padding: 10px;
2444    color: #323232;
2445}
2446
2447.promotions-details-modal-description p {
2448    padding-bottom: 10px;
2449    margin: 0;
2450    font-size: 16px;
2451}
2452
2453.promotions-details-modal-description h2 {
2454    padding-top: 5px;
2455    margin: 0;
2456    font-size: 16px;
2457}
2458
2459.list div, .sec2 {
2460    margin-bottom: 0;
2461}
2462
2463.promotions-details-modal-close-button {
2464    line-height: 30px;
2465}
2466
2467.icon-title-container {
2468          display:flex;
2469          align-items: center;
2470}
2471
2472.points-label {
2473    display: flex;
2474    justify-content: center;
2475    align-items: center;
2476    background: #FFCE82;
2477    border-radius: 20px;
2478    padding: 5px 10px;
2479    font-size: 24px;
2480    font-weight: 700;
2481}
2482
2483.tab-container .tabs .tab-content {padding: 10px;}
2484
2485.perk-label-type {display:none!important;}
2486 
2487.offer-complete-hero-img-wrapper {
2488text-align: center;
2489}
2490 
2491.points-header {
2492  background: #F7F7F7;
2493border-radius: 50px;
2494margin-bottom: 10px;
2495 padding: 10px 20px;
2496}
2497
2498
2499
2500/********** OFFERS BANNERS DISPLAY ***************/
2501.offer-view, #offers-view {display:none} 
2502.flexy { display: flex; justify-content: flex-start; flex-direction: row;}
2503.flexy1 { flex: 2 1; padding: 0 10px 0 0; display: flex; flex-direction: column;}
2504.flexy2 { flex: 1 1; padding: 0 0 0 10px; display: flex; flex-direction: column;}
2505.flexy2 .widgetContainer-widget-content {padding: 0!important; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; height: 96%; flex: 1;}
2506.flexy2 .pad16 {padding: 0px 16px; text-align: center;}
2507.flexy2 .pad16 strong {color: #000000;}
2508.flexy1 .widgetContainer-widget, .flexy2 .widgetContainer-widget {flex: 1;}
2509.flexy2 .showmedesk {display:block;}
2510.flexy2 .showmemob {display:none}
2511
2512.flexy-npa {display: flex; justify-content: flex-start; flex-direction: row; color: #000;}
2513.flexy1-npa {display: flex; flex-wrap: wrap; justify-content: center;}
2514
2515@media screen and (max-width: 630px) {
2516        .flexy { flex-direction: column-reverse;}
2517        .flexy2 .showmedesk {display:none;}
2518        .flexy2 .showmemob {display:block}
2519        .flexy1, .flexy2 { padding: 0;}
2520
2521        .flexy-npa { flex-direction: column;}
2522}
2523
2524/********* TILES MOBILE RESIZING ***************/
2525@media only screen and (max-width: 950px) {
2526    a.scroll-right {
2527        right: -2.5%;
2528    }
2529
2530    a.scroll-left {
2531        left: -2.5%;
2532    }
2533}
2534
2535@media only screen and (min-width:601px) {
2536    .ow .qualifications .qualification-item {
2537        margin-left: 20px;
2538        margin-right: 20px;
2539        display: flex;
2540    }
2541
2542    .ow .qualifications .list-group-horizontal {
2543        flex-direction: row;
2544        justify-content: flex-start;
2545        align-content: center;
2546        /*flex-wrap: wrap;*/
2547        flex: 1;
2548    }
2549
2550    .qualification-points {max-height: 50px!important;}
2551
2552    .card { min-height: 170px!important;}
2553
2554    .ow .qualifications .list-group-horizontal>.list-group-item{
2555        width: 100%;
2556		min-width: 250px;
2557    }
2558
2559    .ow .qualifications .list-group-horizontal .list-group-item .card {
2560        max-width: 300px!important;
2561        width: 100%;
2562    }
2563
2564    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body{
2565        padding: 5px!important;
2566    }
2567
2568    .ow .qualifications .list-group-horizontal .list-group-item .card .card-text {
2569        background-position: 30% 50%;
2570    }
2571
2572    .ow .qualifications .list-group-horizontal .list-group-item .card .qualification-body {
2573        display: flex;
2574        flex-direction: row;
2575        flex-wrap: wrap;
2576        justify-content: center;
2577        align-items: center;
2578        background-color: #F1F1F1!important;
2579        min-height: 41px;
2580        position: relative;
2581    }
2582
2583    .ow .qualifications .list-group-horizontal .list-group-item .card .row {
2584        /*flex: 1 1;*/
2585        flex-direction: row;
2586        justify-content: center;
2587        margin: 3px!important;
2588    }
2589
2590    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body-topic{
2591        flex: 2 1;
2592    }
2593
2594    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body-loi{
2595        flex: 1 1;
2596        padding: 0 10px;
2597    }
2598
2599    .ow .qualifications .list-group-horizontal .list-group-item .card .row .col-md-10 {
2600        padding-left: 30px!important;
2601        background-color: #fff;
2602        /*border-radius: 50px;*/
2603        border-radius: 15px;
2604        /*padding-top: 3px;*/
2605        mask: radial-gradient(20px at 0px 15px,#0000 98%,#000)!important;
2606        margin-left: -20px!important;
2607        display: flex;
2608        align-items: center;
2609    }    
2610
2611    .ow .qualifications .list-group-horizontal .list-group-item .card .row .col-md-2 {
2612        float: right;
2613        background-color: #fff;
2614        border-radius: 50px;
2615        outline:5px solid #F1F1F1;
2616        width: 30px!important;
2617        height: 30px;
2618        padding-left: 10px;
2619        background-position: center!important;
2620        z-index: 99;
2621    }
2622
2623    .ow .qualifications .list-group-horizontal .list-group-item .card .card-body .card-body-loi .col-md-10 {
2624        height: 30px!important;
2625        width: fit-content!important;
2626    }
2627
2628    .ow .qualifications .list-group-horizontal .list-group-item .card .btn-primary {
2629        padding-top: 5px!important;
2630        padding-bottom: 5px!important;
2631    }
2632}
2633
2634    .ow .qualifications .list-group-horizontal .list-group-item .card .card-text {
2635        background-position: 16% 50%;
2636    }
2637
2638    .ow .qualifications .list-group-horizontal .list-group-item .card .row .col-md-10 {
2639        /*border-radius: 5px;*/
2640        min-height: 30px;
2641        mask: none;
2642        margin-left: 0px;
2643        padding-left: 30px!important;
2644        width: fit-content !important;
2645        -webkit-line-clamp: 1;
2646        max-width: 180px;
2647        display: block;
2648        white-space: nowrap;
2649        overflow: hidden;
2650        text-overflow: ellipsis;
2651        padding-right: 5px;
2652        padding-top: 3px;
2653    }
2654
2655    .ow .qualifications .list-group-horizontal .list-group-item .card .qualification-body {
2656        min-height: 48px;
2657    }
2658
2659    .ow .qualifications .list-group-horizontal .list-group-item .card .qualification-body > * {
2660        animation: 8s autoplay6 infinite linear;
2661        position: absolute; 
2662        opacity: 0.0;
2663        width: 100%;
2664    }
2665