#gooptin-form .btn-primary[type="submit"]{
  padding: 14px 40px; 
  margin-bottom: 40px;
  font-size: 18px !important;
  border-radius: 5px;
}

#gooptin-form .btn-primary[type="submit"]:hover{
cursor: pointer;
}

.gender-chck{
  width:240px;
  border-radius:50px;
  height:40px;
  margin:auto;
  margin-top: 0px;
  
  box-shadow: 0px 0px 1px 0 #828282;
}
.gender-chck>div{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  height: 100%;
  position: relative;
}
.gender-chck>input:checked~div::before{
  content:'';
  display:block;
  position:absolute;
  background-color: #06D6A0;
  width:50%;
  height:100%;
  top:0;
  left:0;
  bottom:0;
  border-radius:50px;
  transition:transform ease-in-out .3s
}
#gooptin-form .sub-quest{
  min-height:190px
}
.gender-chck>input:nth-child(2):checked~div::before{
  transform:translateX(100%)
}
.gender-chck label{
  text-align: center!important;
  padding-bottom:0!important;
  display:flex!important;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index:2
}
.gender-chck>input:nth-child(1):checked~div label:first-child {
  color:#fff!important
}
.gender-chck>input:nth-child(2):checked~div label:nth-child(2) {
  color:#fff!important
}
.gender-chck input{
  position:absolute;
  left:-300vw;
}
#gooptin-form .sub-quest> label{
  text-align:center;
  font-weight:500
}
#gooptin-form .sub-quest.type-radio .radios-quest{
  display:flex;
  flex-wrap:wrap;
  gap:20px;flex-direction: row;
}
#gooptin-form .sub-quest.type-radio .radios-quest>.radio{
  width:auto;
  min-width:120px;
  background-color:#06D6A0;
  color:#fff;
  display:inline-block;
  transition: .3s;
  border-radius: 5px;
}

#gooptin-form .sub-quest.type-radio .radios-quest>.radio:hover{
background-color: #06bf8e;
color: white;
}

#gooptin-form .sub-quest.type-radio .radio>label:not(.form-error) span{
  padding-left:0;
  color:#fff;
  text-align:center
}
#gooptin-form .sub-quest.type-radio .radio>label:not(.form-error) span::before{
  display:none
}
.headerbanner+#quests-container{
  margin-top: -140px;
  margin-bottom: 100px;
}
.headerbanner+#thanks-section{
  margin-top: -110px;
}




.container{
  width:100%;
  max-width: 1240px;
  margin:auto
}

#quests-container,
#thanks-section{
  /* min-height:100vh; */
  flex-direction:column;
  display:flex;
  align-items:center;
  justify-content: center;
}
#thanks-section>div{
  max-width:640px;
  background-color:rgb(255, 255, 255);
  text-align:center;
  padding:20px;
  -webkit-box-shadow: 0px 1px 9px #c9c9c9;
  box-shadow: 0px 1px 9px #c9c9c9;
}
#quests-container>#gooptin-form{
  width:calc(100% - 20px);
  max-width:600px;
  padding:0;
  background-color:transparent;
}




.form-row-2{
  display: grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
#container-quest h1{
font-weight:bold;
color:#28b7c9;
text-align:center;
margin-top:30px;
}
#container-quest h3{
font-weight:bold;
}
#container-quest h3 span{
color:#28b7c9
}
#container-quest h3 +p{
font-size:10px;
margin-top:20px;
}
#container-quest .row:first-child >.col-12:nth-child(3),
#container-quest .row:first-child >.col-12:nth-child(2){
margin-top:20px;
margin-bottom:40px
}
@media(min-width:1600px){
#container-quest .row:first-child >.col-12:nth-child(1){
  margin-top:-80px
}
}
#gooptin-form .sub-quest {
background-color: #fff;
-webkit-box-shadow: 0px 1px 9px #c9c9c9;
  box-shadow: 0px 1px 9px #c9c9c9;
}

.checkbox-optin label:not(.error) {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
text-align: left !important
}

.checkbox-optin .checkmark {
display: inline-block;
height: 20px;
width: 20px;
border: solid 1px #989898;
-ms-flex-negative: 0;
    flex-shrink: 0;
margin-right: 6px;
}

.checkbox-optin input:checked+label .checkmark::before {
content: "✓";
}

.checkbox-optin a {
color: #1b77c2 !important
}

/*QUESTIONS*/
#gooptin-form .checkbox-wrapper .checkbox label:hover,
#gooptin-form .checkbox-wrapper input:checked+label
{
border-color: #28b7c9 !important
}
#quest-304 input[value="alarme"]+span{
  text-transform: uppercase;
  font-size: 22px;
}

#quest-304 input[value="no"]+span{
  font-size:16px!important
}
#gooptin-form #quest-304 .radios-quest{
display:block;
}
#gooptin-form #quest-304 .radios-quest .radio{
margin:auto;
}
#gooptin-form #quest-304 .radios-quest .radio.r0{
max-width:300px;
width:100%;
}
#gooptin-form #quest-304 .radios-quest .radio.r1 label{
padding: 0;
  background-color: transparent;
  border: none;
}
#gooptin-form #quest-304 .radios-quest .radio.r1 label span{
font-size: 14px!important;
}

html.thanks footer {
/* position: fixed;
bottom: 0;
left: 0;
right: 0;*/
} 

#first-quest {
display: block
}

#first-quest a {
display: inline-block;
background-color: #28b7c9;
padding: 10px 15px;
min-width: 125px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
-webkit-transform: scale(1);
        -ms-transform: scale(1);
    transform: scale(1);
-webkit-transition: background-color ease-in-out .3s;
-o-transition: background-color ease-in-out .3s;
transition: background-color ease-in-out .3s
}

#first-quest a:hover {
background-color: #28b7c9;
-webkit-transition: background-color ease-in-out .3s;
-o-transition: background-color ease-in-out .3s;
transition: background-color ease-in-out .3s
}

#first-quest h3 {
font-size: 20px;
margin-bottom: 80px;
}

/*END QUESTIONS*/
@media (min-width: 540px) {


#gooptin-form #quest-1.sub-quest {
  padding: 0 80px 10px 80px;
}
}

@media (min-width: 768px) {


#first-quest h3 {
  margin-top: 40px;
  margin-bottom: 60px;
}
}
#gooptin-form h2 {
font-size: 18px;
line-height: 20px;
color: #000;
}
@media (min-width: 1200px) {
#gooptin-form .sub-quest {
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #c9c9c9;
  box-shadow: 0px 1px 3px #c9c9c9;
}
}
.form-group.text-left p{
font-size: 14px;
}