@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MyriadProRegular.eot");
  src: url("../fonts/MyriadProRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadProRegular.woff") format("woff"), url("../fonts/MyriadProRegular.ttf") format("truetype"), url("../fonts/MyriadProRegular.svg#Sri-TSCRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: 'MyriadPro', sans-serif; }

.clock {
  margin-top: 30px;
  text-align: center; }
  @media (max-width: 767px) {
    .clock {
      margin-top: 16px;
      text-align: center;
      width: 420px;
      transform: scale(0.8);
      margin-left: -56px; } }

.modal-download {
  top: 50%;
  left: 50%;
  z-index: 9999;
  width: 400px;
  padding: 30px 25px 40px;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  margin: -180px 0 0 -200px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.45);
  color: #000000; }

.modal-download h3 {
  margin: 20px;
  line-height: 1.3;
  font-weight: 700; }

.modal-download .btn-fechar {
  top: 3px;
  right: 10px;
  color: #fff;
  position: absolute;
  text-transform: uppercase;
  font-size: 1.4rem; }

.modal-download .btn-block {
  color: #dcad68;
  width: 100%;
  display: block;
  padding: 15px;
  border: 1px solid #dcad68;
  border-radius: 70px;
  font-size: 1.25rem;
  transition: all .25s ease;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease;
  -o-transition: all 0.25s ease; }

.modal-download .btn-block:hover {
  color: #fff;
  background: #dcad68; }

.modal-download .btn-block i.fa {
  margin-right: 10px; }

.Montserrat {
  font-family: 'Montserrat', sans-serif; }

.cta {
  background-color: #FBBE5B;
  color: #000;
  border-radius: 20px;
  float: left;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  transition: all 0.4s;
  font-family: 'Montserrat', sans-serif; }
  .cta:hover {
    background-color: #fff;
    color: #FBBE5B; }
  .cta.preto {
    background-color: #000;
    color: #036975; }
    .cta.preto:hover {
      background-color: #036975;
      color: #000; }

#header-back {
  background-color: #fff;
  width: 100%;
  float: left;
  overflow: hidden; }

#header {
  background-color: #fff;
  width: 100%;
  float: left;
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); }
  #header .bg1 {
    background-color: #000;
    width: 100%;
    height: 17px;
    float: left;
    overflow: hidden;
    opacity: 0.5; }
    @media (max-width: 1200px) {
      #header .bg1 {
        height: 10px; } }
    @media (max-width: 767px) {
      #header .bg1 {
        height: 5px; } }
  #header .bg2 {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden; }
    @media (max-width: 767px) {
      #header .bg2 {
        padding-top: 10px;
        padding-bottom: 9px; } }
    @media (min-width: 1200px) {
      #header .bg2 .container {
        max-width: 1220px; } }
    #header .bg2 #logo {
      width: 100%;
      height: 50px;
      float: left; }
      #header .bg2 #logo img {
        float: left;
        margin-right: 15px; }
        #header .bg2 #logo img:first-child {
          margin-right: 15px; }
    #header .bg2 nav {
      float: left; }
      @media (max-width: 1200px) {
        #header .bg2 nav {
          display: none; } }
      #header .bg2 nav ul {
        width: 100%;
        float: left;
        padding-left: 0px;
        margin-bottom: 0px; }
        #header .bg2 nav ul li {
          display: inline;
          list-style: none;
          float: left; }
          #header .bg2 nav ul li a {
            color: #000;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            float: left;
            padding: 10px 10px;
            transition: all 0.4s; }
            #header .bg2 nav ul li a:hover {
              color: #8D887B;
              text-decoration: none; }
            #header .bg2 nav ul li a.active {
              color: #FBBE5B; }
   .link {
      height: 36px;
       
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      overflow: hidden;
      margin-left: 10px;
      padding: 10px 17px;
      background-color: #000000;
      border-radius: 20px;
      color: #036975; }
      @media (max-width: 767px) {
        .link {
          font-size: 10px;
          padding: 7px 13px;
          margin-left: 5px;
          margin-right: 5px; } }
    @media (max-width: 767px) {
      .links-header {
        background-color: #fff;
        position: fixed;
        width: 100%;
        z-index: 99;
        bottom: 0px;
        left: 0px;
        float: left;
        padding: 10px; } }

#section1 {
  background: #e4e1de;
  background: -moz-linear-gradient(90deg, #e4e1de 0%, #c0bab1 100%);
  background: -webkit-linear-gradient(90deg, #e4e1de 0%, #c0bab1 100%);
  background: linear-gradient(90deg, #e4e1de 0%, #c0bab1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e1de",endColorstr="#c0bab1",GradientType=1);
  width: 100%;
  float: left;
  padding-top: 30px;
  overflow: hidden; }
  @media (max-width: 767px) {
    #section1 {
      padding-top: 10px; } }
  @media (max-width: 992px) {
    #section1 img {
      width: 100%;
      max-width: 380px;
      display: block;
      margin: 0px auto 0px; } }
  #section1 h2 {
    width: 100%;
    float: left;
    padding-top: 15px;
    font-size: 56px;
    color: #5A5242;
    line-height: 61px;
    text-align: left; }
    @media (max-width: 1200px) {
      #section1 h2 {
        font-size: 49px;
        line-height: 50px; } }
    @media (max-width: 992px) {
      #section1 h2 {
        font-size: 59px;
        line-height: 61px;
        text-align: center; } }
    @media (max-width: 767px) {
      #section1 h2 {
        font-size: 32px;
        line-height: 36px; } }
    #section1 h2 span {
      font-weight: 600;
      display: block;
      padding-bottom: 5px;
      padding-right: 200px; }
      @media (max-width: 1200px) {
        #section1 h2 span {
          font-size: 35px;
          padding-right: 0px;
          padding-bottom: 0px; } }
      @media (max-width: 767px) {
        #section1 h2 span {
          font-size: 30px; } }
    #section1 h2 b {
      font-weight: 900;
      display: block;
      padding-right: 90px; }
      @media (max-width: 1200px) {
        #section1 h2 b {
          padding-right: 50px; } }
      @media (max-width: 767px) {
        #section1 h2 b {
          padding-right: 0px;
          display: block; } }
  #section1 p {
    width: 100%;
    float: left;
    padding-top: 5px;
    font-size: 24px;
    color: #5A5242;
    text-align: left;
    padding-right: 30px; }
    @media (max-width: 1200px) {
      #section1 p {
        padding-top: 0px;
        font-size: 21px;
        padding-right: 0px; } }
    @media (max-width: 992px) {
      #section1 p {
        text-align: center;
        font-size: 25px;
        padding-top: 10px; } }
    @media (max-width: 767px) {
      #section1 p {
        font-size: 14px; } }
  #section1 strong {
    width: 100%;
    float: left;
    color: #5A5242;
    font-size: 34px;
    text-align: left;
    font-weight: 900; }
    @media (max-width: 1200px) {
      #section1 strong {
        font-size: 30px; } }
    @media (max-width: 992px) {
      #section1 strong {
        font-size: 30px;
        text-align: center; } }
    @media (max-width: 767px) {
      #section1 strong {
        font-size: 24px; } }
  #section1 a {
    margin-top: 30px; }
    @media (max-width: 1200px) {
      #section1 a {
        margin-top: 20px; } }

#section2 {
  background-color: #000;
  width: 100%;
  height: 15px;
  float: left;
  overflow: hidden; }

.section-form {
  background: #e4e1de;
  background: -moz-linear-gradient(90deg, #e4e1de 0%, #fbbe5b 100%);
  background: -webkit-linear-gradient(90deg, #e4e1de 0%, #fbbe5b 100%);
  background: linear-gradient(90deg, #e4e1de 0%, #fbbe5b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e1de",endColorstr="#fbbe5b",GradientType=1);
  width: 100%;
  float: left;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden; }
  @media (max-width: 992px) {
    .section-form {
      padding-top: 15px; } }
  @media (max-width: 767px) {
    .section-form {
      padding-bottom: 0px; } }
  .section-form h2 {
    width: 100%;
    float: left;
    color: #5A5242;
    font-weight: 900;
    text-align: left;
    font-size: 30px;
    margin-top: 20px;
    text-transform: uppercase; }
    @media (max-width: 1200px) {
      .section-form h2 {
        font-size: 46px; } }
    @media (max-width: 992px) {
      .section-form h2 {
        font-size: 33px;
        text-align: center; } }
    @media (max-width: 767px) {
      .section-form h2 {
        font-size:24px; } }
  .section-form h3 {
    width: 100%;
    float: left;
    color: #5A5242;
    font-weight: 100;
    text-align: left;
    font-size: 33px;
    margin-bottom: 20px; }
    @media (max-width: 1200px) {
      .section-form h3 {
        font-size: 27px; } }
    @media (max-width: 992px) {
      .section-form h3 {
        font-size: 21px;
        line-height: 29px;
        margin-bottom: 0px;
        text-align: center; } }
    @media (max-width: 767px) {
      .section-form h3 {
        font-size: 15px;
        line-height: 26px; } }
    .section-form h3 b {
      font-weight: 600;
      display: block; }
  .section-form .box-embed {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-right: 40px;
    border-radius: 0px; }
    @media (max-width: 1200px) {
      .section-form .box-embed {
        padding-right: 0px;
        margin-left: 0px; } }
    .section-form .box-embed > a {
      background-position: center center;
      background-size: cover;
      width: 100%;
      float: left;
      overflow: hidden; }
      .section-form .box-embed > a .mask {
        width: 100%;
        float: left;
        padding-top: 33%;
        padding-bottom: 33%; }
        @media (max-width: 1200px) {
          .section-form .box-embed > a .mask {
            padding-top: 38%;
            padding-bottom: 38%; } }
        @media (max-width: 992px) {
          .section-form .box-embed > a .mask {
            padding-top: 20%;
            padding-bottom: 20%; } }
    .section-form .box-embed .embed-responsive-4by3::before {
      padding-top: 110%; }
      @media (max-width: 1400px) {
        .section-form .box-embed .embed-responsive-4by3::before {
          padding-top: 110%; } }
      @media (max-width: 1200px) {
        .section-form .box-embed .embed-responsive-4by3::before {
          padding-top: 53%; } }
  .section-form .login-box {
    width: 100%;
    float: left;
    overflow: hidden;
    max-width: 470px;
    padding-top: 0px;
    padding-bottom: 0px; }
    @media (max-width: 1200px) {
      .section-form .login-box {
        padding: 11px;
        max-width: initial; } }
    @media (max-width: 992px) {
      .section-form .login-box {
        padding: 30px 0px 40px; } }
    @media (max-width: 767px) {
      .section-form .login-box {
        padding: 37px 0px 50px; } }
    .section-form .login-box .cta {
      width: 100%;
      border-radius: 10px;
      padding: 13px 20px;
      font-size: 14px; }
    .section-form .login-box .btn-group {
      width: 100%;
      float: left;
      margin-bottom: 20px; }
      .section-form .login-box .btn-group .btn-type-form {
        width: 50%;
        background-color: #232323;
        border: 1px solid #fff;
        color: #fff;
        padding-top: 5px;
        padding-bottom: 5px; }
        .section-form .login-box .btn-group .btn-type-form.active {
          background-color: #fff;
          color: #232323; }
        .section-form .login-box .btn-group .btn-type-form input {
          display: none; }
    .section-form .login-box .form-group {
      margin-top: 0px;
      color: #fff; }
      .section-form .login-box .form-group .col-form-label {
        width: 100%;
        padding: 0px;
        font-size: 13px; }
      .section-form .login-box .form-group label {
        font-size: 14px; }
    .section-form .login-box .form-check.data {
      float: left;
      margin-top: 20px; }
      .section-form .login-box .form-check.data .form-check-input {
        float: left; }
      .section-form .login-box .form-check.data .form-check-label {
        float: left;
        color: #fff;
        font-size: 14px;
        padding-top: 2px;
        padding-left: 3px; }
    .section-form .login-box .user-box {
      position: relative; }
      .section-form .login-box .user-box i {
        float: left;
        margin-left: -22px;
        margin-top: 16px;
        color: #fff; }
      .section-form .login-box .user-box.active {
        margin-top: 10px; }
        .section-form .login-box .user-box.active label {
          top: -17px;
          left: 0;
          color: #fff;
          font-size: 12px; }
      .section-form .login-box .user-box input,
      .section-form .login-box .user-box select,
      .section-form .login-box .user-box textarea {
        width: 100%;
        height: 44px;
        padding: 8px 0;
        font-size: 15px;
        color: #444;
        margin-bottom: 20px;
        border: none;
        padding-left: 15px;
        border-radius: 6px;
        background-color: #FFFFFF;
        outline: none;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
        @media (max-width: 992px) {
          .section-form .login-box .user-box input,
          .section-form .login-box .user-box select,
          .section-form .login-box .user-box textarea {
            margin-bottom: 15px; } }
      .section-form .login-box .user-box textarea {
        height: 50px; }
      .section-form .login-box .user-box label {
        position: absolute;
        top: 0;
        left: 0;
        padding: 8px 0;
        font-size: 15px;
        color: #fff;
        pointer-events: none;
        transition: .5s; }
      .section-form .login-box .user-box input:focus ~ label,
      .section-form .login-box .user-box input:valid ~ label,
      .section-form .login-box .user-box select:focus ~ label,
      .section-form .login-box .user-box select:valid ~ label,
      .section-form .login-box .user-box textarea:focus ~ label,
      .section-form .login-box .user-box textarea:valid ~ label {
        top: -17px;
        left: 0;
        color: #444;
        font-size: 12px; }
      .section-form .login-box .user-box .btn-primary {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 14px;
        margin-top: 10px; }
      .section-form .login-box .user-box .exibe-visita {
        background-color: #444;
        padding: 12px;
        margin-bottom: 20px; }
        .section-form .login-box .user-box .exibe-visita input,
        .section-form .login-box .user-box .exibe-visita select,
        .section-form .login-box .user-box .exibe-visita textarea {
          margin-bottom: 0px;
          float: left;
          background: none; }

#footer .bg1 {
  background-color: #313233;
  width: 100%;
  float: left;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden; }
  #footer .bg1 strong {
    width: 100%;
    float: left;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 15px; }
    @media (max-width: 767px) {
      #footer .bg1 strong {
        padding-top: 20px; } }
  #footer .bg1 img.logo-vci {
    width: 270px; }
  #footer .bg1 span {
    width: 100%;
    float: left;
    color: #fff;
    padding-top: 15px;
    font-size: 13px; }
#footer .bg2 {
  background-color: #191A1A;
  width: 100%;
  float: left;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden; }
  @media (max-width: 767px) {
    #footer .bg2 {
      padding-bottom: 70px; } }
  #footer .bg2 p {
    font-size: 10px;
    color: #ccc;
    text-align: center;
    line-height: 15px; }
  #footer .bg2 a {
    display: block;
    color: #fff;
    margin-top: 20px; }

/*# sourceMappingURL=estilo.css.map */