body {background: #fff url(../../imgs/bg.jpg) center top !important; background-repeat: no-repeat; font-family: 'Montserrat', sans-serif;}
h1 {font-size: 1em !important; color:#fff; padding-left: 20px;}
#regulamento p {font-size: 0.9em !important; color: #fff; padding: 20px;}
#regulamento {margin-top:300px; background-color: #2a4944;}
#footer {background-color: #2a4944; max-width: 980px; margin: -30px 0; height: 250px; padding-top: 50px; text-align: center;}
#footer div{padding-left:0;}
p, label, h1{font-family: 'Montserrat', sans-serif;}
#conteudo {background: url(../../imgs/bg_container.jpg) center 500px !important; background-repeat: no-repeat !important; background-position-y: 500px; max-width: 980px;}
#intro {text-align: center; margin: auto; color:#f4a13d; font-weight: 600; font-size: 1.5em; }
#Verao {position: absolute; top: 90px; left: 41%;}
#Verao p {font-weight: 800; font-size: 1.5em; color: #583514; text-align: center; margin: auto;}
#Verao p span {color:#296c62;}
main {width: 80%; margin: -200px auto;}
.form_line {height: 40px; width: 100%; text-align: right; display: flex; margin-bottom: 10px; vertical-align: middle;}
.form_line div {display: inline-flex; vertical-align: middle;}
input {display: inline-flex; width: 100%; border-radius: 15px; border:0; -webkit-appearance: none;}
input[type=checkbox]{width: 30px !important; height:30px;  border-radius: 10px; -webkit-appearance: checkbox; margin-right: 15px; }
#Go{flex: none; display: block; background-color:#ffa64d; color:#fff; border: 1px #fff solid; height:50px; width:220px; border-radius: 15px;}
#regulamento .accordion-button {border-radius: 0;  border: 2px #fff solid; background: none !important; color: #FFF;}
#regulamento .accordion-item, #regulamento .accordion-button:not(.collapsed) {background-color: #2a4944 !important; color:#fff !important;}
#regulamento .accordion-button:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
#regulamento .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.form_line div p, .aceite {width: 100%; padding-right: 10px; color:#fff; vertical-align: middle; }
.form_line div p input {margin-left: 10px; float: left; width: 100%; -ms-box-sizing: border-box; /* ie8 */
    -khtml-box-sizing: border-box; /* konqueror */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    box-sizing: border-box; /* css3 rec */ }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media only screen and (max-width: 1180px) {
 
    #Verao {position: absolute; top: 90px; left: 400px !important;}
  
}
@media only screen and (max-width: 980px) {
 
    #Verao {position: absolute; top: 90px; left: 300px !important;}
  
}

@media only screen and (max-width: 900px) {
 
    #Verao {order:1; display: block; margin: 80px auto; text-align: center;
    width: 100%; top: 0 !important; left: 0 !important; max-height: 247px; flex: none;}
    #Verao img {vertical-align: top; }
    main {width: 90%; margin: -120px auto;}
    
    #Produtos {order:2; flex: none; width: 100%; margin-top: 220px;}
    .Submit{display:block !important; margin-bottom: 80px; text-align: left;}
    
    .form_line {font-size: 0.9em; line-height: 1.1em;}
    #Go {margin: 20px auto;}
    #footer {height: 500px; }
    .loc, .hoya{margin-top:20px !important;}
   
    
}
@media only screen and (max-width: 770px) {
    
    #Produtos {margin-top: 280px !important;}
    
}

@media only screen and (max-width: 600px) {
 
 
    #Verao img, #Produtos img {width:100%; }
    
}