:root {
  --text-clr-1: #ffffff;
  --text-clr-2: #000000;
  --bg-clr-1: hsla(0, 0%, 85%, 0.116);
  --accent-clr-1: #65967b;
  --main-link-color-12: #df0038;
}
.form-control::-webkit-input-placeholder {color: #ccc;}
.form-control:-moz-placeholder {color: #ccc;}
.form-control::-moz-placeholder {color: #ccc;}
.form-control::placeholder {color: #6D6D6D}
.form-control:-ms-input-placeholder {color: #ccc;}
html{font-size:16px;}
body{background-color: #fff;  font-family: 'Poppins', sans-serif; font-weight:400; color:var(--main-color-body); overflow-x: hidden; font-size:1rem; line-height:1.5rem;}
object{pointer-events: none;}

a{cursor: pointer; color:var(--main-link-color-1);
-webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-ms-transition: all 150ms linear;-o-transition: all 150ms linear;transition: all 150ms linear;}
a:hover{color:var(--main-link-color-1-in);}

.btn
{-webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-ms-transition: all 150ms linear;-o-transition: all 150ms linear;transition: all 150ms linear;}


 .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus,
.btn-primary:focus, .btn-primary:active:focus{box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1);}
.icon{font-size:2.5rem;}
.btn-primary {
  color: white;
  background-color: var(--main-link-color-1);
  border-color: var(--main-link-color-1);
}
 .btn-primary:focus,
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle
 {
  color: #fff;
  background-color: var(--main-link-color-1-in);
  border-color: var(--main-link-color-1-in);
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    font-size:1.125rem;
    line-height: 1.42857143;
    color: var(--main-color-body);
    background-color: #fff;
    background-image: none;
    border: 1px solid  var(--main-border-color-1);
    border-radius: 1px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: var(--main-border-color-2);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: 0 0 0px 4px  rgba(0,0,0,.1);
}
/**/
.checkbox {
  padding-left: 3px; }
  .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      font-family: "Material Design Icons";
    content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #909090;
      border-radius: 3px;
      background-color: #909090;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 17px;
      color: #ced4da; }
  .checkbox input[type="checkbox"],
  .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .checkbox input[type="checkbox"]:focus + label::before,
    .checkbox input[type="radio"]:focus + label::before {
      outline: none;
       }
    .checkbox input[type="checkbox"]:checked + label::after,
    .checkbox input[type="radio"]:checked + label::after {
    font-family: "Material Design Icons";
    content: "\F415";
    font-size: 17px;
    line-height: 17px;
    margin-left: -23px;
    margin-top: -1px;
      }
    .checkbox input[type="checkbox"]:disabled + label,
    .checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before,
      .checkbox input[type="radio"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #2196f3;
  border-color: #2196f3; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 7px;
      height: 7px;
      left: 5px;
      top: 5px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }

/**/
h1,.h1,h2,.h2,h3,.h3,h4,.h4{font-family: 'Poppins', serif; font-weight:700;}
h5, .h5 {font-size: 1.0rem;}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a{color:var(--main-color-body); text-decoration: none;}
h1 a:hover,.h1 a:hover,h2 a:hover,.h2 a:hover,h3 a:hover,.h3 a:hover,h4 a:hover,.h4 a:hover{color:var(--main-color-body); text-decoration: underline;}
.btn{border-radius:0px;font-size:1.25rem; /*padding: .75rem 2rem;*/ font-weight:600;}

header{
    background-color: var(--main-bg-01);
    background-repeat: no-repeat, repeat; background-position: 80% , 50%; background-size: cover, auto;
}
header{color:var(--main-color-1);}
btn-primary:focus
.hero{min-height:500px; height:100vh; max-height:600px;}
.logo img{height:90px;}
.checkbox label { padding-left: 25px;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {display: inline;}
.checkbox {padding-left: 3px;}
.checkbox label::before {border: 1px solid var(--main-border-color-1); border-radius: 1px;margin-left: -1px;}
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
background-color: #F5F5F5;border-color: var(--main-link-color-1);}
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
  font-family: "Material Design Icons";
  content: "\F12C";
  font-size: 17px;
  line-height: 17px;
  margin-left: -4px;
  margin-top: -1px;
  color:#d21f3f;
}
small, .small {font-size: 0.875em; line-height: 140%;}
.decor span{position: relative;}
.decor span:before{content:""; width:150px; height:1px; border-top:2px solid var(--main-border-color-2);position:absolute; top:50%; left:-170px;}
.decor span:after{content:""; width:150px; height:1px; border-top:2px solid var(--main-border-color-2);position:absolute; top:50%; right:-170px;}

#footer h3{color: var(--main-link-color-1);}
#footer .mdi{color: var(--main-link-color-1);}
#footer a{color:var(--main-color-body); text-decoration: none;}
#footer a:hover{text-decoration: underline;}
#facebook{
  position: absolute; bottom:0px; right:15px;
  font-size: 2.5rem; margin-bottom: 1rem;
}

@media (min-width: 768px) {
  header{background-position: 100% 50% , 50%;}
}

/* Style do FAQ */
.faq-elem{text-align: left; border-bottom:1px solid #d21f3f; padding-bottom:1rem;min-height: 151px;}
.faq-elem .faq-title{font-size:1.5rem; line-height: 130%; display: block; position: relative; color:var(--main-color-1); text-decoration: none; font-weight: 600; padding:1rem 3rem.5rem 0rem;}
.faq-elem .faq-title:before{
  content: "\F143";
font-family: "Material Design Icons";
color: var(--main-link-color-1);
border: 3px solid var(--main-link-color-1);
border-radius: 30px;
text-align: center;
line-height: 34px;
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 1rem;
right: 0rem;
}
.faq-elem .faq-title[aria-expanded="true"]:before{
content: "\F140";
  }
.faq-elem .collapse, .faq-elem .collapsing{padding: 0rem; margin: 0rem;}

#upadlosc img{max-height:476px;}
#upadlosc ul{list-style: none; margin:0px; padding:0px; position: relative;}
#upadlosc ul li{position: relative; padding:0rem 0rem 1.5rem 3rem; font-size:.75rem; line-height:140%;}
#upadlosc ul:before{
  content:"";
  background-color: #DEDEDE;
  width: 2px; height:calc(100% - 2rem);
  position: absolute; top:0rem; left:7px;
  margin-top:.2rem;
  }
#upadlosc ul li:before{
  content:"";
  width:16px; height:16px;
  background-color: #df0038;
  border-radius:20px; position: absolute; top:.2rem; left:0rem;
}

@media (min-width: 768px) {
  #upadlosc ul li{font-size:1rem; line-height:140%;}
}
.faq-elem{text-align: left; border-bottom:1px solid #d21f3f; padding-bottom:1rem;min-height: 151px;}
.faq-elem .faq-title{font-size:1.5rem; line-height: 130%; display: block; position: relative; color:var(--main-color-1); text-decoration: none; font-weight: 600; padding:1rem 3rem.5rem 0rem;}
.faq-elem .faq-title:before{
  content: "\F143";
font-family: "Material Design Icons";
color: #df0038;
border: 3px solid #df0038;
border-radius: 30px;
text-align: center;
line-height: 34px;
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 1rem;
right: 0rem;
}
.faq-elem .faq-title[aria-expanded="true"]:before{
content: "\F140";
  }
.faq-elem .collapse, .faq-elem .collapsing{padding: 0rem; margin: 0rem;}