﻿#quiz-counter{text-align:center;color:rgba(255,255,255,.5);}#quiz-response{text-align:center;margin-top:25px;text-transform:uppercase;}#quiz-next-btn,#quiz-finish-btn{float:right;background:rgba(255,255,255,.3);width:115px;text-align:center;padding:5px 0;border-radius:15px;color:#fff;}#quiz-score{font-size:95px;font-weight:300;}#quizz.poll .option:after{position:absolute;font-family:"Font Awesome 5 Pro";font-size:20px;right:20px;top:22px;}#quizz.poll .option .description-text{background:#ffffe8;position:relative;}#quizz.poll .option .description-text p,#quizz.poll .option .description-text div{padding:10px 10px 20px;color:#000;border-radius:0;}#quizz.poll .option .description-text p:first-child,#quizz.poll .option .description-text div:first-child{border-top:1px solid #4fba69;}#quizz.poll .option.correct:after{content:"";color:#fff;}#quizz.poll .option.incorrect:after{content:"";color:#fff;}#quizz.poll-number,#quizz.poll-title{display:block;}#quizz.poll-result .poll-img{display:none;}.nav{position:absolute;top:35%;left:50%;padding:0 20px;opacity:0;transform:translateX(-50%);width:230px;text-align:center;}.nav--bottom{position:absolute;bottom:25px;left:50%;transform:translate(-50%);}.nav--bottom a{color:#fff;display:block;width:45px;height:45px;border-radius:50%;position:relative;z-index:9;background:#374f8b;margin:10px auto;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.15);}.nav--bottom i{line-height:45px;font-size:25px;}.nav ul{display:flex;justify-content:space-between;width:100%;}.nav a{color:#fff;display:block;width:85px;height:85px;border-radius:50%;position:relative;z-index:9;background:#374f8b;}.nav a i{line-height:85px;font-size:35px;}.nav .btn-zl{background:#008fe5 url(../web_images/stick_zalo.png) left -15px top -9px;}.nav p{width:100%;text-align:center;margin-top:15px;}.nav--right.nav-open .share-container{-webkit-transform:translateX(0);z-index:9;}.nav--right.nav-open .nav{animation:.5s .5s fade-in forwards;z-index:9;}.nav-toggle{text-align:right;cursor:pointer;z-index:10;position:absolute;top:15px;right:20px;}.share-container{width:100%;height:100%;top:0;display:block;position:absolute;background:rgba(0,0,0,.9);transition-duration:.66s;transition-timing-function:swing;-webkit-transform:translateX(130%);}.share-container a{color:#fff;}.chart{position:relative;z-index:7;display:flex;width:100%;height:100%;align-items:center;justify-content:center;}.chart.active{transform-origin:center;-webkit-animation:pieBackgroundScaleUp .7s forwards cubic-bezier(.68,-.55,.27,1.55);animation:pieBackgroundScaleUp .7s forwards cubic-bezier(.68,-.55,.27,1.55);}.chart.active .chart-text{-webkit-animation:centerEntrance 1s .7s forwards ease;animation:centerEntrance 1s .7s forwards ease;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}.chart span{display:block;font-size:55px;font-weight:300;position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Lato",sans-serif;color:#fff;}.chart canvas{position:absolute;left:0;top:0;border-radius:50%;z-index:7;}.chart-text{position:relative;z-index:7;font-size:25px;opacity:0;flex:0 0 55%;left:5%;}.container.body-content{max-width:initial;}.section.result .poll-answer{text-align:center;font-size:20px;padding-top:25px;}.section.result .poll-answer .answer__wrapper{position:absolute;bottom:calc(50% + 75px);transform:translate(-50%,50%);left:50%;width:80%;font-size:25px;padding:0 20px;}.section.result .poll-answer .answer__wrapper:before{content:"";position:absolute;border:1px solid #fff;width:100%;height:100%;top:calc(50% + 29px);left:50%;transform:translate(-50%,-50%);border-radius:25px;z-index:-1;}.section.result .poll-answer .answer__wrapper .answer-des .answer--long{font-size:14px;}.section.result .poll-answer .answer__wrapper .answer-des .answer--long a{color:#fff;font-weight:500;position:relative;margin-left:5px;}.section.result .poll-answer .answer__wrapper .answer-des .answer--long a:after{content:"";position:absolute;background:#fff;height:1px;width:79%;bottom:-1px;right:0;}.section.result .poll-answer .answer__wrapper .answer-des .answer--long p:after{top:0!important;}.section.result .poll-answer .answer__wrapper .answer-des .answer--long .answer--child p:first-child{position:relative!important;}.section.result .poll-answer .answer__wrapper .answer-des .answer--long .answer--child p:first-child:after{position:absolute;content:"";font-family:"Font Awesome 5 Pro";font-weight:300;left:-15px;top:10px;font-size:13px;}.section.result .poll-answer .answer__wrapper .answer-des p:not(.readmore){position:relative;display:block;margin:0 auto 10px;width:fit-content;}.section.result .poll-answer .answer__wrapper .answer-des p:not(.readmore):after{position:absolute;content:"";font-family:"Font Awesome 5 Pro";font-weight:300;left:-15px;top:10px;font-size:13px;}.section.result .poll-answer .answer__wrapper .answer-des p:first-child:after{content:none;}.section.result .poll-answer .answer__wrapper .answer-des .readmore{padding-top:23px;font-size:16px;border-top:1px dashed #5d667a;margin-top:25px;}.section.result .poll-answer .answer__wrapper .answer-des .readmore a{color:#fff;font-weight:500;}.section.result .poll-title{font-size:22px;width:fit-content;background:#051330;margin:15px auto;padding:0 15px;}.section{padding:0 60px;margin-top:30px;}.section-progress{padding:0;}.section-progress--top{margin:0;position:fixed;top:0;left:50%;transform:translateX(-50%);padding:0;background:#ffffe8;width:100%;max-width:639px;z-index:95;}.section-progress--top button{margin-right:10px;}.section-progress .progress{background-color:#f9f9f9;border-radius:0;height:5px;width:100%;overflow:hidden;}.section-progress .progress-note{margin-bottom:5px;font-size:15px;}.section-progress .progress-bar{background-color:#4fba69;border-radius:0;height:100%;color:transparent;text-align:center;line-height:25px;transition:width .4s;}.section-progress--bot{padding:15px 30px;background:rgba(186,241,201,.17);margin:45px 60px 0;border:1px solid #4fba69;}.poll{position:relative;max-width:640px;width:639px;margin:0 auto;min-height:900px;color:#070707;z-index:0;overflow:hidden;background:url("../images/quizz/q390/bg-header.jpg?v=1") no-repeat top 30px center #ffffe8;background-size:580px;padding-top:90px;}.poll-result{padding-top:60px;margin-top:60px;border-top:1px solid #118f5a;background:rgba(124,251,170,.14);padding-bottom:60px;}.poll-result p{font-size:18px;}.poll-result .section-content{text-align:center;}.poll-result .section-content h2{font-size:25px;font-weight:600;color:#266026;margin-bottom:20px;}.poll-result .section-question{margin:30px auto;text-align:center;padding:0;}.poll-result .section-question p b{font-weight:600;}.poll-result .section-question input{width:300px;margin:15px auto;border:1px solid #4fba69;padding:10px 15px;background:#ffffe8;border-radius:0;text-align:center;}.poll-result .section-question input:focus,.poll-result .section-question input:focus-visible{border-color:#46c565;outline:0;}.poll-result .section-question input[type=number]{-moz-appearance:textfield;}.poll-result .section-question .btn-cta{width:300px;border:1px solid #4fba69;background:#4fba69;color:#fff;padding:10px 15px;transition:.3s;margin:10px auto;}.poll-result .section-question .btn-cta:hover{background:#ffffe8;color:#4fba69;}.poll-result .section-question input[type=number]::-webkit-inner-spin-button,.poll-result .section-question input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}.poll-result-failed{padding-top:60px;margin-top:60px;border-top:1px solid #118f5a;background:rgba(251,219,124,.1411764706);padding-bottom:60px;}.poll-result-failed .section-question{margin-bottom:0;padding-bottom:30px;}.poll-result-failed .section-content h2{color:#2b0a08;}.poll-answer::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background:transparent;}.poll-answer::-webkit-scrollbar-thumb{background:rgba(255,255,255,.5);transition:color .3s;border-radius:10px;}.poll-answer::-webkit-scrollbar{width:5px;background:transparent;}.poll .navigate-right{float:right;display:block;color:#8898aa;background:#f6f9fc;padding:5px 15px;border-radius:15px;margin-top:10px;}.poll .navigate-right i{color:#525f7f;opacity:.9;animation:linear fadeinLeft 1s infinite;font-size:20px;margin-left:15px;transition:.3s;}.poll .navigate-right span{color:#525f7f;font-weight:700;text-transform:uppercase;transition:.3s;}.poll .navigate-right:hover i,.poll .navigate-right:hover span{color:#1da1f2;}.poll-share .share-container{left:0;right:0;transform:none;}.poll-share .nav.active{opacity:1;}.poll .pc-circle{background:rgba(0,0,0,.7);}.poll .pc-container{flex:0 0 35%;}.poll-img{width:100%;margin:30px auto 15px;}.poll-img img{width:100%;object-fit:cover;object-position:center bottom;}.poll-percent{position:absolute;right:10px;top:24px;transform:translateY(-50%);}.poll-number{text-align:center;color:#3a3a3a;margin-bottom:10px;}.poll-title{font-size:16px;font-weight:300;text-align:center;margin:15px 0 15px;display:none;}.poll-question{font-size:20px;margin:0 0 25px;text-align:center;font-weight:500;}.poll .option{height:100%;margin:0 auto 15px;width:520px;position:relative;z-index:3;border:1px solid #4fba69;background:rgba(255,250,224,.7);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:.2s;}.poll .option:hover{background:#fff8d4;}.poll .option .answer-content{color:#000;display:block;position:relative;padding:1.79% 70px 1.79% 10px;transition:.2s;cursor:pointer;border-radius:3px;z-index:1;}.poll .option .poll-progress-bar{position:absolute;width:0;height:100%;top:0;left:0;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);transition:width 1s;background:#e5e5e5;z-index:0;}.poll .option .poll-progress-bar span{position:absolute;right:10px;}.poll .option:before,.poll .option:after{position:absolute;right:55px;top:24px;transform:translateY(-50%);}.poll .option.correct{background:#4caf50;backdrop-filter:blur(0);color:#fff;}.poll .option.correct div:first-child{color:#fff;}.poll .option.correct .poll-progress-bar{background:#007cee;z-index:-1;}.poll .option.incorrect{background:#f44336;backdrop-filter:blur(0);color:#fff;border-color:#f44336;}.poll .option.incorrect div:first-child{color:#fff;}.poll .option.incorrect .poll-progress-bar{background:#ee2e3d;z-index:-1;}.first-frame{animation:none!important;}.bg-image{color:#fff;}.bg-image .option{background:rgba(255,255,255,.2);}.bg-image .option div:first-child{transition:.2s;cursor:pointer;border:0;color:#fff;}.bg-image .option .poll-progress-bar{background:rgba(155,155,155,.5);}.bg-image .poll-img:after{content:"";position:absolute;width:100%;height:200%;background:radial-gradient(at 50% top,rgba(0,0,0,.4) 15%,rgba(0,0,0,.7) 55%);top:0;left:0;right:0;}.bg-image .nav--bottom p{color:#fff;}.bg-image.poll-result .poll-img{display:none;}.bg-image.poll-result .chart-text{color:#000;}.bg-image.poll-result .nav--bottom p{color:#000;}.section.slideOutLeft{display:none;}.form__wrapper{margin-top:30px;}.form__wrapper .form-input{margin-bottom:10px;padding-bottom:15px;position:relative;}.form__wrapper .form-input label{display:block;color:#686868;font-size:15px;margin-bottom:5px;}.form__wrapper .form-input label span{color:#c10d0d;}.form__wrapper .form-input input,.form__wrapper .form-input select{width:100%;border:1px solid #4fba69;padding:10px 15px;background:#ffffe8;border-radius:0;text-align:left;}.form__wrapper .form-input input:focus,.form__wrapper .form-input input:focus-visible,.form__wrapper .form-input select:focus,.form__wrapper .form-input select:focus-visible{border-color:#46c565;outline:0;background:#fffae2;}.form__wrapper .form-input select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='green' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:35px;}.form__wrapper .form-input input:-webkit-autofill,.form__wrapper .form-input input:-webkit-autofill:hover,.form__wrapper .form-input input:-webkit-autofill:focus,.form__wrapper .form-input textarea:-webkit-autofill,.form__wrapper .form-input select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #ffffe8 inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s;}.form__wrapper .form-error{color:#c10d0d;font-size:12px;font-style:italic;position:absolute;right:0;bottom:-5px;}.form__wrapper .btn-cta{width:100%;border:1px solid #4fba69;background:#4fba69;color:#fff;padding:10px 15px;transition:.3s;margin:25px auto;}.form__wrapper .btn-cta:hover{background:#ffffe8;color:#4fba69;}.share__wrapper{animation:fade-in 1s 2s forwards;}#poll-sp{background:url("../web_images/bg-poll-sp.jpg");background-size:cover;max-height:inherit;}#poll-sp .poll-answer{max-height:inherit;}#poll-sp .section{margin-bottom:70px;}#poll-sp .poll-percent{color:#fff;}#poll-sp .option div:first-child{display:flex;align-items:center;color:#fff;border:0;}#poll-sp .option{background:rgba(222,222,225,.2);}#poll-sp .option .poll-progress-bar{background:rgba(0,123,255,.8);}#poll-sp .action__wrapper button{width:100%;}#poll-sp .poll-question{color:#fff;}#poll-sp .nav--bottom{color:#fff;}#poll-sp .action__wrapper button{width:70%;margin:30px auto 0;background:rgba(255,255,255,.3);border-color:#fff;color:#fff;}#poll-sp .check__wrapper input{position:relative;appearance:none;width:30px;height:30px;margin-right:15px;}#poll-sp .check__wrapper input:after{content:"";position:absolute;font-family:"Font Awesome 5 Pro";font-weight:300;color:#fff;background:#009cd7;width:30px;height:30px;border-radius:50%;border:2px solid #fff;top:50%;left:0;transform:translateY(-49%);text-align:center;}#poll-sp .number{border-radius:50%;width:30px;height:30px;border:2px solid #fff;overflow:hidden;text-align:center;flex:0 0 30px;margin-right:15px;}#poll-sp .option__wrapper.correct .option div:first-child{padding-right:60px;}#poll-sp .option__wrapper .result{background:rgba(247,247,247,.4);padding:15px;margin-bottom:25px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;transition:.3s all;}@media screen and (max-width:767px){.body-content{padding:0;}.quiz-container{width:auto;}.poll{background-size:550px;}}@media screen and (max-width:520px){.poll{width:100%;padding-bottom:50px;min-height:800px;padding:70px 0 0;background:url(../images/quizz/q390/bg-header.jpg) no-repeat top 15px center #ffffe8;background-size:320px;}.poll-answer{margin-top:25px;padding-right:0;}.poll-number,.poll-title{font-size:16px;}.poll-question{font-size:18px;}.poll .pc-container{flex:0 0 85%;}.poll-img{width:100%;height:auto;}.poll-img img{width:100%;height:auto;object-fit:cover;}.poll-result{width:100%;}.poll .option{min-height:44px;height:auto;margin:0 0 20px;width:100%;}.poll .option .answer-content{padding:10px 50px 10px 10px;}.poll .section.result .answer__wrapper{font-size:30px;}.poll .section.result .answer__wrapper .answer-des .answer--long{font-size:13px;}#poll-sp{background-attachment:fixed;}#poll-sp .section{margin-bottom:70px;}#poll-sp .poll-answer{max-height:inherit;padding-right:unset!important;}#poll-sp .option div:first-child{padding-right:30px;border:0;}#poll-sp .option{background:rgba(222,222,225,.2);}#poll-sp .action__wrapper button{width:100%;}#poll-sp .poll-question{font-size:20px;max-height:75px;color:#fff;}#poll-sp .nav--bottom{color:#fff;}.section{margin:0;padding:20px 15px 0;}.section-progress{padding:0;}.section-progress-progress--bot{padding:15px;margin:45px 15px 50px;}.section.section-reg{margin:0;padding:0 15px;}.section.poll-result{padding:55px 0;}.section.poll-result-failed .section-content h2{font-size:6.2vw;}}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(17,100,168,.7);}70%{-webkit-box-shadow:0 0 0 10px rgba(17,100,168,0);}100%{-webkit-box-shadow:0 0 0 0 rgba(17,100,168,0);}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(17,100,168,.7);box-shadow:0 0 0 0 rgba(17,100,168,.7);}70%{-moz-box-shadow:0 0 0 10px rgba(17,100,168,0);box-shadow:0 0 0 10px rgba(17,100,168,0);}100%{-moz-box-shadow:0 0 0 0 rgba(17,100,168,0);box-shadow:0 0 0 0 rgba(17,100,168,0);}}@keyframes fade-in{0%{opacity:0;}100%{opacity:1;}}@keyframes pieBackgroundScaleUp{0%{-webkit-transform:scale(0);transform:scale(0);}100%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes centerEntrance{100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes fadeinLeft{0%{opacity:.3;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}100%{opacity:.9;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}