*:focus {
  outline:none!important;
}

input {
  outline:none!important;
}

input:focus {
  outline:none!important;
}

body{
  
  background: #FFF;
}

h1, h2, h3, h4, h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: capitalize;
}

h2{
  font-size: 22px;
}

.lead{
  font-weight: 300;
  font-size: 14px;
}
.timer{
  font-weight: 300;
  font-size: 15px;
  color: #099138;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.container {
  max-width: 960px;
}

.lh-condensed { line-height: 1.25; }

::-webkit-input-placeholder { /* Edge */
  color: #BFBFBF;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #BFBFBF;
}

::placeholder {
  color: #BFBFBF;
}

.form-front input{
  border: 1px solid rgba(51,51,51,0.36);
  color: #333;
  outline: none;
  border-radius: 16px!important;
}

.form-front input:focus{
  border: 1px solid rgba(108,99,255,0.36);
  color: #4F44FF;
}

.gpo {
  border-radius: 9px;
  box-shadow:3px 3px 25px rgba(0,0,0,0.11);
  background: #FFF;
}

/*select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}*/


.btn-1{
  background: #3ACC6C;
  border-radius: 34px;
  color: #FFF;
}
.btn-1:hover{
  background: #2ec562;
  color: #FFF;
}

.select-wrapper{
  border: 1px solid rgba(51,51,51,0.36);
  border-radius: 16px!important;
  display:inline-block;
  overflow:hidden;
  background:rgba(51,51,51,0.36);
}

.select-wrapper:hover{
  border: 1px solid rgba(108,99,255,0.36);
}
.select-input:hover, .select-input:focus{
  color: #4F44FF;
}

.select-input{
  border:0px;
  outline:none;
}

.form-control.select-input.p-3{    padding: 5px .75rem!important;
    line-height: 1;
    height: 38px;}


.form-front .form-group{
    position:relative;
}

.form-front label.error {
    position: absolute;
    top: 6px;
    right: 10px;
}


.menu-item{
  height: 115px;
  background: #A3A3A3;
  box-shadow:3px 3px 25px rgba(0,0,0,0.11);
  border-radius: 9px;
  color:#FFF;
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}

.menu-item.avaible{
  background: #909090;
}

.menu-item label{
  display:none;
}

.menu-item.avaible label{
  display:block;
  position: absolute;
  width: 22px;
  height: 22px;
  background: #2FCE68;
  top: 10px;
  right: 10px;
  border-radius: 22px;
}

.menu-item.avaible label.bullet-num{
  color:#FFF;
}

.menu-item.locked label.bullet-num{
  display:block;
  position: absolute;
  width: 22px;
  height: 22px;
  background: transparent;
  top: 10px;
  right: 10px;
  border-radius: 22px;
  border:1px solid #FFF;
}

.menu-item.avaible{
  color: #2FCE68;
  background: #FFF;
}

.menu-item.complete{
  color: #FFF;
  background: #4E38FF;
}

.menu-item.complete .icono{
  background-size: auto 70%;
}

.menu-item .icono{
  width: 50%;
  height: 50px;
  background-position: center;
  background-size: auto 100%;
  margin: auto; 
  background-repeat: no-repeat;
}


.item-group{
  font-family: 'Gotham', sans-serif;
  font-weight: 300;
  font-size: 16px;
}


.item-option{
  position: relative;
  border-radius: 9px;
  box-shadow:3px 3px 25px rgba(0,0,0,0.11);
  background: #FFF;
  border: 2px solid #707070;
  cursor: pointer;
}

.item-option .info{
  font-family: 'Gotham', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #333333;
  text-align: justify;
}

.item-option.selected .info{
  margin-left: 0px;
}

.item-option.selected .bar{
  background: #333;
  position: absolute;
  left: 0;
  top: -2px;
  bottom: -2px;
  width: 10px;
  border-radius: 9px;
}

#btn-item-enviar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    background: #2FCE68;
    padding: 0 10px;
    color: #FFF;
    font-family: 'Gotham', sans-serif;
    font-size: 15px;
    line-height: 50px;
    font-weight: 300;
    display: none;
    cursor: pointer;
}


#btn-item-enviar:hover{
    background:#27a956;
}


body.gracias{
  background: url('../img/bg.png') center;
}

.info-gracias{
    font-family: 'Gotham', sans-serif;
    font-size: 14px;
    font-weight: 300;
}


#btn-item-gracias {
    display: inline-block;
    background: #3ACC6C;
    color: #FFF;
    font-family: 'Gotham', sans-serif;
    font-size: 15px;
    padding: 15px 50px;
    margin-top: 10px;
    border-radius: 34px;
    cursor: pointer;
}

#btn-item-gracias:hover {
    background: #27a956;
}


.quest-item {
    box-shadow: 3px 3px 25px rgba(0,0,0,0.11);
    border-radius: 9px;
    position: relative;
    cursor: pointer;
    background:#FFF;
}
.quest-item:hover {
    background:#f1f1f1;
}

.quest-item .bullet {
    border-radius: 38px;
    background: #3ACC6C;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 12px;
    left: 10px;
    position: absolute;
    color: #FFF;
    font-weight: 500;
    font-size: 14px;
}

.quest-item .info{
    font-size: 15px;
    font-weight:300;
    font-family:'Gotham', sans-serif;
    margin-left: 34px;
    margin-right: 15px;
}

.quest-item .arrow {
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    width: 30px;
    background-position: center;
    background-size: 45% auto;
    background-image: url(../img/ic-arrow.png);
    background-repeat: no-repeat;
}