@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";body{margin:0;padding:0;background:#fff;color:#2f2f2f;font-family:sans-serif}h1,h2,h3,h4{margin:0;padding:0;font-weight:400}*{box-sizing:border-box}*:after,*:before{box-sizing:border-box}.main-quiz{display:flex;width:100%;justify-content:center}.main-quiz .container{display:flex;flex-direction:column;width:850px;text-align:center}.main-quiz .container h1{font-family:Ubuntu,serif;font-weight:700;font-style:normal;margin-top:30px;font-size:32px;line-height:32px;letter-spacing:-1px;margin-bottom:15px}.main-quiz .container h2{color:#e43b2c;font-style:italic;font-size:23px;font-weight:500;padding:0 10px 20px}.main-quiz .container .quiz-cont{display:flex;flex-direction:column;padding:20px 0}.main-quiz .container .quiz-cont h3{font-size:24px;font-weight:700;line-height:34.2857px;padding-bottom:5px;margin-bottom:20px}.main-quiz .container .quiz-cont .question{display:none}.main-quiz .container .quiz-cont .question.active{display:flex;flex-direction:column}.main-quiz .container .quiz-cont .step-question{font-size:18px;line-height:25.7143px;padding-bottom:15px}.main-quiz .container .quiz-cont .progress-bar{width:100%;display:flex;height:10px;border-radius:10px;background:#ddd;position:relative;overflow:hidden}.main-quiz .container .quiz-cont .progress-bar .progress{background:#0e8dc7;height:10px;position:absolute;top:0;left:0;width:10%;transition:all ease-in-out .5s}.main-quiz .container .quiz-cont .answers{display:flex;width:100%;flex-direction:column;padding:15px 10px}.main-quiz .container .quiz-cont .answers .answer{display:flex;width:100%;font-size:20px;line-height:28.5714px;align-items:center;padding:10px 10px 10px 36px;position:relative;cursor:pointer;font-weight:400;border-radius:4px}.main-quiz .container .quiz-cont .answers .answer:before{position:absolute;content:"";width:13px;height:13px;border-radius:50%;background:transparent;border:2px solid #aaa;left:10px}.main-quiz .container .quiz-cont .answers .answer:hover{box-shadow:0 2px 6px #00000024,inset 0 0 0 2px #ffffff29;color:#fff;background-color:#0e8dc7}.main-quiz .container .quiz-cont .answers .answer:hover:before{border-color:#fff}.modal-wrapper{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#000000bf;z-index:-1;margin:0;padding:0;display:none}.modal-wrapper .container{width:720px;margin:100px auto}.modal-wrapper .container .modal{width:100%;display:flex;flex-direction:column;background:#fff;position:relative;border-radius:10px;padding:40px 35px;align-items:center}.modal-wrapper .container .modal #close{position:absolute;font-family:FontAwesome;color:#fff;right:-18px;top:-18px;width:35px;height:35px;border-radius:50%;background:#333;border:2px solid #fff;box-shadow:0 2px 3px #0000001a;cursor:pointer;text-align:center;line-height:30px;font-size:13px}.modal-wrapper .container .modal .headline{background-color:#04a884;line-height:45px;width:100%;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;color:#fff;font-size:19px;height:45px;display:flex;justify-content:center;font-weight:100;box-shadow:#00000026 0 -1px;margin:20px 0}.modal-wrapper .container .modal h3{font-size:26px;font-weight:700;line-height:26px;text-align:center}.modal-wrapper .container .modal h2{color:red;font-weight:700;font-size:28px;width:100%;text-align:center;margin-top:15px;margin-bottom:40px}.modal-wrapper .container .modal .btn{display:flex;width:100%;flex-direction:column;padding:10px 20px;border-radius:3px;background:#0070c0;color:#fff;align-items:center;text-decoration:none}.modal-wrapper .container .modal .btn:hover{box-shadow:inset 0 0 #ffffff38,0 233px 233px #ffffff1f inset}.modal-wrapper .container .modal .btn .main{font-size:18px;font-weight:700;line-height:25.7143px;overflow-wrap:break-word;text-align:center}.modal-wrapper .container .modal .btn .sub{font-size:14px;text-transform:capitalize;opacity:.7;line-height:25.7143px;overflow-wrap:break-word;text-align:center}.modal-wrapper .container .modal small{padding:20px 0;width:100%;text-align:center;font-size:16px;line-height:22.8571px}@media (max-width: 920px){.main-quiz .container{width:700px}}@media (max-width: 768px){.main-quiz .container{width:400px}.main-quiz .container h1{font-size:30px;line-height:30px}.modal-wrapper{padding:10px}.modal-wrapper .container{width:100%}.modal-wrapper .container .modal{padding:40px 15px}.modal-wrapper .container .modal h2{font-size:20px;line-height:normal}.modal-wrapper .container .modal #close{right:3px}}@media (max-width: 425px){.main-quiz .container{width:100%;padding:0 15px}}@keyframes draw-circle{to{stroke-dashoffset:0}}@keyframes strikethrough{0%{transform:scaleX(0)}33.3%{transform:scaleX(1)}to{transform:scaleX(1)}}body.jointfox{font-size:18px}body.jointfox p{margin:0;font-family:Arial,Helvetica,sans-serif}body.jointfox header{background-color:#103363;padding:10px;color:#fff;border-top:2px solid #b12423;box-shadow:0 14px 28px #00000040}body.jointfox header nav{display:flex;justify-content:space-between;align-items:center;gap:15px}body.jointfox header nav .header-burger{display:none}body.jointfox header nav .header-logo{display:flex;justify-content:flex-start;align-items:center;width:100%}body.jointfox header nav .header-logo img{width:180px}body.jointfox header nav .header-links{display:flex;justify-content:center;align-items:center;gap:15px;width:100%}body.jointfox header nav .header-links .red-dot{position:relative;margin-left:20px}body.jointfox header nav .header-links .red-dot:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:red;animation:animRedDot 2.4s ease infinite}body.jointfox header nav .header-login{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:10px}body.jointfox header nav .header-login .button-login{padding:5px;background-color:transparent;border:1px solid #fff;font-size:.7rem}body.jointfox header nav .header-login .icon-avatar img{margin-top:3px}body.jointfox header nav .header-login .dots{display:flex;flex-direction:column;align-items:center;gap:3px}body.jointfox header nav .header-login .dots span{width:4px;height:4px;background-color:#fff;border-radius:50%}body.jointfox .main .container{max-width:700px;margin:0 auto;padding:0 20px}body.jointfox .main .container .core-title{font-size:46px;text-transform:uppercase;margin-top:20px;max-width:800px;text-align:center;font-weight:700}body.jointfox .main .container .subheader-container{padding:10px;color:#818181;line-height:25px}body.jointfox .main .container .banner-chanels{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px;margin-bottom:10px}body.jointfox .main .container .banner-chanels img{width:100%;max-width:320px;height:100%}body.jointfox .main .container .section-video .smartplayer-mobile-container{max-width:700px!important}body.jointfox .main .container .section-comments{margin:0 0 50px}body.jointfox .main .container .section-comments hr{margin:0 0 20px;opacity:.3}body.jointfox .main .container .section-comments .all-coments{border:1px solid rgb(187,187,187)}body.jointfox .main .container .section-comments .all-coments .text-all-coments{padding:10px;font-weight:700;font-size:16px}body.jointfox .main .container .section-comments .all-coments .place-coment{display:flex;flex-direction:column;align-items:center}body.jointfox .main .container .section-comments .all-coments .place-coment .coment{margin-top:10px;display:flex;width:95%;margin-bottom:20px;opacity:1;transition:.4s ease;transform:translateY(0)}body.jointfox .main .container .section-comments .all-coments .place-coment .coment img{max-width:100%}body.jointfox .main .container .section-comments .all-coments .place-coment .coment .ava-coment{border-radius:100px;width:70px;height:70px;padding:10px}body.jointfox .main .container .section-comments .all-coments .place-coment .coment .info-coment{width:100%}body.jointfox .main .container .section-comments .all-coments .place-coment .coment .info-coment .name-coment{color:#365899;font-size:16px;font-weight:700;padding:5px}body.jointfox .main .container .section-comments .all-coments .place-coment .coment .info-coment .text-coment{font-size:16px;padding:10px 20px;border-radius:20px;background-color:#eaebef;width:100%;color:#2f2f2f}body.jointfox .main .container .section-comments .all-coments .place-coment .coment .info-coment .all-buttons-coment{font-size:16px;display:flex;justify-content:space-between;align-items:center}body.jointfox .main .container .section-comments .all-coments .place-coment .coment .info-coment .all-buttons-coment .btn-react-coment{display:flex;align-items:center;font-size:13px;gap:10px;color:#365899}body.jointfox .main .container .section-comments .all-coments .place-coment .coment .info-coment .all-buttons-coment .btn-react-coment .react-coment{cursor:pointer}body.jointfox .main .container .section-comments .all-coments .place-coment .coment .info-coment .all-buttons-coment .btn-react-coment .react-coment p:last-child{color:#696969}body.jointfox .main .container .section-comments .all-coments .place-coment .coment .info-coment .all-buttons-coment .btn-like-coment{display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px 1px #0101014d;border-radius:100px;padding:2px 5px}body.jointfox .div-section-form{margin:20px auto;width:100%}body.jointfox .div-section-form .form{display:flex;flex-direction:column;align-items:center;padding:10px;border:4px solid lightblue}body.jointfox .div-section-form .form .form-title{margin-top:10px;margin-bottom:5px}body.jointfox .div-section-form .form img{width:100%;max-width:250px;margin:20px 0}body.jointfox .div-section-form .form .order-btn{background-color:orange;color:#fff;font-size:24px;padding:15px;border-radius:20px;display:inline-block;margin-bottom:20px;text-align:center;text-decoration:none}body.jointfox .div-section-form .form .price-container{display:inline-block;position:relative;padding:20px}body.jointfox .div-section-form .form .form-price{margin-bottom:20px}body.jointfox .div-section-form .form .price{font-size:40px;font-weight:700;z-index:1;position:relative}body.jointfox .div-section-form .form .price span{padding-right:50px}body.jointfox .div-section-form .form .price-old{font-size:40px}body.jointfox .div-section-form .form .price-old:before{content:"";position:absolute;top:50%;left:0;width:100%;height:3px;background:red;transform:scaleX(0);transform-origin:left;animation:strikethrough 2s linear infinite}body.jointfox .div-section-form .form .circle-svg{position:absolute;top:-26px;left:-27px;width:123px;height:99px;transform:rotate(-90deg)}body.jointfox .div-section-form .form .circle{fill:none;stroke:green;stroke-width:2;stroke-dasharray:282.743;stroke-dashoffset:282.743;animation:draw-circle 3s linear infinite}body.jointfox #offer-popup{position:fixed;z-index:99999;top:32px;right:0;bottom:16px;left:0;width:640px;max-width:calc(100% - 32px);max-height:calc(100% - 48px);padding:0;margin:auto;border-radius:12px}body.jointfox #offer-popup::backdrop{background:#000000d9}body.jointfox #offer-popup>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:fixed;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:#fff;border:none;background:none}body.jointfox #offer-popup .div-section-form{margin:20px auto;width:100%}body.jointfox #offer-popup .div-section-form .form{display:flex;flex-direction:column;align-items:center;padding:10px;border:4px solid lightblue}body.jointfox #offer-popup .div-section-form .form .form-title{margin-top:10px;margin-bottom:5px}body.jointfox #offer-popup .div-section-form .form img{width:100%;max-width:250px;margin:20px 0}@media (max-width: 900px){body.jointfox .main .container .core-title{font-size:38px}}@media (max-width: 650px){body.jointfox header nav .header-burger{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%}body.jointfox header nav .header-burger span{width:22px;border-top:1px solid #fff}body.jointfox header nav .header-logo{justify-content:center;display:flex}body.jointfox header nav .header-links{display:none}body.jointfox header nav .header-login .button-login{display:none}}@media (max-width: 500px){body.jointfox .main .container .core-title{font-size:28px}body.jointfox .div-section-form .form .order-gift{text-align:center}}@media (max-width: 430px){body.jointfox .main .container{max-width:700px;margin:0 auto;padding:0 20px}body.jointfox .div-section-form .form .price-wrap{margin-bottom:15px}body.jointfox .div-section-form .form .price-container{padding:0}}body.hypertoday{background-color:#0c0c0c;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px}body.hypertoday p{margin:0}body.hypertoday .header{z-index:999999999999999;position:sticky;top:0;display:flex;justify-content:center;box-shadow:0 14px 28px #00000040}body.hypertoday .header-container{background-color:#0c0c0c;z-index:1099999;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:20px 15px}body.hypertoday .header-one-element{display:flex;align-items:center;gap:20px}body.hypertoday .logo{height:25px;min-width:50px}body.hypertoday .logo-text{height:25px;min-width:95px}body.hypertoday .header-nav-element{width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none}body.hypertoday .nav{display:flex;gap:10px;text-transform:uppercase;flex-wrap:nowrap;list-style:none;padding:0 20px;margin:0;height:100%;align-items:center}body.hypertoday .burger-menu{cursor:pointer;display:inline-block;position:relative;width:32px;height:24px}body.hypertoday .burger-menu .line1{top:0}body.hypertoday .burger-menu .line2{top:calc(50% - 2px)}body.hypertoday .burger-menu .line3{bottom:0}body.hypertoday .burger-menu .line{display:block;position:absolute;height:4px;width:100%;background:#fff;border-radius:4px;transition:all .25s ease-in-out}body.hypertoday .header-nav-element2{position:sticky;top:64px;left:0;z-index:9999999999999;background:#0c0c0c;width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:10px;font-weight:700}body.hypertoday .desk-hide{display:none}body.hypertoday .container{max-width:700px;margin:0 auto;padding:0 20px}body.hypertoday .core-title{font-size:46px;text-transform:uppercase;font-weight:700;margin-top:65px;max-width:800px;text-align:center}body.hypertoday .reverseBlock{margin:20px 0;gap:15px;display:flex;flex-direction:column-reverse}body.hypertoday .huita{color:#ffffffc3;display:flex;flex-direction:column;gap:10px}body.hypertoday .bold{font-weight:700;color:#fff}body.hypertoday .links{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;padding:10px 0;border-top:1px solid rgb(255,255,255);border-bottom:1px solid rgb(255,255,255);margin-bottom:10px}body.hypertoday .footer-many-elements1{display:flex;justify-content:space-between;align-items:center;gap:15px}body.hypertoday .footer-one-element span svg{fill:#ad88c7;width:24px;height:24px}body.hypertoday .div-section-form{margin:20px auto;width:100%}body.hypertoday .form{display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid #FFB186}body.hypertoday .form img{width:100%;max-width:250px;margin:20px 0}body.hypertoday .form-title{text-transform:uppercase;margin-top:10px;margin-bottom:5px}body.hypertoday .wrap-prod-mobile{align-items:center;width:100%}body.hypertoday .price-container{display:inline-block;position:relative;padding:20px}body.hypertoday .form-price{font-size:24px;margin-bottom:20px}body.hypertoday .price{font-size:40px;font-weight:700;z-index:1;position:relative}body.hypertoday .price span{padding-right:50px}body.hypertoday .circle-svg{position:absolute;top:-26px;left:-27px;width:123px;height:99px;transform:rotate(-90deg)}body.hypertoday .circle{fill:none;stroke:green;stroke-width:2;stroke-dasharray:282.743;stroke-dashoffset:282.743;animation:draw-circle 2s linear infinite}body.hypertoday .price-old{font-size:40px}body.hypertoday .price-old:before{content:"";position:absolute;top:50%;left:0;width:100%;height:3px;background:red;transform:scaleX(0);transform-origin:left;animation:strikethrough 2s linear infinite}body.hypertoday .order-btn{background-color:#ffb186;color:#000;font-size:24px;padding:15px;border-radius:40px;display:inline-block;margin-bottom:20px;text-align:center;text-decoration:none}body.hypertoday .order-gift{text-align:center;text-transform:uppercase}body.hypertoday .reviews-container{max-width:700px;margin:0 auto}body.hypertoday .review{display:grid;grid-template-columns:auto 1fr;gap:20px;margin:20px 0;padding:10px}body.hypertoday .review__img img{border-radius:10px;max-width:65px}body.hypertoday .review-content p{margin:0;font-size:16px;line-height:1.5}body.hypertoday footer{background-color:#2a2a2a}body.hypertoday .footer-container{width:100%;margin:0 auto;padding:20px;max-width:800px;color:#fff;display:flex;align-items:flex-start;row-gap:20px}body.hypertoday .footer-wrap{display:flex;flex-direction:column;gap:25px}body.hypertoday .footer-many-elements{display:grid;gap:10px;min-width:100px;align-items:center;justify-content:center}body.hypertoday .footer-one-element span{display:flex;gap:5px;align-items:center;white-space:nowrap;color:#fff;text-transform:uppercase;font-size:14px}body.hypertoday .huyuter{font-size:12px;color:#000;width:-moz-fit-content;width:fit-content}body.hypertoday .huyuter p{color:#4d4d4d}body.hypertoday .brands{display:flex;flex-wrap:wrap;gap:15px}body.hypertoday .brands a svg{width:200px;height:20px;color:#818181}@media screen and (min-width: 1025px){body.hypertoday .footer-many-elements{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){body.hypertoday .core-title{font-size:38px}}@media screen and (min-width: 769px) and (max-width: 1024px){body.hypertoday .footer-many-elements{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){body.hypertoday .desk-hide{display:flex}body.hypertoday .hide-mobile{display:none}body.hypertoday .footer-many-elements{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){body.hypertoday .core-title{font-size:28px}}@media screen and (max-width: 430px){body.hypertoday .brands a svg{width:100px}body.hypertoday .price-container{padding:0}}