/*trivia*/
         #trivia {color:#fff; margin:3rem 0;min-height:431px}
         #trivia h2{font-size: 18px;font-weight:bold; text-align:center;line-height:20px;}
         #trivia h3{font-size: 16px;font-weight:bold; text-align:center;text-transform:uppercase;position:relative}
         #trivia h3:after {content:""; width:23px; height:4px; background:#E31D3E; margin:0 auto;    position: absolute;
         left: 50%;
         transform: translateX(-50%);
         bottom:-7px;
         border-radius:10px
         }
         #quizAns {
         margin: 20px 0px 0px 0px;
         }
         #quizAns input[type=radio] { display: none; }
         #quizAns label {
         border: 1px solid #c1c1c1;
         border-radius: 10px;
         padding: 10px;
         font-size: 16px;
         cursor: pointer;
         text-align: center;
         width:100%;
         display:flex;
         align-items:center;
         justify-content:center;
         }
         #quizAns label:before{content:""; margin-right:10px; width:20px; height:20px;margin-left:-20px}
         #quizAns label.correct {
         background: #44A842;
         border: 1px solid #44A842;
		 color:#fff;
         }
         #quizAns label.correct:before{content:""; margin-right:10px; width:20px; height:20px;background:url('../images/correct.svg') no-repeat; display: inline-block; margin-left:-20px}
         #quizAns label.wrong:before{content:""; margin-right:10px; width:20px; height:20px;background:url('../images/wrong.svg') no-repeat; display: inline-block;margin-left:-20px}
         #quizAns label.wrong {
         background: #D91023;
         border: 1px solid #D91023;
		 color:#fff;
         }
         .bg-transparent{background:transparent;border: none}
         /*.widget-wrap {display:none;}*/
		 
		 .card-bg {overflow:hidden; border:none; border-radius: 10px;}
		 .card-bg .card-image{overflow:hidden; color:#fff; border:none;}
		 .card-bg .card-image .card-text{padding:20px; background:rgba(0,0,0,0.5);}
		 .card-bg .card-image h3{clear:both;font-weight:900;font-size:40px; z-index:2;position:relative;}
		 .card-bg .card-image h1{font-size:24px;margin-bottom:0; z-index:2;position:relative;}
		 .card-bg .icon-trivias{position:relative;z-index:2;}
		 #quizWrap h2{font-size:18px; margin-bottom:0}
         a.back{color:#fff;text-decoration:none; margin-bottom:10px; display:block; font-size:14px}
         a.back:hover{color:#FF8613}
         a.category{text-transform:uppercase;color:#fff;border:1px solid #fff;line-height:16px;font-size:14px;border-radius:10px;overflow: hidden;}
         a:not(.inactive).category:hover{background:#001453!important;text-decoration:none;border:1px solid #001453}
         .inactive {opacity:0.7;cursor:auto;}
         .inactive:hover{text-decoration:none;}
         .inactive:before{
         content:"PRÓXIMAMENTE";
         font-size:12px;
         padding:2px 20px;
         position: absolute;
         z-index: 2;
         overflow: hidden;
         background: #FF8613;
         text-align: center;
         top: 24px;
         left: -22px;
         transform: rotate(-45deg);
         }
         .card .inactive {border:1px dashed #fff}
         @media (max-width: 767px) {
         .block{display:block;}
         }
         @media (min-width: 768px) {
         #quizAns {
         display: grid;
         grid-template-columns: auto auto auto;
         grid-gap: 15px;
         margin-bottom:0px
         }
         #trivia h2{font-size: 28px;font-weight:bold; text-align:center;line-height:30px;padding: 0 40px;}
         #quizAns label{font-size:16px;margin-bottom: 0;}
         #trivia p{font-size: 1.1rem;font-weight:normal;}
         #trivia {margin:5rem 0; min-height:320px}
         }