:root {
    --accent-color: 114, 11, 13;
    --secondary-color: 255, 143, 39;
    --background-color: 255, 255, 255;
    --question-color: 53, 53, 59;
    --question-checked-color: 0, 0, 0;
    --answer-color: 0, 0, 0;
    --answer-background-color: 255, 255, 255;
    --progressbar-text-color: 255, 255, 255;
}

/*checkbox personalizado*/
.container-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*end checkbox personalizado*/

.box_termo_uso{margin-top:0px;margin-bottom: 20px;display: inline-block;}
.start_page_content{margin-top:20px;}
.confirm_therm{margin:5px !important;}

/*mensagem de alerta*/
.alert{
    margin-bottom: 5px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #c09853;
    padding: 8px 35px 8px 14px;    
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    /*background-color: #fcf8e3;*/
    background-color: #f8d7da;
    /*border: 1px solid #fbeed5;*/
    border:1px solid #f1aeb5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;    
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.alert h4 {margin: 0;}
/*.alert, .alert h4 {color: #c09853;}*/
.alert, .alert h4 {color: #58151c;}
.alert-block > p, .alert-block > ul {margin-bottom: 0;}
.alert strong{font-weight: 900;}
/* end mensagem de alerta*/



/*.theme18-box-buttons button{margin-top:10px;}*/
.theme18_box_progress_bar{
    min-width: 300px;
}
@media (min-width: 766px){
    .theme18_box_progress_bar{
        width: 90%;
    }
}

/*width: clamp(125px,2vw,250px);*/
.logo_tema18{
    width: clamp(140px,2vw,200px);
    margin:0 auto;
}
.brius_quiz_maker * {
    font-family: Work Sans,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.theme01__container{
    max-width: 100%;
}
@media (min-width: 640px){
    .theme01__container {
        max-width: 80%;
    }
}
@media (min-width: 1500px){
    .theme01__container {
        max-width: 50%;
    }
}



.text-left{text-align: left;}
.theme01__head {
    padding: 0px 0px 20px;
}
@media (min-width: 1000px){
    .theme18__button{
        width: 22.5% !important;
    }    
}
@media (min-width: 640px){
    .theme18__button{
        width: 30% !important;
        margin: 0.5rem !important;
    }  
}
@media (max-width: 640px){
    .theme18__button{
        width: 47% !important;
        margin: 1.5% !important;
    }
}
.theme18__button{
    white-space: inherit !important;
    
    padding: 0 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;  
    border-radius: 8px !important;
    border: 1pt solid #cacacc !important;
}
.theme18__button img{
    margin-top:10px;
}
.theme18-box-buttons{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    min-height: 100%;
}
body{   
    background-attachment:fixed;
    background-color:#fff;
    background-position:center top;
    background-repeat:repeat;
    color:#666}
a{-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;cursor:pointer;text-decoration:none}
a:hover,a:active{text-decoration:none}
a:focus{outline:none;text-decoration:none}::-moz-selection{color:#fff;background:#3099dd}::selection{color:#fff;background:#3099dd}
.clearfix{display:block;clear:both;height:0}
.clearfix10{display:block;clear:both;height:10px}
.clearfix20{display:block;clear:both;height:20px}
.clearfix30{display:block;clear:both;height:30px}
.text-center{text-align:center !important;}
.theme01--color{color:#3099dd}
.theme01--font-lg{color:#333;font-size:18px;font-weight:400}
.theme01--font-md{font-size:16px;font-weight:400}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:none;outline-offset:0}
.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}
.btn:active,.btn.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.0);box-shadow:inset 0 3px 5px rgba(0,0,0,0.0)}
.theme01__form{border-top:1px solid #eee;padding:30px 30px 0px}
.theme01__form .theme01__head{padding:0 0 40px}
.form-control{color:#3099dd;border:1px solid #ccc}
.form-control:focus{border-color:#3099dd;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0)}
.form-control::-moz-placeholder{color:#ccc}
.form-control:-ms-input-placeholder{color:#ccc}
.form-control::-webkit-input-placeholder{color:#ccc}
.input-lg{border-radius:0}
    .theme01{font-family:"Lato";font-size:14px;font-weight:400;padding:.2rem 15px 0 15px;margin:0}
/*-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);box-shadow:0 0 20px 0 rgba(0,0,0,0.2);*/
/*max-width:600px*/
.theme01__container{text-align: center;  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff;margin:0 auto;}.theme01__image{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;display:block;margin:0;padding:0}
/*width:100%; width: 125px;height: 25px;*/
.theme01__image img{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;display:block;
  
}
.theme01__image-title{background:#3099dd;color:#fff;font-family:"Lato";font-size:24px;font-weight:700;padding:15px 30px}
/*padding:30px*/
.theme01__banner{background:#fff;color:#fff;font-family:"Lato";font-size:14px;font-weight:400;}
/*font-size:24px;*/
/*.theme01__banner-title{color:#000;font-family:"Lato";font-weight:700;margin:0;padding:0;font-weight: 600;font-weight: 600;font-size: 17px;}*/
/*color: RGB(var(--accent-color));*/
.theme01__banner-title{
    font-family: Work Sans,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    
    font-size: 32px;
    line-height: 120%;
    font-family: Work Sans,sans-serif;
    
    font-weight: 600;
    text-align: left;
    margin: 1.063rem .875rem .5rem 1rem;
}
.theme01__banner-text{color:#000;margin:15px 0 0;padding:0;opacity:1;font-size:18px;text-align: left;}
/*padding:0px 30px 40px;*/
.theme01__head{}
.theme01__head-title{font-family:"Lato";font-size:20px;font-weight:700;display:block;margin:0;padding:0;position:relative}
.theme01__head-title:before{background:#eee;content:"";left:0;height:1px;position:absolute;right:0;top:50%}
.theme01__head-title span{background:#fff;color:#333;display:inline-block;padding:0 15px;position:relative}

/*.theme01__head-text{font-size:30px;font-weight:400;margin:0px 0 0;padding:0;color:#000;}*/
.theme01__head-text{font-size: 24px;
    line-height: 135%;
    color: RGB(var(--question-color));
    /*border-left: 6px solid rgb(var(--accent-color));*/
    padding-left: 1rem;
    margin: 1.5rem 0;}

.theme01__preloader{margin:15px 0 0}
.theme01__title{color:#333;font-family:"Lato";font-size:20px;font-weight:700;display:block;margin:0;padding:0}
.theme01__text{margin:15px 0 0;padding:0}
.theme01__text-head{color:#3099dd;display:block;font-weight:700}
.theme01__content,.question-reveiw{display:none}
.theme01__list{list-style:none;margin:0;padding:0}
.theme01__list-item{display:block;margin:15px 0 0;padding:0 0 0 30px;position:relative}
.theme01__list-icon{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#3099dd;color:#fff;font-weight:700;height:20px;line-height:18px;left:0;position:absolute;text-align:center;top:2px;width:20px}
/*width: 60%;*/
.theme01__bottom{width: 100%;margin:0 auto; -webkit-box-shadow:0 -10px 10px 0 rgba(0,0,0,0.03);-moz-box-shadow:0 -10px 10px 0 rgba(0,0,0,0.03);box-shadow:0 -10px 10px 0 rgba(0,0,0,0.03);-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}
.theme01__button{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;border-top:1px solid #eee;background:#fff;color:#333;display:block;font-size:16px;font-weight:700;margin:0;padding:15px 0;text-align:center;text-decoration:none;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;width:100%}
/*background:#f7f7f7*/
/*color:#3099dd;*/
.theme01__button:hover,.theme01__button:focus,.theme01__button:active{}
/*background:#3099dd;color:#fff;*/
.theme01__button-fill{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;border-top:1px solid #eee;color:#000;display:block;font-size:16px;font-weight:700;margin:0;padding:15px 0;text-align:center;text-decoration:none;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;width:100%}
.theme01__button-fill:hover,.theme01__button-fill:focus,.theme01__button-fill:active{color:#fff;background:#267ab1}
/*width:40%;*/
.theme01__button--left{-webkit-border-radius:0 0 0 10px;-moz-border-radius:0 0 0 10px;border-radius:0 0 0 10px;float:left;width: 30%; border: 2px solid #ebe9e8;border-radius: 8px;}
.theme01__button--right{-webkit-border-radius:0 0 10px 0;-moz-border-radius:0 0 10px;border-radius:0 0 10px 0;float:right;width:40%; border: 2px solid #ebe9e8;border-radius: 8px;}
.theme01__footer{font-size:13px;margin:0 auto;max-width:600px;padding:30px 0 0;text-align:center}
.theme01__footer-list{list-style:none;margin:10px 0 0;padding:0;text-align:center}
.theme01__footer-list-item{display:inline}
.theme01__footer-list-link{color:#666;padding:0 5px 0 10px;position:relative;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear}
.theme01__footer-list-link:hover,.theme01__footer-list-link:focus,.theme01__footer-list-link:active{color:#3099dd}
.theme01__footer-list-link:before{color:#aaa;content:"/";position:absolute;left:0;top:0}
.theme01__footer-list .theme01__footer-list-item:first-child .theme01__footer-list-link{padding:0 5px}
.theme01__footer-list .theme01__footer-list-item:first-child .theme01__footer-list-link:before{display:none}

@media (min-width: 768px) and (max-width: 991px){
    .theme01__banner-title{font-size:20px}
    .theme01__head-title{font-size:18px}
}
@media (max-width: 767px){
    .theme01{padding:30px 15px}
    .theme01__banner-title{font-size:20px}
    .theme01__head-title{font-size:18px}
    .theme01__title{font-size:18px}
}