.binge-progress-bar.desktop{display:grid;grid-template-rows:repeat(2, auto);background-color:#fff}.binge-progress-bar.desktop .col-1{grid-column:1}.binge-progress-bar.desktop .col-2{grid-column:2}.binge-progress-bar.desktop .col-3{grid-column:3}.binge-progress-bar.desktop .col-4{grid-column:4}.binge-progress-bar.desktop .col-5{grid-column:5}.binge-progress-bar.desktop .col-6{grid-column:6}.binge-progress-bar.desktop .col-7{grid-column:7}.binge-progress-bar.desktop .col-8{grid-column:8}.binge-progress-bar.desktop .col-9{grid-column:9}.binge-progress-bar.desktop .number{position:relative;grid-row:1}.binge-progress-bar.desktop .number span{position:relative;display:inline-block;width:27px;height:27px;background-color:#dbdbdb;color:#fff;border-radius:50%;padding-top:3px;font-family:'pbSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;text-align:center;z-index:1}.binge-progress-bar.desktop .number span svg{width:16px;height:16px;fill:#fff;margin:3px 0 0 1px}.binge-progress-bar.desktop .number span .notch{position:absolute;top:calc(50% - 6px);left:calc(100% - 2px);width:6px;height:11px;background-color:#dbdbdb}.binge-progress-bar.desktop .number span .notch::before,.binge-progress-bar.desktop .number span .notch::after{position:absolute;left:1px;content:'';width:14px;height:14px;border-radius:6px;background-color:#fff}.binge-progress-bar.desktop .number span .notch::before{bottom:62%}.binge-progress-bar.desktop .number span .notch::after{top:65%}.binge-progress-bar.desktop .number .progress,.binge-progress-bar.desktop .number::before{content:'';position:absolute;top:calc(50% - 2px);height:3px;width:100%;background-color:#dbdbdb}.binge-progress-bar.desktop .number .progress{-webkit-transition:width .5s ease-out;transition:width .5s ease-out;left:27px;background-color:#a036f7}.binge-progress-bar.desktop .number::before{left:0}.binge-progress-bar.desktop .number.completed span,.binge-progress-bar.desktop .number.completed .notch,.binge-progress-bar.desktop .number.completed::before{background-color:#a036f7}.binge-progress-bar.desktop .number.current span,.binge-progress-bar.desktop .number.current .notch{background-color:#a036f7}.binge-progress-bar.desktop .number:not(.current) .progress{display:none}.binge-progress-bar.desktop .title{grid-row:2;margin:10px 10px 0 0;font-size:16px;font-family:'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#dbdbdb}.binge-progress-bar.desktop .title.completed{color:#a036f7;opacity:0.25}.binge-progress-bar.desktop .title.current{opacity:1;font-weight:bold} .binge-progress-bar.mobile{font-size:14px;height:26px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex}.binge-progress-bar.mobile :first-child{border-top-left-radius:100px;border-bottom-left-radius:100px}.binge-progress-bar.mobile :last-child{border-top-right-radius:100px;border-bottom-right-radius:100px}.binge-progress-bar.mobile .binge-title{max-width:200px;border:solid 1px #a036f7;background-color:#a036f7;color:#fff;padding:0 8px 0 11px;text-transform:uppercase;font-weight:bold;font-family:'pbNavbarBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.binge-progress-bar.mobile .binge-item-position{background-color:#fff;border:solid 1px #a036f7;color:#a036f7;padding:0 11px 0 8px;font-family:'pbMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:500} .pb-image-viewer-animated{width:100%;height:0;background-color:#fff}.pb-image-viewer-animated video{position:absolute;top:0;left:0;width:100%;height:100%} .pb-image-viewer-credits{padding:0 4px 1px;cursor:default;font-weight:200;background-color:rgba(0,0,0,0.25);color:rgba(255,255,255,0.75);text-overflow:ellipsis;overflow:hidden;font-size:11px;position:absolute}.pb-image-viewer-credits.bottom-left{text-align:left;position:absolute;bottom:0}.rtl-root-element.RTL .pb-image-viewer-credits.bottom-left{text-align:right}.rtl-root-element.RTL .pb-image-viewer-credits.bottom-left{right:0}.rtl-root-element:not(.RTL) .pb-image-viewer-credits.bottom-left{left:0}.pb-image-viewer-credits.top-right{text-align:right;position:absolute;top:0}.rtl-root-element.RTL .pb-image-viewer-credits.top-right{text-align:left}.rtl-root-element.RTL .pb-image-viewer-credits.top-right{left:0}.rtl-root-element:not(.RTL) .pb-image-viewer-credits.top-right{right:0}.pb-image-viewer-credits.bottom-right{text-align:right;position:absolute;bottom:0}.rtl-root-element.RTL .pb-image-viewer-credits.bottom-right{text-align:left}.rtl-root-element.RTL .pb-image-viewer-credits.bottom-right{left:0}.rtl-root-element:not(.RTL) .pb-image-viewer-credits.bottom-right{right:0}.pb-image-viewer-credits.top-left{text-align:left;position:absolute;top:0}.rtl-root-element.RTL .pb-image-viewer-credits.top-left{text-align:right}.rtl-root-element.RTL .pb-image-viewer-credits.top-left{right:0}.rtl-root-element:not(.RTL) .pb-image-viewer-credits.top-left{left:0}.blur-overlay{position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.rtl-root-element.RTL .blur-overlay{right:0}.rtl-root-element:not(.RTL) .blur-overlay{left:0}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.blur-overlay{background-image:url("//res-format-countdown.playbuzz.com/images/blurlayer.jpg")}}.blur-overlay .svg-holder{background:none;outline:none;border:0;z-index:200;cursor:pointer;text-align:center}.blur-overlay .svg-holder svg{width:22%;height:92px;fill:rgba(0,0,0,0.15)}@media screen and (max-width: 480px){.blur-overlay .svg-holder svg{height:70px}}.blur-overlay:hover .svg-holder svg{fill:rgba(0,0,0,0.4)}.gif-overlay{position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.1);font-size:14px;color:#fff}.rtl-root-element.RTL .gif-overlay{right:0}.rtl-root-element:not(.RTL) .gif-overlay{left:0}.gif-overlay .gif-overlay-btn{position:relative;overflow:hidden;background-color:rgba(0,0,0,0.6);border-radius:50%;width:65px;height:65px}.gif-overlay .gif-overlay-btn .svg-holder{padding-top:2px;background:none;outline:none;border:0;z-index:200;cursor:pointer;text-align:center}.gif-overlay .gif-overlay-btn .svg-holder svg{width:60px;height:60px;fill:#fff}.pb-image-viewer{text-align:left;position:relative;padding:0;overflow:hidden;border:0;outline:none}.rtl-root-element.RTL .pb-image-viewer{text-align:right}.pb-image-viewer.background-image{background-size:cover;background-position:center center}.pb-image-viewer.cover-image{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pb-image-viewer.cover-image .viewport-monitor{height:100%;width:100%}.pb-image-viewer.cover-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.pb-image-viewer.cover-image video{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;min-height:100%;min-width:100%;height:auto;width:auto}.pb-image-viewer.blur{cursor:pointer}.pb-image-viewer.blur img,.pb-image-viewer.blur video{-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s linear;transition:-webkit-filter .3s linear;transition:filter .3s linear;transition:filter .3s linear, -webkit-filter .3s linear}.pb-image-viewer.blur.show-overlay img,.pb-image-viewer.blur.show-overlay video{-webkit-filter:blur(10px);filter:blur(10px)}.pb-image-viewer.zoom.in-view img,.pb-image-viewer.zoom.in-view video{-webkit-animation:breathing 30s ease-in-out 2s infinite alternate;animation:breathing 30s ease-in-out 2s infinite alternate;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.pb-image-viewer .img-responsive.full-width{width:100%}@-webkit-keyframes breathing{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes breathing{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}} .percentage-wrapper .circle-progress{fill:none}.percentage-wrapper .circle-progress{stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.percentage-wrapper .circle-text{fill:#fff} .binge-results{margin:0 14px 15px;padding:16px;text-align:center;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);background-color:#fff;margin:0;padding:17px 12px 12px}@media screen and (max-width: 480px){.binge-results{margin:0 8px 15px;padding:12px}}.binge-results .binge-results-title{font-family:'pbNavbarBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;color:#a036f7;margin-bottom:17px}.binge-results .binge-results-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 15px}.binge-results .binge-results-item .binge-results-index{position:relative;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.binge-results .binge-results-item .binge-results-index span{position:absolute;left:-6px;display:inline-block;width:27px;height:27px;background-color:#fff;color:#a036f7;border-radius:50%;padding-top:3px;font-family:'pbSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;text-align:center;z-index:1}.binge-results .binge-results-item .binge-image-container{position:relative}.binge-results .binge-results-item .binge-image-container .binge-results-image{top:0;left:0;height:100%;width:calc(100% - 20px);margin:0 10px;opacity:.5}.binge-results .binge-results-item .binge-image-container .binge-results-image img{border-radius:5px}.binge-results .binge-results-item .binge-image-container .binge-image-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;height:100%;width:calc(100% - 20px);margin:0 10px}.binge-results .binge-results-item .binge-image-container .binge-image-overlay .percentage{position:absolute;max-height:50px}.binge-results .binge-results-item .binge-image-container .binge-image-overlay .overlay-background{height:100%;width:100%;border-radius:5px;background-color:#51068e;opacity:0.5}.binge-results .binge-results-item .binge-results-text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:start}.binge-results .binge-results-item .binge-results-text .binge-results-item-title{font-size:16px;color:#555;font-family:'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif}.binge-results .binge-results-item .binge-results-text .binge-results-item-result{font-family:'pbNavbarBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#010031} .binge-results.mobile .binge-results-item .binge-results-text{max-width:155px} .pb-site-adunit{display:none}.pb-site-adunit>div{margin:10px auto}.show-ad{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .pb-site-desktop-footer{margin-bottom:15px}.pb-site-desktop-footer .ad-between-outbrain-units{position:relative;left:-44px;display:inline} .pb-spinner-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pb-spinner-container .spinner{-webkit-animation:loader-rotate 1s infinite linear;animation:loader-rotate 1s infinite linear;width:90px;height:90px;border:2px solid #efefef;border-top:3px solid #28a0f9;border-radius:50%}@-webkit-keyframes loader-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .pb-site-facebook-comments{margin:20px 0}.pb-site-facebook-comments .facebook-comments-header{font-size:16px;line-height:40px;border-top:3px solid rgba(0,0,0,0.55);font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:20px;font-family:'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif}.pb-site-facebook-comments .facebook-comments-header .header{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#28a0f9}.pb-site-facebook-comments .facebook-comments-header .show-comments-btn{border:1px solid #28a0f9;border-radius:4px;font-weight:normal;height:44px;position:relative;text-align:center;width:148px;display:inline-block;background-color:transparent;text-transform:uppercase}.rtl-root-element.RTL .pb-site-facebook-comments .facebook-comments-header .show-comments-btn{direction:rtl}.pb-site-facebook-comments .facebook-comments-header .show-comments-btn span{color:#28a0f9;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;left:0;top:50%;position:absolute;width:100%}.pb-site-facebook-comments .spinner{color:#28a0f9}.pb-site-facebook-comments .fb-comments{width:100%;display:block}.pb-site-facebook-comments .fb-comments iframe{width:100% !important}.pb-site-facebook-comments .fb-comments:not(.expanded){display:none} .pb-site-tags-container{color:#555;font-size:12px;margin:32px 0 20px}.pb-site-tags-container .tags-header{height:28px;color:#333;font-size:17px;line-height:40px;border-top:3px solid #dbdbdb;margin-bottom:15px;font-weight:bold}.pb-site-tags-container .pb-tag-wrapper{display:inline-block;margin:0 5px 5px 0;vertical-align:middle;cursor:pointer;border:1px solid #aaa;font-family:Poppins ,Serif}.pb-site-tags-container .pb-tag-wrapper:hover{border-color:#28a0f9}.pb-site-tags-container .pb-tag-wrapper .pb-tag-link{text-decoration:none;color:#555;display:block;padding:5px 6px;max-width:287px;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:13px;white-space:nowrap;font-family:Poppins , serif;font-weight:400}.pb-site-tags-container .pb-tag-wrapper .pb-tag-link:hover{color:#28a0f9} .pb-site-subscription{background-color:#fff;max-width:380px;font-family:pbNavbarRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-image:url("https://img.playbuzz.com/image/upload/v1580053186/sfarxlto0jbugtfenfci.png");background-repeat:no-repeat;background-size:cover;padding-bottom:30px}.pb-site-subscription.side-rail{height:300px;background-image:url("https://cdn.playbuzz.com/content/signup_mobile.jpg")}.pb-site-subscription .legal-text{text-align:center;color:#fff;margin-top:10px;font-size:10px}.pb-site-subscription .signup-img-container{width:100%;height:197px}.pb-site-subscription .title{font-size:24px;line-height:1.25;padding:20px 0;color:#fff}.pb-site-subscription .title span{font-weight:bold}.pb-site-subscription .description{text-align:center;font-size:16px;padding:0 65px 20px;color:#fff}.pb-site-subscription .action-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pb-site-subscription .action-section .secondary-description{padding:20px 0 16px;opacity:.7}.pb-site-subscription .action-section .method-select{display:-webkit-box;display:-ms-flexbox;display:flex;width:90%;height:48px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pb-site-subscription .action-section .method-select .btn{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:'Poppins','pbRegular',Arial,Helvetica,sans-serif;width:48.5%;height:44px;line-height:44px;color:#fff;border-radius:4px;font-size:13px;outline:0;border:0;padding:0;margin:0 5px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pb-site-subscription .action-section .method-select .btn .reg-mobile-text{display:none}.pb-site-subscription .action-section .method-select .btn .icon{display:inline-block;width:25px;height:42px;background-position:left center;background-repeat:no-repeat;background-size:25px;margin:0 5px}.pb-site-subscription .action-section .method-select .btn .icon.email-icon{fill:#fff}.pb-site-subscription .action-section .method-select .btn .text{margin:0 5px}.pb-site-subscription .action-section .method-select .btn.email-button{background-image:linear-gradient(243deg, #28a0f9, #a036f7);border-color:transparent;color:#fff}.pb-site-subscription .action-section .form-container{width:90%}.pb-site-subscription .action-section .form-container .form-wrapper{padding:0 46px;height:48px}.pb-site-subscription .action-section .form-container .email-field{-webkit-box-shadow:none;box-shadow:none;border-radius:4px 0 0 4px;font-size:14px}.pb-site-subscription .action-section .form-container .submit-button{border-radius:0 4px 4px 0;font-size:14px;background-image:linear-gradient(243deg, #28a0f9, #a036f7);border-color:transparent;color:#fff}.pb-site-subscription .action-section .submit-success{width:46px;height:46px}.pb-site-subscription.popup .action-section{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-bottom:10px}.pb-site-subscription.popup .action-section .secondary-description{color:#fff;padding-bottom:15px}.pb-site-subscription.popup .no-thanks{color:#aaa;text-decoration:underline;padding-bottom:15px;font-size:18px;cursor:pointer} .pb-site-subscription.mobile{color:#fff;margin-bottom:20px;max-width:100%;background-size:cover;position:relative;padding:15px}.pb-site-subscription.mobile.popup{width:85%;max-width:330px;margin:0;padding:5px 0 15px;color:#000;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pb-site-subscription.mobile.popup .title{padding-bottom:15px}.pb-site-subscription.mobile.popup .description{width:80%}.pb-site-subscription.mobile.popup .action-section{padding-bottom:10px}.pb-site-subscription.mobile.popup .action-section .method-select{padding:0;margin-bottom:15px}.pb-site-subscription.mobile.popup .action-section .secondary-description{padding-bottom:0;padding-top:10px}.pb-site-subscription.mobile.popup .no-thanks{padding-bottom:0}.pb-site-subscription.mobile .title{padding:17px 0 2px;font-size:20px}.pb-site-subscription.mobile .description{width:100%;padding:0;font-size:14px}.pb-site-subscription.mobile .method-select{padding:0 16px;margin-top:21px;margin-bottom:23px}.pb-site-subscription.mobile .form-container .form-wrapper{padding:0 16px;margin-top:21px;margin-bottom:23px}.pb-site-subscription.mobile .form-container .form-wrapper .email-field{line-height:24px}.pb-site-subscription.mobile .secondary-description{font-size:12px;padding:0 0 5px} .pb-site-subscription.side-rail{color:#fff;padding:10px 10px 5px;max-width:100%;background-size:cover;background-image:url("https://cdn.playbuzz.com/content/signup_mobile.jpg");font-family:'Poppins', pbNavbarRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:300;margin:20px 0}.pb-site-subscription.side-rail .x-button{-ms-flex-item-align:end;align-self:flex-end;background:none;color:inherit;border:0;font:inherit;cursor:pointer;outline:inherit;height:30px}.pb-site-subscription.side-rail .x-button svg{width:14px;height:14px;fill:#fff}.pb-site-subscription.side-rail .title{padding:0;font-size:20px}.pb-site-subscription.side-rail .description{width:256px;padding:10px 0 25px;font-size:14px}.pb-site-subscription.side-rail .form-container{width:100%}.pb-site-subscription.side-rail .form-container .form-wrapper{padding:0 10px}.pb-site-subscription.side-rail .secondary-description{font-size:12px;padding-bottom:0} .pb-site-not-found{padding:20px 100px;margin:32px auto;text-align:center;position:relative}.pb-site-not-found>*{position:relative;z-index:1}.pb-site-not-found::before,.pb-site-not-found::after{position:absolute;width:calc(100% - 6px);height:100%;top:0;left:0;content:'';border:solid 1px #202d37;background-color:#fff}.pb-site-not-found::before{-webkit-transform:translate(6px, 6px);transform:translate(6px, 6px)}.pb-site-not-found img{position:absolute;top:-23px;left:50%;width:46px;height:46px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pb-site-not-found h1{font-family:'pbSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:40px;color:#a036f7;font-weight:bold;margin:12px 0 5px}.pb-site-not-found p{font-size:16px;font-family:'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:1.5;margin:0} .pb-site-not-found.mobile{padding-left:10px;padding-right:10px;margin-left:12px;margin-right:12px;margin-bottom:12px}.pb-site-not-found.mobile p{font-size:13px} .pb-site-sticky-element{position:-webkit-sticky;position:sticky;-ms-flex-item-align:start;align-self:flex-start} .pb-site-section-title{position:relative;height:53px;margin-bottom:30px}.pb-site-section-title .line{background:#202d37;height:1px;position:absolute;width:100%;top:50%}.pb-site-section-title .heading{border:solid 1px #202d37;height:47px;line-height:47px;min-width:138px;position:absolute;text-align:center;display:inline-block;left:0;top:0;margin:0;background:#fff;color:#202d37;font-family:'pbMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;text-transform:uppercase}.pb-site-section-title .heading.left{left:0;top:0}.pb-site-section-title .heading.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pb-site-section-title .back{border:solid 1px #202d37;position:absolute;height:47px;min-width:138px;background:#fff;top:6px}.pb-site-section-title .back.left{left:6px}.pb-site-section-title .back.center{left:calc(50% + 6px);-webkit-transform:translateX(-50%);transform:translateX(-50%)} .pb-site-section-title--mobile{margin-top:50px;font-size:16px} .pb-share-button{border-radius:50%;position:relative;display:inline-block;text-align:center;text-decoration:none;cursor:pointer;width:36px;height:36px;background:#fff;border:1px solid #dbdbdb}.rtl-root-element.RTL .pb-share-button{margin-left:6px}.rtl-root-element:not(.RTL) .pb-share-button{margin-right:6px}.pb-share-button:hover:not(.disabled){border-color:#aaa}.pb-share-button.disabled{opacity:.3;cursor:default}.rtl-root-element.RTL .pb-share-button:nth-last-child(1){margin-left:0}.rtl-root-element:not(.RTL) .pb-share-button:nth-last-child(1){margin-right:0}.pb-share-button svg{width:70%;height:100%;fill:#555}.pb-share-button.facebook:not(.disabled):not(.mobile):hover svg{fill:#1c7cf0}.pb-share-button.messenger:not(.disabled):not(.mobile):hover svg{fill:#1c7cf0}.pb-share-button.twitter:not(.disabled):not(.mobile):hover svg{fill:#55acee}.pb-share-button.tumblr:not(.disabled):not(.mobile):hover svg{fill:#35465d}.pb-share-button.pinterest:not(.disabled):not(.mobile):hover svg{fill:#bd081c}.pb-share-button.vk:not(.disabled):not(.mobile):hover svg{fill:#4d75a3}.pb-share-button.whatsapp:not(.disabled):not(.mobile):hover svg{fill:#25d366}.pb-share-button.reddit:not(.disabled):not(.mobile):hover svg{fill:#f83d17}.pb-share-button.sms:not(.disabled):not(.mobile):hover svg{fill:#34cb4d}.pb-share-button.copy:not(.disabled):not(.mobile):hover svg{fill:#28a0f9}.pb-share-button.mobile{border:0}.pb-share-button.mobile svg{fill:#fff}.pb-share-button.mobile.facebook{background:#1c7cf0}.pb-share-button.mobile.messenger{background:#1c7cf0}.pb-share-button.mobile.twitter{background:#55acee}.pb-share-button.mobile.tumblr{background:#35465d}.pb-share-button.mobile.pinterest{background:#bd081c}.pb-share-button.mobile.vk{background:#4d75a3}.pb-share-button.mobile.whatsapp{background:#25d366}.pb-share-button.mobile.reddit{background:#f83d17}.pb-share-button.mobile.sms{background:#34cb4d}.pb-share-button.mobile.copy{background:#28a0f9}.pb-site-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;padding:20px 0}.pb-site-social .social-link-facebook{background:#1c7cf0}.pb-site-social .social-link-messenger{background:#1c7cf0}.pb-site-social .social-link-twitter{background:#55acee}.pb-site-social .social-link-tumblr{background:#35465d}.pb-site-social .social-link-pinterest{background:#bd081c}.pb-site-social .social-link-vk{background:#4d75a3}.pb-site-social .social-link-whatsapp{background:#25d366}.pb-site-social .social-link-reddit{background:#f83d17}.pb-site-social .social-link-sms{background:#34cb4d}.pb-site-social .social-link-copy{background:#28a0f9} .pb-site-social-button .vendor-bubble{position:relative;border-radius:50%;padding:10px;margin:0 auto 20px;width:70px;height:70px;-webkit-box-shadow:3px 3px 2px 0 #b8b8b8;box-shadow:3px 3px 2px 0 #b8b8b8;text-align:center}.pb-site-social-button .vendor-bubble svg{height:50px;width:30px;fill:#fff}.pb-site-social-button .social-btn-wrapper{height:28px;line-height:28px} .pb-site-pinterest-follow-button{height:28px;background:#bd081c;border-radius:4px;font-size:13px;padding:0 10px}.pb-site-pinterest-follow-button:hover{background:#860110}.pb-site-pinterest-follow-button a,.pb-site-pinterest-follow-button a:hover{color:#fff;cursor:pointer;text-decoration:none}.pb-site-pinterest-follow-button svg{display:inline-block;height:18px;width:18px;fill:#fff;vertical-align:middle} .pb-site-side-rail{min-width:300px;max-width:300px}.pb-site-side-rail .privacy-policy-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#a234f7;font-family:Poppins, Serif;font-size:16px;-webkit-text-decoration-line:underline;text-decoration-line:underline}@media (max-height: 850px){.pb-site-side-rail .right-side-rail-bottom{display:none}} .pb-site-player-small{width:144px;margin:auto} .navbar-modal-wrapper { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1500; } .navbar-modal-wrapper .navbar-background-screen { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; } .navbar-modal-wrapper .navbar-modal { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .navbar-modal-wrapper .navbar-modal .modal-content { width: 590px; padding: 24px 33px; border-radius: 4px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Poppins, 'sans-serif'; } .navbar-modal-wrapper .navbar-modal .modal-content .image-container { margin: 24px auto; } .navbar-modal-wrapper .navbar-modal .modal-content.upgrade .image-container { -webkit-filter: brightness(0) saturate(100%) invert(69%) sepia(51%) saturate(955%) hue-rotate(333deg) brightness(100%) contrast(97%); filter: brightness(0) saturate(100%) invert(69%) sepia(51%) saturate(955%) hue-rotate(333deg) brightness(100%) contrast(97%); } .navbar-modal-wrapper .navbar-modal .trial-ended, .navbar-modal-wrapper .navbar-modal .two-days-left { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .navbar-modal-wrapper .navbar-modal .modal-content .image-container img { width: 120px; } .navbar-modal-wrapper .navbar-modal .modal-content .title { font-weight: bold; font-size: 20px; color: #555; } .navbar-modal-wrapper .navbar-modal .modal-content .description { margin-top: 8px; margin-bottom: 40px; font-size: 14px; line-height: 1.57; text-align: center; color: #606060; } .navbar-modal-wrapper .navbar-modal .modal-content .action-buttons [id^="navbar-link"] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .navbar-modal-wrapper .navbar-modal .modal-content .action-buttons a { display: inline-block; padding: 7px 69px 8px; border-radius: 23px; font-size: 14px; font-weight: 500; text-decoration: none; margin: 0 8px; } .navbar-modal-wrapper .navbar-modal .modal-content .action-buttons .choose { background-color: #06dcf9; color: #fff; } .navbar-modal-wrapper .navbar-modal .modal-content .action-buttons .items { background-color: #fff; color: #000; border: solid 1px #787878; } .navbar-modal-wrapper .close-button { position: absolute; top: 24px; right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; background-color: #fff; border: 0; font-size: 35px; color: #555555; cursor: pointer; padding: 0; line-height: 5px; } .navbar-modal-wrapper .close-button:hover { background-color: #dbdbdb; } .navbar-modal-wrapper .close-button:focus { outline: 0; } .navbar-user-dropdown { position: relative; } .navbar-user-dropdown button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 26px; cursor: pointer; background: none; border: none; padding: 0; } .navbar-user-dropdown button:focus { outline: none; } .navbar-user-dropdown button img { width: 26px; height: 26px; border-radius: 4px; } .navbar-user-dropdown button:after { content: ''; margin-left: 5px; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #767676; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .navbar-user-dropdown .user-dropdown-menu.close { display: none; } .navbar-user-dropdown .user-dropdown-menu.open { display: block; } .navbar-user-dropdown .user-dropdown-menu { position: absolute; top: calc(100% + 19px); right: 0; width: 210px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; font-weight: normal; background-color: #fff; } .navbar-user-dropdown .user-dropdown-menu > * { padding-left: 8px; padding-right: 8px; } .navbar-user-dropdown .user-dropdown-menu .channels-title { margin: 12px 0 8px; } .navbar-user-dropdown .user-dropdown-menu .channels-list { max-height: 200px; overflow: auto; margin-right: 2px; padding: 0; } .navbar-user-dropdown .user-dropdown-menu .channels-list .channel-wrapper a { padding: 8px; } .navbar-user-dropdown .user-dropdown-menu .channels-list .channel { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } .navbar-user-dropdown .user-dropdown-menu .channels-list .channel img { min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; border-radius: 50%; margin-right: 8px; } .navbar-user-dropdown .user-dropdown-menu .channels-list .channel span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .navbar-user-dropdown .user-dropdown-menu a { text-decoration: none; color: #555; display: block; padding-top: 9px; padding-bottom: 10px; } .navbar-user-dropdown .user-dropdown-menu [id^="navbar-link"]:hover { background-color: #f5f5f5; } .navbar-user-dropdown .user-dropdown-menu [id^="navbar-link"]:hover a { color: #555 !important; } .navbar-user-dropdown .user-dropdown-menu hr { border: 0; border-top: 1px solid #dbdbdb; margin: 0; } .navbar-user-dropdown .user-dropdown-menu .channels-list::-webkit-scrollbar { width: 4px; height: 4px; } .navbar-user-dropdown .user-dropdown-menu .channels-list::-webkit-scrollbar-thumb { border-radius: 5px; background: #dbdbdb; } .navbar-user-dropdown .user-dropdown-menu .channels-list::-webkit-scrollbar-thumb:hover { background: #E1E1E1; } .navbar-user-dropdown .user-dropdown-menu .channels-list::-webkit-scrollbar-track { border-radius: 5px; background: transparent; } .navbar-user-dropdown #user-click-outside-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; color: gray; } .navbar-videos-dropdown { position: relative; } .navbar-videos-dropdown button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 26px; cursor: pointer; background: none; border: none; padding: 0; font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit; } .navbar-videos-dropdown button:focus { outline: none; } .navbar-videos-dropdown button img { width: 26px; height: 26px; border-radius: 4px; } .navbar-videos-dropdown button:after { content: ''; margin-left: 5px; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #767676; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .navbar-videos-dropdown .videos-dropdown-menu.close { display: none; } .navbar-videos-dropdown .videos-dropdown-menu.open { display: block; } .navbar-videos-dropdown .videos-dropdown-menu { position: absolute; top: calc(100% + 19px); right: 0; width: 210px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; font-weight: normal; background-color: #fff; } .navbar-videos-dropdown .videos-dropdown-menu > * { padding-left: 8px; padding-right: 8px; } .navbar-videos-dropdown .videos-dropdown-menu a { text-decoration: none; color: #555; display: block; padding-top: 9px; padding-bottom: 10px; } .navbar-videos-dropdown .videos-dropdown-menu [id^="navbar-link"]:hover { background-color: #f5f5f5; } .navbar-videos-dropdown .videos-dropdown-menu [id^="navbar-link"]:hover a { color: #555 !important; } .navbar-videos-dropdown #videos-click-outside-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; color: gray; } #navigation-bar, .navigation-bar { height: 62px; } .navigation-bar { font-family: Poppins, 'sans-serif'; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 1000; } .navigation-bar.shadow { -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12); } .navigation-bar .left-side { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navigation-bar .left-side .navbar-logo-wrapper, .navigation-bar .left-side .navbar-logo-wrapper .navbar-logo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .navigation-bar .left-side .navbar-logo img { width: 40px; height: 40px; } .navigation-bar .right-side { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 47px; } .navigation-bar .right-side > *, .navigation-bar .left-side > * { font-size: 14px; font-weight: bold; color: #555; text-decoration: none; margin: 0 20px; } .navigation-bar a.current { line-height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .navigation-bar a.current::after { content: ''; position: absolute; height: 4px; width: 100%; bottom: -4px; left: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #555555; } .navigation-bar a:hover { color: #009cff; } .navigation-bar button:hover { color: #009cff; } .navigation-bar button:hover::after { border-top-color: #009cff; } .navigation-bar .link-btn { color: #fff; border-radius: 20px; padding: 5px 18px 6px; font-weight: 600; } .navigation-bar .link-btn > * { position: relative; } .navigation-bar .link-btn:hover { color: #fff; position: relative; overflow: hidden; } .navigation-bar .link-btn:hover:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2; } .navigation-bar .signup, .navigation-bar .create { background-color: #a036f7; width: 132px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .navigation-bar .upgrade { background-color: #06dcf9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navigation-bar .upgrade svg { width: 17px; height: 17px; margin-right: 9px; fill: white; } .navigation-bar .trial-status { color: #818181; font-weight: 500; text-decoration: underline; } [id^="navbar-link"] a { font-size: 14px; color: #555; text-decoration: none; } .navigation-bar .trial-tooltip { font-size: 14px; position: relative; display: inline-block; color: #818181; font-weight: 500; cursor: default; } .navigation-bar .trial-tooltip.trial-expiring, .navigation-bar .trial-expiring .trial-status { color: #e41020; } .trial-tooltip .trial-tooltiptext { visibility: hidden; width: 260px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 8px; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -140px; } .trial-tooltip .trial-tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .trial-tooltip:hover .trial-tooltiptext { visibility: visible; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .pb-modal { z-index: 2147483647; background-color: rgba(0, 0, 0, 0.7); position: fixed; height: 100%; width: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, Arial, 'Roboto', 'Segoe UI', sans-serif; } .pb-modal .close-button { position: absolute; top: 24px; right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; background-color: white; border: 0; } .pb-modal .close-button:hover { background-color: #dbdbdb; } .pb-modal .close-button:focus { outline: 0; } .pb-modal .close-button svg { width: 16px; height: 16px; fill: #555; } @media (max-width: 480px) { .pb-modal { display: block; height: auto; top: auto; bottom: 0; } .pb-modal .close-button { display: none; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-share-button { border-radius: 50%; position: relative; display: inline-block; text-align: center; text-decoration: none; cursor: pointer; width: 36px; height: 36px; background: white; border: 1px solid #dbdbdb; } .rtl-root-element.RTL .pb-share-button { margin-left: 6px; } .rtl-root-element:not(.RTL) .pb-share-button { margin-right: 6px; } .pb-share-button:hover:not(.disabled) { border-color: #aaa; } .pb-share-button.disabled { opacity: .3; cursor: default; } .rtl-root-element.RTL .pb-share-button:nth-last-child(1) { margin-left: 0; } .rtl-root-element:not(.RTL) .pb-share-button:nth-last-child(1) { margin-right: 0; } .pb-share-button svg { width: 70%; height: 100%; fill: #555; } .pb-share-button.facebook:not(.disabled):not(.mobile):hover svg { fill: #1c7cf0; } .pb-share-button.messenger:not(.disabled):not(.mobile):hover svg { fill: #1c7cf0; } .pb-share-button.twitter:not(.disabled):not(.mobile):hover svg { fill: #55acee; } .pb-share-button.tumblr:not(.disabled):not(.mobile):hover svg { fill: #35465d; } .pb-share-button.pinterest:not(.disabled):not(.mobile):hover svg { fill: #bd081c; } .pb-share-button.vk:not(.disabled):not(.mobile):hover svg { fill: #4d75a3; } .pb-share-button.whatsapp:not(.disabled):not(.mobile):hover svg { fill: #25d366; } .pb-share-button.reddit:not(.disabled):not(.mobile):hover svg { fill: #f83d17; } .pb-share-button.sms:not(.disabled):not(.mobile):hover svg { fill: #34cb4d; } .pb-share-button.copy:not(.disabled):not(.mobile):hover svg { fill: #28a0f9; } .pb-share-button.mobile { border: 0; } .pb-share-button.mobile svg { fill: white; } .pb-share-button.mobile.facebook { background: #1c7cf0; } .pb-share-button.mobile.messenger { background: #1c7cf0; } .pb-share-button.mobile.twitter { background: #55acee; } .pb-share-button.mobile.tumblr { background: #35465d; } .pb-share-button.mobile.pinterest { background: #bd081c; } .pb-share-button.mobile.vk { background: #4d75a3; } .pb-share-button.mobile.whatsapp { background: #25d366; } .pb-share-button.mobile.reddit { background: #f83d17; } .pb-share-button.mobile.sms { background: #34cb4d; } .pb-share-button.mobile.copy { background: #28a0f9; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .image-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .image-share.opened .share-buttons-container { display: block; } .rtl-root-element.RTL .image-share.opened .share-buttons-container { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .rtl-root-element:not(.RTL) .image-share.opened .share-buttons-container { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .image-share.opened .opener { opacity: 1; } .image-share.opened .opener svg { fill: #555; -webkit-transform: scale(0.5); transform: scale(0.5); } .image-share .opener { border-radius: 50%; text-align: center; text-decoration: none; width: 30px; height: 30px; background-color: white; opacity: .6; display: none; border: 0; outline: none; padding: 0; } .rtl-root-element.RTL .image-share .opener { margin-right: 9px; } .rtl-root-element:not(.RTL) .image-share .opener { margin-left: 9px; } .image-share .opener svg { width: 70%; height: 100%; fill: black; } .image-share .pb-share-button { border: 0; } @media screen and (max-width: 480px) { .image-share .opener { display: block; } .image-share .share-buttons-container { display: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .rtl-root-element.RTL .image-share .share-buttons-container { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); } .rtl-root-element:not(.RTL) .image-share .share-buttons-container { -webkit-transform: translate(10px, 0); transform: translate(10px, 0); } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .text-viewer-component { text-align: left; font-size: 17px; font-family: inherit; color: black; line-height: 1.5; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; } .rtl-root-element.RTL .text-viewer-component { text-align: right; } .rtl-root-element.RTL .text-viewer-component { direction: rtl; } .text-viewer-component p { margin: 0; } .text-viewer-component a { color: #0685e3; } .text-viewer-component .ql-background-yellow { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #fffa82)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #fffa82 50%); -webkit-transition: background-position 3s linear; transition: background-position 3s linear; text-decoration: none; background-size: 200% auto; background-color: transparent !important; } .rtl-root-element.RTL .text-viewer-component .ql-background-yellow { background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #fffa82)); background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, #fffa82 50%); } .rtl-root-element.RTL .text-viewer-component .ql-background-yellow { background-position: -100% 0; } .rtl-root-element:not(.RTL) .text-viewer-component .ql-background-yellow { background-position: 0% 0; } .text-viewer-component img { height: 20px; } .text-viewer-component ol, .text-viewer-component ul { margin: 0; } .rtl-root-element.RTL .text-viewer-component ol, .rtl-root-element.RTL .text-viewer-component ul { padding-left: 0; } .rtl-root-element:not(.RTL) .text-viewer-component ol, .rtl-root-element:not(.RTL) .text-viewer-component ul { padding-right: 0; } .rtl-root-element.RTL .text-viewer-component ol, .rtl-root-element.RTL .text-viewer-component ul { padding-right: 1.5em; } .rtl-root-element:not(.RTL) .text-viewer-component ol, .rtl-root-element:not(.RTL) .text-viewer-component ul { padding-left: 1.5em; } .text-viewer-component ol li, .text-viewer-component ul li { list-style-type: none; counter-increment: list-num; } .rtl-root-element.RTL .text-viewer-component ol li, .rtl-root-element.RTL .text-viewer-component ul li { padding-left: 0; } .rtl-root-element:not(.RTL) .text-viewer-component ol li, .rtl-root-element:not(.RTL) .text-viewer-component ul li { padding-right: 0; } .rtl-root-element.RTL .text-viewer-component ol li, .rtl-root-element.RTL .text-viewer-component ul li { padding-right: 1.5em; } .rtl-root-element:not(.RTL) .text-viewer-component ol li, .rtl-root-element:not(.RTL) .text-viewer-component ul li { padding-left: 1.5em; } .text-viewer-component li::before { text-align: right; display: inline-block; white-space: nowrap; width: 1.2em; } .rtl-root-element.RTL .text-viewer-component li::before { margin-left: 0.3em; } .rtl-root-element:not(.RTL) .text-viewer-component li::before { margin-right: 0.3em; } .rtl-root-element.RTL .text-viewer-component li::before { margin-right: -1.5em; } .rtl-root-element:not(.RTL) .text-viewer-component li::before { margin-left: -1.5em; } .rtl-root-element.RTL .text-viewer-component li::before { text-align: left; } .text-viewer-component ul > li::before { content: '\2022'; } .text-viewer-component ol > li::before { content: counter(list-num, decimal) ". "; } .text-viewer-component .ql-size-huge { float: left; display: block; font-size: 47px; margin: 5px 5px 0 0; line-height: 41.5px; text-transform: uppercase; font-weight: 700; } .rtl-root-element.RTL .text-viewer-component .ql-size-huge { float: right; display: block; font-size: 63px; margin: 5px; line-height: 41.5px; font-weight: 700; } .rtl-root-element.RTL .text-viewer-component.in-view .ql-background-yellow { background-position: -0.01% 0; } .rtl-root-element:not(.RTL) .text-viewer-component.in-view .ql-background-yellow { background-position: -99.9% 0; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .list-label-container .bullet { width: 6px; height: 18px; margin-top: 8px; } .rtl-root-element.RTL .list-label-container .bullet { margin-left: 12px; } .rtl-root-element:not(.RTL) .list-label-container .bullet { margin-right: 12px; } .rtl-root-element.RTL .list-label-container .rank, .rtl-root-element.RTL .list-label-container .number { margin-left: 12px; } .rtl-root-element:not(.RTL) .list-label-container .rank, .rtl-root-element:not(.RTL) .list-label-container .number { margin-right: 12px; } .list-label-container .rank span, .list-label-container .number span { font-size: 45px; font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue', Helvetica, Arial Narrow, Arial, RobotoCondensed-Bold, sans-serif; font-weight: 700; font-style: normal; font-stretch: condensed; line-height: 52px; letter-spacing: -3px; } .rtl-root-element.RTL .list-label-container .rank span, .rtl-root-element.RTL .list-label-container .number span { margin-right: 3px; } @media screen and (max-width: 480px) { .list-label-container .bullet { margin-top: 3px; } .list-label-container .rank span, .list-label-container .number span { font-size: 39px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .rank-button.in-view:not(.voted-to-other) .ranked:not(.voted) .ranked-caret { -webkit-animation: jump ease 2s 2; animation: jump ease 2s 2; } .rank-button.voted-to-other .ranked { opacity: .5; cursor: default; } .rank-button:hover:not(.voted-to-other) .ranked:not(.voted) { -webkit-animation: bounce-hover .4s normal; animation: bounce-hover .4s normal; } .rank-button:hover:not(.voted-to-other) .ranked:not(.voted) .ranked-caret { -webkit-transform: translateY(3px) scale(1.5); transform: translateY(3px) scale(1.5); } .rank-button:hover:not(.voted-to-other) .ranked:not(.voted) .number { -webkit-transform: translateY(7px); transform: translateY(7px); } .rank-button:hover:not(.voted-to-other) .ranked:not(.voted) .vote { -webkit-transform: translateY(5px); transform: translateY(5px); } .rank-button:hover:not(.voted-to-other) .ranked:not(.voted) .votes { opacity: 0; } .rank-button .ranked { -webkit-transform-origin: right; transform-origin: right; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; width: 54px; height: 52px; background-color: white; display: inline-block; border-radius: 4px; border: solid 1px #dbdbdb; text-align: center; cursor: pointer; position: relative; overflow: hidden; } .rtl-root-element.RTL .rank-button .ranked { -webkit-transform-origin: left; transform-origin: left; } .rtl-root-element.RTL .rank-button .ranked { margin-right: 6px; } .rtl-root-element:not(.RTL) .rank-button .ranked { margin-left: 6px; } .rank-button .ranked .number, .rank-button .ranked .vote { font-size: 15px; font-weight: bold; line-height: 1; color: #555; } .rank-button .ranked .vote { position: absolute; width: 100%; top: 22px; } .rank-button .ranked .number-container { position: absolute; width: 100%; top: 19px; } .rank-button .ranked .votes { font-size: 10px; font-weight: normal; color: #aaa; } .rank-button .ranked .loader { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; } .rank-button .ranked .ranked-caret { position: absolute; top: 10px; left: 20px; width: 12px; height: 7px; } .rank-button .ranked.has-votes .ranked-caret { top: 7px; } .rank-button .ranked.long-text .vote, .rank-button .ranked.long-text .votes { display: none; } .rank-button .ranked.long-text .ranked-caret { top: 17px; left: 16px; width: 20px; height: 15px; } .rank-button .ranked.long-text .number, .rank-button .ranked.long-text:not(.voted):hover .number { -webkit-transform: translateY(9px); transform: translateY(9px); } .rank-button .ranked.long-text:hover:not(.voted) .ranked-caret { -webkit-transform: none; transform: none; } .rank-button .ranked.long-text.voted .ranked-caret, .rank-button .ranked.long-text.has-votes .ranked-caret, .rank-button .ranked.long-text.has-votes:hover .ranked-caret { top: 8px; } .rank-button .ranked.click { -webkit-animation: bounce-click .7s normal; animation: bounce-click .7s normal; } .rank-button .ranked.voted { cursor: default; } .rank-button .ranked.voted .loader { height: 100%; } .rank-button .ranked .loader { -webkit-transition: height .5s ease-out; transition: height .5s ease-out; } .rank-button .ranked .number-container, .rank-button .ranked .number, .rank-button .ranked .vote, .rank-button .ranked .votes, .rank-button .ranked .ranked-caret { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .rank-button .ranked .ranked-container { position: absolute; top: 0; width: 100%; height: 100%; } .rtl-root-element.RTL .rank-button .ranked .ranked-container { right: 0; } .rtl-root-element:not(.RTL) .rank-button .ranked .ranked-container { left: 0; } .rank-button .ranked .ranked-container.mobile-with-down-vote { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .rtl-root-element.RTL .rank-button .ranked .ranked-container.mobile-with-down-vote { direction: rtl; } .rank-button .ranked .ranked-container.mobile-with-down-vote .ranked-caret { position: static; left: auto; top: auto; } .rtl-root-element.RTL .rank-button .ranked .ranked-container.mobile-with-down-vote .ranked-caret { margin-left: 5px; } .rtl-root-element:not(.RTL) .rank-button .ranked .ranked-container.mobile-with-down-vote .ranked-caret { margin-right: 5px; } .rank-button .ranked .ranked-container.mobile-with-down-vote .number-container { position: static; left: auto; top: auto; width: auto; } .rank-button .ranked .ranked-container.mobile-with-down-vote .vote { position: static; left: auto; top: auto; width: auto; } .rank-button .ranked .vote.ng-leave { opacity: 1; } .rank-button .ranked .vote.ng-leave.ng-leave-active { opacity: 0; } .rank-button .ranked .number-container.ng-enter { opacity: 0; } .rank-button .ranked .number-container.ng-enter-active { opacity: 1; } @media screen and (max-width: 480px) { .rank-button .numbered { width: 44px; height: 44px; } .rank-button .bulleted { margin-top: 3px; } } @-webkit-keyframes jump { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 60% { -webkit-transform: translateY(-1px); transform: translateY(-1px); } } @keyframes jump { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 60% { -webkit-transform: translateY(-1px); transform: translateY(-1px); } } @-webkit-keyframes bounce-hover { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(0.9); transform: scale(0.9); } 70% { -webkit-transform: scale(1.05); transform: scale(1.05); } } @keyframes bounce-hover { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(0.9); transform: scale(0.9); } 70% { -webkit-transform: scale(1.05); transform: scale(1.05); } } @-webkit-keyframes bounce-click { 25%, 37% { -webkit-transform: scale(0.85); transform: scale(0.85); } 50%, 58% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.85); transform: scale(0.85); } 95% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce-click { 25%, 37% { -webkit-transform: scale(0.85); transform: scale(0.85); } 50%, 58% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.85); transform: scale(0.85); } 95% { -webkit-transform: scale(1); transform: scale(1); } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .vote-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: baseline; align-self: baseline; -ms-flex-negative: 0; flex-shrink: 0; } .vote-container.with-down-vote { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; } .vote-container.with-down-vote .rank-button { -ms-flex-preferred-size: 49%; flex-basis: 49%; } .vote-container.with-down-vote .rank-button .ranked { width: 100%; height: 34px; margin: 0; } .vote-container.with-down-vote .rank-button .ranked:hover:not(.voted) .ranked-caret { -webkit-transform: none; transform: none; } .vote-container.with-down-vote .rank-button .ranked:hover:not(.voted) .vote { -webkit-transform: none; transform: none; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 12px; position: relative; font-weight: bold; } .rtl-root-element.RTL .section-title { direction: rtl; } .section-title .text-viewer-component { font-size: 24px; font-weight: bold; line-height: 1.25; -ms-flex-item-align: center; align-self: center; } .section-title.text-empty:not(.contains-list) { padding: 0; } .section-title.text-empty .line-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .section-title .line-container { width: 100%; min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-item-align: center; align-self: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-title .line-container.with-down-vote { display: block; } .section-title .line-container .viewport-monitor { width: 100%; min-width: 0; } @media screen and (max-width: 480px) { .section-title { padding-bottom: 8px; } .section-title .text-viewer-component { font-size: 18px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .call-to-action-section { text-align: center; } .rtl-root-element.RTL .call-to-action-section { direction: rtl; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ @media screen and (min-width: 480px) { a.call-to-action-button:hover .hover-screener { display: block; } } a.call-to-action-button { font-weight: 600; position: relative; overflow: hidden; text-decoration: none; white-space: normal; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } a.call-to-action-button:focus { outline: none; -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3); } a.call-to-action-button .hover-screener { background: rgba(0, 0, 0, 0.1); display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } a.call-to-action-button.anim_pulse { -webkit-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite; } a.call-to-action-button.anim_floating { -webkit-animation: floating 1s infinite; animation: floating 1s infinite; } a.call-to-action-button svg { width: 23px; height: 18px; fill: white; top: 2px; margin-right: 7px; position: relative; } a.call-to-action-button.smaller-font { font-size: 16px; } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8%); transform: translateY(8%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes floating { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8%); transform: translateY(8%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: .7; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: .7; } } @keyframes pulse { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: .7; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: .7; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-image-viewer-animated { width: 100%; height: 0; background-color: white; } .pb-image-viewer-animated video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-image-viewer-credits { padding: 0 4px 1px; cursor: default; font-weight: 200; background-color: rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 0.75); text-overflow: ellipsis; overflow: hidden; font-size: 11px; position: absolute; } .pb-image-viewer-credits.bottom-left { text-align: left; position: absolute; bottom: 0; } .rtl-root-element.RTL .pb-image-viewer-credits.bottom-left { text-align: right; } .rtl-root-element.RTL .pb-image-viewer-credits.bottom-left { right: 0; } .rtl-root-element:not(.RTL) .pb-image-viewer-credits.bottom-left { left: 0; } .pb-image-viewer-credits.top-right { text-align: right; position: absolute; top: 0; } .rtl-root-element.RTL .pb-image-viewer-credits.top-right { text-align: left; } .rtl-root-element.RTL .pb-image-viewer-credits.top-right { left: 0; } .rtl-root-element:not(.RTL) .pb-image-viewer-credits.top-right { right: 0; } .pb-image-viewer-credits.bottom-right { text-align: right; position: absolute; bottom: 0; } .rtl-root-element.RTL .pb-image-viewer-credits.bottom-right { text-align: left; } .rtl-root-element.RTL .pb-image-viewer-credits.bottom-right { left: 0; } .rtl-root-element:not(.RTL) .pb-image-viewer-credits.bottom-right { right: 0; } .pb-image-viewer-credits.top-left { text-align: left; position: absolute; top: 0; } .rtl-root-element.RTL .pb-image-viewer-credits.top-left { text-align: right; } .rtl-root-element.RTL .pb-image-viewer-credits.top-left { right: 0; } .rtl-root-element:not(.RTL) .pb-image-viewer-credits.top-left { left: 0; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .blur-overlay { position: absolute; top: 0; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; /* IE10+ CSS styles */ } .rtl-root-element.RTL .blur-overlay { right: 0; } .rtl-root-element:not(.RTL) .blur-overlay { left: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blur-overlay { background-image: url("//res-format-countdown.playbuzz.com/images/blurlayer.jpg"); } } .blur-overlay .svg-holder { background: none; outline: none; border: 0; z-index: 200; cursor: pointer; text-align: center; } .blur-overlay .svg-holder svg { width: 22%; height: 92px; fill: rgba(0, 0, 0, 0.15); } @media screen and (max-width: 480px) { .blur-overlay .svg-holder svg { height: 70px; } } .blur-overlay:hover .svg-holder svg { fill: rgba(0, 0, 0, 0.4); } .gif-overlay { position: absolute; top: 0; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); font-size: 14px; color: white; } .rtl-root-element.RTL .gif-overlay { right: 0; } .rtl-root-element:not(.RTL) .gif-overlay { left: 0; } .gif-overlay .gif-overlay-btn { position: relative; overflow: hidden; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; width: 65px; height: 65px; } .gif-overlay .gif-overlay-btn .svg-holder { padding-top: 2px; background: none; outline: none; border: 0; z-index: 200; cursor: pointer; text-align: center; } .gif-overlay .gif-overlay-btn .svg-holder svg { width: 60px; height: 60px; fill: white; } .pb-image-viewer { text-align: left; position: relative; padding: 0; overflow: hidden; border: 0; outline: none; } .rtl-root-element.RTL .pb-image-viewer { text-align: right; } .pb-image-viewer.background-image { background-size: cover; background-position: center center; } .pb-image-viewer.cover-image { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pb-image-viewer.cover-image .viewport-monitor { height: 100%; width: 100%; } .pb-image-viewer.cover-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .pb-image-viewer.cover-image video { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; min-height: 100%; min-width: 100%; height: auto; width: auto; } .pb-image-viewer.blur { cursor: pointer; } .pb-image-viewer.blur img, .pb-image-viewer.blur video { -webkit-filter: blur(0); filter: blur(0); -webkit-transition: -webkit-filter .3s linear; transition: -webkit-filter .3s linear; transition: filter .3s linear; transition: filter .3s linear, -webkit-filter .3s linear; } .pb-image-viewer.blur.show-overlay img, .pb-image-viewer.blur.show-overlay video { -webkit-filter: blur(10px); filter: blur(10px); } .pb-image-viewer.zoom.in-view img, .pb-image-viewer.zoom.in-view video { -webkit-animation: breathing 30s ease-in-out 2s infinite alternate; animation: breathing 30s ease-in-out 2s infinite alternate; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pb-image-viewer .img-responsive.full-width { width: 100%; } @-webkit-keyframes breathing { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes breathing { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.3); transform: scale(1.3); } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-participant { position: relative; z-index: 100; width: 54px; height: 54px; border-radius: 50%; margin-top: 13px; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; } .pb-participant.no-image { border: 1px solid rgba(0, 0, 0, 0.2); } .pb-participant .initials { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; color: #555; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-spinner-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pb-spinner-container .spinner { -webkit-animation: loader-rotate 1s infinite linear; animation: loader-rotate 1s infinite linear; width: 90px; height: 90px; border: 2px solid #efefef; border-top: 3px solid #28a0f9; border-radius: 50%; } @-webkit-keyframes loader-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-oembed-viewer { position: relative; text-align: center; } .pb-oembed-viewer .fb-post > span { max-width: 100%; } .pb-oembed-viewer .fb-post iframe { border: 0; display: block; margin: 0 auto; max-width: 100%; } .pb-oembed-viewer .hidden { display: block !important; position: absolute !important; visibility: hidden !important; } .pb-oembed-viewer .loader { position: relative; width: 100%; height: 300px; } .pb-oembed-viewer .oembed-error .message { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 22px; color: #aaa; width: 100%; cursor: default; } .pb-oembed-viewer .twitter-tweet { margin: 0 !important; display: inline-block !important; max-width: 100%; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .brightcove-player { position: relative; /* video js add parent div element that wrap the video tag and copy all its attributes */ /* This behavior duplicates the video inline style what make iy look wired on the play side */ } .brightcove-player video { padding-bottom: 0 !important; background-color: black; } .brightcove-player div.video-js { width: 100%; height: 0; background-color: white; } .brightcove-player .player-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .brightcove-player .vjs-audio-button { display: none !important; } .brightcove-player .vjs-volume-menu-button.vjs-menu-button.vjs-menu-button-inline.vjs-control.vjs-button { display: block !important; } .brightcove-player.hide-progressbar .vjs-progress-holder, .brightcove-player.hide-progressbar .vjs-live-display { display: none !important; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .media-container { line-height: normal; } .media-container .video-credits { text-align: left; color: #aaa; font-size: 11px; margin-top: 4px; } .rtl-root-element.RTL .media-container .video-credits { text-align: right; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-bubble { margin: 0 10px 30px; } .pb-bubble .participant-name { font-size: 12px; color: #767676; height: 17px; } .pb-bubble.right .participant-name { text-align: right; } .pb-bubble .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; width: 1px; overflow: hidden; position: absolute; word-wrap: normal; } .pb-bubble .bubble-wrapper { position: relative; } .pb-bubble .bubble-wrapper::before { content: ''; position: absolute; top: 0; width: 30px; height: 20px; } .left .pb-bubble .bubble-wrapper::before { left: -10px; } .right .pb-bubble .bubble-wrapper::before { right: -10px; } .pb-bubble .bubble-wrapper::after { content: ''; position: absolute; top: -1px; width: 20px; height: 25px; background-color: white; } .left .pb-bubble .bubble-wrapper::after { left: -20px; border-top-right-radius: 15px; } .right .pb-bubble .bubble-wrapper::after { right: -20px; border-top-left-radius: 15px; } .pb-bubble .bubble-wrapper .bubble { position: relative; z-index: 100; background-color: #efefef; border: 3px solid #efefef; border-radius: 22px; overflow: hidden; min-height: 44px; min-width: 50px; max-width: 345px; } .left .pb-bubble .bubble-wrapper .bubble { border-top-left-radius: 0; } .right .pb-bubble .bubble-wrapper .bubble { border-top-right-radius: 0; } .pb-bubble .bubble-wrapper .bubble .media-wrapper { width: 345px; } .rtl-root-element.RTL .pb-bubble .bubble-wrapper .bubble .media-wrapper.no-text .pb-image-viewer-credits { padding-right: 15px; } .rtl-root-element:not(.RTL) .pb-bubble .bubble-wrapper .bubble .media-wrapper.no-text .pb-image-viewer-credits { padding-left: 15px; } .pb-bubble .bubble-wrapper .bubble .text-wrapper { margin: 8px 20px 10px; } .pb-bubble .bubble-wrapper .bubble .text-wrapper .text-viewer-component { font-size: 15px; line-height: 20px; color: inherit; } .pb-bubble .bubble-wrapper .bubble .text-wrapper .text-viewer-component a { color: inherit; text-decoration: underline; } .pb-bubble .bubble-wrapper .bubble .text-wrapper .text-viewer-component a:hover { opacity: .7; } .pb-bubble .bubble-wrapper .bubble .participant-credits { font-size: 10px; opacity: .6; margin: 5px 20px; } .pb-bubble.color.participant-0 .bubble, .pb-bubble.color.participant-0 .bubble-wrapper::before, .pb-bubble.color.participant-10 .bubble, .pb-bubble.color.participant-10 .bubble-wrapper::before { background-color: #dde8ef; border-color: #dde8ef; color: #000; } .pb-bubble.color.participant-1 .bubble, .pb-bubble.color.participant-1 .bubble-wrapper::before, .pb-bubble.color.participant-11 .bubble, .pb-bubble.color.participant-11 .bubble-wrapper::before { background-color: #007aff; border-color: #007aff; color: #fff; } .pb-bubble.color.participant-2 .bubble, .pb-bubble.color.participant-2 .bubble-wrapper::before, .pb-bubble.color.participant-12 .bubble, .pb-bubble.color.participant-12 .bubble-wrapper::before { background-color: #02c8e5; border-color: #02c8e5; color: #fff; } .pb-bubble.color.participant-3 .bubble, .pb-bubble.color.participant-3 .bubble-wrapper::before, .pb-bubble.color.participant-13 .bubble, .pb-bubble.color.participant-13 .bubble-wrapper::before { background-color: #6a4c93; border-color: #6a4c93; color: #fff; } .pb-bubble.color.participant-4 .bubble, .pb-bubble.color.participant-4 .bubble-wrapper::before, .pb-bubble.color.participant-14 .bubble, .pb-bubble.color.participant-14 .bubble-wrapper::before { background-color: #ffca3a; border-color: #ffca3a; color: #000; } .pb-bubble.color.participant-5 .bubble, .pb-bubble.color.participant-5 .bubble-wrapper::before, .pb-bubble.color.participant-15 .bubble, .pb-bubble.color.participant-15 .bubble-wrapper::before { background-color: #ff595e; border-color: #ff595e; color: #fff; } .pb-bubble.color.participant-6 .bubble, .pb-bubble.color.participant-6 .bubble-wrapper::before, .pb-bubble.color.participant-16 .bubble, .pb-bubble.color.participant-16 .bubble-wrapper::before { background-color: #7ecdca; border-color: #7ecdca; color: #000; } .pb-bubble.color.participant-7 .bubble, .pb-bubble.color.participant-7 .bubble-wrapper::before, .pb-bubble.color.participant-17 .bubble, .pb-bubble.color.participant-17 .bubble-wrapper::before { background-color: #4fb86b; border-color: #4fb86b; color: #fff; } .pb-bubble.color.participant-8 .bubble, .pb-bubble.color.participant-8 .bubble-wrapper::before, .pb-bubble.color.participant-18 .bubble, .pb-bubble.color.participant-18 .bubble-wrapper::before { background-color: #2f52e0; border-color: #2f52e0; color: #fff; } .pb-bubble.color.participant-9 .bubble, .pb-bubble.color.participant-9 .bubble-wrapper::before, .pb-bubble.color.participant-19 .bubble, .pb-bubble.color.participant-19 .bubble-wrapper::before { background-color: #ff438f; border-color: #ff438f; color: #fff; } .pb-bubble.grey .bubble, .pb-bubble.grey .bubble-wrapper::before { background-color: #e8e8e8; border-color: #e8e8e8; color: black; } @media screen and (max-width: 480px) { .pb-bubble .bubble-wrapper .bubble { max-width: 233px; } .pb-bubble .bubble-wrapper .bubble .media-wrapper { width: 233px; } } .pb-convo-row .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform-origin: left top; transform-origin: left top; } .pb-convo-row.right .flex-container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-transform-origin: right top; transform-origin: right top; } .pb-convo-row.firefox { -webkit-transition: none; transition: none; } .in-view .pb-convo-row:not(:first-child) { opacity: 0.2; -webkit-transform: scale(0.95); transform: scale(0.95); } .pb-convo-row.in-view:not(:first-child) { -webkit-animation: convo-cascade 0.3s ease-in-out; animation: convo-cascade 0.3s ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: .2s; animation-delay: .2s; } @-webkit-keyframes convo-cascade { from { opacity: 0.2; -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes convo-cascade { from { opacity: 0.2; -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-convo-viewer { direction: ltr; } .click-to-flip-button { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 15%; padding: 0; margin: 0; outline: none; border: 0; font-size: 24px; opacity: .9; display: -webkit-box; display: -ms-flexbox; display: flex; } .click-to-flip-button .ctf-button-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; opacity: 1; cursor: pointer; } .is-rtl .click-to-flip-button .ctf-button-content { direction: rtl; } .click-to-flip-button .ctf-button-content svg { height: 30px; width: 30px; margin: auto 6px; } .rtl-root-element.RTL .ctf-button-content { direction: rtl; } @media only screen and (max-width: 480px) { .click-to-flip-button { font-size: 16px; } .click-to-flip-button .ctf-button-content svg { height: 27px; width: 27px; } } @media only screen and (max-width: 300px) { .click-to-flip-button { font-size: 15px; } .click-to-flip-button .ctf-button-content svg { height: 20px; width: 20px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-flip-text-card { position: relative; width: 100%; height: 100%; } .pb-flip-text-card .pb-image-viewer { position: relative; } .pb-flip-text-card .overlay { width: 100%; height: 100%; position: absolute; opacity: .7; top: 0; left: 0; } .pb-flip-text-card .overlay.opaque { opacity: 1; } .pb-flip-text-card .embed-responsive-item { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; margin: 0; -webkit-transform-origin: left; transform-origin: left; } .rtl-root-element.RTL .pb-flip-text-card .embed-responsive-item { direction: rtl; } .pb-flip-text-card .embed-responsive-item.text-container { width: 640px; } .pb-flip-text-card .embed-responsive-item p { padding: 30px; font-size: 4vw; white-space: pre-line; } .pb-flip-text-card .embed-responsive-item p.old-browser { position: relative; } .pb-flip-text-card .embed-responsive-item p.font-face-regular { line-height: 1.3; font-weight: 700; } .pb-flip-text-card .embed-responsive-item p.font-face-wide { font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial Narrow, Arial, RobotoCondensed-Bold, sans-serif; font-weight: 700; line-height: 1.2; font-stretch: condensed; } .pb-flip-text-card .embed-responsive-item p.font-face-serif { font-family: Georgia, serif; font-weight: 700; font-style: italic; line-height: 1.4; } .pb-flip-text-card .embed-responsive-item p.font-size-small { font-size: 26px; } .pb-flip-text-card .embed-responsive-item p.font-size-medium { font-size: 35px; } .pb-flip-text-card .embed-responsive-item p.font-size-large { font-size: 35px; } .pb-flip-text-card .embed-responsive-item p.font-size-huge { font-size: 35px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-flip-card-content.front, .pb-flip-card-content.back { position: relative; border: 0 solid transparent; display: block; width: 100%; padding: 0; margin: 0; } .pb-flip-card-content.front:focus, .pb-flip-card-content.back:focus { outline: none; } .pb-flip-card-content.front:focus .flip-action, .pb-flip-card-content.back:focus .flip-action { background-color: rgba(255, 255, 255, 0.5); color: black; } .pb-flip-card-content.front:focus .flip-icon-container, .pb-flip-card-content.back:focus .flip-icon-container { -webkit-transition: background-color .8s; transition: background-color .8s; background-color: rgba(255, 255, 255, 0.6); } .pb-flip-card-content.front:focus .flip-icon-container svg, .pb-flip-card-content.back:focus .flip-icon-container svg { -webkit-transition: fill .8s; transition: fill .8s; fill: black; } .pb-flip-card-content.front .flip-action, .pb-flip-card-content.back .flip-action { background-color: rgba(0, 0, 0, 0.55); position: absolute; bottom: 0; right: 0; left: 0; height: 46px; color: white; text-align: center; font-size: 16px; cursor: pointer; width: 100%; border: 0 none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pb-flip-card-content.front .caption-container, .pb-flip-card-content.back .caption-container { text-align: left; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 10px 20px; margin: 0; background: rgba(0, 0, 0, 0.55); color: white; font-size: 16px; pointer-events: none; } .rtl-root-element.RTL .pb-flip-card-content.front .caption-container, .rtl-root-element.RTL .pb-flip-card-content.back .caption-container { text-align: right; } .rtl-root-element.RTL .pb-flip-card-content.front .caption-container, .rtl-root-element.RTL .pb-flip-card-content.back .caption-container { direction: rtl; } .pb-flip-card-content.front .pb-image-viewer-credits, .pb-flip-card-content.back .pb-image-viewer-credits { background-color: transparent; z-index: 100; } .pb-flip-card-content .cta-action { position: absolute; text-align: center; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: 10; } .rtl-root-element.RTL .pb-flip-card-content .cta-action { direction: rtl; } .pb-flip-card-content .cta-action.position-y-middle { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pb-flip-card-content .cta-action.position-y-middle.margin-l, .pb-flip-card-content .cta-action.position-y-middle.margin-m, .pb-flip-card-content .cta-action.position-y-middle.margin-s { padding-top: 0; padding-bottom: 0; } .pb-flip-card-content .cta-action.position-y-bottom { bottom: 0; } .pb-flip-card-content .cta-action.position-y-top { top: 0; } .pb-flip-card-content .cta-action.position-x-center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pb-flip-card-content .cta-action.position-x-center.margin-l, .pb-flip-card-content .cta-action.position-x-center.margin-m, .pb-flip-card-content .cta-action.position-x-center.margin-s { padding-left: 0; padding-right: 0; } .pb-flip-card-content .cta-action.position-x-left { left: 0; } .pb-flip-card-content .cta-action.position-x-right { right: 0; } .pb-flip-card-content .cta-action.margin-l { padding: 60px; } .pb-flip-card-content .cta-action.margin-m { padding: 40px; } .pb-flip-card-content .cta-action.margin-s { padding: 20px; } @media screen and (max-width: 480px) { .pb-flip-card-content.front .caption-container, .pb-flip-card-content.back .caption-container { font-size: 14px; } .pb-flip-card-content.front .flip-action, .pb-flip-card-content.back .flip-action { height: 40px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ @-webkit-keyframes flip-hint-animation { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { -webkit-transform: rotateY(5deg); transform: rotateY(5deg); } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @keyframes flip-hint-animation { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { -webkit-transform: rotateY(5deg); transform: rotateY(5deg); } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } .pb-flip-card-viewer { position: relative; width: 100%; -webkit-perspective: 1000px; perspective: 1000px; } .pb-flip-card-viewer.flipped .flipper { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .pb-flip-card-viewer.flip .back, .pb-flip-card-viewer:not(.flipped) .front { z-index: 2; } .pb-flip-card-viewer .flipper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform .8s; transition: -webkit-transform .8s; transition: transform .8s; transition: transform .8s, -webkit-transform .8s; position: relative; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .pb-flip-card-viewer .flipper:not(.has-flipped):hover { -webkit-transform: rotateY(5deg); transform: rotateY(5deg); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .pb-flip-card-viewer .hinter { -webkit-perspective: 1000px; perspective: 1000px; } .pb-flip-card-viewer .hinter.flip-hint { -webkit-animation: 1s flip-hint-animation ease-in-out 1s 1; animation: 1s flip-hint-animation ease-in-out 1s 1; } .pb-flip-card-viewer .underlay { background-color: transparent; width: 0; } .pb-flip-card-viewer .front, .pb-flip-card-viewer .back { width: 100%; position: absolute; top: 0; left: 0; } .pb-flip-card-viewer .front.use-backface, .pb-flip-card-viewer .back.use-backface { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pb-flip-card-viewer .front { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .pb-flip-card-viewer .back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .pb-flip-card-viewer.landscape .underlay, .pb-flip-card-viewer.landscape .front, .pb-flip-card-viewer.landscape .back { height: 0; padding-bottom: 75%; } .pb-flip-card-viewer.landscape .underlay:not(.use-backface), .pb-flip-card-viewer.landscape .front:not(.use-backface), .pb-flip-card-viewer.landscape .back:not(.use-backface) { -webkit-transition: .8s; transition: .8s; } .pb-flip-card-viewer.square .underlay, .pb-flip-card-viewer.square .front, .pb-flip-card-viewer.square .back { height: 0; padding-bottom: 100%; } .pb-flip-card-viewer.square .underlay:not(.use-backface), .pb-flip-card-viewer.square .front:not(.use-backface), .pb-flip-card-viewer.square .back:not(.use-backface) { -webkit-transition: .8s; transition: .8s; } .pb-flip-card-viewer .landscape { height: 0; padding-bottom: 75%; } .pb-flip-card-viewer .landscape:not(.use-backface) { -webkit-transition: .8s; transition: .8s; } .pb-flip-card-viewer .square { height: 0; padding-bottom: 100%; } .pb-flip-card-viewer .square:not(.use-backface) { -webkit-transition: .8s; transition: .8s; } .pb-flip-card-viewer .flip-icon-container { height: 35px; width: 35px; border-radius: 50%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 12px; left: 12px; z-index: 100; text-align: center; padding: 0; border: 0 none; } .pb-flip-card-viewer .flip-icon-container:focus { -webkit-box-shadow: 0 0 1px 1px #28a0f9; box-shadow: 0 0 1px 1px #28a0f9; outline: 0 none; } .pb-flip-card-viewer .flip-icon-container svg { height: 35px; width: 23px; fill: white; } .pb-flip-card-viewer .embed-responsive-4by3 { padding-bottom: 75%; } .pb-flip-card-viewer .not-rendered { background-color: #f5f5f5; cursor: pointer; } .pb-flip-card-viewer .not-rendered .flip-action { opacity: .1; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .section-description .text-viewer-component { text-align: left; padding-top: 6px; font-size: 14px; color: #555; } .rtl-root-element.RTL .section-description .text-viewer-component { text-align: right; } .media-container-wrapper { position: relative; } .media-container-wrapper .image-share-wrapper { position: absolute; bottom: 3px; } .rtl-root-element.RTL .media-container-wrapper .image-share-wrapper { left: 5px; } .rtl-root-element:not(.RTL) .media-container-wrapper .image-share-wrapper { right: 5px; } @media screen and (min-width: 480px) { .media-container-wrapper .image-share-wrapper { position: absolute; bottom: 10px; display: none; } .rtl-root-element.RTL .media-container-wrapper .image-share-wrapper { left: 10px; } .rtl-root-element:not(.RTL) .media-container-wrapper .image-share-wrapper { right: 10px; } .media-container-wrapper:hover .image-share-wrapper { display: block; } } .poll-ad-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: rgba(255, 255, 255, 0.9); -webkit-transition: opacity 0.3s cubic-bezier(0.8, 0, 0.7, 0.19); transition: opacity 0.3s cubic-bezier(0.8, 0, 0.7, 0.19); opacity: 0; } .poll-ad-container.shown { opacity: 1; } .poll-ad-container.shown .calculating .calculating-label { -webkit-transform: translateX(0); transform: translateX(0); } .poll-ad-container.slide-out .calculating .calculating-label { -webkit-transform: translateX(200%) !important; transform: translateX(200%) !important; } .poll-ad-container.min .calculating { position: absolute; top: -1px; left: 0; right: 0; width: 100%; z-index: 1; background-color: rgba(255, 255, 255, 0.8); } .poll-ad-container.min .calculating .calculating-label { display: none; } @media (min-width: 641px) { .poll-ad-container:not(.min) .poll-ad-wrapper { position: relative; overflow: hidden; } .poll-ad-container:not(.min) .poll-ad-wrapper .playbuzz-ad-inner.video { width: 640px; } } .poll-ad-container.min .playbuzz-ad-inner.video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (max-width: 640px) { .poll-ad-container .poll-ad-wrapper { width: 100%; } .poll-ad-container .playbuzz-ad-inner.video { position: relative; width: 100%; height: 100%; } } .poll-ad-container .calculating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .poll-ad-container .calculating .calculating-label { color: #009CFF; font-weight: bold; font-size: 24px; line-height: 1; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; -webkit-transform: translateX(-200%); transform: translateX(-200%); } .poll-ad-container .calculating .calculating-strip { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; background-color: rgba(0, 156, 255, 0.3); height: 5px; width: 100%; } .poll-ad-container .calculating .calculating-strip .subline { position: absolute; background: -webkit-gradient(linear, left top, right top, from(#6ac5ff), color-stop(#EA00FF), to(#6ac5ff)); background: linear-gradient(90deg, #6ac5ff, #EA00FF, #6ac5ff); height: 5px; } .poll-ad-container .calculating .calculating-strip .inc { -webkit-animation: increase 2s infinite; animation: increase 2s infinite; } .poll-ad-container .calculating .calculating-strip .dec { -webkit-animation: decrease 2s 0.5s infinite; animation: decrease 2s 0.5s infinite; } @-webkit-keyframes increase { from { left: -5%; width: 5%; } to { left: 130%; width: 100%; } } @keyframes increase { from { left: -5%; width: 5%; } to { left: 130%; width: 100%; } } @-webkit-keyframes decrease { from { left: -80%; width: 80%; } to { left: 110%; width: 10%; } } @keyframes decrease { from { left: -80%; width: 80%; } to { left: 110%; width: 10%; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-count-to { opacity: 0; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; width: 100%; height: 100%; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; } .pb-count-to.show { opacity: 1; } @media screen and (max-width: 480px) { .pb-count-to.show .count-bar-number { opacity: 1; } } .pb-count-to .count-bar { position: absolute; visibility: hidden; width: 100%; height: 100%; background: #dbdbdb; } .rtl-root-element.RTL .pb-count-to .count-bar { right: 0; } .rtl-root-element:not(.RTL) .pb-count-to .count-bar { left: 0; } .pb-count-to .count-bar.horizontal { width: 0; height: 100%; } .pb-count-to .count-bar.vertical { width: 100%; height: 0; } .pb-count-to .count-bar.animated { -webkit-transition: width 2s ease-out, height 2s ease-out; transition: width 2s ease-out, height 2s ease-out; } @media screen and (max-width: 480px) { .pb-count-to .count-bar-number { opacity: 0; -webkit-transition: opacity 1s ease-out 2s; transition: opacity 1s ease-out 2s; font-stretch: condensed; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .poll-answer-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .poll-answer-container > .text { margin-top: 14px; font-size: 14px; text-align: center; } .poll-answer-container button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); border: 0; border-bottom: 0 solid #dbdbdb; min-height: 60px; padding: 20px; margin: 0 3% 10px; position: relative; width: 94%; outline: none; cursor: pointer; } .poll-answer-container button.poll-voted { cursor: default; } .poll-answer-container button .text { z-index: 100; font-size: 16px; font-weight: 500; } .poll-answer-container button .pb-count-to { position: absolute; top: 0; left: 0; } .poll-answer-container button .pb-count-to .count-bar { visibility: visible; } .poll-answer-container button .pb-count-to .count-bar-number { font-size: 16px; font-weight: 600; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .poll-answer-container button.classic .count-bar-number { position: absolute; text-align: right; } .rtl-root-element.RTL .poll-answer-container button.classic .count-bar-number { left: 20px; } .rtl-root-element:not(.RTL) .poll-answer-container button.classic .count-bar-number { right: 20px; } .rtl-root-element.RTL .poll-answer-container button.classic .count-bar-number { text-align: left; } .poll-answer-container button.classic svg { height: 10px; width: 16px; margin-top: 4px; } .poll-answer-container button.classic .text { text-align: left; max-width: 85%; } .rtl-root-element.RTL .poll-answer-container button.classic .text { text-align: right; } .poll-answer-container button.classic.light { color: black; background-color: rgba(255, 255, 255, 0.55); } .poll-answer-container button.classic.light svg { fill: black; } .poll-answer-container button.classic.light:not(.poll-voted):hover, .poll-answer-container button.classic.light:not(.poll-voted):focus { background-color: rgba(255, 255, 255, 0.6); } .poll-answer-container button.classic.light.hidden-results.selected { background-color: white; } .poll-answer-container button.classic.light .count-bar { background-color: rgba(255, 255, 255, 0.55); } .poll-answer-container button.classic.light.selected .count-bar { background-color: white; } .poll-answer-container button.classic.dark { color: white; background-color: rgba(0, 52, 84, 0.3); } .poll-answer-container button.classic.dark svg { fill: white; } .poll-answer-container button.classic.dark:not(.poll-voted):hover, .poll-answer-container button.classic.dark:not(.poll-voted):focus { background-color: rgba(0, 52, 84, 0.5); } .poll-answer-container button.classic.dark.hidden-results.selected { background-color: #003454; } .poll-answer-container button.classic.dark .count-bar { background-color: rgba(0, 52, 84, 0.5); } .poll-answer-container button.classic.dark.selected .count-bar { background-color: #003454; } .poll-answer-container button.classic.basic { color: black; background-color: white; } .poll-answer-container button.classic.basic svg { fill: black; } .poll-answer-container button.classic.basic:not(.poll-voted):hover, .poll-answer-container button.classic.basic:not(.poll-voted):focus { background-color: #d6edfe; } .poll-answer-container button.classic.basic.hidden-results.selected { background-color: #d6edfe; } .poll-answer-container button.classic.basic .count-bar { background-color: #d6edfe; } .poll-answer-container button.classic.basic.selected .count-bar { background-color: #41abfa; } .poll-answer-container button.grid, .poll-answer-container button.square { border: 1px solid rgba(255, 255, 255, 0.86); -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); overflow: hidden; width: 100%; margin: 0; height: 0; padding: 0 0 98.565%; } .poll-answer-container button.grid svg, .poll-answer-container button.square svg { fill: #28a0f9; width: 30%; height: 30%; } .poll-answer-container button.grid .svg-wrapper, .poll-answer-container button.square .svg-wrapper { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .poll-answer-container button.grid .border-overlay, .poll-answer-container button.square .border-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .poll-answer-container button.grid.grid .border-overlay, .poll-answer-container button.square.grid .border-overlay { border-radius: 50%; } .poll-answer-container button.grid.selected, .poll-answer-container button.square.selected { border: 0; padding-bottom: 100%; } .poll-answer-container button.grid.selected .border-overlay, .poll-answer-container button.square.selected .border-overlay { border: 3px solid #28a0f9; } .poll-answer-container button.grid .pb-count-to, .poll-answer-container button.square .pb-count-to { background: rgba(0, 0, 0, 0.7); } .poll-answer-container button.grid .pb-count-to .count-bar, .poll-answer-container button.square .pb-count-to .count-bar { background: rgba(40, 160, 249, 0.7); } .poll-answer-container button.grid .pb-count-to .count-bar-number, .poll-answer-container button.square .pb-count-to .count-bar-number { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; font-size: 34px; font-style: normal; width: 100%; font-stretch: condensed; font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue', Helvetica, Arial Narrow, Arial, RobotoCondensed-Bold, sans-serif; } .poll-answer-container button.grid .pb-image-viewer, .poll-answer-container button.square .pb-image-viewer { position: absolute; } .poll-answer-container button.grid .pb-image-viewer img, .poll-answer-container button.square .pb-image-viewer img { -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out; } .poll-answer-container button.grid { border-radius: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(white, black); } .poll-answer-container button.grid:not(.poll-voted):hover .pb-image-viewer img, .poll-answer-container button.square:not(.poll-voted):hover .pb-image-viewer img, .poll-answer-container button.grid:not(.poll-voted):focus .pb-image-viewer img, .poll-answer-container button.square:not(.poll-voted):focus .pb-image-viewer img { -webkit-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width: 480px) { .poll-answer-container button { padding: 15px; } .poll-answer-container button .text { font-size: 14px; } .poll-answer-container button .text.grid { margin-top: 12px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-poll-question { position: relative; padding: 0 12px; border: solid 1px rgba(0, 0, 0, 0.1); } .pb-poll-question .logo img { border-radius: 4px; width: 50px; height: 50px; } .pb-poll-question .question-text-wrapper { padding: 39px 50px 35px; margin: 0; } .pb-poll-question .question-text-wrapper.no-question { padding-top: 20px; padding-bottom: 20px; } .pb-poll-question .question-text-wrapper .question-text { font-size: 24px; font-style: normal; font-weight: 700; text-align: center; } .pb-poll-question .question-text-wrapper.grid, .pb-poll-question .question-text-wrapper.square { padding-bottom: 3px; } .pb-poll-question .question-text-wrapper.show-thumb { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 20px; padding-right: 20px; text-align: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pb-poll-question.classic { background-color: white; } .pb-poll-question.top-line { border-top: 3px solid #28a0f9; } .pb-poll-question .question-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; min-height: 40px; direction: ltr; } .pb-poll-question .question-footer .question-votes { font-weight: 700; margin: 0 5px; font-size: 11px; text-transform: uppercase; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .pb-poll-question .question-footer .question-votes .total-votes { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtl-root-element.RTL .pb-poll-question .question-footer .question-votes .total-votes { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .pb-poll-question .question-footer .question-votes svg { margin-right: 5px; height: 40px; vertical-align: middle; width: 20px; } .pb-poll-question .question-footer .question-credits { margin-left: auto; font-size: 10px; opacity: .5; word-wrap: break-word; vertical-align: middle; font-weight: 400; } .pb-poll-question .question-footer.basic .question-votes { color: #767676; } .pb-poll-question .question-footer.basic .question-votes svg { fill: #767676; } .pb-poll-question .not-rendered button { opacity: .3; -webkit-transition: opacity .2s; transition: opacity .2s; cursor: pointer; } .pb-poll-question div.grid, .pb-poll-question div.square { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pb-poll-question div.grid .poll-answer-container, .pb-poll-question div.square .poll-answer-container { margin: 29px; } .pb-poll-question div.grid .poll-answer-container.with-text, .pb-poll-question div.square .poll-answer-container.with-text { margin-bottom: 0; } .pb-poll-question div.grid.small .poll-answer-container, .pb-poll-question div.square.small .poll-answer-container { width: 22.014%; } .pb-poll-question div.grid.big .poll-answer-container, .pb-poll-question div.square.big .poll-answer-container { width: 32.6%; } @media screen and (max-width: 480px) { .pb-poll-question .logo img { width: 35px; height: 35px; } .pb-poll-question .question-text-wrapper { padding: 30px 36px; } .pb-poll-question .question-text-wrapper.no-question { padding-top: 20px; padding-bottom: 20px; } .pb-poll-question .question-text-wrapper .question-text { font-size: 18px; } .pb-poll-question .question-text-wrapper .question-text.show-thumb { padding-left: 15px; padding-right: 15px; } .pb-poll-question div.grid .poll-answer-container, .pb-poll-question div.square .poll-answer-container { margin: 25px 10px; } .pb-poll-question div.grid .poll-answer-container.selected, .pb-poll-question div.square .poll-answer-container.selected { margin-top: 23px; } .pb-poll-question div.grid.small .poll-answer-container, .pb-poll-question div.grid.big .poll-answer-container, .pb-poll-question div.square.small .poll-answer-container, .pb-poll-question div.square.big .poll-answer-container { width: 25%; } } .pb-poll-question .grecaptcha-badge { display: none; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .end-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: white; text-align: center; z-index: 200; border: 1px solid #dbdbdb; } .end-card .result-votes { top: 0; position: absolute; z-index: 3; } .end-card .end-card-container { max-height: 0; height: auto; overflow: hidden; -webkit-transition: max-height 1s ease-out 3s; transition: max-height 1s ease-out 3s; } .end-card .end-card-container.show { max-height: 500px; } .end-card .end-card-container .end-card-title { color: black; font-size: 26px; font-weight: bold; margin-top: 30px; margin-bottom: 5px; padding: 0 48px; } .end-card .end-card-container .end-card-description { color: #767676; font-size: 17px; margin-bottom: 10px; padding: 0 48px; } .end-card .end-card-container .end-card-link { background-color: #28a0f9; border-radius: 4px; color: white; display: inline-block; font-size: 14px; font-weight: bold; padding: 12px 17px; text-transform: uppercase; margin-bottom: 10px; } .end-card .end-card-container .end-card-link:hover { -webkit-transform: scale(1.01); transform: scale(1.01); background-color: #0688e8; } .end-card .end-card-container .end-card-back button { color: #767676; text-decoration: underline; background: transparent; border: none; padding: 0; outline: none; } .end-card .end-card-container .share-buttons { margin-top: 10px; display: inline-block; padding-bottom: 30px; } .end-card .end-card-container .share-buttons p { font-size: 12px; color: #aaa; } .end-card .end-card-container .share-buttons .pb-share-button { width: 40px; height: 40px; } @media screen and (max-width: 480px) { .end-card .end-card-container .end-card-title { font-size: 20px; margin-bottom: 5px; } .end-card .end-card-container .end-card-description { font-size: 14px; margin-bottom: 5px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-poll-cover { width: 100%; background-color: white; z-index: 0; } .pb-poll-cover .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .7; } .pb-poll-cover .overlay.opaque { opacity: 1; } .pb-poll-cover .media-container { background-color: white; } .pb-poll-cover .media-container .pb-oembed-viewer { background-color: #efefef; } .pb-poll-cover .media-container iframe { margin: 0 !important; } .pb-poll-cover.cover { position: relative; } .pb-poll-cover.cover .pb-image-viewer { height: auto; width: 100%; } .pb-poll-cover.cover .pb-image-viewer img { vertical-align: bottom; height: auto; } .pb-poll-cover.background { position: absolute; height: 100%; } .pb-poll-cover.cover::before { content: ''; position: absolute; bottom: 0; left: 0; width: calc(100% - 40px); height: 100px; margin: 0 20px; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.34); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.34); z-index: -1; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-label { font-size: 16px; color: #767676; margin-bottom: 8px; display: block; font-weight: 400; } .pb-lead-form-label.has-error { color: #e41020; margin-bottom: 8px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-title-container { width: 100%; margin-bottom: 30px; position: relative; text-align: center; min-height: 1px; } .pb-lead-form-title-container .pb-lead-form-title { background-color: white; font-size: 24px; font-weight: bold; text-align: center; display: inline-block; padding: 0 20px; position: relative; } @media screen and (max-width: 480px) { .pb-lead-form-title-container .pb-lead-form-title { font-size: 18px; } } .pb-lead-form-title-container .pb-lead-form-title-delimiter { position: absolute; top: 50%; width: 100%; height: 4px; background-color: #efefef; } .rtl-root-element.RTL .pb-lead-form-title-container .pb-lead-form-title-delimiter { right: 0; } .rtl-root-element:not(.RTL) .pb-lead-form-title-container .pb-lead-form-title-delimiter { left: 0; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .success-svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .success-svg.is-ie { /* stylelint-disable-next-line */ } .rtl-root-element.RTL .success-svg.is-ie { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .success-svg circle { stroke-dasharray: 0 251; stroke-dashoffset: 0; stroke-width: 9; fill: transparent; } .success-svg polyline { stroke-dasharray: 60; stroke-dashoffset: 60; stroke-width: 9; fill: none; } .success-svg.animate:not(.is-ie) { -webkit-animation: size .6s .6s forwards linear; animation: size .6s .6s forwards linear; } .success-svg.animate:not(.is-ie) polyline { -webkit-animation: polylineAnimate .4s forwards linear; animation: polylineAnimate .4s forwards linear; } .success-svg.animate:not(.is-ie) circle { -webkit-animation: circleAnimate 1s forwards linear; animation: circleAnimate 1s forwards linear; } .success-svg.animate.is-ie polyline { stroke-dashoffset: 0; } .success-svg.animate.is-ie circle { stroke-dashoffset: 0; stroke-dasharray: 760; } @-webkit-keyframes polylineAnimate { from { stroke-dashoffset: 60; } to { stroke-dashoffset: 0; } } @keyframes polylineAnimate { from { stroke-dashoffset: 60; } to { stroke-dashoffset: 0; } } @-webkit-keyframes circleAnimate { from { stroke-dasharray: 0 251; stroke-dashoffset: 0; } to { stroke-dashoffset: 0; stroke-dasharray: 760; } } @keyframes circleAnimate { from { stroke-dasharray: 0 251; stroke-dashoffset: 0; } to { stroke-dashoffset: 0; stroke-dasharray: 760; } } @-webkit-keyframes size { 0% { -webkit-transform: scale(1) rotate(-90deg); transform: scale(1) rotate(-90deg); } 50% { -webkit-transform: scale(1.1) rotate(-90deg); transform: scale(1.1) rotate(-90deg); } 100% { -webkit-transform: scale(1) rotate(-90deg); transform: scale(1) rotate(-90deg); } } @keyframes size { 0% { -webkit-transform: scale(1) rotate(-90deg); transform: scale(1) rotate(-90deg); } 50% { -webkit-transform: scale(1.1) rotate(-90deg); transform: scale(1.1) rotate(-90deg); } 100% { -webkit-transform: scale(1) rotate(-90deg); transform: scale(1) rotate(-90deg); } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-input { position: relative; } .pb-lead-form-input input:disabled { opacity: .3; } .pb-lead-form-input .success-svg, .pb-lead-form-input .pb-lead-form-error { position: absolute; top: 9px; right: 9px; width: 26px; height: 26px; pointer-events: none; /* stylelint-disable-next-line */ } .rtl-root-element.RTL .pb-lead-form-input .success-svg, .rtl-root-element.RTL .pb-lead-form-input .pb-lead-form-error { left: 9px; right: auto; } .pb-lead-form-input .pb-lead-form-error { border-radius: 500px; border: 2px solid rgba(228, 16, 32, 0.6); color: rgba(228, 16, 32, 0.6); font-weight: bold; text-align: center; font-size: 16px; } .pb-lead-form-input.has-error input { border-bottom: 2px solid rgba(228, 16, 32, 0.6); background-color: rgba(228, 16, 32, 0.05); } .pb-lead-form-input input { padding-top: 8px; padding-bottom: 8px; height: 46px; background-color: white; width: 100%; border-radius: 0; border: 0; border-bottom: 2px solid transparent; font-size: 16px; -webkit-transition: border .3s, background-color .3s, -webkit-box-shadow .3s; transition: border .3s, background-color .3s, -webkit-box-shadow .3s; transition: border .3s, background-color .3s, box-shadow .3s; transition: border .3s, background-color .3s, box-shadow .3s, -webkit-box-shadow .3s; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .rtl-root-element.RTL .pb-lead-form-input input { padding-left: 40px; } .rtl-root-element:not(.RTL) .pb-lead-form-input input { padding-right: 40px; } .rtl-root-element.RTL .pb-lead-form-input input { padding-right: 8px; } .rtl-root-element:not(.RTL) .pb-lead-form-input input { padding-left: 8px; } .pb-lead-form-input input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.15); } .pb-lead-form-input input::-moz-placeholder { color: rgba(0, 0, 0, 0.15); } .pb-lead-form-input input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.15); } .pb-lead-form-input input::placeholder { color: rgba(0, 0, 0, 0.15); } .pb-lead-form-input input::-ms-clear { display: none; } .pb-lead-form-input input.valid { -webkit-box-shadow: none; box-shadow: none; } .pb-lead-form-input input:not(.valid):focus, .pb-lead-form-input input:not(.valid):hover { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-checkbox { display: block; position: relative; margin: 0; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: normal; line-height: 1.36; color: black; } .rtl-root-element.RTL .pb-lead-form-checkbox { padding-right: 34px; } .rtl-root-element:not(.RTL) .pb-lead-form-checkbox { padding-left: 34px; } .pb-lead-form-checkbox:hover .checkmark { opacity: 1; } .pb-lead-form-checkbox.has-error { color: #e41020; } .pb-lead-form-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .pb-lead-form-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; border-radius: 2px; border-width: 1px; border-style: solid; opacity: .6; /* stylelint-disable-next-line */ } .rtl-root-element.RTL .pb-lead-form-checkbox .checkmark { left: auto; right: 0; } .pb-lead-form-checkbox .checkmark::after { content: ''; position: absolute; display: none; left: 7px; top: 3px; width: 6px; height: 11px; border-width: 0 3px 3px 0; -webkit-transform: rotate(40deg); transform: rotate(40deg); } .pb-lead-form-checkbox input:checked ~ .checkmark { opacity: 1; } .pb-lead-form-checkbox input:checked ~ .checkmark::after { display: block; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-dropdown { position: relative; background-color: white; } .pb-lead-form-dropdown.disabled { opacity: .3; } .pb-lead-form-dropdown.open .dropdown-menu { max-height: 250px; overflow-y: auto; overflow-x: hidden; } .pb-lead-form-dropdown.open .dropdown-toggle .toggle-caret { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .pb-lead-form-dropdown .dropdown-toggle { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); background: white; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 46px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; padding: 8px; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; } .pb-lead-form-dropdown .dropdown-toggle.has-error { background-color: rgba(228, 16, 32, 0.05); border-bottom: solid 2px rgba(228, 16, 32, 0.6); } .pb-lead-form-dropdown .dropdown-toggle.valid { -webkit-box-shadow: none; box-shadow: none; } .pb-lead-form-dropdown .dropdown-toggle:not(.valid):focus, .pb-lead-form-dropdown .dropdown-toggle:not(.valid):hover { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); } .pb-lead-form-dropdown .dropdown-toggle .toggle-label { color: black; } .pb-lead-form-dropdown .dropdown-toggle .toggle-label.placeholder { color: #dbdbdb; } .pb-lead-form-dropdown .dropdown-toggle .toggle-caret { width: 7px; height: 7px; fill: #555; margin: 9px; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; -webkit-transform: rotate(0); transform: rotate(0); } .pb-lead-form-dropdown .dropdown-menu { position: absolute; width: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .3s ease-in; transition: max-height .3s ease-in; background: white; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); z-index: 2; } .pb-lead-form-dropdown .dropdown-menu .option:first-of-type { margin-top: 4px; } .pb-lead-form-dropdown .dropdown-menu .option:last-of-type { margin-bottom: 4px; } .pb-lead-form-dropdown .option { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: transparent; width: 100%; padding: 10px 12px; text-align: initial; line-height: 20px; height: auto; } .pb-lead-form-dropdown .option:hover { background-color: #f5f5f5; } .pb-lead-form-dropdown .option:hover.placeholder { color: #767676; } .pb-lead-form-dropdown .option > .option-label { height: 20px; line-height: 20px; } .pb-lead-form-dropdown .option.placeholder { color: #dbdbdb; border-bottom: solid 1px #f5f5f5; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-submit-button-container { position: relative; text-align: center; padding-bottom: 14px; } .pb-lead-form-submit-button-container .button-error-message { -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: -40px; left: 50%; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); padding: 10px; background-color: white; color: #e41020; z-index: 1; font-size: 16px; width: 286px; /* stylelint-disable-next-line */ } .rtl-root-element.RTL .pb-lead-form-submit-button-container .button-error-message { -webkit-transform: translateX(50%); transform: translateX(50%); left: auto; right: 50%; } .pb-lead-form-submit-button-container .button-error-message::after { content: ' '; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; bottom: -5px; /* stylelint-disable-next-line */ } .rtl-root-element.RTL .pb-lead-form-submit-button-container .button-error-message::after { -webkit-transform: translateX(50%); transform: translateX(50%); left: auto; right: 50%; } .pb-lead-form-submit-button-container .pb-lead-form-spinner { width: 56px; height: 56px; border-radius: 500px; } .pb-lead-form-submit-button-container .pb-lead-form-submit-button { padding: 0 30px; text-align: center; height: 56px; font-size: 18px; font-weight: bold; border: 0; border-radius: 500px; display: block; cursor: pointer; -webkit-transition: padding .2s; transition: padding .2s; margin: 0 auto; background-clip: padding-box; } .pb-lead-form-submit-button-container .pb-lead-form-submit-button .submit-arrow { width: 7px; height: 11px; /* stylelint-disable-next-line */ } .rtl-root-element.RTL .pb-lead-form-submit-button-container .pb-lead-form-submit-button .submit-arrow { margin-right: 7px; } .rtl-root-element:not(.RTL) .pb-lead-form-submit-button-container .pb-lead-form-submit-button .submit-arrow { margin-left: 7px; } .rtl-root-element.RTL .pb-lead-form-submit-button-container .pb-lead-form-submit-button .submit-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pb-lead-form-submit-button-container .pb-lead-form-submit-button.is-submitting { padding: 0 17px; } .pb-lead-form-submit-button-container .pb-lead-form-submit-button:not(.is-submitting):not(.is-submitted):hover, .pb-lead-form-submit-button-container .pb-lead-form-submit-button:not(.is-submitting):not(.is-submitted):focus { padding: 0 40px; } .pb-lead-form-submit-button-container .submit-success { width: 56px; height: 56px; fill: #28a745; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-next-button-container { position: relative; text-align: center; max-width: 340px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 10px; } .pb-lead-form-next-button-container .pb-lead-form-next-button { padding-top: 0; padding-bottom: 0; text-align: center; height: 38px; font-size: 18px; font-weight: bold; border: 0; border-radius: 500px; cursor: pointer; background-clip: padding-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtl-root-element.RTL .pb-lead-form-next-button-container .pb-lead-form-next-button { padding-left: 12px; } .rtl-root-element:not(.RTL) .pb-lead-form-next-button-container .pb-lead-form-next-button { padding-right: 12px; } .rtl-root-element.RTL .pb-lead-form-next-button-container .pb-lead-form-next-button { padding-right: 20px; } .rtl-root-element:not(.RTL) .pb-lead-form-next-button-container .pb-lead-form-next-button { padding-left: 20px; } .pb-lead-form-next-button-container .pb-lead-form-next-button .arrow-right { width: 24px; height: 24px; /* stylelint-disable-next-line */ } .rtl-root-element.RTL .pb-lead-form-next-button-container .pb-lead-form-next-button .arrow-right { margin-right: 6px; } .rtl-root-element:not(.RTL) .pb-lead-form-next-button-container .pb-lead-form-next-button .arrow-right { margin-left: 6px; } .rtl-root-element.RTL .pb-lead-form-next-button-container .pb-lead-form-next-button .arrow-right { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-error-message { color: #e41020; margin-bottom: 10px; list-style: none; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-disclaimer-consent { margin: 0 20px 24px; } .pb-lead-form-disclaimer-consent .text-viewer-component { font-size: 10px; color: #767676; text-align: center; } .pb-lead-form-disclaimer-consent .text-viewer-component a { text-decoration: underline; color: #767676; } @media screen and (max-width: 480px) { .pb-lead-form-disclaimer-consent { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 340px; padding: 0 10px; margin: auto; } .pb-lead-form-disclaimer-consent .text-viewer-component { text-align: initial; margin: 0 auto 24px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-success-message-container { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 0; height: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } @media (max-width: 480px) { .pb-lead-form-success-message-container { font-size: 16px; } } .pb-lead-form-success-message-container .pb-lead-form-success-message-text { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .pb-lead-form-success-message-container.shown { margin-bottom: 17px; } .pb-lead-form-success-message-container.shown .pb-lead-form-success-message-text { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-lead-form-container .pb-lead-form { background: white; padding-bottom: 17px; } .pb-lead-form-container .pb-lead-form *:focus { outline: 0; } .pb-lead-form-container .pb-lead-form form { margin: 0; } .pb-lead-form-container .pb-lead-form .form-wrapper { -webkit-transition: height 0.4s cubic-bezier(0.79, 0.3, 1, 1); transition: height 0.4s cubic-bezier(0.79, 0.3, 1, 1); } .pb-lead-form-container .pb-lead-form .fields-wrapper { margin: auto; position: relative; max-width: 340px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 10px; } .pb-lead-form-container .pb-lead-form .fields-wrapper .pb-lead-form-field { margin-bottom: 24px; position: relative; display: inline-block; opacity: 0; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; text-align: initial; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .pb-lead-form-container .pb-lead-form .fields-wrapper .pb-lead-form-field.opacity { opacity: 1; } .pb-lead-form-container .pb-lead-form .grecaptcha-badge { display: none; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .rtl-root-element.RTL .pb-poll-votes-minimized .content { right: 17px; } .rtl-root-element.RTL .pb-poll-votes-minimized .no-media .content .media-node .number { margin-left: 25px; } .pb-poll-votes-minimized.dark li.no-media { background-color: rgba(0, 0, 0, 0.3); color: #fff; } .pb-poll-votes-minimized.dark li.no-media .filler { background-color: #003454; } .pb-poll-votes-minimized.light li.no-media { background-color: rgba(255, 255, 255, 0.55); color: #000; } .pb-poll-votes-minimized.light li.no-media .filler { background-color: white; } .pb-poll-votes-minimized ul { list-style: none; padding: 0; margin: 0; max-width: 0; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .pb-poll-votes-minimized ul.show { max-width: 200px; } .pb-poll-votes-minimized ul li { background-color: rgba(0, 0, 0, 0.2); color: #fff; line-height: 35px; margin: 10px 0; position: relative; } @media (max-width: 480px) { .pb-poll-votes-minimized ul li { line-height: 25px; margin: 5px 0; } .pb-poll-votes-minimized ul li .content .media-node .media { width: 25px !important; height: 25px !important; } } .pb-poll-votes-minimized ul li.no-media { -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2); } .pb-poll-votes-minimized ul li.no-media .content .media-node .number { margin-right: 25px; } .pb-poll-votes-minimized ul li .filler { background-color: #28a0f9; position: absolute; opacity: 0.8; } .pb-poll-votes-minimized ul li .content { position: relative; right: -17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; } .pb-poll-votes-minimized ul li .content .text { position: relative; text-overflow: ellipsis; overflow: hidden; margin-left: -5px; white-space: nowrap; } .pb-poll-votes-minimized ul li .content .media-node { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pb-poll-votes-minimized ul li .content .media-node .number { margin: 0 8px; } .pb-poll-votes-minimized ul li .content .media-node .media { width: 35px; height: 35px; } .pb-poll-votes-minimized ul li .content .media-node .media.rounded .pb-image-viewer { border-radius: 50%; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .rtl-root-element.RTL .pb-poll-result-text { direction: rtl; } .rtl-root-element.RTL .pb-poll-result-text.on-image { left: auto; right: 0; } .pb-poll-result-text { margin: 20px; max-width: calc(100% - 40px); position: absolute; z-index: 2; display: block; } .pb-poll-result-text .text-viewer-component { color: inherit; } .pb-poll-result-text .result-title .text-viewer-component p { font-size: 35px; line-height: 1.2; font-weight: 700; } .pb-poll-result-text.center { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 20px; width: 100%; } .pb-poll-result-text.center .viewport-monitor { width: 100%; } .pb-poll-result-text.center .viewport-monitor .text-viewer-component p { text-align: center; } .pb-poll-result-text.on-image { bottom: 0; left: 0; } .pb-poll-result-text.on-image.text-above-cta { bottom: 62px; } .pb-poll-result-text.on-image .text-viewer-component { text-align: start; } .pb-poll-result-text.on-image .text-viewer-component p { padding: 0 6px; } .pb-poll-result-text.on-image .result-title .text-viewer-component p { font-weight: 700; font-size: 24px; line-height: 1.3; } .pb-poll-result-text.on-image.black-background .text-viewer-component p { background-color: #000; } .pb-poll-result-text.on-image.white-background .text-viewer-component p { background-color: #fff; } .pb-poll-result-text .result-title, .pb-poll-result-text .result-desc { display: -webkit-box; display: -ms-flexbox; display: flex; } .pb-poll-result-text .result-desc { margin-top: 10px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-poll-result { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; height: 100%; } .pb-poll-result .result-media { position: absolute; z-index: 1; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pb-poll-result .result-media.full-height { height: 100%; } .pb-poll-result .result-media.full-height .media-container { height: 100%; } .pb-poll-result .result-media .video-credits { padding: 0 4px 1px; cursor: default; font-weight: 200; background-color: rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 0.75); text-overflow: ellipsis; overflow: hidden; font-size: 11px; position: absolute; right: 0; top: 0; } .pb-poll-result .result-votes { top: 0; position: absolute; z-index: 3; } .pb-poll-result .result-background { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .pb-poll-result.lead-form-result.shown .result-media { -webkit-filter: blur(2px); filter: blur(2px); } .pb-poll-result.lead-form-result.shown .lead-form-action { opacity: 1 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } .pb-poll-result.lead-form-result .result-media { -webkit-filter: blur(0); filter: blur(0); -webkit-transition: -webkit-filter 1s ease-in-out; transition: -webkit-filter 1s ease-in-out; transition: filter 1s ease-in-out; transition: filter 1s ease-in-out, -webkit-filter 1s ease-in-out; } .pb-poll-result.lead-form-result .lead-form-action { position: absolute; bottom: 0; z-index: 2; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; } .pb-poll-result.lead-form-result .lead-form-action .pb-lead-form-container .pb-lead-form { background-color: transparent; } .pb-poll-result.cta-result.shown .cta-action { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; opacity: 1 !important; } .pb-poll-result.cta-result .cta-action { bottom: calc(50% - 23px); position: absolute; text-align: center; width: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0; z-index: 2; } .pb-poll-result.cta-result .cta-action.margin-s { padding: 20px; } .pb-poll-result.cta-result .cta-action.margin-m { padding: 40px; } .pb-poll-result.cta-result .cta-action.margin-l { padding: 60px; } .pb-poll-result.cta-result .cta-action.center { -webkit-transform: translateY(10px); transform: translateY(10px); } .pb-poll-result.cta-result .cta-action.center:not(.bottom) { padding: 0; } .pb-poll-result.cta-result .cta-action.bottom { bottom: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } .pb-poll-result.cta-result .cta-action.top { top: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } .pb-poll-result.cta-result .cta-action.left { text-align: start; -webkit-transform: translateX(-100px); transform: translateX(-100px); } .pb-poll-result.cta-result .cta-action.right { text-align: end; -webkit-transform: translateX(100px); transform: translateX(100px); } .pb-poll-result.share-result { position: relative; } .pb-poll-result.share-result .share-buttons { position: absolute; bottom: 0; width: 100%; background: rgba(35, 51, 63, 0.6); text-align: center; padding: 5px 0; z-index: 1; } .pb-poll-result.share-result .share-buttons.disabled a { pointer-events: none; } .pb-poll-result.share-result .pb-poll-result-text.on-image { bottom: 50px; margin: 10px 20px; } @-webkit-keyframes flip-animation { 0% { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: rotateY(0deg) scale(1); transform: rotateY(0deg) scale(1); } 50% { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: rotateY(90deg) scale(0.8); transform: rotateY(90deg) scale(0.8); } 100% { -webkit-backface-visibility: initial; backface-visibility: initial; -webkit-transform: rotateY(180deg) scale(1); transform: rotateY(180deg) scale(1); } } @keyframes flip-animation { 0% { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: rotateY(0deg) scale(1); transform: rotateY(0deg) scale(1); } 50% { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: rotateY(90deg) scale(0.8); transform: rotateY(90deg) scale(0.8); } 100% { -webkit-backface-visibility: initial; backface-visibility: initial; -webkit-transform: rotateY(180deg) scale(1); transform: rotateY(180deg) scale(1); } } @-webkit-keyframes flip-back-animation { 0% { -webkit-backface-visibility: initial; backface-visibility: initial; -webkit-transform: rotateY(180deg) scale(1); transform: rotateY(180deg) scale(1); } 50% { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: rotateY(90deg) scale(0.8); transform: rotateY(90deg) scale(0.8); } 100% { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: rotateY(0deg) scale(1); transform: rotateY(0deg) scale(1); } } @keyframes flip-back-animation { 0% { -webkit-backface-visibility: initial; backface-visibility: initial; -webkit-transform: rotateY(180deg) scale(1); transform: rotateY(180deg) scale(1); } 50% { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: rotateY(90deg) scale(0.8); transform: rotateY(90deg) scale(0.8); } 100% { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: rotateY(0deg) scale(1); transform: rotateY(0deg) scale(1); } } .poll-flipper-container { width: 100%; -webkit-perspective: 2000px; perspective: 2000px; } .poll-flipper-container .poll-flipper { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .poll-flipper-container .poll-flipper.flipped { -webkit-animation: flip-animation .7s linear; animation: flip-animation .7s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .poll-flipper-container .poll-flipper.reverse { -webkit-animation: flip-back-animation .7s linear; animation: flip-back-animation .7s linear; } .poll-flipper-container .poll-flipper-front, .poll-flipper-container .poll-flipper-back { width: 100%; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .poll-flipper-container .poll-flipper-front { position: relative; z-index: 3; } .poll-flipper-container .poll-flipper-back { height: 100%; position: absolute; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .poll-flipper-container .poll-flipper-back .end-card { height: calc(100% - 1px); margin-top: 1px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-poll-viewer { overflow: hidden; position: relative; } .rtl-root-element.RTL .pb-poll-viewer { direction: rtl; } .poll-question-wrapper { position: relative; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .paragraph-viewer { text-align: left; } .rtl-root-element.RTL .paragraph-viewer { text-align: right; } .rtl-root-element.RTL .paragraph-viewer { direction: rtl; } @supports (-ms-ime-align: auto) { .paragraph-viewer .text-viewer-component .ql-editor { overflow: hidden; } } @media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi), \0screen\, screen\9{ .paragraph-viewer .text-viewer-component .ql-editor { overflow: hidden; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quiz-text-card { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 30px; overflow: hidden; } .pb-quiz-text-card.dynamic { position: relative; padding-top: 60px; padding-bottom: 80px; } .pb-quiz-text-card .text-viewer-component { color: inherit; font-weight: bold; text-align: center; } .rtl-root-element.RTL .pb-quiz-text-card .text-viewer-component { text-align: center; } .pb-quiz-card.short .pb-quiz-text-card .text-viewer-component { font-size: 35px; line-height: 1.2; } .pb-quiz-card.medium .pb-quiz-text-card .text-viewer-component { font-size: 28px; line-height: 1.2; } .pb-quiz-card.long .pb-quiz-text-card .text-viewer-component { font-size: 22px; line-height: 1.45; } @media screen and (max-width: 480px) { .pb-quiz-text-card.dynamic { padding-top: 14px; padding-bottom: 20px; } .pb-quiz-card.short .pb-quiz-text-card .text-viewer-component { font-size: 18px; line-height: 1.23; } .pb-quiz-card.medium .pb-quiz-text-card .text-viewer-component { font-size: 18px; line-height: 1.33; } .pb-quiz-card.long .pb-quiz-text-card .text-viewer-component { font-size: 16px; line-height: 1.38; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quiz-image-card { position: relative; background-color: black; } .pb-quiz-image-card .viewport-monitor { overflow: hidden; } .pb-quiz-image-card .video-credits { position: absolute; right: 4px; bottom: 2px; } .pb-quiz-image-card .text-viewer-wrapper { position: absolute; bottom: 0; margin: 15px; } .rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper { right: 0; } .rtl-root-element:not(.RTL) .pb-quiz-image-card .text-viewer-wrapper { left: 0; } .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component { color: inherit; /* stylelint-disable-next-line selector-class-pattern */ } .rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component { -webkit-padding-start: 6px; padding-inline-start: 6px; } .rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p { margin-right: -6px; margin-left: -6px; white-space: normal; } .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p { padding-top: 0; padding-bottom: 2px; background-color: white; display: inline; font-weight: bold; -webkit-box-shadow: -6px 0 0 white; box-shadow: -6px 0 0 white; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p { padding-left: 6px; } .rtl-root-element:not(.RTL) .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p { padding-right: 6px; } .rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p { padding-right: 6px; } .rtl-root-element:not(.RTL) .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p { padding-left: 6px; } .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p br { display: none; } .pb-quiz-card.short .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component { font-size: 24px; line-height: 1.17; } .pb-quiz-card.medium .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component { font-size: 18px; line-height: 1.22; } .pb-quiz-card.long .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component { font-size: 18px; line-height: 1.22; } .pb-quiz-image-card .text-viewer-wrapper.dark .text-viewer-component p { background-color: black; -webkit-box-shadow: -6px 0 0 black; box-shadow: -6px 0 0 black; } @media screen and (max-width: 480px) { .pb-quiz-card.short .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component { font-size: 16px; line-height: 1.2; } .pb-quiz-card.medium .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component { font-size: 14px; line-height: 1.29; } .pb-quiz-card.long .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component { font-size: 14px; line-height: 1.29; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quiz-card { position: relative; overflow: visible; background-color: #dbdbdb; } .pb-quiz-card::before { content: ''; position: absolute; bottom: 0; left: 0; width: calc(100% - 40px); height: 25%; margin: 0 20px; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.34); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.34); } .pb-quiz-card.embed-responsive-3by2 { padding-bottom: 66.66%; } .pb-quiz-card.embed-responsive-3by2 .embed-responsive.embed-responsive-16by9, .pb-quiz-card.embed-responsive-3by2 .video-js { padding-bottom: 66.66% !important; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ @-webkit-keyframes container { 0% { top: 25px; left: 25px; width: 0; height: 0; } 100% { top: 0; left: 0; width: 50px; height: 50px; opacity: 0; } } @keyframes container { 0% { top: 25px; left: 25px; width: 0; height: 0; } 100% { top: 0; left: 0; width: 50px; height: 50px; opacity: 0; } } .pb-quiz-calculating .no-ad { position: relative; } .pb-quiz-calculating .no-ad.embed-responsive-3by2 { padding-bottom: 66.66%; } .pb-quiz-calculating .no-ad .gradient-cover { background-color: #28a0f9; } .pb-quiz-calculating .no-ad .slideshow { -webkit-transition: background .7s; transition: background .7s; -webkit-filter: blur(5px); filter: blur(5px); background-size: cover; } .pb-quiz-calculating .ad { background-color: white; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); margin: 10px; padding-bottom: 40px; } .pb-quiz-calculating .ad .text-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 40px; } .pb-quiz-calculating .ad .text-wrapper .loader { margin: 20px; } .pb-quiz-calculating .ad .text-wrapper .text { color: black; } .pb-quiz-calculating .text-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pb-quiz-calculating .text-wrapper .loader { width: 51px; height: 51px; display: inline-block; margin: 20px auto; } .pb-quiz-calculating .text-wrapper .loader .container { position: relative; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .pb-quiz-calculating .text-wrapper .loader .container .child { width: 50px; height: 50px; position: absolute; border: 3px solid; border-radius: 50%; -webkit-animation: container 1s cubic-bezier(0, 0.5, 0.8, 1) infinite; animation: container 1s cubic-bezier(0, 0.5, 0.8, 1) infinite; } .pb-quiz-calculating .text-wrapper .loader .container .child-1 { border-color: white; } .pb-quiz-calculating .text-wrapper .loader .container .child-2 { border-color: #06dcf9; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .pb-quiz-calculating .text-wrapper .text { color: white; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.25; } .rtl-root-element.RTL .pb-quiz-calculating .text-wrapper .text { direction: rtl; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .binge-progress-bar.desktop { display: grid; grid-template-rows: repeat(2, auto); background-color: white; } .binge-progress-bar.desktop .col-1 { grid-column: 1; } .binge-progress-bar.desktop .col-2 { grid-column: 2; } .binge-progress-bar.desktop .col-3 { grid-column: 3; } .binge-progress-bar.desktop .col-4 { grid-column: 4; } .binge-progress-bar.desktop .col-5 { grid-column: 5; } .binge-progress-bar.desktop .col-6 { grid-column: 6; } .binge-progress-bar.desktop .col-7 { grid-column: 7; } .binge-progress-bar.desktop .col-8 { grid-column: 8; } .binge-progress-bar.desktop .col-9 { grid-column: 9; } .binge-progress-bar.desktop .number { position: relative; grid-row: 1; } .binge-progress-bar.desktop .number span { position: relative; display: inline-block; width: 27px; height: 27px; background-color: #dbdbdb; color: white; border-radius: 50%; padding-top: 3px; font-family: 'pbSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; z-index: 1; } .binge-progress-bar.desktop .number span svg { width: 16px; height: 16px; fill: white; margin: 3px 0 0 1px; } .binge-progress-bar.desktop .number span .notch { position: absolute; top: calc(50% - 6px); left: calc(100% - 2px); width: 6px; height: 11px; background-color: #dbdbdb; } .binge-progress-bar.desktop .number span .notch::before, .binge-progress-bar.desktop .number span .notch::after { position: absolute; left: 1px; content: ''; width: 14px; height: 14px; border-radius: 6px; background-color: white; } .binge-progress-bar.desktop .number span .notch::before { bottom: 62%; } .binge-progress-bar.desktop .number span .notch::after { top: 65%; } .binge-progress-bar.desktop .number .progress, .binge-progress-bar.desktop .number::before { content: ''; position: absolute; top: calc(50% - 2px); height: 3px; width: 100%; background-color: #dbdbdb; } .binge-progress-bar.desktop .number .progress { -webkit-transition: width .5s ease-out; transition: width .5s ease-out; left: 27px; background-color: #a036f7; } .binge-progress-bar.desktop .number::before { left: 0; } .binge-progress-bar.desktop .number.completed span, .binge-progress-bar.desktop .number.completed .notch, .binge-progress-bar.desktop .number.completed::before { background-color: #a036f7; } .binge-progress-bar.desktop .number.current span, .binge-progress-bar.desktop .number.current .notch { background-color: #a036f7; } .binge-progress-bar.desktop .number:not(.current) .progress { display: none; } .binge-progress-bar.desktop .title { grid-row: 2; margin: 10px 10px 0 0; font-size: 16px; font-family: 'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #dbdbdb; } .binge-progress-bar.desktop .title.completed { color: #a036f7; opacity: 0.25; } .binge-progress-bar.desktop .title.current { opacity: 1; font-weight: bold; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .binge-progress-bar.mobile { font-size: 14px; height: 26px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } .binge-progress-bar.mobile :first-child { border-top-left-radius: 100px; border-bottom-left-radius: 100px; } .binge-progress-bar.mobile :last-child { border-top-right-radius: 100px; border-bottom-right-radius: 100px; } .binge-progress-bar.mobile .binge-title { max-width: 200px; border: solid 1px #a036f7; background-color: #a036f7; color: white; padding: 0 8px 0 11px; text-transform: uppercase; font-weight: bold; font-family: 'pbNavbarBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .binge-progress-bar.mobile .binge-item-position { background-color: white; border: solid 1px #a036f7; color: #a036f7; padding: 0 11px 0 8px; font-family: 'pbMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .percentage-wrapper .circle-progress { fill: none; } .percentage-wrapper .circle-progress { stroke: white; stroke-linecap: round; stroke-linejoin: round; } .percentage-wrapper .circle-text { fill: white; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* White box with shadow for quiz and trivia */ .binge-results { margin: 0 14px 15px; padding: 16px; text-align: center; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); background-color: white; margin: 0; padding: 17px 12px 12px; } @media screen and (max-width: 480px) { .binge-results { margin: 0 8px 15px; padding: 12px; } } .binge-results .binge-results-title { font-family: 'pbNavbarBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; color: #a036f7; margin-bottom: 17px; } .binge-results .binge-results-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 15px; } .binge-results .binge-results-item .binge-results-index { position: relative; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .binge-results .binge-results-item .binge-results-index span { position: absolute; left: -6px; display: inline-block; width: 27px; height: 27px; background-color: white; color: #a036f7; border-radius: 50%; padding-top: 3px; font-family: 'pbSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; z-index: 1; } .binge-results .binge-results-item .binge-image-container { position: relative; } .binge-results .binge-results-item .binge-image-container .binge-results-image { top: 0; left: 0; height: 100%; width: calc(100% - 20px); margin: 0 10px; opacity: .5; } .binge-results .binge-results-item .binge-image-container .binge-results-image img { border-radius: 5px; } .binge-results .binge-results-item .binge-image-container .binge-image-overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; height: 100%; width: calc(100% - 20px); margin: 0 10px; } .binge-results .binge-results-item .binge-image-container .binge-image-overlay .percentage { position: absolute; max-height: 50px; } .binge-results .binge-results-item .binge-image-container .binge-image-overlay .overlay-background { height: 100%; width: 100%; border-radius: 5px; background-color: #51068e; opacity: 0.5; } .binge-results .binge-results-item .binge-results-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: start; } .binge-results .binge-results-item .binge-results-text .binge-results-item-title { font-size: 16px; color: #555; font-family: 'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .binge-results .binge-results-item .binge-results-text .binge-results-item-result { font-family: 'pbNavbarBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #010031; } .binge-results.mobile .binge-results-item .binge-results-text { max-width: 155px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes wave { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 1; } } @keyframes wave { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 1; } } @-webkit-keyframes icon-in { 0% { opacity: 0; } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .9; } 75% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes icon-in { 0% { opacity: 0; } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .9; } 75% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fill-width { from { width: 0; } to { width: 100%; } } @keyframes fill-width { from { width: 0; } to { width: 100%; } } .pb-classic-quiz-answer { background-color: white; padding: 6px 14px; border: 1px solid #dbdbdb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pb-classic-quiz-answer .text-wrapper { width: 100%; min-width: 50%; } .pb-classic-quiz-answer .text-wrapper .answer-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .pb-classic-quiz-answer .text-wrapper .text-viewer-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .pb-classic-quiz-answer .text-wrapper .text-viewer-wrapper .text-viewer-component { color: #555; } .pb-classic-quiz-answer .text-wrapper .text-viewer-wrapper .text-viewer-component p br { display: none; } .pb-classic-quiz-answer.has-correct .icon-wrapper { min-width: 25px; } .rtl-root-element.RTL .pb-classic-quiz-answer.has-correct .icon-wrapper { margin-right: 10px; } .rtl-root-element:not(.RTL) .pb-classic-quiz-answer.has-correct .icon-wrapper { margin-left: 10px; } .pb-classic-quiz-answer .icon-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .rtl-root-element.RTL .pb-classic-quiz-answer .icon-wrapper { left: 4px; } .rtl-root-element:not(.RTL) .pb-classic-quiz-answer .icon-wrapper { right: 4px; } .pb-classic-quiz-answer .icon-wrapper .answer-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; } .pb-classic-quiz-answer .icon-wrapper .answer-icon:not(.visible) { visibility: hidden; } .pb-classic-quiz-answer .icon-wrapper .answer-icon svg { width: 25px; height: 25px; } .pb-classic-quiz-answer .icon-wrapper .answer-icon.is-correct:not(.answered-correct) { -webkit-animation: icon-in 0.5s; animation: icon-in 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .pb-classic-quiz-answer .icon-wrapper .answer-icon.is-correct svg { fill: #28a745; } .pb-classic-quiz-answer .icon-wrapper .answer-icon:not(.is-correct) svg { fill: #e41020; } .pb-classic-quiz-answer .selected-icon { min-width: 15px; width: 15px; height: 15px; margin-right: 15px; margin-left: 5px; fill: white; } .pb-classic-quiz-answer.selected:not(.has-correct) { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .pb-classic-quiz-answer.selected:not(.has-correct)::before { content: ''; position: absolute; left: 0; bottom: 0; margin: 3px 10px; height: 30%; width: calc(100% - 20px); -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3); } .pb-classic-quiz-answer.selected:not(.has-correct) .answer-background { opacity: 1; } .pb-classic-quiz-answer.selected:not(.has-correct) .text-viewer-wrapper .text-viewer-component { color: inherit; } .pb-classic-quiz-answer.selected .answer-icon { -webkit-animation: icon-in 0.5s; animation: icon-in 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-classic-quiz-answer.answered:not(.selected):not(.has-correct) .text-wrapper { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: .4; } .pb-classic-quiz-answer.answered.has-correct:not(.is-correct) { -webkit-transition: border 0.3s ease; transition: border 0.3s ease; -webkit-transition-delay: 1s; transition-delay: 1s; border: 1px solid rgba(0, 0, 0, 0.05); } .pb-classic-quiz-answer.answered.has-correct:not(.is-correct) .text-wrapper { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 1s; transition-delay: 1s; opacity: .2; } .pb-classic-quiz-answer.answered.has-correct.is-correct { -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: transform 0.3s ease, box-shadow 0.3s ease; transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.15); } @media screen and (min-width: 480px) { button:hover .pb-classic-quiz-answer:not(.answered) .answer-background, button:not(.multiple-answer):focus .pb-classic-quiz-answer .answer-background { opacity: .2; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes wave { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 1; } } @keyframes wave { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 1; } } @-webkit-keyframes icon-in { 0% { opacity: 0; } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .9; } 75% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes icon-in { 0% { opacity: 0; } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .9; } 75% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fill-width { from { width: 0; } to { width: 100%; } } @keyframes fill-width { from { width: 0; } to { width: 100%; } } .pb-grid-quiz-answer { position: relative; } .pb-grid-quiz-answer .answer-image-container { position: relative; outline: 1px solid rgba(0, 0, 0, 0.1); overflow: visible; } .pb-grid-quiz-answer .answer-image-container img { background-color: #f5f5f5; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease; } .pb-grid-quiz-answer .answer-image-container .image-border { -webkit-transition: border .1s; transition: border .1s; background-color: transparent; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .5; } .pb-grid-quiz-answer .answer-image-container .selected-bg { position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: .6; } .pb-grid-quiz-answer .answer-image-container .selected-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: white; height: 25px; width: 25px; } .pb-grid-quiz-answer .text-viewer-wrapper .text-viewer-component { text-align: center; margin: 5px 0 0; font-size: 14px; color: #555; line-height: 1.3; } .pb-grid-quiz-answer .text-viewer-wrapper .text-viewer-component p br { display: none; } .pb-grid-quiz-answer .answer-icon { position: absolute; top: 10px; height: 25px; opacity: 0; } .rtl-root-element.RTL .pb-grid-quiz-answer .answer-icon { left: 10px; } .rtl-root-element:not(.RTL) .pb-grid-quiz-answer .answer-icon { right: 10px; } .pb-grid-quiz-answer .answer-icon svg { width: 25px; height: 25px; } .pb-grid-quiz-answer .answer-icon.right:not(.answered-correct) { -webkit-animation: icon-in .5s; animation: icon-in .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: .5s; animation-delay: .5s; } .pb-grid-quiz-answer .answer-icon.right svg { fill: #28a745; } .pb-grid-quiz-answer .answer-icon.wrong svg { fill: #e41020; } .pb-grid-quiz-answer.selected:not(.has-correct) .answer-image-container { outline: 0; } .pb-grid-quiz-answer.selected:not(.has-correct) .answer-image-container img { -webkit-transform: scale(1.07); transform: scale(1.07); } .pb-grid-quiz-answer.selected:not(.has-correct) .answer-image-container .image-border { border: 3px solid; } .pb-grid-quiz-answer.selected:not(.has-correct) .text-viewer-wrapper:not(.dark) .text-viewer-component { color: inherit; } .pb-grid-quiz-answer.selected .answer-image-container::before { content: ''; position: absolute; left: 0; bottom: 0; margin: 0 3px; height: 80%; width: calc(100% - 6px); -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3); } .pb-grid-quiz-answer.selected .answer-icon { -webkit-animation: icon-in .5s; animation: icon-in .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-grid-quiz-answer.answered:not(.selected):not(.has-correct) .answer-image-container, .pb-grid-quiz-answer.answered:not(.selected):not(.has-correct) .text-viewer-wrapper { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; opacity: .3; } .pb-grid-quiz-answer.answered.has-correct:not(.is-correct) .answer-image-container, .pb-grid-quiz-answer.answered.has-correct:not(.is-correct) .text-viewer-wrapper { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-transition-delay: 1s; transition-delay: 1s; opacity: .3; } @media screen and (min-width: 480px) { button:hover .pb-grid-quiz-answer:not(.answered) .answer-image-container, button:not(.multiple-answer):focus .pb-grid-quiz-answer .answer-image-container { outline: 0; } button:hover .pb-grid-quiz-answer:not(.answered) .answer-image-container img, button:not(.multiple-answer):focus .pb-grid-quiz-answer .answer-image-container img { -webkit-transform: scale(1.07); transform: scale(1.07); } button:hover .pb-grid-quiz-answer:not(.answered) .answer-image-container .image-border, button:not(.multiple-answer):focus .pb-grid-quiz-answer .answer-image-container .image-border { border: 3px solid; } button:hover .pb-grid-quiz-answer:not(.answered) .text-viewer-wrapper:not(.dark) .text-viewer-component, button:not(.multiple-answer):focus .pb-grid-quiz-answer .text-viewer-wrapper:not(.dark) .text-viewer-component { color: inherit; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes wave { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 1; } } @keyframes wave { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 1; } } @-webkit-keyframes icon-in { 0% { opacity: 0; } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .9; } 75% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes icon-in { 0% { opacity: 0; } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .9; } 75% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fill-width { from { width: 0; } to { width: 100%; } } @keyframes fill-width { from { width: 0; } to { width: 100%; } } .pb-quiz-answers { /** Iterate over the possible column counts and add css-grid rule for it. Same as writing this rule multiple times: &.grid-col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } */ } .pb-quiz-answers.layout-classic:not(.grid) .answer-wrapper:not(:first-child) { margin-top: -1px; } .pb-quiz-answers.layout-classic.grid { display: grid; grid-column-gap: 5px; grid-row-gap: 5px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pb-quiz-answers.layout-classic.grid .answer-wrapper { height: 100%; } .pb-quiz-answers.layout-classic.grid .answer-wrapper .wave-wrapper { height: 100%; } .pb-quiz-answers.layout-classic.grid .answer-wrapper .wave-wrapper button { height: 100%; position: relative; border: 1px solid #dbdbdb; background-color: white; } .pb-quiz-answers.layout-classic.grid .answer-wrapper .wave-wrapper button .pb-classic-quiz-answer { height: 100%; padding: 11px 3px; border: 0; } .pb-quiz-answers.layout-classic.grid .answer-wrapper .wave-wrapper button .pb-classic-quiz-answer .text-viewer-component p { text-align: center; } .pb-quiz-answers.layout-grid { display: grid; grid-column-gap: 15px; grid-row-gap: 23px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rtl-root-element.RTL .pb-quiz-answers.layout-grid { direction: rtl; } .pb-quiz-answers.grid-col-2 { grid-template-columns: repeat(2, minmax(0, 300px)); } .pb-quiz-answers.grid-col-3 { grid-template-columns: repeat(3, minmax(0, 300px)); } .pb-quiz-answers.grid-col-4 { grid-template-columns: repeat(4, minmax(0, 300px)); } .pb-quiz-answers .answer-wrapper { position: relative; opacity: 0; -webkit-animation: fade-in .5s ease; animation: fade-in .5s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-quiz-answers .answer-wrapper.top { z-index: 100; } .pb-quiz-answers .answer-wrapper button { background-color: transparent; display: block; width: 100%; border: 0; padding: 0; -webkit-transition: opacity .2s; transition: opacity .2s; } .pb-quiz-answers .answer-wrapper button .answer-loader { position: absolute; top: 0; left: 0; width: 0; height: 4px; background: linear-gradient(236deg, #28a0f9, #a036f7); -webkit-animation: fill-width ease 1s; animation: fill-width ease 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 1; } .pb-quiz-answers .answer-wrapper button .embed-responsive-1by1 { padding-bottom: 100%; } .pb-quiz-answers .answer-wrapper button:focus { outline: 0; } .pb-quiz-answers.in-view .answer-wrapper .wave-wrapper.wave { -webkit-animation: wave .3s ease alternate 2; animation: wave .3s ease alternate 2; } .pb-quiz-answers.not-rendered .answer-wrapper button { opacity: .3; cursor: default; } .pb-quiz-answers-wrapper { text-align: center; font-family: Poppins, sans-serif; } .pb-quiz-answers-wrapper .pb-quiz-multiple-title { font-size: 16px; color: #28a0f9; margin-bottom: 15px; } .pb-quiz-answers-wrapper .btn-multiple { width: 200px; border-radius: 23px; background-color: #a036f7; margin: 20px auto; color: white; outline: 0 !important; } .pb-quiz-answers-wrapper .btn-multiple:hover { background-color: #880af0; } .pb-quiz-answers-wrapper .btn-multiple[disabled] { opacity: .5; } .pb-quiz-answers-wrapper .btn-multiple:focus, .pb-quiz-answers-wrapper .btn-multiple:active, .pb-quiz-answers-wrapper .btn-multiple:focus:active { outline: none !important; } @supports not (display: grid) { .pb-quiz-answers.layout-grid { text-align: left; display: block; } .rtl-root-element.RTL .pb-quiz-answers.layout-grid { text-align: right; } .pb-quiz-answers.layout-grid .answer-wrapper { display: inline-block; margin-right: 1.4%; margin-bottom: 1.4%; vertical-align: top; width: 30.8%; } } .pb-quiz-answers.ie.layout-grid { text-align: left; display: block; } .rtl-root-element.RTL .pb-quiz-answers.ie.layout-grid { text-align: right; } .pb-quiz-answers.ie.layout-grid .answer-wrapper { display: inline-block; margin-right: 1.4%; margin-bottom: 1.4%; vertical-align: top; width: 30.8%; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* White box with shadow for quiz and trivia */ @-webkit-keyframes start-btn { 0%, 100% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); } 40%, 55% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); } } @keyframes start-btn { 0%, 100% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); } 40%, 55% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes answer-leave { 0% { opacity: .4; } 10% { opacity: 0; } 100% { opacity: 0; } } @keyframes answer-leave { 0% { opacity: .4; } 10% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes expand { 10% { -webkit-transform: scale(1.05); transform: scale(1.05); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes expand { 10% { -webkit-transform: scale(1.05); transform: scale(1.05); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes play_p_calculate_white_loop { from { background-position: 0; } to { background-position: -2277px; } } @keyframes play_p_calculate_white_loop { from { background-position: 0; } to { background-position: -2277px; } } @-webkit-keyframes play_p_calculate_loop { from { background-position: 0; } to { background-position: -3630px; } } @keyframes play_p_calculate_loop { from { background-position: 0; } to { background-position: -3630px; } } @-webkit-keyframes intro-leave { 0% { opacity: 1; } 50% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 1; } 100% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 0; } } @keyframes intro-leave { 0% { opacity: 1; } 50% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 1; } 100% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 0; } } @-webkit-keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .pb-quiz-intro-container { -webkit-animation: fade-in ease-out .5s; animation: fade-in ease-out .5s; cursor: pointer; } .pb-quiz-intro-container button { border: 0; background: none; display: block; width: 100%; padding: 0; outline: 0; } .pb-quiz-intro-container .image-container { cursor: pointer; } .pb-quiz-intro-container .intro-btn-container { height: 0; position: relative; text-align: center; top: -20px; width: 100%; z-index: 400; } .pb-quiz-intro-container .intro-btn-container .intro-start-btn { -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); -webkit-transition: width .3s; transition: width .3s; border: 0; border-radius: 4px; color: white; font-size: 16px; font-weight: bold; height: 54px; position: relative; text-align: center; width: 160px; display: inline-block; -webkit-transform: translateY(4px); transform: translateY(4px); } .rtl-root-element.RTL .pb-quiz-intro-container .intro-btn-container .intro-start-btn { direction: rtl; } .pb-quiz-intro-container .intro-btn-container .intro-start-btn .btn-hover { -webkit-transition: opacity .3s; transition: opacity .3s; border-radius: 4px; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .pb-quiz-intro-container .intro-btn-container .intro-start-btn .btn-text { -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; left: 0; top: 50%; position: absolute; width: 100%; } .pb-quiz-intro-container .intro-btn-container .intro-start-btn .btn-text span { -webkit-animation: fade-in .3s ease-in-out; animation: fade-in .3s ease-in-out; } .pb-quiz-intro-container .intro-btn-container .intro-start-btn .btn-text .spinner-container { opacity: .7; } .pb-quiz-intro-container:hover .intro-btn-container .intro-start-btn { width: 172px; } .pb-quiz-intro-container:hover .intro-btn-container .intro-start-btn .btn-hover { opacity: 1; } .pb-quiz-intro-container .texts-container { margin: 0 14px 15px; padding: 16px; text-align: center; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); background-color: white; padding: 40px 30px 30px; overflow: hidden; } .rtl-root-element.RTL .pb-quiz-intro-container .texts-container { direction: rtl; } @media screen and (max-width: 480px) { .pb-quiz-intro-container .texts-container { margin: 0 8px 15px; padding: 12px; } } .pb-quiz-intro-container .texts-container .intro-title p { font-size: 24px; font-weight: bold; line-height: 1.25; margin: 12px 0; text-align: center; } .pb-quiz-intro-container .texts-container .intro-desc p { color: #555; font-size: 16px; line-height: 1.38; margin-bottom: 10px; text-align: center; } .pb-quiz-intro-container .texts-container .ql-editor { cursor: pointer; overflow: hidden; } .pb-quiz-intro-container .intro-image-container { outline: 0; } .pb-quiz-intro-container .intro-image-container .pb-quiz-image-card { background: inherit; } .pb-quiz-intro-container.leave button { outline: 0; } .pb-quiz-intro-container.leave .intro-btn-container, .pb-quiz-intro-container.leave .texts-container { position: relative; -webkit-animation: fade-out ease-in 0.4s; animation: fade-out ease-in 0.4s; opacity: 0; } .pb-quiz-intro-container.leave .intro-image-container { position: relative; z-index: 100; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-quiz-intro-container.leave .intro-image-container.slide { -webkit-animation: intro-leave 0.8s ease-in-out; animation: intro-leave 0.8s ease-in-out; } @media screen and (max-width: 480px) { .pb-quiz-intro-container .intro-btn-container .intro-start-btn { height: 46px; width: 141px; } .pb-quiz-intro-container .intro-btn-container .intro-start-btn .btn-text { font-size: 16px; } .pb-quiz-intro-container:hover .intro-btn-container .intro-start-btn { width: 141px; } .pb-quiz-intro-container .texts-container { margin: 0 8px 15px; padding: 30px 12px; } .pb-quiz-intro-container .texts-container .intro-start-btn { font-size: 18px; left: calc(50% - 75px); width: 151px; } .pb-quiz-intro-container .texts-container .intro-title p { font-size: 19px; line-height: 1.47; } .pb-quiz-intro-container .texts-container .intro-desc p { font-size: 15px; line-height: 1.33; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ @-webkit-keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-197px); transform: translateX(-197px); } } @keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-197px); transform: translateX(-197px); } } @-webkit-keyframes scale-fade-in { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 80% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-fade-in { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 80% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fade-in-half { from { opacity: 0; } to { opacity: .5; } } @keyframes fade-in-half { from { opacity: 0; } to { opacity: .5; } } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes border-fill { 0% { background-size: 0 2px, 2px 0, 0 2px, 2px 0; } 37% { background-size: 100% 2px, 2px 0, 0 2px, 2px 0; } 50% { background-size: 100% 2px, 2px 100%, 0 2px, 2px 0; } 87% { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 0; } 100% { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%; } } @keyframes border-fill { 0% { background-size: 0 2px, 2px 0, 0 2px, 2px 0; } 37% { background-size: 100% 2px, 2px 0, 0 2px, 2px 0; } 50% { background-size: 100% 2px, 2px 100%, 0 2px, 2px 0; } 87% { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 0; } 100% { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%; } } .quiz-continue { position: relative; text-align: right; min-height: 134px; } .quiz-continue > div { -webkit-animation: 1s ease fade-in; animation: 1s ease fade-in; } .quiz-continue .btn-group-wrapper { text-align: center; } .quiz-continue .btn-group-wrapper .continue-btn { padding: 0; min-width: 150px; height: 44px; color: white; background: #28a0f9; border: transparent; font-weight: 700; text-transform: capitalize; } .quiz-continue .cancel-btn { height: 44px; background: #0f95f8; } .quiz-continue .cancel-btn svg { width: 10px; height: 10px; fill: white; } .quiz-continue .scroll-container { display: inline-block; overflow-x: hidden; max-width: 100%; } .quiz-continue .scroll-container .continue-items { display: -webkit-box; display: -ms-flexbox; display: flex; grid-column-gap: 10px; margin: 10px 0; -webkit-animation: 1s ease slide-left; animation: 1s ease slide-left; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .quiz-continue .scroll-container .continue-items .continue-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 188px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; margin-right: 9px; overflow: hidden; background: transparent; border: 0; padding: 0; } .quiz-continue .scroll-container .continue-items .continue-item:hover { text-decoration: none; } .quiz-continue .scroll-container .continue-items .continue-item:last-child { margin-right: 1px; } .quiz-continue .scroll-container .continue-items .continue-item:not(.next) { cursor: default; outline: 0; } .quiz-continue .scroll-container .continue-items .continue-item .item-image, .quiz-continue .scroll-container .continue-items .continue-item .result-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 68px; height: 65px; z-index: -1; } .quiz-continue .scroll-container .continue-items .continue-item .item-image { background-size: cover; background-position: center; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .quiz-continue .scroll-container .continue-items .continue-item .item-image:not(:empty)::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#28a0f9), to(#a036f7)); background-image: linear-gradient(180deg, #28a0f9, #a036f7); -webkit-animation: 0.5s ease fade-in-half; animation: 0.5s ease fade-in-half; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .quiz-continue .scroll-container .continue-items .continue-item .item-image svg { position: relative; width: 40px; height: 40px; fill: white; -webkit-animation: 0.5s ease scale-fade-in; animation: 0.5s ease scale-fade-in; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .quiz-continue .scroll-container .continue-items .continue-item .item-title, .quiz-continue .scroll-container .continue-items .continue-item .binge-title { color: #767676; margin: 0 5px; font-size: 12px; line-height: 1.42; font-weight: 500; font-family: 'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .quiz-continue .scroll-container .continue-items .continue-item .binge-title { color: #28a0f9; } .quiz-continue .scroll-container .continue-items .continue-item .result-image { background-image: -webkit-gradient(linear, left top, left bottom, from(#28a0f9), to(#a036f7)); background-image: linear-gradient(180deg, #28a0f9, #a036f7); } .quiz-continue .scroll-container .continue-items .continue-item .result-image svg { width: 30px; height: 30px; fill: white; } .quiz-continue .scroll-container .continue-items .continue-item.current { -webkit-animation: fade-out .5s ease; animation: fade-out .5s ease; -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .quiz-continue .scroll-container .continue-items .continue-item.next { background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, right top, from(#28a0f9), to(#a036f7)), -webkit-gradient(linear, left top, left bottom, from(#a036f7), to(#28a0f9)), -webkit-gradient(linear, left top, right top, from(#a036f7), to(#28a0f9)), -webkit-gradient(linear, left top, left bottom, from(#28a0f9), to(#a036f7)); background-image: linear-gradient(to right, #28a0f9 0%, #a036f7 100%), linear-gradient(to bottom, #a036f7 0%, #28a0f9 100%), linear-gradient(to right, #a036f7 0%, #28a0f9 100%), linear-gradient(to bottom, #28a0f9 0%, #a036f7 100%); background-position: 0 0, 100% 0, 100% 100%, 0 100%; -webkit-animation: border-fill 15s linear; animation: border-fill 15s linear; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .quiz-continue.cancelled .scroll-container .continue-items .next { background: none; } .quiz-continue.mobile .scroll-container { overflow: auto; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* White box with shadow for quiz and trivia */ @-webkit-keyframes start-btn { 0%, 100% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); } 40%, 55% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); } } @keyframes start-btn { 0%, 100% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); } 40%, 55% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes answer-leave { 0% { opacity: .4; } 10% { opacity: 0; } 100% { opacity: 0; } } @keyframes answer-leave { 0% { opacity: .4; } 10% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes expand { 10% { -webkit-transform: scale(1.05); transform: scale(1.05); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes expand { 10% { -webkit-transform: scale(1.05); transform: scale(1.05); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes play_p_calculate_white_loop { from { background-position: 0; } to { background-position: -2277px; } } @keyframes play_p_calculate_white_loop { from { background-position: 0; } to { background-position: -2277px; } } @-webkit-keyframes play_p_calculate_loop { from { background-position: 0; } to { background-position: -3630px; } } @keyframes play_p_calculate_loop { from { background-position: 0; } to { background-position: -3630px; } } @-webkit-keyframes intro-leave { 0% { opacity: 1; } 50% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 1; } 100% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 0; } } @keyframes intro-leave { 0% { opacity: 1; } 50% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 1; } 100% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 0; } } @-webkit-keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .pb-quiz-result { opacity: 0; -webkit-animation: fade-in 0.5s; animation: fade-in 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-quiz-result .card-wrapper { position: relative; z-index: 100; } .pb-quiz-result .result-drawer { margin: 0 14px 15px; padding: 16px; text-align: center; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); background-color: white; position: relative; opacity: 0; -webkit-animation: 0.5s ease-out result-drawer-in, 0.3s linear fade-in; animation: 0.5s ease-out result-drawer-in, 0.3s linear fade-in; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; padding-bottom: 24px; } .rtl-root-element.RTL .pb-quiz-result .result-drawer { direction: rtl; } @media screen and (max-width: 480px) { .pb-quiz-result .result-drawer { margin: 0 8px 15px; padding: 12px; } } .pb-quiz-result .result-drawer > div { opacity: 0; -webkit-animation: 0.5s ease-out fade-in, 0.5s ease-out result-drawer-children-in; animation: 0.5s ease-out fade-in, 0.5s ease-out result-drawer-children-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-quiz-result .result-drawer .result-title p { font-size: 24px; font-weight: bold; line-height: 1.25; margin-bottom: 12px; text-align: center; } .pb-quiz-result .result-drawer .result-desc p { color: #555; font-size: 16px; line-height: 1.38; margin-bottom: 24px; text-align: center; } .pb-quiz-result .result-drawer .cta { margin-top: 12px; } .pb-quiz-result .result-drawer .share-buttons { margin-top: 12px; } .pb-quiz-result .result-drawer .share-buttons .share-buttons-wrapper { display: inline-block; } .pb-quiz-result .result-drawer .share-buttons .share-buttons-wrapper p { font-size: 12px; color: #aaa; } .pb-quiz-result .result-drawer .share-buttons .share-buttons-wrapper .pb-share-button { width: 40px; height: 40px; } .pb-quiz-result .result-drawer .result-continue { margin-top: 12px; font-size: 16px; font-weight: bold; text-align: center; } .pb-quiz-result .result-drawer .result-continue.dark { color: black !important; } .pb-quiz-result .result-drawer .result-continue.dark svg { fill: black !important; } .pb-quiz-result .result-drawer .result-continue .arrow { margin: 5px 0 -5px; height: 30px; width: 30px; } .pb-quiz-result .result-drawer .result-continue .arrow use > svg { fill: inherit; } .pb-quiz-result .result-drawer .lead-form-action { margin-left: -16px; margin-right: -16px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quiz-question-progress { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4px; background-color: white; } .rtl-root-element.RTL .pb-quiz-question-progress { direction: rtl; } .pb-quiz-question-progress .base { overflow: hidden; width: 100%; } .pb-quiz-question-progress .base .back { background-color: #efefef; position: relative; } .pb-quiz-question-progress .base .color-bar { position: absolute; top: 0; height: calc(100% - 2px); margin: 1px; -webkit-transition: width ease 1s; transition: width ease 1s; background-image: -webkit-gradient(linear, left top, right top, from(#a036f7), to(#28a0f9)); background-image: linear-gradient(90deg, #a036f7, #28a0f9); } .rtl-root-element.RTL .pb-quiz-question-progress .base .color-bar { background-image: -webkit-gradient(linear, right top, left top, from(#a036f7), to(#28a0f9)); background-image: linear-gradient(-90deg, #a036f7, #28a0f9); } .pb-quiz-question-progress .base .dots-container { background-color: white; mix-blend-mode: hard-light; padding: 2px 1px; white-space: nowrap; width: 100%; } .rtl-root-element.RTL .pb-quiz-question-progress .base .dots-container { padding-right: 2px; } .rtl-root-element:not(.RTL) .pb-quiz-question-progress .base .dots-container { padding-left: 2px; } .pb-quiz-question-progress .base .dot { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; background-color: #767676; border-radius: 50%; display: inline-block; height: 6px; width: 6px; } .rtl-root-element.RTL .pb-quiz-question-progress .base .dot { margin-left: 9px; } .rtl-root-element:not(.RTL) .pb-quiz-question-progress .base .dot { margin-right: 9px; } .pb-quiz-question-progress .base .dot.current { -webkit-transform: scale(1.3); transform: scale(1.3); } .pb-quiz-question-progress .counter { margin-top: 2px; white-space: nowrap; direction: ltr; } .rtl-root-element.RTL .pb-quiz-question-progress .counter { margin-right: 5px; } .rtl-root-element:not(.RTL) .pb-quiz-question-progress .counter { margin-left: 5px; } .pb-quiz-question-progress .counter b, .pb-quiz-question-progress .counter span { color: #555; } .pb-quiz-question-progress .fade-container { position: relative; overflow: hidden; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pb-quiz-question-progress .fade-container .fade-start { position: absolute; top: 0; left: 0; width: 50px; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(90deg, white, rgba(255, 255, 255, 0)); z-index: 1; } .pb-quiz-question-progress .fade-container .fade-end { position: absolute; top: 0; right: 0; width: 50px; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), white); z-index: 1; } .pb-quiz-question-progress.ie .color-bar { display: none; } .pb-quiz-question-progress.ie .dot.past, .pb-quiz-question-progress.ie .dot.current { background-color: #28a0f9; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ @-webkit-keyframes start-btn { 0%, 100% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); } 40%, 55% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); } } @keyframes start-btn { 0%, 100% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); } 40%, 55% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes answer-leave { 0% { opacity: .4; } 10% { opacity: 0; } 100% { opacity: 0; } } @keyframes answer-leave { 0% { opacity: .4; } 10% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes expand { 10% { -webkit-transform: scale(1.05); transform: scale(1.05); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes expand { 10% { -webkit-transform: scale(1.05); transform: scale(1.05); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes play_p_calculate_white_loop { from { background-position: 0; } to { background-position: -2277px; } } @keyframes play_p_calculate_white_loop { from { background-position: 0; } to { background-position: -2277px; } } @-webkit-keyframes play_p_calculate_loop { from { background-position: 0; } to { background-position: -3630px; } } @keyframes play_p_calculate_loop { from { background-position: 0; } to { background-position: -3630px; } } @-webkit-keyframes intro-leave { 0% { opacity: 1; } 50% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 1; } 100% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 0; } } @keyframes intro-leave { 0% { opacity: 1; } 50% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 1; } 100% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 0; } } @-webkit-keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* White box with shadow for quiz and trivia */ .pb-quiz-questions-container { -webkit-animation: fade-in 0.5s ease-out; animation: fade-in 0.5s ease-out; } .pb-quiz-questions-container .binge-progress-bar { margin: 0 8px; } .pb-quiz-questions-container .quiz-question { position: relative; } .pb-quiz-questions-container .quiz-question > .transition { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-animation: fade-in-long 5s; animation: fade-in-long 5s; -webkit-animation-delay: 1s; animation-delay: 1s; } .pb-quiz-questions-container .quiz-question .ad-wrapper { text-align: center; background-color: #efefef; } .pb-quiz-questions-container .quiz-question .drawer { margin: 0 14px 15px; padding: 16px; text-align: center; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); background-color: white; } @media screen and (max-width: 480px) { .pb-quiz-questions-container .quiz-question .drawer { margin: 0 8px 15px; padding: 12px; } } .pb-quiz-questions-container .quiz-question .drawer .question-text .text-viewer-component { font-size: 24px; font-weight: bold; line-height: 1.24; color: #555; margin-bottom: 18px; } .pb-quiz-questions-container .quiz-question .answers-wrapper.transition > div { -webkit-animation: fade-out 0.5s; animation: fade-out 0.5s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-quiz-questions-container .quiz-question .pb-quiz-image-card { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.1); } @media screen and (max-width: 480px) { .pb-quiz-questions-container .binge-progress-bar { margin-bottom: 5px; } .pb-quiz-questions-container .quiz-question .answers-wrapper .question-text .text-viewer-component { font-size: 20px; line-height: 1.3; margin-bottom: 12px; } .pb-quiz-questions-container.not-embed .pb-quiz-question-progress { margin: 0 5px; } .pb-quiz-questions-container.not-embed .drawer { margin: 0 0 10px; padding: 8px 8px 12px; } .pb-quiz-questions-container.not-embed .drawer .answers-wrapper .pb-quiz-answers.grid button { border-color: #aaa; } } .pb-quiz-transition-screen { padding-top: 75%; position: relative; -webkit-transition: height .3s ease-out; transition: height .3s ease-out; } .pb-quiz-transition-screen .pb-spinner-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .pb-quiz-transition-screen .logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 80px; height: 80px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; } .pb-quiz-transition-screen .logo.show { opacity: 1; } @-webkit-keyframes splogo { 0% { background: radial-gradient(white 0%, white 30%, transparent 100%); } 50% { background: radial-gradient(white 0%, white 60%, transparent 100%); } 100% { background: radial-gradient(white 0%, white 30%, transparent 100%); } } @keyframes splogo { 0% { background: radial-gradient(white 0%, white 30%, transparent 100%); } 50% { background: radial-gradient(white 0%, white 60%, transparent 100%); } 100% { background: radial-gradient(white 0%, white 30%, transparent 100%); } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ @-webkit-keyframes start-btn { 0%, 100% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); } 40%, 55% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); } } @keyframes start-btn { 0%, 100% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.25); } 40%, 55% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.25); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes answer-leave { 0% { opacity: .4; } 10% { opacity: 0; } 100% { opacity: 0; } } @keyframes answer-leave { 0% { opacity: .4; } 10% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes expand { 10% { -webkit-transform: scale(1.05); transform: scale(1.05); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes expand { 10% { -webkit-transform: scale(1.05); transform: scale(1.05); } 20% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes play_p_calculate_white_loop { from { background-position: 0; } to { background-position: -2277px; } } @keyframes play_p_calculate_white_loop { from { background-position: 0; } to { background-position: -2277px; } } @-webkit-keyframes play_p_calculate_loop { from { background-position: 0; } to { background-position: -3630px; } } @keyframes play_p_calculate_loop { from { background-position: 0; } to { background-position: -3630px; } } @-webkit-keyframes intro-leave { 0% { opacity: 1; } 50% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 1; } 100% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 0; } } @keyframes intro-leave { 0% { opacity: 1; } 50% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 1; } 100% { -webkit-transform: translateY(32px); transform: translateY(32px); opacity: 0; } } @-webkit-keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .pb-quiz-viewer { position: relative; } .pb-quiz-viewer .quiz-seo { display: none; } .pb-quiz-viewer .binge-progress-bar { margin: 0 8px 5px; } .pb-quiz-viewer .embed-responsive-3by2 { padding-bottom: 66.66%; } .pb-quiz-viewer .embed-responsive-3by2 .embed-responsive.embed-responsive-16by9 { padding-bottom: 66.66%; } .pb-quiz-viewer .embed-responsive-1by1 { padding-bottom: 100%; } .pb-quiz-viewer [pb-image-container] { background-color: #f5f5f5; } .pb-quiz-viewer.in-view .intro-start-btn { -webkit-animation: start-btn ease 3s infinite; animation: start-btn ease 3s infinite; } .pb-quiz-viewer .calc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 481px) { .pb-quiz-viewer.not-embed { margin-left: -12px; margin-right: -12px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quotee-media { -ms-flex-item-align: start; align-self: flex-start; } .rtl-root-element.RTL .pb-quotee-media { margin-left: 32px; } .rtl-root-element:not(.RTL) .pb-quotee-media { margin-right: 32px; } .pb-quotee-media .pb-image-viewer { width: 130px; height: 130px; border-radius: 50%; background: transparent; } .pb-quotee-media .pb-image-viewer img { border-radius: 50%; } @media (max-width: 480px) { .pb-quotee-media { margin-bottom: 14px; -ms-flex-item-align: center; align-self: center; } .rtl-root-element.RTL .pb-quotee-media { margin-left: 0; } .rtl-root-element:not(.RTL) .pb-quotee-media { margin-right: 0; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quote-background-media { position: absolute; width: 100%; height: 100%; overflow: hidden; } .pb-quote-background-media .overlay { width: 100%; height: 100%; opacity: .7; position: absolute; top: 0; } .pb-quote-background-media .overlay.opaque { opacity: 1; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quote-mark { margin-bottom: 14px; } .pb-quote-mark svg { width: 56px; height: 56px; } @media (max-width: 480px) { .pb-quote-mark svg { width: 40px; height: 40px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quote-credits { position: absolute; bottom: 5px; color: rgba(0, 0, 0, 0.4); font-size: 10px; text-overflow: ellipsis; background-size: cover; overflow: hidden; font-weight: normal; max-width: 320px; } .rtl-root-element.RTL .pb-quote-credits { right: 5px; } .rtl-root-element:not(.RTL) .pb-quote-credits { left: 5px; } .pb-quote-credits.light-text { color: rgba(255, 255, 255, 0.5); } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quote-details { font-size: 14px; } .pb-quote-details .quotee { opacity: .6; } .pb-quote-details .quote-text { font-size: 28px; line-height: 1.24; padding-bottom: 14px; } .pb-quote-details .quote-text q::before, .pb-quote-details .quote-text q::after { content: ''; } @media (max-width: 480px) { .pb-quote-details .quote-text { font-size: 18px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quote-classic { position: relative; } .pb-quote-classic .quote-wrapper { padding: 38px 32px 42px; width: 100%; position: relative; font-weight: bold; } .pb-quote-classic .quote-wrapper .main-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pb-quote-classic .quote-wrapper.clear-background { padding: 0 0 42px; } .pb-quote-classic .quote-wrapper.clear-background.side-border { padding-bottom: 0; } .rtl-root-element.RTL .pb-quote-classic .quote-wrapper.clear-background.side-border { border-right: 1px solid #dbdbdb; } .rtl-root-element:not(.RTL) .pb-quote-classic .quote-wrapper.clear-background.side-border { border-left: 1px solid #dbdbdb; } .rtl-root-element.RTL .pb-quote-classic .quote-wrapper.clear-background.side-border { padding-right: 32px; } .rtl-root-element:not(.RTL) .pb-quote-classic .quote-wrapper.clear-background.side-border { padding-left: 32px; } @media (max-width: 480px) { .pb-quote-classic .quote-wrapper { padding: 30px 20px 44px; } .pb-quote-classic .quote-wrapper.clear-background { padding: 0 0 44px; } .pb-quote-classic .quote-wrapper.clear-background.side-border { padding-bottom: 0; } .rtl-root-element.RTL .pb-quote-classic .quote-wrapper.clear-background.side-border { padding-right: 20px; } .rtl-root-element:not(.RTL) .pb-quote-classic .quote-wrapper.clear-background.side-border { padding-left: 20px; } .pb-quote-classic .main-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pb-quote-classic .main-content.quotee-avatar { text-align: center; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-quote-animated.embed-responsive-3by4 { padding-bottom: 133.33%; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .rtl-root-element.RTL .pb-quote-viewer { direction: rtl; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .rtl-root-element.RTL .summary-section { direction: rtl; } .summary-section .side-notes { float: left; width: 33.33333%; } .rtl-root-element.RTL .summary-section .side-notes { padding-left: 0; } .rtl-root-element:not(.RTL) .summary-section .side-notes { padding-right: 0; } .rtl-root-element.RTL .summary-section .side-notes { padding-right: 0; } .rtl-root-element:not(.RTL) .summary-section .side-notes { padding-left: 0; } .rtl-root-element.RTL .summary-section .side-notes { float: right; } .summary-section div.side-note-title { color: #555; } .summary-section .side-note-title, .summary-section .side-note-item { color: #767676; font-size: 12px; font-weight: bold; line-height: 1.3; margin-bottom: 14px; width: 100%; } @media screen and (max-width: 480px) { .summary-section .side-notes { float: none; margin-bottom: 22px; width: 100%; } .rtl-root-element.RTL .summary-section .side-notes { float: none; } .summary-section .side-note-title, .summary-section .side-note-item { font-size: 14px; margin-bottom: 8px; } .summary-section .side-note-title { margin-bottom: 10px; } } .summary-section .summary-list-container { line-height: 1.3; width: 66.66666%; } .summary-section .summary-list-container.side-notes-template { float: right; margin-top: -23px; } .rtl-root-element.RTL .summary-section .summary-list-container.side-notes-template { padding-left: 0; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container.side-notes-template { padding-right: 0; } .rtl-root-element.RTL .summary-section .summary-list-container.side-notes-template { padding-right: 8px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container.side-notes-template { padding-left: 8px; } .rtl-root-element.RTL .summary-section .summary-list-container.side-notes-template { float: left; } .summary-section .summary-list-container.simple-list-template { width: 100%; } .rtl-root-element.RTL .summary-section .summary-list-container.simple-list-template { padding-left: 0; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container.simple-list-template { padding-right: 0; } .rtl-root-element.RTL .summary-section .summary-list-container.simple-list-template { padding-right: 0; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container.simple-list-template { padding-left: 0; } .rtl-root-element.RTL .summary-section .summary-list-container.simple-list-template .summary-list { padding-right: 16px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container.simple-list-template .summary-list { padding-left: 16px; } .summary-section .summary-list-container .summary-list { font-size: 16px; font-weight: bold; list-style-type: none; } .rtl-root-element.RTL .summary-section .summary-list-container .summary-list { padding-right: 30px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container .summary-list { padding-left: 30px; } .summary-section .summary-list-container .summary-list > li:not(:last-child) { border-bottom: 1px solid #f5f5f5; } .summary-section .summary-list-container .summary-list-item.checkboxes { cursor: pointer; } .summary-section .summary-list-container .summary-list-item.checkboxes .summary-item { cursor: pointer; width: 100%; } .summary-section .summary-list-container .summary-list-item.checkboxes .item-checkbox-checked { opacity: .6; } .summary-section .summary-list-container .summary-list-item.checkboxes:hover .item-checkbox-checked { opacity: 1; } .summary-section .summary-list-container .summary-item { margin-top: 18px; color: black; font-weight: normal; padding-bottom: 15px; } .rtl-root-element.RTL .summary-section .summary-list-container .summary-item { margin-right: 8px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container .summary-item { margin-left: 8px; } .summary-section .summary-list-container .summary-item span { cursor: default; } .summary-section .summary-list-container .summary-item .text-viewer-component p { font-size: 16px; } .summary-section .summary-list-container .last-item { border-bottom: 0; cursor: default; } .summary-section .summary-list-container li { position: relative; } .summary-section .summary-list-container .text-editor-viewer .ql-editor { font-size: 16px; line-height: 1.3; } .summary-section .summary-list-container .fade-in { opacity: 1; } .summary-section .summary-list-container .fade-out { opacity: .2; } .summary-section .summary-list-container .item-decimal { position: absolute; top: 2px; text-align: right; display: inline-block; height: 16px; left: -35px; width: 30px; } .rtl-root-element.RTL .summary-section .summary-list-container .item-decimal { right: -35px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container .item-decimal { left: -35px; } .rtl-root-element.RTL .summary-section .summary-list-container .item-decimal { text-align: left; } .summary-section .summary-list-container .item-disc { position: absolute; top: 8px; border: 3px solid; border-radius: 50%; width: 3px; } .rtl-root-element.RTL .summary-section .summary-list-container .item-disc { right: -17px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container .item-disc { left: -17px; } .summary-section .summary-list-container .item-checkbox { position: absolute; top: 2px; height: 16px; width: 16px; } .rtl-root-element.RTL .summary-section .summary-list-container .item-checkbox { right: -18px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container .item-checkbox { left: -18px; } .summary-section .summary-list-container .item-checkbox > svg { height: 16px; pointer-events: none; width: 16px; } .summary-section .summary-list-container .item-decimal, .summary-section .summary-list-container .item-disc, .summary-section .summary-list-container .item-checkbox { margin-top: 18px; } @media screen and (max-width: 480px) { .summary-section .summary-list-container { line-height: 1.4; width: 100%; } .rtl-root-element.RTL .summary-section .summary-list-container { padding-right: 0; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container { padding-left: 0; } .summary-section .summary-list-container.side-notes-template { float: none; margin-top: 0; } .rtl-root-element.RTL .summary-section .summary-list-container.side-notes-template { padding-left: 0; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container.side-notes-template { padding-right: 0; } .rtl-root-element.RTL .summary-section .summary-list-container.side-notes-template { padding-right: 0; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container.side-notes-template { padding-left: 0; } .rtl-root-element.RTL .summary-section .summary-list-container.side-notes-template { float: none; } .summary-section .summary-list-container .summary-list { font-size: 14px; } .rtl-root-element.RTL .summary-section .summary-list-container .summary-list { padding-right: 18px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container .summary-list { padding-left: 18px; } .summary-section .summary-list-container .item-checkbox { position: absolute; top: 1px; } .rtl-root-element.RTL .summary-section .summary-list-container .item-checkbox { right: -17px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container .item-checkbox { left: -17px; } .summary-section .summary-list-container .summary-item { margin-top: 12px; padding-bottom: 10px; } .rtl-root-element.RTL .summary-section .summary-list-container .summary-item { margin-right: 5px; } .rtl-root-element:not(.RTL) .summary-section .summary-list-container .summary-item { margin-left: 5px; } } .summary-section .section-container { border: 1px solid #dbdbdb; position: relative; } .summary-section .section-container .summary-container { margin: 20px 0; width: 100%; } .rtl-root-element.RTL .summary-section .section-container .summary-container { padding-left: 22px; } .rtl-root-element:not(.RTL) .summary-section .section-container .summary-container { padding-right: 22px; } .rtl-root-element.RTL .summary-section .section-container .summary-container { padding-right: 22px; } .rtl-root-element:not(.RTL) .summary-section .section-container .summary-container { padding-left: 22px; } .summary-section .section-container .top-line { height: 3px; margin: 0 0 18px; opacity: .6; width: 100%; } .summary-section .section-container .summary-headline { font-size: 24px; font-weight: bold; margin-bottom: 24px; width: 100%; } .summary-section .section-container .summary-content { margin: 0; } .summary-section .section-container .summary-content .text-editor-viewer .ql-editor { overflow: hidden; } .summary-section .section-container .footer { text-align: right; } .rtl-root-element.RTL .summary-section .section-container .footer { text-align: left; } .summary-section .section-container .share-buttons .opener svg { fill: #dbdbdb; } @media screen and (max-width: 480px) { .summary-section .section-container .summary-headline { font-size: 18px; margin-bottom: 10px; } .summary-section .section-container .top-line { margin-bottom: 17px; } .summary-section .section-container .summary-container { margin: 10px 0; width: 100%; } .rtl-root-element.RTL .summary-section .section-container .summary-container { padding-left: 12px; } .rtl-root-element:not(.RTL) .summary-section .section-container .summary-container { padding-right: 12px; } .rtl-root-element.RTL .summary-section .section-container .summary-container { padding-right: 12px; } .rtl-root-element:not(.RTL) .summary-section .section-container .summary-container { padding-left: 12px; } .summary-section .section-container .share-buttons .opener { background-color: white; opacity: 1; } .summary-section .section-container .share-buttons .opener.opened { background-color: #efefef; } .summary-section .section-container .share-buttons .opener.opened svg { fill: #767676; } } .item-checkbox-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .item-checkbox svg { margin-top: 3px; } .item-checkbox-input:focus + svg { outline: 1px solid; outline-offset: 2px; outline-color: inherit; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .summary-section.fade-in li .summary-item { -webkit-animation-name: summary-fade-in; animation-name: summary-fade-in; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-transition: 200ms; transition: 200ms; opacity: .1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes summary-fade-in { 0% { opacity: .2; } 100% { opacity: 1; } } @keyframes summary-fade-in { 0% { opacity: .2; } 100% { opacity: 1; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* White box with shadow for quiz and trivia */ .pb-trivia-result { opacity: 0; -webkit-animation: fade-in 0.5s; animation: fade-in 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-trivia-result .card-wrapper { position: relative; z-index: 100; } .pb-trivia-result .card-wrapper .score { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; direction: ltr; } .pb-trivia-result .card-wrapper .score .correct { font-size: 90px; font-weight: bold; } .pb-trivia-result .card-wrapper .score .length { font-size: 36px; } .pb-trivia-result .result-drawer { margin: 0 14px 15px; padding: 16px; text-align: center; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); background-color: white; position: relative; opacity: 0; -webkit-animation: 0.5s ease-out result-drawer-in, 0.3s linear fade-in; animation: 0.5s ease-out result-drawer-in, 0.3s linear fade-in; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; padding-bottom: 24px; } @media screen and (max-width: 480px) { .pb-trivia-result .result-drawer { margin: 0 8px 15px; padding: 12px; } } .pb-trivia-result .result-drawer > div { opacity: 0; -webkit-animation: 0.5s ease-out fade-in, 0.5s ease-out result-drawer-children-in; animation: 0.5s ease-out fade-in, 0.5s ease-out result-drawer-children-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-trivia-result .result-drawer .drawer-score { direction: ltr; } .pb-trivia-result .result-drawer .drawer-score .correct { font-size: 50px; font-weight: bold; color: #28a0f9; } .pb-trivia-result .result-drawer .drawer-score .length { font-size: 20px; color: #767676; } .pb-trivia-result .result-drawer .title-wrapper .text-viewer-component { font-size: 24px; font-weight: bold; line-height: 1.24; text-align: center; margin-bottom: 12px; } .pb-trivia-result .result-drawer .description-wrapper .text-viewer-component { font-size: 17px; line-height: 1.47; text-align: center; color: #767676; margin-bottom: 24px; } .pb-trivia-result .result-drawer .cta { margin-top: 12px; } .pb-trivia-result .result-drawer .share-buttons { margin-top: 12px; } .pb-trivia-result .result-drawer .share-buttons .share-buttons-wrapper { display: inline-block; } .pb-trivia-result .result-drawer .share-buttons .share-buttons-wrapper p { font-size: 12px; color: #aaa; } .pb-trivia-result .result-drawer .share-buttons .share-buttons-wrapper .pb-share-button { width: 40px; height: 40px; } .pb-trivia-result .result-drawer .continue { margin-top: 12px; font-size: 16px; font-weight: bold; text-align: center; } .pb-trivia-result .result-drawer .continue svg { margin-top: 5px; width: 30px; height: 30px; } .pb-trivia-result .result-drawer .continue.dark { color: black !important; } .pb-trivia-result .result-drawer .continue.dark svg { fill: black !important; } .pb-trivia-result .result-drawer .lead-form-action { margin-left: -16px; margin-right: -16px; } @media screen and (max-width: 480px) { .pb-trivia-result .card-wrapper .score .correct { font-size: 72px; } .pb-trivia-result .card-wrapper .score .length { font-size: 24px; } .pb-trivia-result .result-drawer .correct { font-size: 34px; } .pb-trivia-result .result-drawer .length { font-size: 16px; } .pb-trivia-result .result-drawer .title-wrapper .text-viewer-component { font-size: 20px; line-height: 1.45; } .pb-trivia-result .result-drawer .description-wrapper .text-viewer-component { font-size: 15px; line-height: 1.4; } .pb-trivia-result .result-drawer .separator { margin: 10px 0; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-open-question-progress { text-align: left; color: #555; direction: ltr; } .rtl-root-element.RTL .pb-open-question-progress { text-align: right; } .pb-open-question-progress .current { font-size: 30px; font-weight: bold; } .pb-open-question-progress .length { font-size: 16px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-flipper { -webkit-perspective: 1000px; perspective: 1000px; position: relative; z-index: 200; } .pb-flipper .embed-responsive-3by2 { padding-bottom: 66.66%; } .pb-flipper .flipper { position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } .pb-flipper.flipped .flipper { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .pb-flipper.flipped .flip-back, .pb-flipper:not(.flipped) .flip-front { z-index: 200; } .pb-flipper .flip-front, .pb-flipper .flip-back { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .pb-flipper .flip-front.use-backface, .pb-flipper .flip-back.use-backface { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pb-flipper .underlay { width: 0; } .pb-flipper .flip-front { z-index: 100; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .pb-flipper .flip-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .pb-flipper .flip-btn { position: absolute; top: 12px; left: 12px; height: 35px; width: 35px; border-radius: 50%; background: rgba(0, 0, 0, 0.6); text-align: center; padding: 0; border: 0; z-index: 100; } .pb-flipper .flip-btn:focus { -webkit-box-shadow: 0 0 1px 1px #28a0f9; box-shadow: 0 0 1px 1px #28a0f9; outline: 0; } .pb-flipper .flip-btn svg { height: 35px; width: 23px; fill: white; } .pb-flipper .flip-back .flip-btn svg { -webkit-transform: scaleX(-1); transform: scaleX(-1); } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* White box with shadow for quiz and trivia */ .pb-trivia-tracker { margin: 0 14px 15px; padding: 16px; text-align: center; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); background-color: white; margin-top: 50px; height: 340px; position: relative; } @media screen and (max-width: 480px) { .pb-trivia-tracker { margin: 0 8px 15px; padding: 12px; } } .pb-trivia-tracker .progress { position: absolute; top: 0; height: 4px; background-image: linear-gradient(236deg, #28a0f9, #a036f7); -webkit-transition: width ease .5s; transition: width ease .5s; } .rtl-root-element.RTL .pb-trivia-tracker .progress { right: 0; } .rtl-root-element:not(.RTL) .pb-trivia-tracker .progress { left: 0; } .pb-trivia-tracker .number { margin-top: 70px; font-size: 66px; font-weight: bold; line-height: 1; color: #28a0f9; } .pb-trivia-tracker .title { font-size: 28px; font-weight: bold; color: #555; } .rtl-root-element.RTL .pb-trivia-tracker .title { direction: rtl; } .pb-trivia-tracker .back-btn { margin-top: 70px; border: 0; background: none; } .pb-trivia-tracker .back-btn svg { width: 12px; height: 12px; color: #767676; } .pb-trivia-tracker .back-btn div { font-size: 14px; color: #555; } @media screen and (max-width: 480px) { .pb-trivia-tracker { height: 230px; } .pb-trivia-tracker .number { margin-top: 20px; font-size: 52px; } .pb-trivia-tracker .title { font-size: 24px; } .pb-trivia-tracker .back-btn { margin-top: 40px; } } .pb-trivia-questions-open .question-offset { margin-top: 30px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-trivia-questions-close { -webkit-animation: fade-in .5s; animation: fade-in .5s; } .pb-trivia-questions-close .trivia-question { position: relative; } .pb-trivia-questions-close .trivia-question > .transition { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-animation: fade-in-long 5s; animation: fade-in-long 5s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .pb-trivia-questions-close .trivia-question .ad-wrapper { text-align: center; background-color: #efefef; } .pb-trivia-questions-close .trivia-question .answers-wrapper.transition > div { -webkit-animation: fade-out 0.5s; animation: fade-out 0.5s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media screen and (max-width: 480px) { .pb-trivia-questions-close .trivia-question .answers-wrapper .question-text .text-viewer-component { font-size: 20px; line-height: 1.3; margin-bottom: 12px; } .pb-trivia-questions-close.not-embed .pb-quiz-question-progress { margin: 0 5px; } .pb-trivia-questions-close.not-embed .trivia-question .drawer { margin: 0 0 10px; padding: 8px 8px 12px; } .pb-trivia-questions-close.not-embed .trivia-question .drawer .answers-wrapper .pb-quiz-answers.grid button { border-color: #aaa; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* White box with shadow for quiz and trivia */ @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @keyframes fade-in-long { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .pb-trivia-viewer .binge-progress-bar { margin: 0 8px 5px; } .pb-trivia-viewer .trivia-question .drawer { margin: 0 14px 15px; padding: 16px; text-align: center; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); background-color: white; } @media screen and (max-width: 480px) { .pb-trivia-viewer .trivia-question .drawer { margin: 0 8px 15px; padding: 12px; } } .pb-trivia-viewer .trivia-question .drawer .question-text .text-viewer-component { font-size: 24px; font-weight: bold; line-height: 1.24; color: #555; margin-bottom: 18px; } @media screen and (max-width: 480px) { .pb-trivia-viewer .trivia-question .answers-wrapper .question-text .text-viewer-component { font-size: 20px; line-height: 1.3; margin-bottom: 12px; } .pb-trivia-viewer.not-embed .section-title { margin: 0 8px; } } .pb-trivia-viewer.not-embed { margin-left: -12px; margin-right: -12px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .download-btn-container { padding: 12px; min-width: 250px; } .download-btn-container .download-btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; width: 100%; border-radius: 23px; outline: none; margin: auto; background-color: white; font-family: Poppins, sans-serif; } .download-btn-container .download-btn svg { height: 20px; width: 20px; margin-right: 3px; } .download-btn-container .download-btn.processing, .download-btn-container .download-btn.downloading { color: #767676; border: 1px solid #767676; } .download-btn-container .download-btn.processing svg, .download-btn-container .download-btn.downloading svg { -webkit-animation: processing 2s infinite; animation: processing 2s infinite; margin: 10px; height: 20px; width: 20px; fill: #767676; } @-webkit-keyframes processing { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @keyframes processing { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } .download-btn-container .download-btn.ready { color: #a036f7; border: 1px solid #a036f7; } .download-btn-container .download-btn.ready svg { fill: #a036f7; } .download-btn-container .download-btn.ready:hover { color: white; background-color: #a036f7; } .download-btn-container .download-btn.ready:hover svg:not(.lock) { fill: white; } .download-btn-container .download-btn svg.lock { fill: #fa9c37; background-color: white; border: 1px solid #fa9c37; border-radius: 25px; padding: 4px; margin-right: 8px; width: 25px; height: 25px; position: absolute; top: -10px; right: -10px; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-video-download { padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: white; outline: 1px solid #efefef; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); -ms-flex-wrap: wrap; flex-wrap: wrap; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-video-creator-section { margin: 0 auto; max-width: 640px; position: relative; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-checklist-answer { height: 86px; width: 100%; margin-bottom: 20px; -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); border-radius: 42px; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; border: 0; padding: 0; -webkit-transition: all .2s; transition: all .2s; outline: none; } .pb-checklist-answer:hover, .pb-checklist-answer:focus { -webkit-transform: scale(1.03); transform: scale(1.03); } .pb-checklist-answer.selected { background-color: white; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.03); transform: scale(1.03); } .pb-checklist-answer.selected .text-container { color: black !important; } .pb-checklist-answer.selected .checkbox-svg-hint { fill: black !important; } .pb-checklist-answer:active { -webkit-transform: scale(0.98); transform: scale(0.98); } .pb-checklist-answer:disabled:hover, .pb-checklist-answer:disabled:focus { -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.5); -webkit-transform: scale(1); transform: scale(1); } .pb-checklist-answer:disabled:hover .text-container, .pb-checklist-answer:disabled:focus .text-container { color: inherit !important; } .pb-checklist-answer.selected .checkbox-svg { opacity: 1; } .pb-checklist-answer:last-of-type { margin-bottom: 50px; } .pb-checklist-answer .answer-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; height: 100%; position: relative; } .pb-checklist-answer .pb-image-viewer { width: 100px; height: 100px; min-width: 100px; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.5); margin-top: -6px; background-color: inherit; } .pb-checklist-answer .text-container { width: 88%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pb-checklist-answer .text-container .viewport-monitor { width: 100%; } .pb-checklist-answer .text-container .text-viewer-component, .pb-checklist-answer .text-container .hinter { text-align: left; display: block; width: 100%; font-size: 16px; color: inherit; font-weight: normal; margin: 0; } .rtl-root-element.RTL .pb-checklist-answer .text-container .text-viewer-component, .rtl-root-element.RTL .pb-checklist-answer .text-container .hinter { text-align: right; } .rtl-root-element.RTL .pb-checklist-answer .text-container .text-viewer-component, .rtl-root-element.RTL .pb-checklist-answer .text-container .hinter { padding-right: 10%; } .rtl-root-element:not(.RTL) .pb-checklist-answer .text-container .text-viewer-component, .rtl-root-element:not(.RTL) .pb-checklist-answer .text-container .hinter { padding-left: 10%; } .pb-checklist-answer .answer-checkbox { opacity: 0; } .pb-checklist-answer .checkbox-svg { position: absolute; top: calc(50% - 7px); opacity: 0; width: 19px; height: 15px; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } .rtl-root-element.RTL .pb-checklist-answer .checkbox-svg { left: 7%; } .rtl-root-element:not(.RTL) .pb-checklist-answer .checkbox-svg { right: 7%; } .pb-checklist-answer .checkbox-svg-hint { position: absolute; top: calc(50% - 6px); width: 14px; height: 12px; opacity: .3; border-radius: 50%; fill: inherit; } .rtl-root-element.RTL .pb-checklist-answer .checkbox-svg-hint { left: 7%; } .rtl-root-element:not(.RTL) .pb-checklist-answer .checkbox-svg-hint { right: 7%; } .pb-checklist-answer .checkbox-hint { margin: 0 7% 0 auto; width: 20px; height: 20px; opacity: .3; border-radius: 50%; border: 1px solid black; background-color: white; } @media screen and (max-width: 480px) { .pb-checklist-answer { height: 70px; } .pb-checklist-answer .text-container .text-viewer-component { line-height: 1.2; font-size: 15px; padding-right: 10px; } .pb-checklist-answer .checkbox-svg { position: absolute; } .rtl-root-element.RTL .pb-checklist-answer .checkbox-svg { left: 6%; } .rtl-root-element:not(.RTL) .pb-checklist-answer .checkbox-svg { right: 6%; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-checklist-grid-answer { background: transparent; -ms-flex-preferred-size: calc(50% - 80px); flex-basis: calc(50% - 80px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 6px; margin: 8px; outline: none; border: 0; } .pb-checklist-grid-answer .answer-image-container .pb-image-viewer { -webkit-transition: border .2s; transition: border .2s; } .pb-checklist-grid-answer.selected .answer-image-container, .pb-checklist-grid-answer:focus .answer-image-container, .pb-checklist-grid-answer:hover .answer-image-container { outline: 0; } .pb-checklist-grid-answer.selected .answer-image-container img, .pb-checklist-grid-answer:focus .answer-image-container img, .pb-checklist-grid-answer:hover .answer-image-container img { -webkit-transform: scale(1.07); transform: scale(1.07); } .pb-checklist-grid-answer.selected .text-viewer-wrapper:not(.dark) .text-viewer-component, .pb-checklist-grid-answer:focus .text-viewer-wrapper:not(.dark) .text-viewer-component, .pb-checklist-grid-answer:hover .text-viewer-wrapper:not(.dark) .text-viewer-component { color: inherit; } .pb-checklist-grid-answer.selected .answer-image-container .pb-image-viewer { border: 3px solid white; } .pb-checklist-grid-answer.ie { -ms-flex-preferred-size: calc(50% - 40px); flex-basis: calc(50% - 40px); } .pb-checklist-grid-answer .answer-container { position: relative; } .pb-checklist-grid-answer .answer-container .answer-image-container { position: relative; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); } .pb-checklist-grid-answer .answer-container .answer-image-container.embed-responsive-1by1 { padding-bottom: 100%; border-bottom: 0; } .pb-checklist-grid-answer .answer-container .answer-image-container img { -webkit-transition: -webkit-transform .15s ease; transition: -webkit-transform .15s ease; transition: transform .15s ease; transition: transform .15s ease, -webkit-transform .15s ease; } .pb-checklist-grid-answer .answer-container .answer-image-container .image-border { -webkit-transition: border .1s; transition: border .1s; background-color: transparent; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pb-checklist-grid-answer .answer-container .text-viewer-wrapper .text-viewer-component { text-align: center; margin: 7px 0 0; font-size: 14px; color: inherit; line-height: 1.3; word-break: normal; } .pb-checklist-grid-answer .answer-container .text-viewer-wrapper .text-viewer-component p br { display: none; } .pb-checklist-grid-answer .answer-container .checkbox-circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 38px; height: 38px; position: absolute; top: 0; right: 0; border-radius: 50%; opacity: 0; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background-color: white; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); } .pb-checklist-grid-answer .answer-container .checkbox-circle.animate { opacity: 1; -webkit-transform: translate(18px, -18px); transform: translate(18px, -18px); } .pb-checklist-grid-answer .answer-container .checkbox-circle svg { width: 14px; height: 10px; fill: #555; } .pb-checklist-grid-answer .answer-container .checkbox-hint { position: absolute; top: 8px; right: 8px; height: 30px; width: 30px; opacity: 0; -webkit-transition: opacity 50ms ease-in; transition: opacity 50ms ease-in; } .pb-checklist-grid-answer .answer-container .checkbox-hint.show-hint { opacity: 1; fill: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 480px) { .pb-checklist-grid-answer { padding: 5px; margin: 4px; -ms-flex-preferred-size: calc(50% - 40px); flex-basis: calc(50% - 40px); } .pb-checklist-grid-answer .answer-container .text-viewer-wrapper .text-viewer-component { font-size: 12px; } .pb-checklist-grid-answer .answer-container .checkbox-circle { width: 32px; height: 32px; } .pb-checklist-grid-answer .answer-container .checkbox-circle.animate { -webkit-transform: translate(14px, -14px); transform: translate(14px, -14px); } .pb-checklist-grid-answer .answer-container .checkbox-circle svg { width: 14px; height: 10px; } .pb-checklist-grid-answer .answer-container .checkbox-hint { width: 24px; height: 24px; top: 4px; right: 4px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* White box with shadow for quiz and trivia */ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-in { from { -webkit-transform: translateY(-300px); transform: translateY(-300px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes result-drawer-children-in { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .pb-checklist-result { background-color: white; } .pb-checklist-result .close-icon { position: fixed; top: 10px; right: 20px; width: 32px; height: 32px; z-index: 1; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; border: 0; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; } .pb-checklist-result .close-icon svg { width: 12px; height: 12px; fill: #767676; } .pb-checklist-result .result-drawer { margin: 0 14px 15px; padding: 16px; text-align: center; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); background-color: white; padding: 0 0 16px; overflow: hidden; position: relative; opacity: 0; -webkit-animation: 0.5s ease-out result-drawer-in, 0.3s linear fade-in; animation: 0.5s ease-out result-drawer-in, 0.3s linear fade-in; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; padding-bottom: 24px; margin: 0 auto; -webkit-box-shadow: none; box-shadow: none; max-width: 640px; border: 1px solid #dbdbdb; border-radius: 10px; } .rtl-root-element.RTL .pb-checklist-result .result-drawer { direction: rtl; } @media screen and (max-width: 480px) { .pb-checklist-result .result-drawer { margin: 0 8px 15px; padding: 12px; } } .pb-checklist-result .result-drawer .pb-quiz-card::before { content: none; } .pb-checklist-result .result-drawer .pb-quiz-card .pb-quiz-image-card .media-container .pb-image-viewer .viewport-monitor .pb-image-viewer-credits { display: none; } .pb-checklist-result .result-drawer > div { opacity: 0; -webkit-animation: 0.5s ease-out fade-in, 0.5s ease-out result-drawer-children-in; animation: 0.5s ease-out fade-in, 0.5s ease-out result-drawer-children-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .pb-checklist-result .result-drawer .result-title h3 { margin: 26px 0 0; } .pb-checklist-result .result-drawer .result-title h3 p { font-size: 24px; font-weight: bold; line-height: 1.25; margin-bottom: 12px; text-align: center; padding: 0 16px; } .pb-checklist-result .result-drawer .result-desc h3 { margin: 0 0 0; } .pb-checklist-result .result-drawer .result-desc h3 p { color: #555; font-size: 16px; line-height: 1.38; opacity: .8; margin-bottom: 18px; text-align: center; padding: 0 16px; } .pb-checklist-result .result-drawer .cta { position: -webkit-sticky; position: sticky; top: 0; background-color: white; z-index: 1; } .pb-checklist-result .result-drawer .share-buttons { position: -webkit-sticky; position: sticky; top: 0; margin-top: 12px; padding: 10px; background-color: white; z-index: 1; } .pb-checklist-result .result-drawer .share-buttons p { font-size: 12px; color: #aaa; } .pb-checklist-result .result-drawer .share-buttons .pb-share-button { width: 40px; height: 40px; } .pb-checklist-result .result-drawer .result-answers { margin-top: 62px; } .pb-checklist-result .result-drawer .result-answers h4 { font-size: 16px; opacity: .8; margin: 0 0 17px; } @media screen and (max-width: 480px) { .pb-checklist-result .close-icon { right: 10px; } .pb-checklist-result .result-drawer { margin: 0; padding: 0 0 24px 0; } .pb-checklist-result .result-drawer .result-title h3 { margin: 26px 0 0; } .pb-checklist-result .result-drawer .result-title h3 p { font-size: 20px; padding: 0 10px; } .pb-checklist-result .result-drawer .result-desc h3 { margin: 8px 0 0; } .pb-checklist-result .result-drawer .result-desc h3 p { font-size: 16px; padding: 0 10px; } .pb-checklist-result .result-drawer .cta { margin-top: 0; } .pb-checklist-result .result-drawer .result-answers { margin-top: 40px; padding: 0 10px; } .pb-checklist-result .result-drawer .result-answers h4 { font-size: 14px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-checklist-viewer { position: relative; } .pb-checklist-viewer .answers { margin-top: 35px; } .pb-checklist-viewer .checklist-selection { padding: 35px 40px; border-radius: 16px; z-index: 100; position: relative; -webkit-transition: border-radius 300ms; transition: border-radius 300ms; } .pb-checklist-viewer .checklist-selection.result { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .pb-checklist-viewer .checklist-selection .question { border: 0; margin: 0; padding: 0; font-weight: bold; min-height: 10px; } .pb-checklist-viewer .checklist-selection .question .text-viewer-component { color: inherit; margin: 0 0 10px; } .pb-checklist-viewer .checklist-selection .question .text-viewer-component p { text-align: center; font-size: 28px; line-height: 30px; } .pb-checklist-viewer .checklist-selection .answer-limit { font-size: 15px; text-align: center; margin-bottom: 0; color: #dbdbdb; opacity: .7; } .pb-checklist-viewer .checklist-selection .submit-btn { display: block; margin: 20px auto 0; background-color: transparent; width: 174px; height: 52px; text-align: center; border: 2px solid; border-radius: 30px; -webkit-transition: all .2s; transition: all .2s; outline: none; color: inherit; cursor: pointer; font-size: 16px; } .pb-checklist-viewer .checklist-selection .submit-btn:enabled:hover, .pb-checklist-viewer .checklist-selection .submit-btn:enabled:focus { background-color: white; color: black; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.1); transform: scale(1.1); border: 0; } .pb-checklist-viewer .checklist-selection .submit-btn:disabled { opacity: .2; } .pb-checklist-viewer .grid-answers { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 35px; } .pb-checklist-viewer.whiteBg .checklist-selection { border: 1px solid #dbdbdb; } .pb-checklist-viewer .credits { font-size: 9px; color: #767676; margin-top: 10px; } .pb-checklist-viewer.dark .question, .pb-checklist-viewer.dark .answer-limit, .pb-checklist-viewer.dark .text-viewer-wrapper, .pb-checklist-viewer.dark .submit-btn { opacity: .7; } @media screen and (max-width: 480px) { .pb-checklist-viewer .grid-answers { margin-top: 24px; } .pb-checklist-viewer .checklist-selection { padding: 15px 8px 35px; } .pb-checklist-viewer .checklist-selection .question .text-viewer-component p { font-size: 20px; } .pb-checklist-viewer .checklist-selection .submit-btn { margin-top: 30px; } } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .sponsored-badge { border: 1px solid #fa9b32; border-radius: 3px; color: #fa9b32; font-size: 11px; text-align: center; padding: 3px; display: inline-block; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-story-embed-button { color: #767676; height: 36px; border-radius: 50px; padding-right: 15px; border-color: #dbdbdb; } .rtl-root-element.RTL .pb-story-embed-button { margin-right: 6px; } .rtl-root-element:not(.RTL) .pb-story-embed-button { margin-left: 6px; } .pb-story-embed-button svg { fill: #767676; width: 24px; height: 24px; vertical-align: middle; margin-right: 2px; } .pb-story-embed-button:hover { background-color: transparent; border-color: #aaa; } .pb-story-embed-button:hover svg { fill: #28a0f9; } .pb-story-embed-button:active, .pb-story-embed-button:focus, .pb-story-embed-button:active:focus { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-toggle-switch { position: relative; display: inline-block; width: 30px; height: 18px; outline: none; } .pb-toggle-switch input { display: none; } .pb-toggle-switch input:checked + .slider { background-color: #28a0f9; } .pb-toggle-switch input:focus + .slider { -webkit-box-shadow: 0 0 1px #28a0f9; box-shadow: 0 0 1px #28a0f9; } .pb-toggle-switch input:checked + .slider::before { -webkit-transform: translateX(10px); transform: translateX(10px); } .pb-toggle-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #aaa; -webkit-transition: .4s; transition: .4s; border-radius: 34px; } .pb-toggle-switch .slider::before { position: absolute; content: ''; height: 12px; width: 12px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-embed-copy-code input { border-radius: 4px 0 0 4px; border: 0; background-color: #f5f5f5; color: #555; padding: 6px 0 6px 12px; font-family: monospace; height: 46px; } .pb-embed-copy-code .copy-code-btn { background-color: #28a0f9; border-color: #28a0f9; color: white; font-weight: bold; padding: 0 12px; width: 130px; height: 46px; } .pb-embed-copy-code .copy-code-btn svg { fill: white; } .pb-embed-copy-code .copy-code-btn:hover, .pb-embed-copy-code .copy-code-btn:active, .pb-embed-copy-code .copy-code-btn:focus, .pb-embed-copy-code .copy-code-btn:disabled, .pb-embed-copy-code .copy-code-btn:hover:active, .pb-embed-copy-code .copy-code-btn:hover:focus, .pb-embed-copy-code .copy-code-btn:hover:disabled, .pb-embed-copy-code .copy-code-btn:active:focus, .pb-embed-copy-code .copy-code-btn:active:disabled, .pb-embed-copy-code .copy-code-btn:focus:disabled, .pb-embed-copy-code .copy-code-btn.pb-active { background-color: #5ab6fa; border-color: #5ab6fa; color: white; font-weight: bold; } .pb-embed-copy-code .copy-code-btn:hover svg, .pb-embed-copy-code .copy-code-btn:active svg, .pb-embed-copy-code .copy-code-btn:focus svg, .pb-embed-copy-code .copy-code-btn:disabled svg, .pb-embed-copy-code .copy-code-btn:hover:active svg, .pb-embed-copy-code .copy-code-btn:hover:focus svg, .pb-embed-copy-code .copy-code-btn:hover:disabled svg, .pb-embed-copy-code .copy-code-btn:active:focus svg, .pb-embed-copy-code .copy-code-btn:active:disabled svg, .pb-embed-copy-code .copy-code-btn:focus:disabled svg, .pb-embed-copy-code .copy-code-btn.pb-active svg { fill: white; } .pb-embed-copy-code .copy-code-btn.pb-active .hide-on-active { display: none; } .pb-embed-copy-code .copy-code-btn:not(.pb-active) .show-on-active { display: none; } .pb-embed-copy-code .copy-code-btn > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pb-embed-copy-code .copy-code-btn > div svg { width: 20px; height: 20px; fill: white; margin-right: 10px; } .pb-embed-copy-code .copy-code-btn.copied { background-color: #28a745; border-color: #28a745; color: white; font-weight: bold; } .pb-embed-copy-code .copy-code-btn.copied svg { fill: white; } .pb-embed-copy-code .copy-code-btn.copied:hover, .pb-embed-copy-code .copy-code-btn.copied:active, .pb-embed-copy-code .copy-code-btn.copied:focus, .pb-embed-copy-code .copy-code-btn.copied:disabled, .pb-embed-copy-code .copy-code-btn.copied:hover:active, .pb-embed-copy-code .copy-code-btn.copied:hover:focus, .pb-embed-copy-code .copy-code-btn.copied:hover:disabled, .pb-embed-copy-code .copy-code-btn.copied:active:focus, .pb-embed-copy-code .copy-code-btn.copied:active:disabled, .pb-embed-copy-code .copy-code-btn.copied:focus:disabled, .pb-embed-copy-code .copy-code-btn.copied.pb-active { background-color: #34ce57; border-color: #34ce57; color: white; font-weight: bold; } .pb-embed-copy-code .copy-code-btn.copied:hover svg, .pb-embed-copy-code .copy-code-btn.copied:active svg, .pb-embed-copy-code .copy-code-btn.copied:focus svg, .pb-embed-copy-code .copy-code-btn.copied:disabled svg, .pb-embed-copy-code .copy-code-btn.copied:hover:active svg, .pb-embed-copy-code .copy-code-btn.copied:hover:focus svg, .pb-embed-copy-code .copy-code-btn.copied:hover:disabled svg, .pb-embed-copy-code .copy-code-btn.copied:active:focus svg, .pb-embed-copy-code .copy-code-btn.copied:active:disabled svg, .pb-embed-copy-code .copy-code-btn.copied:focus:disabled svg, .pb-embed-copy-code .copy-code-btn.copied.pb-active svg { fill: white; } .pb-embed-copy-code .copy-code-btn.copied.pb-active .hide-on-active { display: none; } .pb-embed-copy-code .copy-code-btn.copied:not(.pb-active) .show-on-active { display: none; } .pb-embed-copy-code .copy-code-btn.copied svg { margin: 4px 10px 4px 4px; width: 12px; height: 12px; } .pb-embed-copy-code .copy-code-btn:active { -webkit-box-shadow: none; box-shadow: none; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-embed-media { position: relative; width: 572px; height: 176px; overflow: hidden; } .pb-embed-media .overlay { width: 100%; height: 100%; opacity: .7; position: absolute; top: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(32, 45, 55, 0.8))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(32, 45, 55, 0.8)); } .pb-embed-media .overlay.opaque { opacity: 1; } .pb-embed-media .tabs { list-style: none; position: absolute; bottom: 0; margin-bottom: 0; padding-left: 0; } .pb-embed-media .tabs button { border: 0; background: none; margin: 10px 0 10px 18px; position: relative; display: block; float: left; font-size: 16px; font-weight: bold; padding: 2px 4px; color: #dbdbdb; } .pb-embed-media .tabs button:focus, .pb-embed-media .tabs button:hover { outline: none; color: white; } .pb-embed-media .tabs button.active { border-bottom: 2px solid white; color: white; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-story-embed-links { padding-top: 20px; } .pb-story-embed-links .button-link { color: #555; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; background-color: white; height: 56px; width: 100%; margin-bottom: 10px; -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); border: 0; } .pb-story-embed-links .button-link:hover { -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2); } .pb-story-embed-links .button-link svg { margin: 0 18px; fill: #767676; width: 30px; height: 30px; vertical-align: middle; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-story-embed-legal-terms { position: absolute; bottom: 16px; font-size: 12px; padding-right: 20px; color: #aaa; } .pb-story-embed-legal-terms a { text-decoration: none; font-weight: bold; color: #767676; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-story-embed-modal { background-color: white; max-width: 572px; min-height: 176px; } .pb-story-embed-modal .tab-content { position: relative; padding: 0 20px; height: 274px; } .pb-story-embed-modal .tab-pane { display: none; } .pb-story-embed-modal .tab-pane.embed { padding-top: 25px; } .pb-story-embed-modal .tab-pane.active { display: block; } .pb-story-embed-modal .tab-pane .settings-container { margin-top: 20px; } .pb-story-embed-modal .tab-pane .settings-container .setting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-weight: inherit; margin: 10px 0 15px; cursor: pointer; } .pb-story-embed-modal .tab-pane .settings-container .setting label:first-child { margin-top: 4px; margin-right: 10px; } .pb-story-embed-modal .tab-pane .settings-container .setting:last-child { margin-bottom: 0; } .pb-story-embed-modal .tab-pane .settings-container .setting .setting-title { font-size: 14px; font-weight: bold; color: #555; } .pb-story-embed-modal .tab-pane .settings-container .setting .setting-caption { font-size: 14px; color: #767676; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-story-creator-thumbnail { -ms-flex-item-align: center; align-self: center; border-radius: 3px; overflow: hidden; width: 34px; height: 34px; } .rtl-root-element.RTL .pb-story-creator-thumbnail { margin-left: 11px; } .rtl-root-element:not(.RTL) .pb-story-creator-thumbnail { margin-right: 11px; } .pb-story-creator-thumbnail > img { max-width: 100%; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-story-creator-details .creator-name { font-size: 14px; font-weight: bold; color: #767676; margin-top: 2px; line-height: 18px; } .pb-story-creator-details .creator-name > a { color: #0685e3; } .pb-story-creator-details .creation-time { font-size: 12px; color: #aaa; margin-top: 2px; } .pb-story-creator-details .creation-time.display-inline { display: inline-block; } .pb-story-details { font-size: 12px; font-weight: normal; line-height: 1.17; letter-spacing: normal; color: #767676; text-align: center; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-story-translate { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .rtl-root-element.RTL .pb-story-translate { margin-left: auto; } .rtl-root-element:not(.RTL) .pb-story-translate { margin-right: auto; } .pb-story-translate > a { position: absolute; top: 0; } .rtl-root-element.RTL .pb-story-translate > a { left: 0; } .rtl-root-element:not(.RTL) .pb-story-translate > a { right: 0; } .pb-story-translate .translate-button { text-align: inherit; height: 34px; padding: 0; overflow: hidden; border-radius: 4px; color: #767676; cursor: pointer; background: white; -webkit-transition: all .2s linear; transition: all .2s linear; border: 1px solid white; width: 47px; font-size: 14px; font-weight: bold; } .pb-story-translate .translate-button:hover { width: 230px; padding: 0 6px; border-color: #28a0f9; font-size: 0; color: #28a0f9; } .pb-story-translate .translate-button:hover svg { fill: #28a0f9; } .pb-story-translate .translate-button > span { vertical-align: middle; display: inline-block; font-size: 14px; } .pb-story-translate .translate-button .translate-icon { display: inline-block; vertical-align: middle; margin: -3px 4px 0; height: 35px; } .pb-story-translate .translate-button svg { fill: #767676; width: 40px; height: 40px; } .pb-story-creation-details { display: -webkit-box; display: -ms-flexbox; display: flex; } /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .item-info-container { margin-top: 32px; } .item-info-container .pb-image-viewer { margin-bottom: 20px; } .item-info-container h1.item-title { font-size: 35px; font-weight: 500; line-height: 1.34; color: black; margin: 0 0 6px; } .item-info-container h2.item-sub-title { font-size: 18px; font-weight: 400; line-height: 1.4; color: #767676; margin: 0 0 30px; } .item-info-container h1.item-title, .item-info-container h2.item-sub-title { text-align: left; } .rtl-root-element.RTL .item-info-container h1.item-title, .rtl-root-element.RTL .item-info-container h2.item-sub-title { text-align: right; } .item-info-container .creation-details-wrapper { margin-top: 15px; } .item-info-container.embed { margin-top: 0; } .item-info-container.embed h1.item-title { font-weight: bold; } .item-info-container.embed:not(.desktop), .item-info-container.stories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .item-info-container.embed:not(.desktop) .pb-image-viewer, .item-info-container.stories .pb-image-viewer { margin-bottom: 0 !important; height: auto; } .item-info-container.embed:not(.desktop) .pb-image-viewer .pb-image-viewer-credits, .item-info-container.stories .pb-image-viewer .pb-image-viewer-credits { font-size: 10px; } .item-info-container.embed:not(.desktop) .item-header, .item-info-container.stories .item-header { background-color: rgba(40, 160, 249, 0.05); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px; } .item-info-container.embed:not(.desktop) .item-header *, .item-info-container.stories .item-header * { font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; } .item-info-container.embed:not(.desktop) .item-header .item-titles, .item-info-container.stories .item-header .item-titles { max-width: 95%; margin: auto; } .item-info-container.embed:not(.desktop) .item-header .item-titles .item-title, .item-info-container.embed:not(.desktop) .item-header .item-titles .item-sub-title, .item-info-container.stories .item-header .item-titles .item-title, .item-info-container.stories .item-header .item-titles .item-sub-title { text-align: center; } .item-info-container.embed:not(.desktop) .item-header .item-titles .item-title, .item-info-container.stories .item-header .item-titles .item-title { color: #555; font-size: 24px; font-weight: 600; line-height: 1.25; } .item-info-container.embed:not(.desktop) .item-header .item-titles .item-sub-title, .item-info-container.stories .item-header .item-titles .item-sub-title { margin: 8px 0; color: #767676; font-size: 14px; line-height: 1.5; } .item-info-container.embed:not(.desktop) .item-header .creation-details-wrapper, .item-info-container.stories .item-header .creation-details-wrapper { margin: 8px auto 0; } .item-info-container.embed:not(.desktop) .item-header .pb-story-creation-details, .item-info-container.stories .item-header .pb-story-creation-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .item-info-container.embed:not(.desktop) .item-header .pb-story-creation-details .pb-story-creator-thumbnail, .item-info-container.stories .item-header .pb-story-creation-details .pb-story-creator-thumbnail { border-radius: 50%; margin: 0 0 8px !important; } @media (min-width: 1024px) { .item-info-container.stories.desktop { width: calc(100vw - 80px); left: calc((100vw - 100%) / -2 + 40px); right: calc((100vw - 100%) / -2 + 40px); margin-bottom: 42px !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .item-info-container.stories.desktop .pb-image-viewer { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; } .item-info-container.stories.desktop .item-header { padding: 12px 24px; -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } .item-info-container.stories.desktop .item-header .item-titles { margin: auto; } .item-info-container.stories.desktop .item-header .item-titles .item-title { font-size: 40px; } .item-info-container.stories.desktop .item-header .item-titles .item-sub-title { margin: 16px 0 0; font-size: 16px; } .item-info-container.stories.desktop .item-header .creation-details-wrapper { margin: 12px auto 0; } } .text-viewer-component{text-align:left;font-size:17px;font-family:inherit;color:#000;line-height:1.5;overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.rtl-root-element.RTL .text-viewer-component{text-align:right}.rtl-root-element.RTL .text-viewer-component{direction:rtl}.text-viewer-component p{margin:0}.text-viewer-component a{color:#0685e3}.text-viewer-component .ql-background-yellow{background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255,255,255,0)), color-stop(50%, #fffa82));background-image:linear-gradient(to right, rgba(255,255,255,0) 50%, #fffa82 50%);-webkit-transition:background-position 3s linear;transition:background-position 3s linear;text-decoration:none;background-size:200% auto;background-color:transparent !important}.rtl-root-element.RTL .text-viewer-component .ql-background-yellow{background-image:-webkit-gradient(linear, right top, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50%, #fffa82));background-image:linear-gradient(to left, rgba(255,255,255,0) 50%, #fffa82 50%)}.rtl-root-element.RTL .text-viewer-component .ql-background-yellow{background-position:-100% 0}.rtl-root-element:not(.RTL) .text-viewer-component .ql-background-yellow{background-position:0% 0}.text-viewer-component img{height:20px}.text-viewer-component ol,.text-viewer-component ul{margin:0}.rtl-root-element.RTL .text-viewer-component ol,.rtl-root-element.RTL .text-viewer-component ul{padding-left:0}.rtl-root-element:not(.RTL) .text-viewer-component ol,.rtl-root-element:not(.RTL) .text-viewer-component ul{padding-right:0}.rtl-root-element.RTL .text-viewer-component ol,.rtl-root-element.RTL .text-viewer-component ul{padding-right:1.5em}.rtl-root-element:not(.RTL) .text-viewer-component ol,.rtl-root-element:not(.RTL) .text-viewer-component ul{padding-left:1.5em}.text-viewer-component ol li,.text-viewer-component ul li{list-style-type:none;counter-increment:list-num}.rtl-root-element.RTL .text-viewer-component ol li,.rtl-root-element.RTL .text-viewer-component ul li{padding-left:0}.rtl-root-element:not(.RTL) .text-viewer-component ol li,.rtl-root-element:not(.RTL) .text-viewer-component ul li{padding-right:0}.rtl-root-element.RTL .text-viewer-component ol li,.rtl-root-element.RTL .text-viewer-component ul li{padding-right:1.5em}.rtl-root-element:not(.RTL) .text-viewer-component ol li,.rtl-root-element:not(.RTL) .text-viewer-component ul li{padding-left:1.5em}.text-viewer-component li::before{text-align:right;display:inline-block;white-space:nowrap;width:1.2em}.rtl-root-element.RTL .text-viewer-component li::before{margin-left:.3em}.rtl-root-element:not(.RTL) .text-viewer-component li::before{margin-right:.3em}.rtl-root-element.RTL .text-viewer-component li::before{margin-right:-1.5em}.rtl-root-element:not(.RTL) .text-viewer-component li::before{margin-left:-1.5em}.rtl-root-element.RTL .text-viewer-component li::before{text-align:left}.text-viewer-component ul>li::before{content:'\2022'}.text-viewer-component ol>li::before{content:counter(list-num, decimal) ". "}.text-viewer-component .ql-size-huge{float:left;display:block;font-size:47px;margin:5px 5px 0 0;line-height:41.5px;text-transform:uppercase;font-weight:700}.rtl-root-element.RTL .text-viewer-component .ql-size-huge{float:right;display:block;font-size:63px;margin:5px;line-height:41.5px;font-weight:700}.rtl-root-element.RTL .text-viewer-component.in-view .ql-background-yellow{background-position:-.01% 0}.rtl-root-element:not(.RTL) .text-viewer-component.in-view .ql-background-yellow{background-position:-99.9% 0} .pb-quiz-text-card{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 30px;overflow:hidden}.pb-quiz-text-card.dynamic{position:relative;padding-top:60px;padding-bottom:80px}.pb-quiz-text-card .text-viewer-component{color:inherit;font-weight:bold;text-align:center}.rtl-root-element.RTL .pb-quiz-text-card .text-viewer-component{text-align:center}.pb-quiz-card.short .pb-quiz-text-card .text-viewer-component{font-size:35px;line-height:1.2}.pb-quiz-card.medium .pb-quiz-text-card .text-viewer-component{font-size:28px;line-height:1.2}.pb-quiz-card.long .pb-quiz-text-card .text-viewer-component{font-size:22px;line-height:1.45}@media screen and (max-width: 480px){.pb-quiz-text-card.dynamic{padding-top:14px;padding-bottom:20px}.pb-quiz-card.short .pb-quiz-text-card .text-viewer-component{font-size:18px;line-height:1.23}.pb-quiz-card.medium .pb-quiz-text-card .text-viewer-component{font-size:18px;line-height:1.33}.pb-quiz-card.long .pb-quiz-text-card .text-viewer-component{font-size:16px;line-height:1.38}} .pb-image-viewer-animated{width:100%;height:0;background-color:#fff}.pb-image-viewer-animated video{position:absolute;top:0;left:0;width:100%;height:100%} .pb-image-viewer-credits{padding:0 4px 1px;cursor:default;font-weight:200;background-color:rgba(0,0,0,0.25);color:rgba(255,255,255,0.75);text-overflow:ellipsis;overflow:hidden;font-size:11px;position:absolute}.pb-image-viewer-credits.bottom-left{text-align:left;position:absolute;bottom:0}.rtl-root-element.RTL .pb-image-viewer-credits.bottom-left{text-align:right}.rtl-root-element.RTL .pb-image-viewer-credits.bottom-left{right:0}.rtl-root-element:not(.RTL) .pb-image-viewer-credits.bottom-left{left:0}.pb-image-viewer-credits.top-right{text-align:right;position:absolute;top:0}.rtl-root-element.RTL .pb-image-viewer-credits.top-right{text-align:left}.rtl-root-element.RTL .pb-image-viewer-credits.top-right{left:0}.rtl-root-element:not(.RTL) .pb-image-viewer-credits.top-right{right:0}.pb-image-viewer-credits.bottom-right{text-align:right;position:absolute;bottom:0}.rtl-root-element.RTL .pb-image-viewer-credits.bottom-right{text-align:left}.rtl-root-element.RTL .pb-image-viewer-credits.bottom-right{left:0}.rtl-root-element:not(.RTL) .pb-image-viewer-credits.bottom-right{right:0}.pb-image-viewer-credits.top-left{text-align:left;position:absolute;top:0}.rtl-root-element.RTL .pb-image-viewer-credits.top-left{text-align:right}.rtl-root-element.RTL .pb-image-viewer-credits.top-left{right:0}.rtl-root-element:not(.RTL) .pb-image-viewer-credits.top-left{left:0}.blur-overlay{position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.rtl-root-element.RTL .blur-overlay{right:0}.rtl-root-element:not(.RTL) .blur-overlay{left:0}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.blur-overlay{background-image:url("//res-format-countdown.playbuzz.com/images/blurlayer.jpg")}}.blur-overlay .svg-holder{background:none;outline:none;border:0;z-index:200;cursor:pointer;text-align:center}.blur-overlay .svg-holder svg{width:22%;height:92px;fill:rgba(0,0,0,0.15)}@media screen and (max-width: 480px){.blur-overlay .svg-holder svg{height:70px}}.blur-overlay:hover .svg-holder svg{fill:rgba(0,0,0,0.4)}.gif-overlay{position:absolute;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.1);font-size:14px;color:#fff}.rtl-root-element.RTL .gif-overlay{right:0}.rtl-root-element:not(.RTL) .gif-overlay{left:0}.gif-overlay .gif-overlay-btn{position:relative;overflow:hidden;background-color:rgba(0,0,0,0.6);border-radius:50%;width:65px;height:65px}.gif-overlay .gif-overlay-btn .svg-holder{padding-top:2px;background:none;outline:none;border:0;z-index:200;cursor:pointer;text-align:center}.gif-overlay .gif-overlay-btn .svg-holder svg{width:60px;height:60px;fill:#fff}.pb-image-viewer{text-align:left;position:relative;padding:0;overflow:hidden;border:0;outline:none}.rtl-root-element.RTL .pb-image-viewer{text-align:right}.pb-image-viewer.background-image{background-size:cover;background-position:center center}.pb-image-viewer.cover-image{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pb-image-viewer.cover-image .viewport-monitor{height:100%;width:100%}.pb-image-viewer.cover-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.pb-image-viewer.cover-image video{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;min-height:100%;min-width:100%;height:auto;width:auto}.pb-image-viewer.blur{cursor:pointer}.pb-image-viewer.blur img,.pb-image-viewer.blur video{-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s linear;transition:-webkit-filter .3s linear;transition:filter .3s linear;transition:filter .3s linear, -webkit-filter .3s linear}.pb-image-viewer.blur.show-overlay img,.pb-image-viewer.blur.show-overlay video{-webkit-filter:blur(10px);filter:blur(10px)}.pb-image-viewer.zoom.in-view img,.pb-image-viewer.zoom.in-view video{-webkit-animation:breathing 30s ease-in-out 2s infinite alternate;animation:breathing 30s ease-in-out 2s infinite alternate;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.pb-image-viewer .img-responsive.full-width{width:100%}@-webkit-keyframes breathing{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes breathing{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}} .pb-spinner-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pb-spinner-container .spinner{-webkit-animation:loader-rotate 1s infinite linear;animation:loader-rotate 1s infinite linear;width:90px;height:90px;border:2px solid #efefef;border-top:3px solid #28a0f9;border-radius:50%}@-webkit-keyframes loader-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .pb-oembed-viewer{position:relative;text-align:center}.pb-oembed-viewer .fb-post>span{max-width:100%}.pb-oembed-viewer .fb-post iframe{border:0;display:block;margin:0 auto;max-width:100%}.pb-oembed-viewer .hidden{display:block !important;position:absolute !important;visibility:hidden !important}.pb-oembed-viewer .loader{position:relative;width:100%;height:300px}.pb-oembed-viewer .oembed-error .message{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:22px;color:#aaa;width:100%;cursor:default}.pb-oembed-viewer .twitter-tweet{margin:0 !important;display:inline-block !important;max-width:100%} .brightcove-player{position:relative}.brightcove-player video{padding-bottom:0 !important;background-color:#000}.brightcove-player div.video-js{width:100%;height:0;background-color:#fff}.brightcove-player .player-overlay{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.brightcove-player .vjs-audio-button{display:none !important}.brightcove-player .vjs-volume-menu-button.vjs-menu-button.vjs-menu-button-inline.vjs-control.vjs-button{display:block !important}.brightcove-player.hide-progressbar .vjs-progress-holder,.brightcove-player.hide-progressbar .vjs-live-display{display:none !important} .media-container{line-height:normal}.media-container .video-credits{text-align:left;color:#aaa;font-size:11px;margin-top:4px}.rtl-root-element.RTL .media-container .video-credits{text-align:right} .pb-quiz-image-card{position:relative;background-color:#000}.pb-quiz-image-card .viewport-monitor{overflow:hidden}.pb-quiz-image-card .video-credits{position:absolute;right:4px;bottom:2px}.pb-quiz-image-card .text-viewer-wrapper{position:absolute;bottom:0;margin:15px}.rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper{right:0}.rtl-root-element:not(.RTL) .pb-quiz-image-card .text-viewer-wrapper{left:0}.pb-quiz-image-card .text-viewer-wrapper .text-viewer-component{color:inherit}.rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component{-webkit-padding-start:6px;padding-inline-start:6px}.rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p{margin-right:-6px;margin-left:-6px;white-space:normal}.pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p{padding-top:0;padding-bottom:2px;background-color:#fff;display:inline;font-weight:bold;-webkit-box-shadow:-6px 0 0 #fff;box-shadow:-6px 0 0 #fff;-webkit-box-decoration-break:clone;box-decoration-break:clone}.rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p{padding-left:6px}.rtl-root-element:not(.RTL) .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p{padding-right:6px}.rtl-root-element.RTL .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p{padding-right:6px}.rtl-root-element:not(.RTL) .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p{padding-left:6px}.pb-quiz-image-card .text-viewer-wrapper .text-viewer-component p br{display:none}.pb-quiz-card.short .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component{font-size:24px;line-height:1.17}.pb-quiz-card.medium .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component{font-size:18px;line-height:1.22}.pb-quiz-card.long .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component{font-size:18px;line-height:1.22}.pb-quiz-image-card .text-viewer-wrapper.dark .text-viewer-component p{background-color:#000;-webkit-box-shadow:-6px 0 0 #000;box-shadow:-6px 0 0 #000}@media screen and (max-width: 480px){.pb-quiz-card.short .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component{font-size:16px;line-height:1.2}.pb-quiz-card.medium .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component{font-size:14px;line-height:1.29}.pb-quiz-card.long .pb-quiz-image-card .text-viewer-wrapper .text-viewer-component{font-size:14px;line-height:1.29}} .pb-quiz-card{position:relative;overflow:visible;background-color:#dbdbdb}.pb-quiz-card::before{content:'';position:absolute;bottom:0;left:0;width:calc(100% - 40px);height:25%;margin:0 20px;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.34);box-shadow:0 0 30px 0 rgba(0,0,0,0.34)}.pb-quiz-card.embed-responsive-3by2{padding-bottom:66.66%}.pb-quiz-card.embed-responsive-3by2 .embed-responsive.embed-responsive-16by9,.pb-quiz-card.embed-responsive-3by2 .video-js{padding-bottom:66.66% !important} .list-label-container .bullet{width:6px;height:18px;margin-top:8px}.rtl-root-element.RTL .list-label-container .bullet{margin-left:12px}.rtl-root-element:not(.RTL) .list-label-container .bullet{margin-right:12px}.rtl-root-element.RTL .list-label-container .rank,.rtl-root-element.RTL .list-label-container .number{margin-left:12px}.rtl-root-element:not(.RTL) .list-label-container .rank,.rtl-root-element:not(.RTL) .list-label-container .number{margin-right:12px}.list-label-container .rank span,.list-label-container .number span{font-size:45px;font-family:'HelveticaNeue-CondensedBold', 'Helvetica Neue', Helvetica, Arial Narrow, Arial, RobotoCondensed-Bold, sans-serif;font-weight:700;font-style:normal;font-stretch:condensed;line-height:52px;letter-spacing:-3px}.rtl-root-element.RTL .list-label-container .rank span,.rtl-root-element.RTL .list-label-container .number span{margin-right:3px}@media screen and (max-width: 480px){.list-label-container .bullet{margin-top:3px}.list-label-container .rank span,.list-label-container .number span{font-size:39px}} .rank-button.in-view:not(.voted-to-other) .ranked:not(.voted) .ranked-caret{-webkit-animation:jump ease 2s 2;animation:jump ease 2s 2}.rank-button.voted-to-other .ranked{opacity:.5;cursor:default}.rank-button:hover:not(.voted-to-other) .ranked:not(.voted){-webkit-animation:bounce-hover .4s normal;animation:bounce-hover .4s normal}.rank-button:hover:not(.voted-to-other) .ranked:not(.voted) .ranked-caret{-webkit-transform:translateY(3px) scale(1.5);transform:translateY(3px) scale(1.5)}.rank-button:hover:not(.voted-to-other) .ranked:not(.voted) .number{-webkit-transform:translateY(7px);transform:translateY(7px)}.rank-button:hover:not(.voted-to-other) .ranked:not(.voted) .vote{-webkit-transform:translateY(5px);transform:translateY(5px)}.rank-button:hover:not(.voted-to-other) .ranked:not(.voted) .votes{opacity:0}.rank-button .ranked{-webkit-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out;width:54px;height:52px;background-color:#fff;display:inline-block;border-radius:4px;border:solid 1px #dbdbdb;text-align:center;cursor:pointer;position:relative;overflow:hidden}.rtl-root-element.RTL .rank-button .ranked{-webkit-transform-origin:left;transform-origin:left}.rtl-root-element.RTL .rank-button .ranked{margin-right:6px}.rtl-root-element:not(.RTL) .rank-button .ranked{margin-left:6px}.rank-button .ranked .number,.rank-button .ranked .vote{font-size:15px;font-weight:bold;line-height:1;color:#555}.rank-button .ranked .vote{position:absolute;width:100%;top:22px}.rank-button .ranked .number-container{position:absolute;width:100%;top:19px}.rank-button .ranked .votes{font-size:10px;font-weight:normal;color:#aaa}.rank-button .ranked .loader{position:absolute;bottom:0;left:0;width:100%;height:0}.rank-button .ranked .ranked-caret{position:absolute;top:10px;left:20px;width:12px;height:7px}.rank-button .ranked.has-votes .ranked-caret{top:7px}.rank-button .ranked.long-text .vote,.rank-button .ranked.long-text .votes{display:none}.rank-button .ranked.long-text .ranked-caret{top:17px;left:16px;width:20px;height:15px}.rank-button .ranked.long-text .number,.rank-button .ranked.long-text:not(.voted):hover .number{-webkit-transform:translateY(9px);transform:translateY(9px)}.rank-button .ranked.long-text:hover:not(.voted) .ranked-caret{-webkit-transform:none;transform:none}.rank-button .ranked.long-text.voted .ranked-caret,.rank-button .ranked.long-text.has-votes .ranked-caret,.rank-button .ranked.long-text.has-votes:hover .ranked-caret{top:8px}.rank-button .ranked.click{-webkit-animation:bounce-click .7s normal;animation:bounce-click .7s normal}.rank-button .ranked.voted{cursor:default}.rank-button .ranked.voted .loader{height:100%}.rank-button .ranked .loader{-webkit-transition:height .5s ease-out;transition:height .5s ease-out}.rank-button .ranked .number-container,.rank-button .ranked .number,.rank-button .ranked .vote,.rank-button .ranked .votes,.rank-button .ranked .ranked-caret{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.rank-button .ranked .ranked-container{position:absolute;top:0;width:100%;height:100%}.rtl-root-element.RTL .rank-button .ranked .ranked-container{right:0}.rtl-root-element:not(.RTL) .rank-button .ranked .ranked-container{left:0}.rank-button .ranked .ranked-container.mobile-with-down-vote{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.rtl-root-element.RTL .rank-button .ranked .ranked-container.mobile-with-down-vote{direction:rtl}.rank-button .ranked .ranked-container.mobile-with-down-vote .ranked-caret{position:static;left:auto;top:auto}.rtl-root-element.RTL .rank-button .ranked .ranked-container.mobile-with-down-vote .ranked-caret{margin-left:5px}.rtl-root-element:not(.RTL) .rank-button .ranked .ranked-container.mobile-with-down-vote .ranked-caret{margin-right:5px}.rank-button .ranked .ranked-container.mobile-with-down-vote .number-container{position:static;left:auto;top:auto;width:auto}.rank-button .ranked .ranked-container.mobile-with-down-vote .vote{position:static;left:auto;top:auto;width:auto}.rank-button .ranked .vote.ng-leave{opacity:1}.rank-button .ranked .vote.ng-leave.ng-leave-active{opacity:0}.rank-button .ranked .number-container.ng-enter{opacity:0}.rank-button .ranked .number-container.ng-enter-active{opacity:1}@media screen and (max-width: 480px){.rank-button .numbered{width:44px;height:44px}.rank-button .bulleted{margin-top:3px}}@-webkit-keyframes jump{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}60%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}}@keyframes jump{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}60%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}}@-webkit-keyframes bounce-hover{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(0.9);transform:scale(0.9)}70%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bounce-hover{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(0.9);transform:scale(0.9)}70%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes bounce-click{25%,37%{-webkit-transform:scale(0.85);transform:scale(0.85)}50%,58%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.85);transform:scale(0.85)}95%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-click{25%,37%{-webkit-transform:scale(0.85);transform:scale(0.85)}50%,58%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.85);transform:scale(0.85)}95%{-webkit-transform:scale(1);transform:scale(1)}} .vote-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:baseline;align-self:baseline;-ms-flex-negative:0;flex-shrink:0}.vote-container.with-down-vote{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}.vote-container.with-down-vote .rank-button{-ms-flex-preferred-size:49%;flex-basis:49%}.vote-container.with-down-vote .rank-button .ranked{width:100%;height:34px;margin:0}.vote-container.with-down-vote .rank-button .ranked:hover:not(.voted) .ranked-caret{-webkit-transform:none;transform:none}.vote-container.with-down-vote .rank-button .ranked:hover:not(.voted) .vote{-webkit-transform:none;transform:none} .section-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:12px;position:relative;font-weight:bold}.rtl-root-element.RTL .section-title{direction:rtl}.section-title .text-viewer-component{font-size:24px;font-weight:bold;line-height:1.25;-ms-flex-item-align:center;align-self:center}.section-title.text-empty:not(.contains-list){padding:0}.section-title.text-empty .line-container{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.section-title .line-container{width:100%;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-item-align:center;align-self:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-title .line-container.with-down-vote{display:block}.section-title .line-container .viewport-monitor{width:100%;min-width:0}@media screen and (max-width: 480px){.section-title{padding-bottom:8px}.section-title .text-viewer-component{font-size:18px}} @-webkit-keyframes container{0%{top:25px;left:25px;width:0;height:0}100%{top:0;left:0;width:50px;height:50px;opacity:0}}@keyframes container{0%{top:25px;left:25px;width:0;height:0}100%{top:0;left:0;width:50px;height:50px;opacity:0}}.pb-quiz-calculating .no-ad{position:relative}.pb-quiz-calculating .no-ad.embed-responsive-3by2{padding-bottom:66.66%}.pb-quiz-calculating .no-ad .gradient-cover{background-color:#28a0f9}.pb-quiz-calculating .no-ad .slideshow{-webkit-transition:background .7s;transition:background .7s;-webkit-filter:blur(5px);filter:blur(5px);background-size:cover}.pb-quiz-calculating .ad{background-color:#fff;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);margin:10px;padding-bottom:40px}.pb-quiz-calculating .ad .text-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-top:40px}.pb-quiz-calculating .ad .text-wrapper .loader{margin:20px}.pb-quiz-calculating .ad .text-wrapper .text{color:#000}.pb-quiz-calculating .text-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pb-quiz-calculating .text-wrapper .loader{width:51px;height:51px;display:inline-block;margin:20px auto}.pb-quiz-calculating .text-wrapper .loader .container{position:relative;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0}.pb-quiz-calculating .text-wrapper .loader .container .child{width:50px;height:50px;position:absolute;border:3px solid;border-radius:50%;-webkit-animation:container 1s cubic-bezier(0, 0.5, 0.8, 1) infinite;animation:container 1s cubic-bezier(0, 0.5, 0.8, 1) infinite}.pb-quiz-calculating .text-wrapper .loader .container .child-1{border-color:#fff}.pb-quiz-calculating .text-wrapper .loader .container .child-2{border-color:#06dcf9;-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.pb-quiz-calculating .text-wrapper .text{color:#fff;font-family:Poppins, sans-serif;font-size:16px;font-weight:500;line-height:1.25}.rtl-root-element.RTL .pb-quiz-calculating .text-wrapper .text{direction:rtl} .binge-progress-bar.desktop{display:grid;grid-template-rows:repeat(2, auto);background-color:#fff}.binge-progress-bar.desktop .col-1{grid-column:1}.binge-progress-bar.desktop .col-2{grid-column:2}.binge-progress-bar.desktop .col-3{grid-column:3}.binge-progress-bar.desktop .col-4{grid-column:4}.binge-progress-bar.desktop .col-5{grid-column:5}.binge-progress-bar.desktop .col-6{grid-column:6}.binge-progress-bar.desktop .col-7{grid-column:7}.binge-progress-bar.desktop .col-8{grid-column:8}.binge-progress-bar.desktop .col-9{grid-column:9}.binge-progress-bar.desktop .number{position:relative;grid-row:1}.binge-progress-bar.desktop .number span{position:relative;display:inline-block;width:27px;height:27px;background-color:#dbdbdb;color:#fff;border-radius:50%;padding-top:3px;font-family:'pbSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;text-align:center;z-index:1}.binge-progress-bar.desktop .number span svg{width:16px;height:16px;fill:#fff;margin:3px 0 0 1px}.binge-progress-bar.desktop .number span .notch{position:absolute;top:calc(50% - 6px);left:calc(100% - 2px);width:6px;height:11px;background-color:#dbdbdb}.binge-progress-bar.desktop .number span .notch::before,.binge-progress-bar.desktop .number span .notch::after{position:absolute;left:1px;content:'';width:14px;height:14px;border-radius:6px;background-color:#fff}.binge-progress-bar.desktop .number span .notch::before{bottom:62%}.binge-progress-bar.desktop .number span .notch::after{top:65%}.binge-progress-bar.desktop .number .progress,.binge-progress-bar.desktop .number::before{content:'';position:absolute;top:calc(50% - 2px);height:3px;width:100%;background-color:#dbdbdb}.binge-progress-bar.desktop .number .progress{-webkit-transition:width .5s ease-out;transition:width .5s ease-out;left:27px;background-color:#a036f7}.binge-progress-bar.desktop .number::before{left:0}.binge-progress-bar.desktop .number.completed span,.binge-progress-bar.desktop .number.completed .notch,.binge-progress-bar.desktop .number.completed::before{background-color:#a036f7}.binge-progress-bar.desktop .number.current span,.binge-progress-bar.desktop .number.current .notch{background-color:#a036f7}.binge-progress-bar.desktop .number:not(.current) .progress{display:none}.binge-progress-bar.desktop .title{grid-row:2;margin:10px 10px 0 0;font-size:16px;font-family:'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#dbdbdb}.binge-progress-bar.desktop .title.completed{color:#a036f7;opacity:0.25}.binge-progress-bar.desktop .title.current{opacity:1;font-weight:bold} .binge-progress-bar.mobile{font-size:14px;height:26px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex}.binge-progress-bar.mobile :first-child{border-top-left-radius:100px;border-bottom-left-radius:100px}.binge-progress-bar.mobile :last-child{border-top-right-radius:100px;border-bottom-right-radius:100px}.binge-progress-bar.mobile .binge-title{max-width:200px;border:solid 1px #a036f7;background-color:#a036f7;color:#fff;padding:0 8px 0 11px;text-transform:uppercase;font-weight:bold;font-family:'pbNavbarBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.binge-progress-bar.mobile .binge-item-position{background-color:#fff;border:solid 1px #a036f7;color:#a036f7;padding:0 11px 0 8px;font-family:'pbMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:500} .percentage-wrapper .circle-progress{fill:none}.percentage-wrapper .circle-progress{stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.percentage-wrapper .circle-text{fill:#fff} .binge-results{margin:0 14px 15px;padding:16px;text-align:center;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);background-color:#fff;margin:0;padding:17px 12px 12px}@media screen and (max-width: 480px){.binge-results{margin:0 8px 15px;padding:12px}}.binge-results .binge-results-title{font-family:'pbNavbarBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;color:#a036f7;margin-bottom:17px}.binge-results .binge-results-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 15px}.binge-results .binge-results-item .binge-results-index{position:relative;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.binge-results .binge-results-item .binge-results-index span{position:absolute;left:-6px;display:inline-block;width:27px;height:27px;background-color:#fff;color:#a036f7;border-radius:50%;padding-top:3px;font-family:'pbSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;text-align:center;z-index:1}.binge-results .binge-results-item .binge-image-container{position:relative}.binge-results .binge-results-item .binge-image-container .binge-results-image{top:0;left:0;height:100%;width:calc(100% - 20px);margin:0 10px;opacity:.5}.binge-results .binge-results-item .binge-image-container .binge-results-image img{border-radius:5px}.binge-results .binge-results-item .binge-image-container .binge-image-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;height:100%;width:calc(100% - 20px);margin:0 10px}.binge-results .binge-results-item .binge-image-container .binge-image-overlay .percentage{position:absolute;max-height:50px}.binge-results .binge-results-item .binge-image-container .binge-image-overlay .overlay-background{height:100%;width:100%;border-radius:5px;background-color:#51068e;opacity:0.5}.binge-results .binge-results-item .binge-results-text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:start}.binge-results .binge-results-item .binge-results-text .binge-results-item-title{font-size:16px;color:#555;font-family:'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif}.binge-results .binge-results-item .binge-results-text .binge-results-item-result{font-family:'pbNavbarBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#010031} .binge-results.mobile .binge-results-item .binge-results-text{max-width:155px} @-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes wave{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:1}}@keyframes wave{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:1}}@-webkit-keyframes icon-in{0%{opacity:0}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}75%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes icon-in{0%{opacity:0}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}75%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fill-width{from{width:0}to{width:100%}}@keyframes fill-width{from{width:0}to{width:100%}}.pb-classic-quiz-answer{background-color:#fff;padding:6px 14px;border:1px solid #dbdbdb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pb-classic-quiz-answer .text-wrapper{width:100%;min-width:50%}.pb-classic-quiz-answer .text-wrapper .answer-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.pb-classic-quiz-answer .text-wrapper .text-viewer-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.pb-classic-quiz-answer .text-wrapper .text-viewer-wrapper .text-viewer-component{color:#555}.pb-classic-quiz-answer .text-wrapper .text-viewer-wrapper .text-viewer-component p br{display:none}.pb-classic-quiz-answer.has-correct .icon-wrapper{min-width:25px}.rtl-root-element.RTL .pb-classic-quiz-answer.has-correct .icon-wrapper{margin-right:10px}.rtl-root-element:not(.RTL) .pb-classic-quiz-answer.has-correct .icon-wrapper{margin-left:10px}.pb-classic-quiz-answer .icon-wrapper{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.rtl-root-element.RTL .pb-classic-quiz-answer .icon-wrapper{left:4px}.rtl-root-element:not(.RTL) .pb-classic-quiz-answer .icon-wrapper{right:4px}.pb-classic-quiz-answer .icon-wrapper .answer-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0}.pb-classic-quiz-answer .icon-wrapper .answer-icon:not(.visible){visibility:hidden}.pb-classic-quiz-answer .icon-wrapper .answer-icon svg{width:25px;height:25px}.pb-classic-quiz-answer .icon-wrapper .answer-icon.is-correct:not(.answered-correct){-webkit-animation:icon-in .5s;animation:icon-in .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.pb-classic-quiz-answer .icon-wrapper .answer-icon.is-correct svg{fill:#28a745}.pb-classic-quiz-answer .icon-wrapper .answer-icon:not(.is-correct) svg{fill:#e41020}.pb-classic-quiz-answer .selected-icon{min-width:15px;width:15px;height:15px;margin-right:15px;margin-left:5px;fill:#fff}.pb-classic-quiz-answer.selected:not(.has-correct){-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.pb-classic-quiz-answer.selected:not(.has-correct)::before{content:'';position:absolute;left:0;bottom:0;margin:3px 10px;height:30%;width:calc(100% - 20px);-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.3);box-shadow:0 2px 20px 0 rgba(0,0,0,0.3)}.pb-classic-quiz-answer.selected:not(.has-correct) .answer-background{opacity:1}.pb-classic-quiz-answer.selected:not(.has-correct) .text-viewer-wrapper .text-viewer-component{color:inherit}.pb-classic-quiz-answer.selected .answer-icon{-webkit-animation:icon-in .5s;animation:icon-in .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pb-classic-quiz-answer.answered:not(.selected):not(.has-correct) .text-wrapper{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:.4}.pb-classic-quiz-answer.answered.has-correct:not(.is-correct){-webkit-transition:border .3s ease;transition:border .3s ease;-webkit-transition-delay:1s;transition-delay:1s;border:1px solid rgba(0,0,0,0.05)}.pb-classic-quiz-answer.answered.has-correct:not(.is-correct) .text-wrapper{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition-delay:1s;transition-delay:1s;opacity:.2}.pb-classic-quiz-answer.answered.has-correct.is-correct{-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-box-shadow:0 10px 30px -15px rgba(0,0,0,0.15);box-shadow:0 10px 30px -15px rgba(0,0,0,0.15)}@media screen and (min-width: 480px){button:hover .pb-classic-quiz-answer:not(.answered) .answer-background,button:not(.multiple-answer):focus .pb-classic-quiz-answer .answer-background{opacity:.2}} @-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes wave{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:1}}@keyframes wave{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:1}}@-webkit-keyframes icon-in{0%{opacity:0}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}75%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes icon-in{0%{opacity:0}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}75%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fill-width{from{width:0}to{width:100%}}@keyframes fill-width{from{width:0}to{width:100%}}.pb-grid-quiz-answer{position:relative}.pb-grid-quiz-answer .answer-image-container{position:relative;outline:1px solid rgba(0,0,0,0.1);overflow:visible}.pb-grid-quiz-answer .answer-image-container img{background-color:#f5f5f5;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.pb-grid-quiz-answer .answer-image-container .image-border{-webkit-transition:border .1s;transition:border .1s;background-color:transparent;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5}.pb-grid-quiz-answer .answer-image-container .selected-bg{position:absolute;height:100%;width:100%;top:0;left:0;opacity:.6}.pb-grid-quiz-answer .answer-image-container .selected-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);fill:#fff;height:25px;width:25px}.pb-grid-quiz-answer .text-viewer-wrapper .text-viewer-component{text-align:center;margin:5px 0 0;font-size:14px;color:#555;line-height:1.3}.pb-grid-quiz-answer .text-viewer-wrapper .text-viewer-component p br{display:none}.pb-grid-quiz-answer .answer-icon{position:absolute;top:10px;height:25px;opacity:0}.rtl-root-element.RTL .pb-grid-quiz-answer .answer-icon{left:10px}.rtl-root-element:not(.RTL) .pb-grid-quiz-answer .answer-icon{right:10px}.pb-grid-quiz-answer .answer-icon svg{width:25px;height:25px}.pb-grid-quiz-answer .answer-icon.right:not(.answered-correct){-webkit-animation:icon-in .5s;animation:icon-in .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.pb-grid-quiz-answer .answer-icon.right svg{fill:#28a745}.pb-grid-quiz-answer .answer-icon.wrong svg{fill:#e41020}.pb-grid-quiz-answer.selected:not(.has-correct) .answer-image-container{outline:0}.pb-grid-quiz-answer.selected:not(.has-correct) .answer-image-container img{-webkit-transform:scale(1.07);transform:scale(1.07)}.pb-grid-quiz-answer.selected:not(.has-correct) .answer-image-container .image-border{border:3px solid}.pb-grid-quiz-answer.selected:not(.has-correct) .text-viewer-wrapper:not(.dark) .text-viewer-component{color:inherit}.pb-grid-quiz-answer.selected .answer-image-container::before{content:'';position:absolute;left:0;bottom:0;margin:0 3px;height:80%;width:calc(100% - 6px);-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.3);box-shadow:0 2px 20px 0 rgba(0,0,0,0.3)}.pb-grid-quiz-answer.selected .answer-icon{-webkit-animation:icon-in .5s;animation:icon-in .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pb-grid-quiz-answer.answered:not(.selected):not(.has-correct) .answer-image-container,.pb-grid-quiz-answer.answered:not(.selected):not(.has-correct) .text-viewer-wrapper{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:.3}.pb-grid-quiz-answer.answered.has-correct:not(.is-correct) .answer-image-container,.pb-grid-quiz-answer.answered.has-correct:not(.is-correct) .text-viewer-wrapper{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition-delay:1s;transition-delay:1s;opacity:.3}@media screen and (min-width: 480px){button:hover .pb-grid-quiz-answer:not(.answered) .answer-image-container,button:not(.multiple-answer):focus .pb-grid-quiz-answer .answer-image-container{outline:0}button:hover .pb-grid-quiz-answer:not(.answered) .answer-image-container img,button:not(.multiple-answer):focus .pb-grid-quiz-answer .answer-image-container img{-webkit-transform:scale(1.07);transform:scale(1.07)}button:hover .pb-grid-quiz-answer:not(.answered) .answer-image-container .image-border,button:not(.multiple-answer):focus .pb-grid-quiz-answer .answer-image-container .image-border{border:3px solid}button:hover .pb-grid-quiz-answer:not(.answered) .text-viewer-wrapper:not(.dark) .text-viewer-component,button:not(.multiple-answer):focus .pb-grid-quiz-answer .text-viewer-wrapper:not(.dark) .text-viewer-component{color:inherit}} @-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes wave{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:1}}@keyframes wave{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:1}}@-webkit-keyframes icon-in{0%{opacity:0}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}75%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes icon-in{0%{opacity:0}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}75%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fill-width{from{width:0}to{width:100%}}@keyframes fill-width{from{width:0}to{width:100%}}.pb-quiz-answers.layout-classic:not(.grid) .answer-wrapper:not(:first-child){margin-top:-1px}.pb-quiz-answers.layout-classic.grid{display:grid;grid-column-gap:5px;grid-row-gap:5px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pb-quiz-answers.layout-classic.grid .answer-wrapper{height:100%}.pb-quiz-answers.layout-classic.grid .answer-wrapper .wave-wrapper{height:100%}.pb-quiz-answers.layout-classic.grid .answer-wrapper .wave-wrapper button{height:100%;position:relative;border:1px solid #dbdbdb;background-color:#fff}.pb-quiz-answers.layout-classic.grid .answer-wrapper .wave-wrapper button .pb-classic-quiz-answer{height:100%;padding:11px 3px;border:0}.pb-quiz-answers.layout-classic.grid .answer-wrapper .wave-wrapper button .pb-classic-quiz-answer .text-viewer-component p{text-align:center}.pb-quiz-answers.layout-grid{display:grid;grid-column-gap:15px;grid-row-gap:23px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rtl-root-element.RTL .pb-quiz-answers.layout-grid{direction:rtl}.pb-quiz-answers.grid-col-2{grid-template-columns:repeat(2, minmax(0, 300px))}.pb-quiz-answers.grid-col-3{grid-template-columns:repeat(3, minmax(0, 300px))}.pb-quiz-answers.grid-col-4{grid-template-columns:repeat(4, minmax(0, 300px))}.pb-quiz-answers .answer-wrapper{position:relative;opacity:0;-webkit-animation:fade-in .5s ease;animation:fade-in .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pb-quiz-answers .answer-wrapper.top{z-index:100}.pb-quiz-answers .answer-wrapper button{background-color:transparent;display:block;width:100%;border:0;padding:0;-webkit-transition:opacity .2s;transition:opacity .2s}.pb-quiz-answers .answer-wrapper button .answer-loader{position:absolute;top:0;left:0;width:0;height:4px;background:linear-gradient(236deg, #28a0f9, #a036f7);-webkit-animation:fill-width ease 1s;animation:fill-width ease 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:1}.pb-quiz-answers .answer-wrapper button .embed-responsive-1by1{padding-bottom:100%}.pb-quiz-answers .answer-wrapper button:focus{outline:0}.pb-quiz-answers.in-view .answer-wrapper .wave-wrapper.wave{-webkit-animation:wave .3s ease alternate 2;animation:wave .3s ease alternate 2}.pb-quiz-answers.not-rendered .answer-wrapper button{opacity:.3;cursor:default}.pb-quiz-answers-wrapper{text-align:center;font-family:Poppins, sans-serif}.pb-quiz-answers-wrapper .pb-quiz-multiple-title{font-size:16px;color:#28a0f9;margin-bottom:15px}.pb-quiz-answers-wrapper .btn-multiple{width:200px;border-radius:23px;background-color:#a036f7;margin:20px auto;color:#fff;outline:0 !important}.pb-quiz-answers-wrapper .btn-multiple:hover{background-color:#880af0}.pb-quiz-answers-wrapper .btn-multiple[disabled]{opacity:.5}.pb-quiz-answers-wrapper .btn-multiple:focus,.pb-quiz-answers-wrapper .btn-multiple:active,.pb-quiz-answers-wrapper .btn-multiple:focus:active{outline:none !important}@supports not (display: grid){.pb-quiz-answers.layout-grid{text-align:left;display:block}.rtl-root-element.RTL .pb-quiz-answers.layout-grid{text-align:right}.pb-quiz-answers.layout-grid .answer-wrapper{display:inline-block;margin-right:1.4%;margin-bottom:1.4%;vertical-align:top;width:30.8%}}.pb-quiz-answers.ie.layout-grid{text-align:left;display:block}.rtl-root-element.RTL .pb-quiz-answers.ie.layout-grid{text-align:right}.pb-quiz-answers.ie.layout-grid .answer-wrapper{display:inline-block;margin-right:1.4%;margin-bottom:1.4%;vertical-align:top;width:30.8%} @-webkit-keyframes start-btn{0%,100%{-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);box-shadow:0 8px 18px 0 rgba(0,0,0,0.25)}40%,55%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 18px 0 rgba(0,0,0,0.25);box-shadow:0 12px 18px 0 rgba(0,0,0,0.25)}}@keyframes start-btn{0%,100%{-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);box-shadow:0 8px 18px 0 rgba(0,0,0,0.25)}40%,55%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 18px 0 rgba(0,0,0,0.25);box-shadow:0 12px 18px 0 rgba(0,0,0,0.25)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fade-in-long{0%{opacity:0}10%{opacity:1}100%{opacity:1}}@keyframes fade-in-long{0%{opacity:0}10%{opacity:1}100%{opacity:1}}@-webkit-keyframes answer-leave{0%{opacity:.4}10%{opacity:0}100%{opacity:0}}@keyframes answer-leave{0%{opacity:.4}10%{opacity:0}100%{opacity:0}}@-webkit-keyframes expand{10%{-webkit-transform:scale(1.05);transform:scale(1.05)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes expand{10%{-webkit-transform:scale(1.05);transform:scale(1.05)}20%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes play_p_calculate_white_loop{from{background-position:0}to{background-position:-2277px}}@keyframes play_p_calculate_white_loop{from{background-position:0}to{background-position:-2277px}}@-webkit-keyframes play_p_calculate_loop{from{background-position:0}to{background-position:-3630px}}@keyframes play_p_calculate_loop{from{background-position:0}to{background-position:-3630px}}@-webkit-keyframes intro-leave{0%{opacity:1}50%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:1}100%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:0}}@keyframes intro-leave{0%{opacity:1}50%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:1}100%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:0}}@-webkit-keyframes result-drawer-in{from{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes result-drawer-in{from{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes result-drawer-children-in{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes result-drawer-children-in{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.pb-journey-intro-container{-webkit-animation:fade-in ease-out .5s;animation:fade-in ease-out .5s;cursor:pointer}.pb-journey-intro-container button{border:0;background:none;display:block;width:100%;padding:0;outline:0}.pb-journey-intro-container .image-container{cursor:pointer}.pb-journey-intro-container .intro-btn-container{height:0;position:relative;text-align:center;top:-20px;width:100%;z-index:400}.pb-journey-intro-container .intro-btn-container .intro-start-btn{-webkit-box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);-webkit-transition:width .3s;transition:width .3s;border:0;border-radius:4px;color:#fff;font-size:16px;font-weight:bold;height:54px;position:relative;text-align:center;width:160px;display:inline-block;-webkit-transform:translateY(4px);transform:translateY(4px)}.rtl-root-element.RTL .pb-journey-intro-container .intro-btn-container .intro-start-btn{direction:rtl}.pb-journey-intro-container .intro-btn-container .intro-start-btn .btn-hover{-webkit-transition:opacity .3s;transition:opacity .3s;border-radius:4px;display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.pb-journey-intro-container .intro-btn-container .intro-start-btn .btn-text{-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;left:0;top:50%;position:absolute;width:100%}.pb-journey-intro-container .intro-btn-container .intro-start-btn .btn-text span{-webkit-animation:fade-in .3s ease-in-out;animation:fade-in .3s ease-in-out}.pb-journey-intro-container .intro-btn-container .intro-start-btn .btn-text .spinner-container{opacity:.7}.pb-journey-intro-container:hover .intro-btn-container .intro-start-btn{width:172px}.pb-journey-intro-container:hover .intro-btn-container .intro-start-btn .btn-hover{opacity:1}.pb-journey-intro-container .texts-container{margin:0 14px 15px;padding:16px;text-align:center;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);background-color:#fff;padding:40px 30px 30px;overflow:hidden}.rtl-root-element.RTL .pb-journey-intro-container .texts-container{direction:rtl}@media screen and (max-width: 480px){.pb-journey-intro-container .texts-container{margin:0 8px 15px;padding:12px}}.pb-journey-intro-container .texts-container .intro-title p{font-size:24px;font-weight:bold;line-height:1.25;margin:12px 0;text-align:center}.pb-journey-intro-container .texts-container .intro-desc p{color:#555;font-size:16px;line-height:1.38;margin-bottom:10px;text-align:center}.pb-journey-intro-container .texts-container .ql-editor{cursor:pointer;overflow:hidden}.pb-journey-intro-container .intro-image-container{outline:0}.pb-journey-intro-container .intro-image-container .pb-quiz-image-card{background:inherit}.pb-journey-intro-container.leave button{outline:0}.pb-journey-intro-container.leave .intro-btn-container,.pb-journey-intro-container.leave .texts-container{position:relative;-webkit-animation:fade-out ease-in .4s;animation:fade-out ease-in .4s;opacity:0}.pb-journey-intro-container.leave .intro-image-container{position:relative;z-index:100;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pb-journey-intro-container.leave .intro-image-container.slide{-webkit-animation:intro-leave .8s ease-in-out;animation:intro-leave .8s ease-in-out}@media screen and (max-width: 480px){.pb-journey-intro-container .intro-btn-container .intro-start-btn{height:46px;width:141px}.pb-journey-intro-container .intro-btn-container .intro-start-btn .btn-text{font-size:16px}.pb-journey-intro-container:hover .intro-btn-container .intro-start-btn{width:141px}.pb-journey-intro-container .texts-container{margin:0 8px 15px;padding:30px 12px}.pb-journey-intro-container .texts-container .intro-start-btn{font-size:18px;left:calc(50% - 75px);width:151px}.pb-journey-intro-container .texts-container .intro-title p{font-size:19px;line-height:1.47}.pb-journey-intro-container .texts-container .intro-desc p{font-size:15px;line-height:1.33}} .pb-lead-form-label{font-size:16px;color:#767676;margin-bottom:8px;display:block;font-weight:400}.pb-lead-form-label.has-error{color:#e41020;margin-bottom:8px} .pb-lead-form-title-container{width:100%;margin-bottom:30px;position:relative;text-align:center;min-height:1px}.pb-lead-form-title-container .pb-lead-form-title{background-color:#fff;font-size:24px;font-weight:bold;text-align:center;display:inline-block;padding:0 20px;position:relative}@media screen and (max-width: 480px){.pb-lead-form-title-container .pb-lead-form-title{font-size:18px}}.pb-lead-form-title-container .pb-lead-form-title-delimiter{position:absolute;top:50%;width:100%;height:4px;background-color:#efefef}.rtl-root-element.RTL .pb-lead-form-title-container .pb-lead-form-title-delimiter{right:0}.rtl-root-element:not(.RTL) .pb-lead-form-title-container .pb-lead-form-title-delimiter{left:0} .success-svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.rtl-root-element.RTL .success-svg.is-ie{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.success-svg circle{stroke-dasharray:0 251;stroke-dashoffset:0;stroke-width:9;fill:transparent}.success-svg polyline{stroke-dasharray:60;stroke-dashoffset:60;stroke-width:9;fill:none}.success-svg.animate:not(.is-ie){-webkit-animation:size .6s .6s forwards linear;animation:size .6s .6s forwards linear}.success-svg.animate:not(.is-ie) polyline{-webkit-animation:polylineAnimate .4s forwards linear;animation:polylineAnimate .4s forwards linear}.success-svg.animate:not(.is-ie) circle{-webkit-animation:circleAnimate 1s forwards linear;animation:circleAnimate 1s forwards linear}.success-svg.animate.is-ie polyline{stroke-dashoffset:0}.success-svg.animate.is-ie circle{stroke-dashoffset:0;stroke-dasharray:760}@-webkit-keyframes polylineAnimate{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}@keyframes polylineAnimate{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}@-webkit-keyframes circleAnimate{from{stroke-dasharray:0 251;stroke-dashoffset:0}to{stroke-dashoffset:0;stroke-dasharray:760}}@keyframes circleAnimate{from{stroke-dasharray:0 251;stroke-dashoffset:0}to{stroke-dashoffset:0;stroke-dasharray:760}}@-webkit-keyframes size{0%{-webkit-transform:scale(1) rotate(-90deg);transform:scale(1) rotate(-90deg)}50%{-webkit-transform:scale(1.1) rotate(-90deg);transform:scale(1.1) rotate(-90deg)}100%{-webkit-transform:scale(1) rotate(-90deg);transform:scale(1) rotate(-90deg)}}@keyframes size{0%{-webkit-transform:scale(1) rotate(-90deg);transform:scale(1) rotate(-90deg)}50%{-webkit-transform:scale(1.1) rotate(-90deg);transform:scale(1.1) rotate(-90deg)}100%{-webkit-transform:scale(1) rotate(-90deg);transform:scale(1) rotate(-90deg)}} .pb-lead-form-input{position:relative}.pb-lead-form-input input:disabled{opacity:.3}.pb-lead-form-input .success-svg,.pb-lead-form-input .pb-lead-form-error{position:absolute;top:9px;right:9px;width:26px;height:26px;pointer-events:none}.rtl-root-element.RTL .pb-lead-form-input .success-svg,.rtl-root-element.RTL .pb-lead-form-input .pb-lead-form-error{left:9px;right:auto}.pb-lead-form-input .pb-lead-form-error{border-radius:500px;border:2px solid rgba(228,16,32,0.6);color:rgba(228,16,32,0.6);font-weight:bold;text-align:center;font-size:16px}.pb-lead-form-input.has-error input{border-bottom:2px solid rgba(228,16,32,0.6);background-color:rgba(228,16,32,0.05)}.pb-lead-form-input input{padding-top:8px;padding-bottom:8px;height:46px;background-color:#fff;width:100%;border-radius:0;border:0;border-bottom:2px solid transparent;font-size:16px;-webkit-transition:border .3s, background-color .3s, -webkit-box-shadow .3s;transition:border .3s, background-color .3s, -webkit-box-shadow .3s;transition:border .3s, background-color .3s, box-shadow .3s;transition:border .3s, background-color .3s, box-shadow .3s, -webkit-box-shadow .3s;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.rtl-root-element.RTL .pb-lead-form-input input{padding-left:40px}.rtl-root-element:not(.RTL) .pb-lead-form-input input{padding-right:40px}.rtl-root-element.RTL .pb-lead-form-input input{padding-right:8px}.rtl-root-element:not(.RTL) .pb-lead-form-input input{padding-left:8px}.pb-lead-form-input input::-webkit-input-placeholder{color:rgba(0,0,0,0.15)}.pb-lead-form-input input::-moz-placeholder{color:rgba(0,0,0,0.15)}.pb-lead-form-input input:-ms-input-placeholder{color:rgba(0,0,0,0.15)}.pb-lead-form-input input::-ms-input-placeholder{color:rgba(0,0,0,0.15)}.pb-lead-form-input input::placeholder{color:rgba(0,0,0,0.15)}.pb-lead-form-input input::-ms-clear{display:none}.pb-lead-form-input input.valid{-webkit-box-shadow:none;box-shadow:none}.pb-lead-form-input input:not(.valid):focus,.pb-lead-form-input input:not(.valid):hover{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);box-shadow:0 2px 8px 0 rgba(0,0,0,0.15)} .pb-lead-form-checkbox{display:block;position:relative;margin:0;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:normal;line-height:1.36;color:#000}.rtl-root-element.RTL .pb-lead-form-checkbox{padding-right:34px}.rtl-root-element:not(.RTL) .pb-lead-form-checkbox{padding-left:34px}.pb-lead-form-checkbox:hover .checkmark{opacity:1}.pb-lead-form-checkbox.has-error{color:#e41020}.pb-lead-form-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.pb-lead-form-checkbox .checkmark{position:absolute;top:0;left:0;height:22px;width:22px;border-radius:2px;border-width:1px;border-style:solid;opacity:.6}.rtl-root-element.RTL .pb-lead-form-checkbox .checkmark{left:auto;right:0}.pb-lead-form-checkbox .checkmark::after{content:'';position:absolute;display:none;left:7px;top:3px;width:6px;height:11px;border-width:0 3px 3px 0;-webkit-transform:rotate(40deg);transform:rotate(40deg)}.pb-lead-form-checkbox input:checked ~ .checkmark{opacity:1}.pb-lead-form-checkbox input:checked ~ .checkmark::after{display:block} .pb-lead-form-dropdown{position:relative;background-color:#fff}.pb-lead-form-dropdown.disabled{opacity:.3}.pb-lead-form-dropdown.open .dropdown-menu{max-height:250px;overflow-y:auto;overflow-x:hidden}.pb-lead-form-dropdown.open .dropdown-toggle .toggle-caret{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.pb-lead-form-dropdown .dropdown-toggle{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);background:#fff;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:8px;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s}.pb-lead-form-dropdown .dropdown-toggle.has-error{background-color:rgba(228,16,32,0.05);border-bottom:solid 2px rgba(228,16,32,0.6)}.pb-lead-form-dropdown .dropdown-toggle.valid{-webkit-box-shadow:none;box-shadow:none}.pb-lead-form-dropdown .dropdown-toggle:not(.valid):focus,.pb-lead-form-dropdown .dropdown-toggle:not(.valid):hover{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);box-shadow:0 2px 8px 0 rgba(0,0,0,0.15)}.pb-lead-form-dropdown .dropdown-toggle .toggle-label{color:#000}.pb-lead-form-dropdown .dropdown-toggle .toggle-label.placeholder{color:#dbdbdb}.pb-lead-form-dropdown .dropdown-toggle .toggle-caret{width:7px;height:7px;fill:#555;margin:9px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease;-webkit-transform:rotate(0);transform:rotate(0)}.pb-lead-form-dropdown .dropdown-menu{position:absolute;width:100%;max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease-in;transition:max-height .3s ease-in;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);z-index:2}.pb-lead-form-dropdown .dropdown-menu .option:first-of-type{margin-top:4px}.pb-lead-form-dropdown .dropdown-menu .option:last-of-type{margin-bottom:4px}.pb-lead-form-dropdown .option{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:100%;padding:10px 12px;text-align:initial;line-height:20px;height:auto}.pb-lead-form-dropdown .option:hover{background-color:#f5f5f5}.pb-lead-form-dropdown .option:hover.placeholder{color:#767676}.pb-lead-form-dropdown .option>.option-label{height:20px;line-height:20px}.pb-lead-form-dropdown .option.placeholder{color:#dbdbdb;border-bottom:solid 1px #f5f5f5} .pb-lead-form-submit-button-container{position:relative;text-align:center;padding-bottom:14px}.pb-lead-form-submit-button-container .button-error-message{-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;top:-40px;left:50%;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);box-shadow:0 0 10px 0 rgba(0,0,0,0.15);padding:10px;background-color:#fff;color:#e41020;z-index:1;font-size:16px;width:286px}.rtl-root-element.RTL .pb-lead-form-submit-button-container .button-error-message{-webkit-transform:translateX(50%);transform:translateX(50%);left:auto;right:50%}.pb-lead-form-submit-button-container .button-error-message::after{content:' ';display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;bottom:-5px}.rtl-root-element.RTL .pb-lead-form-submit-button-container .button-error-message::after{-webkit-transform:translateX(50%);transform:translateX(50%);left:auto;right:50%}.pb-lead-form-submit-button-container .pb-lead-form-spinner{width:56px;height:56px;border-radius:500px}.pb-lead-form-submit-button-container .pb-lead-form-submit-button{padding:0 30px;text-align:center;height:56px;font-size:18px;font-weight:bold;border:0;border-radius:500px;display:block;cursor:pointer;-webkit-transition:padding .2s;transition:padding .2s;margin:0 auto;background-clip:padding-box}.pb-lead-form-submit-button-container .pb-lead-form-submit-button .submit-arrow{width:7px;height:11px}.rtl-root-element.RTL .pb-lead-form-submit-button-container .pb-lead-form-submit-button .submit-arrow{margin-right:7px}.rtl-root-element:not(.RTL) .pb-lead-form-submit-button-container .pb-lead-form-submit-button .submit-arrow{margin-left:7px}.rtl-root-element.RTL .pb-lead-form-submit-button-container .pb-lead-form-submit-button .submit-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pb-lead-form-submit-button-container .pb-lead-form-submit-button.is-submitting{padding:0 17px}.pb-lead-form-submit-button-container .pb-lead-form-submit-button:not(.is-submitting):not(.is-submitted):hover,.pb-lead-form-submit-button-container .pb-lead-form-submit-button:not(.is-submitting):not(.is-submitted):focus{padding:0 40px}.pb-lead-form-submit-button-container .submit-success{width:56px;height:56px;fill:#28a745} .pb-lead-form-next-button-container{position:relative;text-align:center;max-width:340px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:10px}.pb-lead-form-next-button-container .pb-lead-form-next-button{padding-top:0;padding-bottom:0;text-align:center;height:38px;font-size:18px;font-weight:bold;border:0;border-radius:500px;cursor:pointer;background-clip:padding-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rtl-root-element.RTL .pb-lead-form-next-button-container .pb-lead-form-next-button{padding-left:12px}.rtl-root-element:not(.RTL) .pb-lead-form-next-button-container .pb-lead-form-next-button{padding-right:12px}.rtl-root-element.RTL .pb-lead-form-next-button-container .pb-lead-form-next-button{padding-right:20px}.rtl-root-element:not(.RTL) .pb-lead-form-next-button-container .pb-lead-form-next-button{padding-left:20px}.pb-lead-form-next-button-container .pb-lead-form-next-button .arrow-right{width:24px;height:24px}.rtl-root-element.RTL .pb-lead-form-next-button-container .pb-lead-form-next-button .arrow-right{margin-right:6px}.rtl-root-element:not(.RTL) .pb-lead-form-next-button-container .pb-lead-form-next-button .arrow-right{margin-left:6px}.rtl-root-element.RTL .pb-lead-form-next-button-container .pb-lead-form-next-button .arrow-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .pb-lead-form-error-message{color:#e41020;margin-bottom:10px;list-style:none} .pb-lead-form-disclaimer-consent{margin:0 20px 24px}.pb-lead-form-disclaimer-consent .text-viewer-component{font-size:10px;color:#767676;text-align:center}.pb-lead-form-disclaimer-consent .text-viewer-component a{text-decoration:underline;color:#767676}@media screen and (max-width: 480px){.pb-lead-form-disclaimer-consent{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:340px;padding:0 10px;margin:auto}.pb-lead-form-disclaimer-consent .text-viewer-component{text-align:initial;margin:0 auto 24px}} .pb-lead-form-success-message-container{font-size:24px;font-weight:bold;text-align:center;margin-bottom:0;height:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media (max-width: 480px){.pb-lead-form-success-message-container{font-size:16px}}.pb-lead-form-success-message-container .pb-lead-form-success-message-text{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.pb-lead-form-success-message-container.shown{margin-bottom:17px}.pb-lead-form-success-message-container.shown .pb-lead-form-success-message-text{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} .pb-lead-form-container .pb-lead-form{background:#fff;padding-bottom:17px}.pb-lead-form-container .pb-lead-form *:focus{outline:0}.pb-lead-form-container .pb-lead-form form{margin:0}.pb-lead-form-container .pb-lead-form .form-wrapper{-webkit-transition:height 0.4s cubic-bezier(0.79, 0.3, 1, 1);transition:height 0.4s cubic-bezier(0.79, 0.3, 1, 1)}.pb-lead-form-container .pb-lead-form .fields-wrapper{margin:auto;position:relative;max-width:340px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 10px}.pb-lead-form-container .pb-lead-form .fields-wrapper .pb-lead-form-field{margin-bottom:24px;position:relative;display:inline-block;opacity:0;-webkit-transition:opacity 1s ease-out;transition:opacity 1s ease-out;text-align:initial;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.pb-lead-form-container .pb-lead-form .fields-wrapper .pb-lead-form-field.opacity{opacity:1}.pb-lead-form-container .pb-lead-form .grecaptcha-badge{display:none} .pb-share-button{border-radius:50%;position:relative;display:inline-block;text-align:center;text-decoration:none;cursor:pointer;width:36px;height:36px;background:#fff;border:1px solid #dbdbdb}.rtl-root-element.RTL .pb-share-button{margin-left:6px}.rtl-root-element:not(.RTL) .pb-share-button{margin-right:6px}.pb-share-button:hover:not(.disabled){border-color:#aaa}.pb-share-button.disabled{opacity:.3;cursor:default}.rtl-root-element.RTL .pb-share-button:nth-last-child(1){margin-left:0}.rtl-root-element:not(.RTL) .pb-share-button:nth-last-child(1){margin-right:0}.pb-share-button svg{width:70%;height:100%;fill:#555}.pb-share-button.facebook:not(.disabled):not(.mobile):hover svg{fill:#1c7cf0}.pb-share-button.messenger:not(.disabled):not(.mobile):hover svg{fill:#1c7cf0}.pb-share-button.twitter:not(.disabled):not(.mobile):hover svg{fill:#55acee}.pb-share-button.tumblr:not(.disabled):not(.mobile):hover svg{fill:#35465d}.pb-share-button.pinterest:not(.disabled):not(.mobile):hover svg{fill:#bd081c}.pb-share-button.vk:not(.disabled):not(.mobile):hover svg{fill:#4d75a3}.pb-share-button.whatsapp:not(.disabled):not(.mobile):hover svg{fill:#25d366}.pb-share-button.reddit:not(.disabled):not(.mobile):hover svg{fill:#f83d17}.pb-share-button.sms:not(.disabled):not(.mobile):hover svg{fill:#34cb4d}.pb-share-button.copy:not(.disabled):not(.mobile):hover svg{fill:#28a0f9}.pb-share-button.mobile{border:0}.pb-share-button.mobile svg{fill:#fff}.pb-share-button.mobile.facebook{background:#1c7cf0}.pb-share-button.mobile.messenger{background:#1c7cf0}.pb-share-button.mobile.twitter{background:#55acee}.pb-share-button.mobile.tumblr{background:#35465d}.pb-share-button.mobile.pinterest{background:#bd081c}.pb-share-button.mobile.vk{background:#4d75a3}.pb-share-button.mobile.whatsapp{background:#25d366}.pb-share-button.mobile.reddit{background:#f83d17}.pb-share-button.mobile.sms{background:#34cb4d}.pb-share-button.mobile.copy{background:#28a0f9} .image-share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0}.image-share.opened .share-buttons-container{display:block}.rtl-root-element.RTL .image-share.opened .share-buttons-container{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.rtl-root-element:not(.RTL) .image-share.opened .share-buttons-container{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.image-share.opened .opener{opacity:1}.image-share.opened .opener svg{fill:#555;-webkit-transform:scale(0.5);transform:scale(0.5)}.image-share .opener{border-radius:50%;text-align:center;text-decoration:none;width:30px;height:30px;background-color:#fff;opacity:.6;display:none;border:0;outline:none;padding:0}.rtl-root-element.RTL .image-share .opener{margin-right:9px}.rtl-root-element:not(.RTL) .image-share .opener{margin-left:9px}.image-share .opener svg{width:70%;height:100%;fill:#000}.image-share .pb-share-button{border:0}@media screen and (max-width: 480px){.image-share .opener{display:block}.image-share .share-buttons-container{display:none;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.rtl-root-element.RTL .image-share .share-buttons-container{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}.rtl-root-element:not(.RTL) .image-share .share-buttons-container{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}} @media screen and (min-width: 480px){a.call-to-action-button:hover .hover-screener{display:block}}a.call-to-action-button{font-weight:600;position:relative;overflow:hidden;text-decoration:none;white-space:normal}a.call-to-action-button:focus{outline:none;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 0 2px rgba(0,0,0,0.3)}a.call-to-action-button .hover-screener{background:rgba(0,0,0,0.1);display:none;height:100%;width:100%;position:absolute;top:0;left:0}a.call-to-action-button.anim_pulse{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}a.call-to-action-button.anim_floating{-webkit-animation:floating 1s infinite;animation:floating 1s infinite}a.call-to-action-button svg{width:23px;height:18px;fill:#fff;top:2px;margin-right:7px;position:relative}a.call-to-action-button.smaller-font{font-size:16px}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8%);transform:translateY(8%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floating{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8%);transform:translateY(8%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:.7}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:.7}}@keyframes pulse{0%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:.7}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:.7}} @-webkit-keyframes start-btn{0%,100%{-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);box-shadow:0 8px 18px 0 rgba(0,0,0,0.25)}40%,55%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 18px 0 rgba(0,0,0,0.25);box-shadow:0 12px 18px 0 rgba(0,0,0,0.25)}}@keyframes start-btn{0%,100%{-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);box-shadow:0 8px 18px 0 rgba(0,0,0,0.25)}40%,55%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 18px 0 rgba(0,0,0,0.25);box-shadow:0 12px 18px 0 rgba(0,0,0,0.25)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fade-in-long{0%{opacity:0}10%{opacity:1}100%{opacity:1}}@keyframes fade-in-long{0%{opacity:0}10%{opacity:1}100%{opacity:1}}@-webkit-keyframes answer-leave{0%{opacity:.4}10%{opacity:0}100%{opacity:0}}@keyframes answer-leave{0%{opacity:.4}10%{opacity:0}100%{opacity:0}}@-webkit-keyframes expand{10%{-webkit-transform:scale(1.05);transform:scale(1.05)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes expand{10%{-webkit-transform:scale(1.05);transform:scale(1.05)}20%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes play_p_calculate_white_loop{from{background-position:0}to{background-position:-2277px}}@keyframes play_p_calculate_white_loop{from{background-position:0}to{background-position:-2277px}}@-webkit-keyframes play_p_calculate_loop{from{background-position:0}to{background-position:-3630px}}@keyframes play_p_calculate_loop{from{background-position:0}to{background-position:-3630px}}@-webkit-keyframes intro-leave{0%{opacity:1}50%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:1}100%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:0}}@keyframes intro-leave{0%{opacity:1}50%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:1}100%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:0}}@-webkit-keyframes result-drawer-in{from{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes result-drawer-in{from{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes result-drawer-children-in{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes result-drawer-children-in{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.pb-journey-result{opacity:0;-webkit-animation:fade-in .5s;animation:fade-in .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pb-journey-result .card-wrapper{position:relative;z-index:100}.pb-journey-result .result-drawer{margin:0 14px 15px;padding:16px;text-align:center;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);background-color:#fff;position:relative;opacity:0;-webkit-animation:.5s ease-out result-drawer-in,0.3s linear fade-in;animation:.5s ease-out result-drawer-in,0.3s linear fade-in;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding-bottom:24px}.rtl-root-element.RTL .pb-journey-result .result-drawer{direction:rtl}@media screen and (max-width: 480px){.pb-journey-result .result-drawer{margin:0 8px 15px;padding:12px}}.pb-journey-result .result-drawer>div{opacity:0;-webkit-animation:.5s ease-out fade-in,.5s ease-out result-drawer-children-in;animation:.5s ease-out fade-in,.5s ease-out result-drawer-children-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pb-journey-result .result-drawer .result-title p{font-size:24px;font-weight:bold;line-height:1.25;margin-bottom:12px;text-align:center}.pb-journey-result .result-drawer .result-desc p{color:#555;font-size:16px;line-height:1.38;margin-bottom:24px;text-align:center}.pb-journey-result .result-drawer .cta{margin-top:12px}.pb-journey-result .result-drawer .share-buttons{margin-top:12px}.pb-journey-result .result-drawer .share-buttons .share-buttons-wrapper{display:inline-block}.pb-journey-result .result-drawer .share-buttons .share-buttons-wrapper p{font-size:12px;color:#aaa}.pb-journey-result .result-drawer .share-buttons .share-buttons-wrapper .pb-share-button{width:40px;height:40px}.pb-journey-result .result-drawer .result-continue{margin-top:12px;font-size:16px;font-weight:bold;text-align:center}.pb-journey-result .result-drawer .result-continue.dark{color:#000 !important}.pb-journey-result .result-drawer .result-continue.dark svg{fill:#000 !important}.pb-journey-result .result-drawer .result-continue .arrow{margin:5px 0 -5px;height:30px;width:30px}.pb-journey-result .result-drawer .result-continue .arrow use>svg{fill:inherit}.pb-journey-result .result-drawer .lead-form-action{margin-left:-16px;margin-right:-16px} .journey-progress{margin-bottom:5px;text-align:center}.journey-progress span{font-size:14px;color:#555}.journey-progress .journey-progress-bar-container{position:relative;height:4px;background-color:rgba(160,54,247,0.1)}.journey-progress .journey-progress-bar-container .journey-progress-bar{position:absolute;left:0;height:4px;background-color:#a036f7;-webkit-transition:width ease .5s;transition:width ease .5s} @-webkit-keyframes start-btn{0%,100%{-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);box-shadow:0 8px 18px 0 rgba(0,0,0,0.25)}40%,55%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 18px 0 rgba(0,0,0,0.25);box-shadow:0 12px 18px 0 rgba(0,0,0,0.25)}}@keyframes start-btn{0%,100%{-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);box-shadow:0 8px 18px 0 rgba(0,0,0,0.25)}40%,55%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 18px 0 rgba(0,0,0,0.25);box-shadow:0 12px 18px 0 rgba(0,0,0,0.25)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fade-in-long{0%{opacity:0}10%{opacity:1}100%{opacity:1}}@keyframes fade-in-long{0%{opacity:0}10%{opacity:1}100%{opacity:1}}@-webkit-keyframes answer-leave{0%{opacity:.4}10%{opacity:0}100%{opacity:0}}@keyframes answer-leave{0%{opacity:.4}10%{opacity:0}100%{opacity:0}}@-webkit-keyframes expand{10%{-webkit-transform:scale(1.05);transform:scale(1.05)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes expand{10%{-webkit-transform:scale(1.05);transform:scale(1.05)}20%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes play_p_calculate_white_loop{from{background-position:0}to{background-position:-2277px}}@keyframes play_p_calculate_white_loop{from{background-position:0}to{background-position:-2277px}}@-webkit-keyframes play_p_calculate_loop{from{background-position:0}to{background-position:-3630px}}@keyframes play_p_calculate_loop{from{background-position:0}to{background-position:-3630px}}@-webkit-keyframes intro-leave{0%{opacity:1}50%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:1}100%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:0}}@keyframes intro-leave{0%{opacity:1}50%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:1}100%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:0}}@-webkit-keyframes result-drawer-in{from{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes result-drawer-in{from{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes result-drawer-children-in{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes result-drawer-children-in{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.pb-journey-questions-container{-webkit-animation:fade-in .5s ease-out;animation:fade-in .5s ease-out}.pb-journey-questions-container .binge-progress-bar{margin:0 8px}.pb-journey-questions-container .journey-question{position:relative}.pb-journey-questions-container .journey-question>.transition{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-animation:fade-in-long 5s;animation:fade-in-long 5s;-webkit-animation-delay:1s;animation-delay:1s}.pb-journey-questions-container .journey-question .ad-wrapper{text-align:center;background-color:#efefef}.pb-journey-questions-container .journey-question .drawer{margin:0 14px 15px;padding:16px;text-align:center;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);background-color:#fff}@media screen and (max-width: 480px){.pb-journey-questions-container .journey-question .drawer{margin:0 8px 15px;padding:12px}}.pb-journey-questions-container .journey-question .drawer .question-text .text-viewer-component{font-size:24px;font-weight:bold;line-height:1.24;color:#555;margin-bottom:18px}.pb-journey-questions-container .journey-question .answers-wrapper.transition>div{-webkit-animation:fade-out .5s;animation:fade-out .5s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pb-journey-questions-container .journey-question .pb-quiz-image-card{background-color:#f5f5f5;border:1px solid rgba(0,0,0,0.1)}@media screen and (max-width: 480px){.pb-journey-questions-container .binge-progress-bar{margin-bottom:5px}.pb-journey-questions-container .journey-question.answers-wrapper .question-text .text-viewer-component{font-size:20px;line-height:1.3;margin-bottom:12px}.pb-journey-questions-container.not-embed .pb-quiz-question-progress{margin:0 5px}.pb-journey-questions-container.not-embed .drawer{margin:0 0 10px;padding:8px 8px 12px}.pb-journey-questions-container.not-embed .drawer .answers-wrapper .pb-quiz-answers.grid button{border-color:#aaa}} .pb-journey-transition-screen{padding-top:75%;position:relative;-webkit-transition:height .3s ease-out;transition:height .3s ease-out}.pb-journey-transition-screen .pb-spinner-container{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.pb-journey-transition-screen .logo{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);width:80px;height:80px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain}.pb-journey-transition-screen .logo.show{opacity:1}@-webkit-keyframes splogo{0%{background:radial-gradient(white 0%, white 30%, transparent 100%)}50%{background:radial-gradient(white 0%, white 60%, transparent 100%)}100%{background:radial-gradient(white 0%, white 30%, transparent 100%)}}@keyframes splogo{0%{background:radial-gradient(white 0%, white 30%, transparent 100%)}50%{background:radial-gradient(white 0%, white 60%, transparent 100%)}100%{background:radial-gradient(white 0%, white 30%, transparent 100%)}} @-webkit-keyframes start-btn{0%,100%{-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);box-shadow:0 8px 18px 0 rgba(0,0,0,0.25)}40%,55%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 18px 0 rgba(0,0,0,0.25);box-shadow:0 12px 18px 0 rgba(0,0,0,0.25)}}@keyframes start-btn{0%,100%{-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:0 8px 18px 0 rgba(0,0,0,0.25);box-shadow:0 8px 18px 0 rgba(0,0,0,0.25)}40%,55%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 18px 0 rgba(0,0,0,0.25);box-shadow:0 12px 18px 0 rgba(0,0,0,0.25)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fade-in-long{0%{opacity:0}10%{opacity:1}100%{opacity:1}}@keyframes fade-in-long{0%{opacity:0}10%{opacity:1}100%{opacity:1}}@-webkit-keyframes answer-leave{0%{opacity:.4}10%{opacity:0}100%{opacity:0}}@keyframes answer-leave{0%{opacity:.4}10%{opacity:0}100%{opacity:0}}@-webkit-keyframes expand{10%{-webkit-transform:scale(1.05);transform:scale(1.05)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes expand{10%{-webkit-transform:scale(1.05);transform:scale(1.05)}20%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes play_p_calculate_white_loop{from{background-position:0}to{background-position:-2277px}}@keyframes play_p_calculate_white_loop{from{background-position:0}to{background-position:-2277px}}@-webkit-keyframes play_p_calculate_loop{from{background-position:0}to{background-position:-3630px}}@keyframes play_p_calculate_loop{from{background-position:0}to{background-position:-3630px}}@-webkit-keyframes intro-leave{0%{opacity:1}50%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:1}100%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:0}}@keyframes intro-leave{0%{opacity:1}50%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:1}100%{-webkit-transform:translateY(32px);transform:translateY(32px);opacity:0}}@-webkit-keyframes result-drawer-in{from{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes result-drawer-in{from{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes result-drawer-children-in{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes result-drawer-children-in{from{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.pb-journey-viewer{position:relative}.pb-journey-viewer .journey-seo{display:none}.pb-journey-viewer .binge-progress-bar{margin:0 8px 5px}.pb-journey-viewer .embed-responsive-3by2{padding-bottom:66.66%}.pb-journey-viewer .embed-responsive-3by2 .embed-responsive.embed-responsive-16by9{padding-bottom:66.66%}.pb-journey-viewer .embed-responsive-1by1{padding-bottom:100%}.pb-journey-viewer [pb-image-container]{background-color:#f5f5f5}.pb-journey-viewer.in-view .intro-start-btn{-webkit-animation:start-btn ease 3s infinite;animation:start-btn ease 3s infinite}.pb-journey-viewer .calc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pb-journey-viewer.not-embed{margin-left:-12px;margin-right:-12px}.pb-journey-viewer .stream-player-container-wrapper .avp-p-cn{visibility:hidden} /* CSS tricks for edge only styles */ /* CSS tricks for IE9+ styles */ .pb-story { position: relative; margin: 0 auto; max-width: 640px; font-family: 'Helvetica Neue', Helvetica, Arial, 'Roboto', 'Segoe UI', sans-serif; } .rtl-root-element.RTL .pb-story { direction: rtl; } .pb-story *, .pb-story *::before, .pb-story *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .pb-story .sections { position: relative; z-index: 1; } .pb-story .sections > div:not(:empty):not(:last-child) { margin-bottom: 24px; } .pb-story.playbuzz .sections > div:not(:empty):not(:last-child) { margin-bottom: 20px; } .pb-story.stories.desktop .sections > div:not(:empty):not(:last-child) { margin-bottom: 40px; } .pb-story h3 { margin: inherit; font-weight: inherit; } .pb-story .item-info-container, .pb-story .top-share-bar-container, .pb-story .bottom-share-bar-container { position: relative; margin-bottom: 24px; } .pb-story .item-info-container .overlay, .pb-story .top-share-bar-container .overlay, .pb-story .bottom-share-bar-container .overlay { position: absolute; width: calc(100% + 10px); height: calc(100% + 10px); top: -5px; left: -5px; background-color: white; opacity: .6; } .pb-story .bottom-share-bar-container { margin-top: 24px; } .pb-story .pb-ad-in-story { margin: 0 -12px; } .pb-story .sponsored-badge-wrapper { margin-bottom: 15px; } .pb-story .separator-line { margin-bottom: 15px; border-bottom: 1px solid #efefef; } .pb-story .sticky-share-bar-container { position: -webkit-sticky; position: sticky; top: 40px; } .pb-story .sticky-share-bar-container .pb-share-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; width: calc(100vw - 80px); left: calc((100vw - 100%) / -2 + 40px); right: calc((100vw - 100%) / -2 + 40px); } .pb-story .sticky-share-bar-container .pb-share-bar .pb-share-button { margin: 0 0 16px; } .pb-story:not(.mobile) .bottom-share-bar-container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 480px) { .pb-story .sections > div:not(:empty) { margin-bottom: 18px; } .pb-story .top-share-bar-container .pb-share-bar, .pb-story .bottom-share-bar-container .pb-share-bar { display: table; margin: 0 auto; } .pb-story .item-info-container { margin-top: 0; } .pb-story .item-info-container .pb-image-viewer { margin-bottom: 16px; } .pb-story .item-info-container h1.item-title { font-size: 22px; line-height: 1.4; } .pb-story .item-info-container h2.item-sub-title { font-size: 17px; margin-top: 8px; } } .pb-story.mobile .top-share-bar-container .pb-share-bar, .pb-story.mobile .bottom-share-bar-container .pb-share-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .pb-story.mobile .top-share-bar-container .pb-share-bar .pb-share-button, .pb-story.mobile .bottom-share-bar-container .pb-share-bar .pb-share-button { height: 44px; width: 44px; margin: 0; } html{scroll-behavior:smooth}.pb-site-content-wrapper{padding-top:15px;background-color:#fff}.pb-site-content-wrapper.has-sticky-ad{padding-bottom:15px}.pb-site-content-wrapper .content{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:1028px;position:relative}.pb-site-content-wrapper .content .pb-site-left-side-rail{position:absolute;top:0;bottom:0;right:100%}.pb-site-content-wrapper .main-column{position:relative;margin:0 20px;padding:0 44px 20px;background-color:#fff;width:100%;max-width:728px}.pb-site-content-wrapper .main-column .top-stickyplayer-container{position:relative;background-color:#000;padding-bottom:56.25%}.pb-site-content-wrapper .main-column .top-stickyplayer-container .top-stickyplayer-wrapper{position:absolute;top:0;left:0;width:100%}.pb-site-content-wrapper .main-column .item-body>.binge-progress-bar{margin-bottom:5px}.pb-site-content-wrapper .main-column .pb-story .item-info-container .pb-image-viewer{margin:0 -12px}.pb-site-content-wrapper .main-column .item-seperator{margin-top:35px;margin-bottom:35px;width:100%;background-color:#efefef}.pb-site-content-wrapper .main-column .footer{max-width:640px;margin:0 auto}.pb-site-content-wrapper .pb-mobile-sticky{right:0;left:0}.pb-site-content-wrapper .pb-mobile-sticky.pb-mobile-sticky--bottom{position:fixed;bottom:0;z-index:9999}.pb-site-content-wrapper .pb-mobile-sticky.pb-mobile-sticky--top{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.pb-site-content-wrapper .pb-mobile-sticky .ad-no-margin.pb-site-adunit>div{margin:0}@media (max-width: 480px){.pb-site-content-wrapper{padding-top:0}.pb-site-content-wrapper .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.pb-site-content-wrapper .main-column{margin:0;padding:0}.pb-site-content-wrapper .main-column .item-body{padding:15px 12px}}@media (max-width: 1380px){.pb-site-content-wrapper .content .pb-site-left-side-rail{display:none}.pb-site-content-wrapper .main-column{min-width:0}} .pb-share-button{border-radius:50%;position:relative;display:inline-block;text-align:center;text-decoration:none;cursor:pointer;width:36px;height:36px;background:#fff;border:1px solid #dbdbdb}.rtl-root-element.RTL .pb-share-button{margin-left:6px}.rtl-root-element:not(.RTL) .pb-share-button{margin-right:6px}.pb-share-button:hover:not(.disabled){border-color:#aaa}.pb-share-button.disabled{opacity:.3;cursor:default}.rtl-root-element.RTL .pb-share-button:nth-last-child(1){margin-left:0}.rtl-root-element:not(.RTL) .pb-share-button:nth-last-child(1){margin-right:0}.pb-share-button svg{width:70%;height:100%;fill:#555}.pb-share-button.facebook:not(.disabled):not(.mobile):hover svg{fill:#1c7cf0}.pb-share-button.messenger:not(.disabled):not(.mobile):hover svg{fill:#1c7cf0}.pb-share-button.twitter:not(.disabled):not(.mobile):hover svg{fill:#55acee}.pb-share-button.tumblr:not(.disabled):not(.mobile):hover svg{fill:#35465d}.pb-share-button.pinterest:not(.disabled):not(.mobile):hover svg{fill:#bd081c}.pb-share-button.vk:not(.disabled):not(.mobile):hover svg{fill:#4d75a3}.pb-share-button.whatsapp:not(.disabled):not(.mobile):hover svg{fill:#25d366}.pb-share-button.reddit:not(.disabled):not(.mobile):hover svg{fill:#f83d17}.pb-share-button.sms:not(.disabled):not(.mobile):hover svg{fill:#34cb4d}.pb-share-button.copy:not(.disabled):not(.mobile):hover svg{fill:#28a0f9}.pb-share-button.mobile{border:0}.pb-share-button.mobile svg{fill:#fff}.pb-share-button.mobile.facebook{background:#1c7cf0}.pb-share-button.mobile.messenger{background:#1c7cf0}.pb-share-button.mobile.twitter{background:#55acee}.pb-share-button.mobile.tumblr{background:#35465d}.pb-share-button.mobile.pinterest{background:#bd081c}.pb-share-button.mobile.vk{background:#4d75a3}.pb-share-button.mobile.whatsapp{background:#25d366}.pb-share-button.mobile.reddit{background:#f83d17}.pb-share-button.mobile.sms{background:#34cb4d}.pb-share-button.mobile.copy{background:#28a0f9} .image-share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0}.image-share.opened .share-buttons-container{display:block}.rtl-root-element.RTL .image-share.opened .share-buttons-container{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.rtl-root-element:not(.RTL) .image-share.opened .share-buttons-container{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.image-share.opened .opener{opacity:1}.image-share.opened .opener svg{fill:#555;-webkit-transform:scale(0.5);transform:scale(0.5)}.image-share .opener{border-radius:50%;text-align:center;text-decoration:none;width:30px;height:30px;background-color:#fff;opacity:.6;display:none;border:0;outline:none;padding:0}.rtl-root-element.RTL .image-share .opener{margin-right:9px}.rtl-root-element:not(.RTL) .image-share .opener{margin-left:9px}.image-share .opener svg{width:70%;height:100%;fill:#000}.image-share .pb-share-button{border:0}@media screen and (max-width: 480px){.image-share .opener{display:block}.image-share .share-buttons-container{display:none;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.rtl-root-element.RTL .image-share .share-buttons-container{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}.rtl-root-element:not(.RTL) .image-share .share-buttons-container{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}} .pb-site-articles{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:'pbMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif}.pb-site-articles .article-container:hover .pb-image-viewer{-webkit-transform:scale(1.02);transform:scale(1.02)}.pb-site-articles .pb-image-viewer{-webkit-transition:-webkit-transform ease .1s;transition:-webkit-transform ease .1s;transition:transform ease .1s;transition:transform ease .1s, -webkit-transform ease .1s}.pb-site-articles .article-creator{margin-top:4px}.pb-site-articles article .image-container{position:relative;display:block;cursor:pointer}.pb-site-articles article .image-container .image-wrapper .image-share-wrapper{position:absolute;top:10px;left:8px;display:none}.pb-site-articles article .image-container .image-wrapper .image-share-wrapper .pb-share-button{margin-right:6px}.pb-site-articles article .image-container .image-wrapper .image-share-wrapper .pb-share-button:nth-last-child(1){margin-right:0}.pb-site-articles article .image-container .image-wrapper:hover .image-share-wrapper{display:block}.pb-site-articles article .image-container .binge-badge{padding:1px 13px;border-radius:100px;background-color:#a036f7;position:absolute;bottom:-7px;left:5px}.pb-site-articles article .image-container .binge-badge .binge-slideshow-icon{fill:#fff;width:17px;height:17px;vertical-align:sub}.pb-site-articles article .image-container .binge-badge .binge-badge-text{font-family:'pbSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:normal;color:#fff;text-transform:uppercase}.pb-site-articles.with-layout{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pb-site-articles.with-layout .article-container{margin-bottom:40px}.pb-site-articles.with-layout .bottom-side{border-top:1px solid #dbdbdb;padding:0 13px}.pb-site-articles.with-layout .small,.pb-site-articles.with-layout .medium{border:solid 1px #dbdbdb}.pb-site-articles.with-layout .small .bottom-side,.pb-site-articles.with-layout .medium .bottom-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:10px}.pb-site-articles.with-layout .small .bottom-side .article-creator,.pb-site-articles.with-layout .medium .bottom-side .article-creator{font-size:12px}.pb-site-articles.with-layout .small article,.pb-site-articles.with-layout .medium article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.pb-site-articles.with-layout .big{border:solid 1px #dbdbdb;width:100%}.pb-site-articles.with-layout .big article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pb-site-articles.with-layout .big article .image-container{width:100%}.pb-site-articles.with-layout .big article .article-creator{margin-top:20px}.pb-site-articles.with-layout .big article .bottom-side{border-right:1px solid #dbdbdb;border-top-color:transparent;padding:30px;width:50%}.pb-site-articles.with-layout .big article .title{font-size:22px;line-height:1.4}.pb-site-articles.with-layout .medium{width:48%}.pb-site-articles.with-layout .medium .title{font-size:15px;line-height:1.38}.pb-site-articles.with-layout .medium .bottom-side{padding:10px 16px}.pb-site-articles.with-layout .small{width:31%}.pb-site-articles.with-layout .small .title{font-size:14px;line-height:1.43}.pb-site-articles.with-layout .small .bottom-side{padding:10px}.pb-site-articles .title{font-weight:500;color:#202d37;overflow:hidden;font-size:18px;margin-left:0;word-break:break-word;display:block;text-align:center}.pb-site-articles .article-creator{color:#767676;font-size:14px;display:block;font-family:'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center}.pb-site-articles a,.pb-site-articles a:hover{text-decoration:none} .pb-site-articles--mobile{display:block}.pb-site-articles--mobile article{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.pb-site-articles--mobile article .image-container{min-width:50%;max-width:50%}.pb-site-articles--mobile article .image-container .image-wrapper{overflow:visible}.pb-site-articles--mobile article .image-container .image-wrapper .image-share-wrapper{position:absolute;top:3px;left:5px;display:block;width:90vw;z-index:2}.pb-site-articles--mobile article .image-container .image-wrapper .image-share-wrapper .image-share{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.pb-site-articles--mobile article .image-container .image-wrapper .image-share-wrapper .opener{margin-right:9px}.pb-site-articles--mobile article .article-creator{display:none}.pb-site-articles--mobile .bottom-side{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pb-site-articles--mobile .title{display:block;font-size:14px;line-height:1.38;margin-left:10px;padding:0} .tags-header.empty{visibility:hidden}.tags-header .tags-header-wrapper{margin:0 auto 35px;padding-top:70px;max-width:800px}.tags-header .tags-header-wrapper ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0}.tags-header .tags-header-wrapper ul li{font-family:'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;color:#767676;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-header .tags-header-wrapper ul li h1,.tags-header .tags-header-wrapper ul li h3{display:inline-block;font-size:inherit;margin:inherit;text-transform:uppercase}.tags-header .tags-header-wrapper ul li.selected,.tags-header .tags-header-wrapper ul li:hover{border-width:0;border-bottom-style:solid;-o-border-image:linear-gradient(to right, #a036f7, #28a0f9) 1;border-image:-webkit-gradient(linear, left top, right top, from(#a036f7), to(#28a0f9)) 1;border-image:linear-gradient(to right, #a036f7, #28a0f9) 1}.tags-header .tags-header-wrapper ul li:hover{border-bottom-width:1px;color:#555}.tags-header .tags-header-wrapper ul li.selected{color:#000;font-family:'pbSemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;border-bottom-width:2px;pointer-events:none}.tags-header .tags-header-wrapper ul li a{color:inherit;text-decoration:none}.tags-header .tags-header-wrapper ul li svg{width:15px;height:15px;margin-right:5px} .tags-header.mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tags-header.mobile .tags-header-wrapper{overflow-x:scroll;overflow-y:hidden;padding-top:0;margin-left:-16px;margin-right:-16px;margin-bottom:20px;height:32px}.tags-header.mobile .tags-header-wrapper ul{display:inline;white-space:nowrap}.tags-header.mobile .tags-header-wrapper ul li{display:inline-block;margin:0 20px}.tags-header.mobile .tags-header-wrapper ul li h1{margin:0} .pb-site-top-articles .pb-site-articles img{width:100%}.pb-site-top-articles .pb-site-articles .article-container{width:33.33%}.pb-site-top-articles .pb-site-articles article{text-align:center}.pb-site-top-articles .pb-site-articles article .title{margin-top:22px;margin-bottom:16px;padding:0 20px}.pb-site-top-articles .pb-site-articles article .bottom-side{margin-top:19px}.pb-site-top-articles .pb-site-articles .description{padding:0 40px;line-height:1.28;height:2.52em}.pb-site-top-articles .pb-site-articles .article-creator{margin-top:16px} .pb-site-top-articles--mobile .pb-site-articles .article-container{width:100%}.pb-site-top-articles--mobile .pb-site-articles .article-container article{display:block;max-height:100%;margin-bottom:35px}.pb-site-top-articles--mobile .pb-site-articles .article-container article .title{font-size:16px;height:auto;line-height:1.4;margin-top:7px;margin-left:0;max-height:44px;padding:0}.pb-site-top-articles--mobile .pb-site-articles .article-container article .bottom-side{margin-top:0}.pb-site-top-articles--mobile .pb-site-articles .article-container article .bottom-side.has-binge .title{margin-top:10px}.pb-site-top-articles--mobile .pb-site-articles .article-container article img{min-height:auto}.pb-site-top-articles--mobile .pb-site-articles .article-container article .image-container{min-width:100%;max-width:100%} .pb-site-trending-articles .pb-site-articles{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pb-site-trending-articles .pb-site-articles article{text-align:left;margin-bottom:29px}.pb-site-trending-articles .pb-site-articles article .title{margin-top:5px;margin-bottom:0;font-size:14px;padding:0}.pb-site-trending-articles .pb-site-articles .bottom-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:5px}.pb-site-trending-articles .pb-site-articles .bottom-side .article-creator{margin-top:4px}.pb-site-trending-articles .pb-site-articles .article-creator{margin-bottom:0;font-size:12px}.pb-site-trending-articles .pb-site-articles .article-container{width:100%}.pb-site-trending-articles .pb-site-articles .description{padding-left:0;font-size:14px}.pb-site-trending-articles .privacy-policy-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#a234f7;font-family:Poppins, Serif;font-size:16px;-webkit-text-decoration-line:underline;text-decoration-line:underline} .pb-site-trending-articles--mobile .pb-site-articles article{margin-bottom:35px} .pb-site-section-separator{position:relative;height:34px;margin-bottom:24px}.pb-site-section-separator .line{background:#202d37;height:1px;position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pb-site-section-separator .figure{border:solid 1px #979797;height:15px;width:15px;-webkit-transform:rotate(-315deg) translate(-50%, -50%);transform:rotate(-315deg) translate(-50%, -50%);background:#fff}.pb-site-section-separator .front{position:absolute;left:48%;top:59%}.pb-site-section-separator .back{position:absolute;left:49%;top:58%} .items-catalog-container{opacity:1}.items-catalog-container .not-results{max-width:800px;margin:0 auto 20px;text-align:center;font-family:'pbNavbarRegular', Serif;font-size:18px}.items-catalog-container .not-results p{margin:0}.items-catalog-container .not-results p:first-child{color:#e41020}.items-catalog-container .bottom-articles-section{margin:45px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100vw - 12%);max-width:1400px}.items-catalog-container .trending-articles-wrapper{width:300px}.items-catalog-container .articles-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:5%}.items-catalog-container .fade-container{opacity:.3}.items-catalog-container--mobile .not-results{font-size:16px;text-align:inherit}.items-catalog-container--mobile .pb-mobile-sticky{right:0;left:0}.items-catalog-container--mobile .pb-mobile-sticky.pb-mobile-sticky--bottom{position:fixed;bottom:0;z-index:9999}.items-catalog-container--mobile .pb-mobile-sticky.pb-mobile-sticky--top{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.items-catalog-container--mobile .pb-mobile-sticky .ad-no-margin.pb-site-adunit>div{margin:0} .items-catalog-container--mobile{margin-top:24px;padding:0 16px}.items-catalog-container--mobile .pb-site-article-title{margin-top:50px;margin-bottom:40px} *,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.pb-modal{z-index:2147483647;background-color:rgba(0,0,0,0.7);position:fixed;height:100%;width:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:'Helvetica Neue', Helvetica, Arial, 'Roboto', 'Segoe UI', sans-serif}.pb-modal .close-button{position:absolute;top:24px;right:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:48px;height:48px;border-radius:50%;background-color:#fff;border:0}.pb-modal .close-button:hover{background-color:#dbdbdb}.pb-modal .close-button:focus{outline:0}.pb-modal .close-button svg{width:16px;height:16px;fill:#555}@media (max-width: 480px){.pb-modal{display:block;height:auto;top:auto;bottom:0}.pb-modal .close-button{display:none}} @font-face{font-family:'pbNavbarRegular';font-style:normal;font-weight:400;src:local("Poppins Regular"),local("Poppins-Regular"),url("//fonts.gstatic.com/s/poppins/v1/HLBysyo0MQBO_7E-DWLwzg.woff2") format("woff2")}@font-face{font-family:'pbNavbarThin';font-style:normal;font-weight:300;src:local("Poppins Light"),local("Poppins-Light"),url("//fonts.gstatic.com/s/poppins/v1/D2gN9uyZ9Ucx1fJ1Fhb7s_k_vArhqVIZ0nv9q090hN8.woff2") format("woff2")}@font-face{font-family:'pbSemiBold';font-style:normal;font-weight:600;src:local("Poppins Semibold"),local("Poppins-Semibold"),url("//fonts.gstatic.com/s/poppins/v1/zO07Oxe3SOlw0l2YX2sdIfk_vArhqVIZ0nv9q090hN8.woff2") format("woff2")}@font-face{font-family:'pbMedium';font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url("//fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2") format("woff2");unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB}@font-face{font-family:'pbMedium';font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url("//fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2") format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'pbMedium';font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url("//fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}.navbar-toggle{display:block;position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.is-open .pb-site-navbar .pb-navbar-sidebar{left:0}.is-open .pb-site-navbar .toggle-menu span{background:none}.is-open .pb-site-navbar .toggle-menu span::before{top:-2px;-webkit-transition:top 0s, -webkit-transform .3s;transition:top 0s, -webkit-transform .3s;transition:top 0s, transform .3s;transition:top 0s, transform .3s, -webkit-transform .3s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.is-open .pb-site-navbar .toggle-menu span::after{top:-2px;bottom:2px;-webkit-transition:bottom 0s, -webkit-transform .3s;transition:bottom 0s, -webkit-transform .3s;transition:bottom 0s, transform .3s;transition:bottom 0s, transform .3s, -webkit-transform .3s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.pb-site-navbar{background-color:#000;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:20px;padding-right:20px;font-family:'pbNavbarThin', 'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;border-width:0;position:fixed;top:0;right:0;left:0;z-index:1030}.pb-site-navbar .left-side-section{height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pb-site-navbar .pb-site-mobile-logo{padding:0;top:50%;position:absolute;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pb-site-navbar .pb-navbar-menu-btn{margin:0;height:100%;min-width:50px;display:none}.pb-site-navbar .toggle-menu span{display:block;position:absolute;top:50%;left:12px;height:2px;background:#fff;width:45%}.pb-site-navbar .toggle-menu span::before{top:-6px}.pb-site-navbar .toggle-menu span::after{bottom:-6px}.pb-site-navbar .toggle-menu span::after,.pb-site-navbar .toggle-menu span::before{position:absolute;display:block;left:0;width:100%;height:2px;background-color:#fff;content:'';-webkit-transition:top .3s .3s, -webkit-transform .3s 0s;transition:top .3s .3s, -webkit-transform .3s 0s;transition:top .3s .3s, transform .3s 0s;transition:top .3s .3s, transform .3s 0s, -webkit-transform .3s 0s} @font-face{font-family:'pbNavbarRegular';font-style:normal;font-weight:400;src:local("Poppins Regular"),local("Poppins-Regular"),url("//fonts.gstatic.com/s/poppins/v1/HLBysyo0MQBO_7E-DWLwzg.woff2") format("woff2")}@font-face{font-family:'pbNavbarThin';font-style:normal;font-weight:300;src:local("Poppins Light"),local("Poppins-Light"),url("//fonts.gstatic.com/s/poppins/v1/D2gN9uyZ9Ucx1fJ1Fhb7s_k_vArhqVIZ0nv9q090hN8.woff2") format("woff2")}@font-face{font-family:'pbSemiBold';font-style:normal;font-weight:600;src:local("Poppins Semibold"),local("Poppins-Semibold"),url("//fonts.gstatic.com/s/poppins/v1/zO07Oxe3SOlw0l2YX2sdIfk_vArhqVIZ0nv9q090hN8.woff2") format("woff2")}@font-face{font-family:'pbMedium';font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url("//fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2") format("woff2");unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB}@font-face{font-family:'pbMedium';font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url("//fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2") format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'pbMedium';font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url("//fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}.pb-site-navbar--mobile{position:relative;height:44px;padding:0}.pb-site-navbar--mobile .left-side-section{margin-right:20px;width:100%}.pb-site-navbar--mobile .pb-navbar-menu-btn{display:block}.back-arrow-in-app{position:relative;left:5px;bottom:2px;width:20px;height:20px;fill:#fff}.pb-fixed-navbar{position:fixed} .pb-site-navbar-logo svg{fill:#28a0f9;height:30px;width:115px;vertical-align:middle} .pb-site-navbar-search{padding-left:0;padding-right:0;background-color:#000;max-width:160px}.pb-site-navbar-search .navbar-icon-search{border:0;fill:#fff;height:17.57px;left:10px;position:absolute;top:17px;width:17.57px}.pb-site-navbar-search .search-input{background-color:#000;border:0;color:#fff;height:55px;padding:0 0 0 37px;outline:none}.pb-site-navbar-search .search-input:focus ~ .search-close-btn svg{visibility:visible}.pb-site-navbar-search .search-close-btn{background-color:transparent;border-color:transparent;position:absolute;right:0;top:16px;outline:none}.pb-site-navbar-search .icon-search-close{fill:#aaa;height:16px;pointer-events:none;width:14px;visibility:hidden}@media (max-width: 480px){.pb-site-navbar-search form{display:none}} .pb-navbar-sidebar-search{background-color:#1a1f24;border:0;width:0;padding:0;min-width:40px;overflow:hidden;height:100%;-webkit-transition:width .3s;transition:width .3s;border-radius:0;margin:0}.pb-navbar-sidebar-icon-search{border:0;fill:#fff;height:25px;vertical-align:middle;width:25px;z-index:2}.pb-navbar-sidebar-search-input{position:absolute;top:0;left:0;border:0;outline:none;background-color:#1a1f24;width:82%;height:100%;margin:0;padding:8.5px 40px 8.5px 12px;font-family:inherit;font-size:16px;color:#fff}.pb-navbar-sidebar-search-btn{right:0;border:0;width:55px;position:absolute;top:0;padding:0;height:100%;border-radius:0;background-color:#000}.is-search .pb-navbar-sidebar-search-btn{background-color:#28a0f9}.pb-navbar-sidevar-close-btn{right:55px;border:0;width:55px;position:absolute;top:0;height:100%;border-radius:0;background-color:initial}.pb-navbar-sidebar-icon-search-close{fill:#464646;height:16px;pointer-events:none;width:14px;visibility:hidden;vertical-align:middle}.pb-navbar-btn-search-close:hover>.pb-navbar-icon-search-close,.pb-navbar-sidevar-close-btn:hover>.pb-navbar-sidebar-icon-search-close{fill:#fff}.pb-navbar-sidevar-close-btn:focus,.pb-navbar-sidevar-close-btn:focus:active{outline-color:transparent;outline-width:0}.pb-navbar-sidebar-search-input:focus ~ .pb-navbar-sidevar-close-btn svg{visibility:visible}.pb-navbar-sidebar-search-input::-webkit-input-placeholder{color:#999;opacity:1}.pb-navbar-sidebar-search-input::-moz-placeholder{color:#999;opacity:1}.pb-navbar-sidebar-search-input::-ms-input-placeholder{color:#999;opacity:1}.pb-navbar-sidebar-search-input::placeholder{color:#999;opacity:1}input[type='search'].pb-navbar-sidebar-search-input{-webkit-appearance:none;-webkit-border-radius:0}.pb-navbar-sidebar-search-submit{width:30px;height:39px;display:block;position:absolute;right:0;top:0;padding:0;margin:0;line-height:60px;text-align:center;cursor:pointer;background:#fff;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';filter:alpha(opacity=0);opacity:0;color:transparent;border:0;outline:none;z-index:-1}.is-search .pb-navbar-sidebar-search{width:calc(100% - 50px)}.is-search .toggle-menu span{background:none}.is-search .toggle-menu span::before{top:-1px;-webkit-transform:translateX(5px) translateY(5px) rotate(45deg);transform:translateX(5px) translateY(5px) rotate(45deg);-webkit-transition:width .5s, bottom .5s, -webkit-transform .5s;transition:width .5s, bottom .5s, -webkit-transform .5s;transition:transform .5s, width .5s, bottom .5s;transition:transform .5s, width .5s, bottom .5s, -webkit-transform .5s}.is-search .toggle-menu span::after{bottom:2px;-webkit-transform:translateX(5px) translateY(-3px) rotate(-45deg);transform:translateX(5px) translateY(-3px) rotate(-45deg);-webkit-transition:width .5s, bottom .5s, -webkit-transform .5s;transition:width .5s, bottom .5s, -webkit-transform .5s;transition:transform .5s, width .5s, bottom .5s;transition:transform .5s, width .5s, bottom .5s, -webkit-transform .5s}.is-search .toggle-menu span::after,.is-search .toggle-menu span::before{width:70%;left:0}.is-search .pb-navbar-sidebar{border-radius:initial;border:0}.is-search .pb-navbar-sidebar-search-input{border-radius:initial}.is-search .pb-navbar-sidebar-search-btn{background-color:#28a0f9}.is-search .pb-navbar-sidebar-search{width:calc(100% - 50px)}.is-search .pb-navbar-sidebar-icon-search{color:#fff;z-index:11} .pb-site-nav-button{margin-left:10px} .pb-nav-button-create{border:1px solid transparent;border-radius:4px;color:#fff;background-color:#a036f7;border-color:#a036f7;text-decoration:none;height:35px;width:85px}.pb-nav-button-create:hover,.pb-nav-button-create:active,.pb-nav-button-create:focus,.pb-nav-button-create:active:focus{background-color:#7a09d8;border-color:#7a09d8;color:#fff;outline:none} .pb-nav-button-login{color:#fff;background-color:#000;border:1px solid transparent;border-color:rgba(255,255,255,0.6);text-align:center;border-radius:4px;text-decoration:none;height:35px;width:85px}.pb-nav-button-login:active,.pb-nav-button-login:focus:active{color:#fff;background-color:#000;border-color:#fff;outline:none}.pb-nav-button-login:hover,.pb-nav-button-login:focus{color:#fff;background-color:#000;border-color:#fff;outline:none} .pb-site-navbar-button-section{background-color:#000;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:20px}.pb-site-navbar-button-section .subscribe{color:#e5f5ff;background:none;border:0;height:100%;padding:0;font:inherit;cursor:pointer;outline:inherit;font-weight:600;margin-right:20px}@media (max-width: 1100px){.pb-site-navbar-button-section .pb-nav-button-login{display:none}.pb-site-navbar-button-section .pb-site-user-menu{display:none}}@media (max-width: 1024px){.pb-site-navbar-button-section .pb-nav-button-create{display:none}}@media (max-width: 900px){.pb-site-navbar-button-section .subscribe{display:none}} .sidebar-footer{text-align:center;padding:14px}.sidebar-footer div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.sidebar-footer a{text-align:center;color:#898989;outline:none;text-decoration:none;font:12px/2 'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;padding:0 5px} .pb-site-link-app .pb-icon-favicon{width:30px;height:30px;vertical-align:middle}.pb-site-link-app .pb-navbar-sidebar-mobile-link.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pb-site-link-app .pb-navbar-sidebar-mobile-link.media.hidden{display:none}.pb-site-link-app .pb-icon-chevron-right{width:9px;height:14px;fill:#898989;vertical-align:middle} .pb-navbar-sidebar{position:fixed;bottom:0;top:44px;background-color:#1a1f24;left:-290px;width:290px;z-index:1;overflow-y:scroll;-webkit-transition:left .7s;transition:left .7s}.pb-navbar-sidebar .caret{color:#fff;display:inline-block;margin-left:5px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.pb-navbar-sidebar .pb-icon-new-capsule{height:26px;width:47px;float:right}.pb-navbar-sidebar .pb-navbar-sidebar-mobile-label{font:12px/1.2 'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif}.pb-navbar-sidebar ul{margin:0;padding:0;list-style:none}.pb-navbar-sidebar ul li{background-color:#000;border-bottom:1px solid #14191f}.pb-navbar-sidebar ul li a{display:block;padding:1em 1em 1em 1.2em;outline:none;-webkit-box-shadow:inset 0 -1px rgba(0,0,0,0.2);box-shadow:inset 0 -1px rgba(0,0,0,0.2);color:#f3efe0;text-shadow:0 0 1px rgba(255,255,255,0.1);font:14px 'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-transition:background .3s, -webkit-box-shadow .3s;transition:background .3s, -webkit-box-shadow .3s;transition:background .3s, box-shadow .3s;transition:background .3s, box-shadow .3s, -webkit-box-shadow .3s;text-decoration:none}.pb-navbar-sidebar ul li:first-child a{-webkit-box-shadow:inset 0 -1px rgba(0,0,0,0.2),inset 0 1px rgba(0,0,0,0.2);box-shadow:inset 0 -1px rgba(0,0,0,0.2),inset 0 1px rgba(0,0,0,0.2)}.pb-navbar-sidebar h2{margin:0;padding:1em;font-family:'pbNavbarRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;background-color:#2e2e2e;color:#909090;font-size:12px}.pb-navbar-sidebar .navbar-icon-flag{height:14px;margin-right:15px;width:14px;vertical-align:middle}.pb-navbar-sidebar .sub-menu-closed{display:none}.pb-navbar-sidebar .sub-menu-open{display:block} .pb-site-navbar-menu{color:rgba(255,255,255,0.75);background-color:#000;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-left:15px}.pb-site-navbar-menu .caret{color:#fff;display:inline-block;margin-left:5px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.pb-site-navbar-menu .menu-href{padding:17.5px 12px}.pb-site-navbar-menu .menu-href a{color:rgba(255,255,255,0.75);background-color:#000;text-decoration:none}.pb-site-navbar-menu .dropdown:hover .dropdown-menu{display:block}.pb-site-navbar-menu .dropdown{padding:17.5px 12px;cursor:pointer}.pb-site-navbar-menu .dropdown .dropdown-menu,.pb-site-navbar-menu .dropdown .sub-menu{display:none;position:absolute;margin-top:15px;margin-bottom:0;list-style:none;background-color:rgba(0,0,0,0.9);padding:5px 0;min-width:150px;z-index:100}.pb-site-navbar-menu .dropdown .dropdown-menu li a,.pb-site-navbar-menu .dropdown .sub-menu li a{padding:7px 13px 7px 15px;text-decoration:none}.pb-site-navbar-menu .dropdown .dropdown-menu .menu-sub-link,.pb-site-navbar-menu .dropdown .sub-menu .menu-sub-link{color:#fff;display:block;width:100%;height:30px}.pb-site-navbar-menu .dropdown .dropdown-menu .menu-sub-link:hover,.pb-site-navbar-menu .dropdown .sub-menu .menu-sub-link:hover{background-color:#000;color:#009cff;fill:#009cff}.pb-site-navbar-menu .dropdown .dropdown-menu .sub-menu-dropdown,.pb-site-navbar-menu .dropdown .sub-menu .sub-menu-dropdown{color:#fff;padding:10px 15px;cursor:pointer}.pb-site-navbar-menu .dropdown .dropdown-menu .sub-menu-dropdown .sub-menu,.pb-site-navbar-menu .dropdown .sub-menu .sub-menu-dropdown .sub-menu{top:60%;left:100%}.pb-site-navbar-menu .dropdown .dropdown-menu .sub-menu-dropdown:hover .sub-menu,.pb-site-navbar-menu .dropdown .sub-menu .sub-menu-dropdown:hover .sub-menu{display:block}.pb-site-navbar-menu .navbar-icon-flag{height:14px;margin-right:15px;width:14px;vertical-align:middle}@media (max-width: 480px){.pb-site-navbar-menu{visibility:hidden}} @font-face{font-family:'pbNavbarRegular';font-style:normal;font-weight:400;src:local("Poppins Regular"),local("Poppins-Regular"),url("//fonts.gstatic.com/s/poppins/v1/HLBysyo0MQBO_7E-DWLwzg.woff2") format("woff2")}@font-face{font-family:'pbNavbarThin';font-style:normal;font-weight:300;src:local("Poppins Light"),local("Poppins-Light"),url("//fonts.gstatic.com/s/poppins/v1/D2gN9uyZ9Ucx1fJ1Fhb7s_k_vArhqVIZ0nv9q090hN8.woff2") format("woff2")}@font-face{font-family:'pbSemiBold';font-style:normal;font-weight:600;src:local("Poppins Semibold"),local("Poppins-Semibold"),url("//fonts.gstatic.com/s/poppins/v1/zO07Oxe3SOlw0l2YX2sdIfk_vArhqVIZ0nv9q090hN8.woff2") format("woff2")}@font-face{font-family:'pbMedium';font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url("//fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2") format("woff2");unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB}@font-face{font-family:'pbMedium';font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url("//fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2") format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'pbMedium';font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url("//fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}.pb-rebranding{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background-image:-webkit-gradient(linear, left top, right top, from(#60d9f5), color-stop(43%, #4ca0f2), color-stop(86%, #bc49ff));background-image:linear-gradient(to right, #60d9f5, #4ca0f2 43%, #bc49ff 86%);height:80px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pb-rebranding:hover{text-decoration:none}.pb-rebranding .rebranding-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pb-rebranding .rebranding-content span{font-size:20px;color:#fff;margin-right:5px}.pb-rebranding .rebranding-content span .exco-logo{display:inline;height:100%}.pb-rebranding .rebranding-content span .exco-logo svg{height:15px;width:70px;fill:#fff}.pb-rebranding .x-button{fill:#fff;height:20px;width:20px;cursor:pointer;position:absolute;top:30px;right:25px}.pb-rebranding.is-mobile .rebranding-content{display:inline-grid}.pb-rebranding.is-mobile .rebranding-content span{font-size:16px}.pb-rebranding.is-mobile .rebranding-content span .exco-logo svg{height:10px;width:45px}.pb-rebranding.is-mobile .x-button{height:14px;width:14px;top:11px;right:11px} .pb-site{margin-top:55px}.pb-site.is-open .pb-page-overlay,.pb-site.is-popup-displayed .pb-page-overlay{opacity:1;visibility:visible}.pb-site .pb-page-overlay{position:fixed;left:0;height:100%;top:0;width:100%;z-index:1;visibility:hidden;background-color:rgba(0,0,0,0.5);opacity:.1;-webkit-transition:opacity .7s;transition:opacity .7s}html.no-scroll,body.no-scroll{overflow:hidden;position:relative;height:100%} .pb-site--mobile{margin-top:0} .text-viewer-component{text-align:left;font-size:17px;font-family:inherit;color:#000;line-height:1.5;overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.rtl-root-element.RTL .text-viewer-component{text-align:right}.rtl-root-element.RTL .text-viewer-component{direction:rtl}.text-viewer-component p{margin:0}.text-viewer-component a{color:#0685e3}.text-viewer-component .ql-background-yellow{background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255,255,255,0)), color-stop(50%, #fffa82));background-image:linear-gradient(to right, rgba(255,255,255,0) 50%, #fffa82 50%);-webkit-transition:background-position 3s linear;transition:background-position 3s linear;text-decoration:none;background-size:200% auto;background-color:transparent !important}.rtl-root-element.RTL .text-viewer-component .ql-background-yellow{background-image:-webkit-gradient(linear, right top, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50%, #fffa82));background-image:linear-gradient(to left, rgba(255,255,255,0) 50%, #fffa82 50%)}.rtl-root-element.RTL .text-viewer-component .ql-background-yellow{background-position:-100% 0}.rtl-root-element:not(.RTL) .text-viewer-component .ql-background-yellow{background-position:0% 0}.text-viewer-component img{height:20px}.text-viewer-component ol,.text-viewer-component ul{margin:0}.rtl-root-element.RTL .text-viewer-component ol,.rtl-root-element.RTL .text-viewer-component ul{padding-left:0}.rtl-root-element:not(.RTL) .text-viewer-component ol,.rtl-root-element:not(.RTL) .text-viewer-component ul{padding-right:0}.rtl-root-element.RTL .text-viewer-component ol,.rtl-root-element.RTL .text-viewer-component ul{padding-right:1.5em}.rtl-root-element:not(.RTL) .text-viewer-component ol,.rtl-root-element:not(.RTL) .text-viewer-component ul{padding-left:1.5em}.text-viewer-component ol li,.text-viewer-component ul li{list-style-type:none;counter-increment:list-num}.rtl-root-element.RTL .text-viewer-component ol li,.rtl-root-element.RTL .text-viewer-component ul li{padding-left:0}.rtl-root-element:not(.RTL) .text-viewer-component ol li,.rtl-root-element:not(.RTL) .text-viewer-component ul li{padding-right:0}.rtl-root-element.RTL .text-viewer-component ol li,.rtl-root-element.RTL .text-viewer-component ul li{padding-right:1.5em}.rtl-root-element:not(.RTL) .text-viewer-component ol li,.rtl-root-element:not(.RTL) .text-viewer-component ul li{padding-left:1.5em}.text-viewer-component li::before{text-align:right;display:inline-block;white-space:nowrap;width:1.2em}.rtl-root-element.RTL .text-viewer-component li::before{margin-left:.3em}.rtl-root-element:not(.RTL) .text-viewer-component li::before{margin-right:.3em}.rtl-root-element.RTL .text-viewer-component li::before{margin-right:-1.5em}.rtl-root-element:not(.RTL) .text-viewer-component li::before{margin-left:-1.5em}.rtl-root-element.RTL .text-viewer-component li::before{text-align:left}.text-viewer-component ul>li::before{content:'\2022'}.text-viewer-component ol>li::before{content:counter(list-num, decimal) ". "}.text-viewer-component .ql-size-huge{float:left;display:block;font-size:47px;margin:5px 5px 0 0;line-height:41.5px;text-transform:uppercase;font-weight:700}.rtl-root-element.RTL .text-viewer-component .ql-size-huge{float:right;display:block;font-size:63px;margin:5px;line-height:41.5px;font-weight:700}.rtl-root-element.RTL .text-viewer-component.in-view .ql-background-yellow{background-position:-.01% 0}.rtl-root-element:not(.RTL) .text-viewer-component.in-view .ql-background-yellow{background-position:-99.9% 0} .trust-wrapper{background:#efefef;width:100%}.trust-wrapper .trust-container{max-width:1000px;margin:0 auto;display:block;padding:1px 10px}.trust-wrapper .trust-container .trust-title{background-color:#28a0f9;padding:10px 25px;font-size:24px;color:#fff;width:100%;margin:25px auto 12px;font-weight:bold;font-family:'pbRegular', Arial, Helvetica, sans-serif}.trust-wrapper .trust-container .trust-date{font-size:18px;color:#767676;line-height:18px;font-family:'pbRegular', Arial, Helvetica, sans-serif;font-style:italic;width:100%;margin-top:15px}.trust-wrapper .trust-container .trust-text-wrapper{width:96%;margin:0 auto;padding-top:20px}.trust-wrapper .ql-size-large{font:22px 'pbSemiBold'} /*# sourceMappingURL=https://local-sourcemaps.playbuzz.com:5050/playbuzz-viewer.css.map*/