body { font-size: 18px; overflow: hidden; }

.disable-btn { cursor: none !important; background-color: rgba(102, 0, 36, 0.25) !important; background-image: url('ajax-loader.gif'); background-repeat: no-repeat; background-position: center center; }

.fullscreen { width: 100%; height: 100vh; display: flex; align-items: center; text-align: center; position: relative; }
.fullscreen-click { cursor: pointer; }
.fullscreen:nth-child(even) { background: #f0f0f0; }

.logo { margin:0 auto; max-width: 270px; width: 100%; margin-bottom: 40px; }

h4 { font-size: 2em; margin-bottom: 20px; }

.opening { background-color: #600025 !important; color: #fff; }
.opening-text { font-size: 16px; padding: 20px; }

.movement { animation-name: arrow-movement; animation-timing-function: ease-in-out; animation-duration: 1.5s; animation-iteration-count: infinite; }
@keyframes arrow-movement {
        0%   { transform: translateY(-30px); }
        50%  { transform: translateY(-60px); }
        100% { transform: translateY(-30px); }
}

.arrow { display: block; border: none; opacity: 0.5; position: absolute; height: 32px; width: 100%; cursor: pointer; }
.up { top:60px; transform: rotate(180deg); opacity: 0.15; }
.down { bottom: 60px; }
.white { background: url(../images/arrow-down.svg) no-repeat center center; }
.black { background: url(../images/arrow-down-black.svg) no-repeat center center; }
.disabled { display: none; }

input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type="radio"], input[type="checkbox"] { visibility: hidden; height: 0; width: 0; }

.form-check label { vertical-align: middle; text-align: center; cursor: pointer; background-color: #fff; border: 1px solid #ccc; color: #000; border-radius: 3px; transition: 0.3s; }

.form-radios label { display: block;  padding: 20px 10px;  margin-bottom: 20px; }
.form-radios-coluna label { display: inline-block; padding: 50px; }
.form-checkbox label { display: inline-block; padding: 50px; }
.form-checkbox-outline label { display: inline-block; width: 100%; margin-bottom: 20px; padding: 20px; }

input[type="radio"]:checked + label, input[type="checkbox"]:checked + label { background-color: #600025; color: #fff; border: 1px solid #600025; }

.img-png { width: 150px; height: auto; filter: invert(1); }
input[type="checkbox"]:checked + label img { filter: invert(0); }

.inputtexto { border:2px solid transparent; background-color: transparent; padding:10px; text-align: center; font-size: 24px; width: 50%; }
.inputtexto:focus { border-bottom:2px solid #600025 !important; }

::placeholder { color: #777; }
:-ms-input-placeholder { color: #777; }

select { text-align-last:center; color: #777; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }

.coluna { display: inline-block; text-align: left; margin-top: 20px; margin-right: 20px; }
.coluna:last-child { margin-right: 0; }

.btn-submit { background-color: #600025; color: #fff !important; border: none; -webkit-appearance: none; -moz-appearance: none; padding: 20px 30px; margin: 30px auto 0; border-radius: 10px; display: block; width: 140px; cursor:pointer; min-height: 67px; }
.btn-submit:hover { color: #fff; text-decoration: none; }

h2 {margin-bottom: 40px; }
h2.titulo-checkbox {margin-bottom: 10px; }
h6 { color:#999; margin-bottom: 40px; }

@media (max-width: 767px) {

body, html { font-size: 14px; overflow: auto;}
h2 { font-size: 22px; }

.opening-text { font-size: 12px; }

.up { top:20px; }
.down { bottom: 40px; }
.bottom-arrow { bottom: 10px !important; }

.input-euro { text-align: center !important; }
.inputtexto { width: 90%; text-align: left; }

select { text-align-last:left; }

.coluna { width: 90%; margin: 0; }
.form-check { padding: 0; }
.form-radios-coluna label { margin-bottom: 30px; }
.form-checkbox label { padding: 25px; margin-bottom: 15px; }
.form-checkbox-outline label { display: block; width: 100%; margin-bottom: 5px; padding: 5px; font-size: 13px; }

.img-png { width: 80px; height: auto; }

}