.wrap-form-wizard { border-radius: 20px;
    box-shadow: 1px 0px 20px 12px #dbf7ff; }

.feature { border-top-left-radius: 20px; border-bottom-left-radius: 20px; background: url('assets/img/cotacao-protecao-residencial-pet.png') center no-repeat; background-size: cover; }
.feature-info { border-top-left-radius: 20px; border-bottom-left-radius: 20px; position: absolute; padding: 30px 50px 0 50px; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.feature-info img { width: 190px; }
.feature-info h2 { color: #004791; margin: 20px 0; }
.feature-info p { font-size: 1.1rem; }
.feature-info ul { padding: 0; margin: 0; list-style: none; font-size:1.1rem; font-weight: 500; }
.feature-info ul i { color: green; } 
.feature-overlay { border-top-left-radius: 20px; border-bottom-left-radius: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #ffffff;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(83, 237, 219, 0) 99%); }

.bt-home-link { display: inline-block; width: 270px;  height: 135px; overflow: hidden; border-radius: 20px; text-indent: -2000em; }

.fp_wrapper_cta { margin-top: 50px; padding: 40px 40px 0 40px; width: 450px; border-top-left-radius: 25px; border-top-right-radius: 25px; background-color: #FFF; }
.fp_wrapper_cta h4 { font-weight: bold!important; color:#049195; }
.fp_wrapper_cta p { margin: 0; padding: 2px 0 2px 5px; font-size: 1rem; }
.fp_wrapper_cta i { color: green; display: inline-block; width: 19px; height: 19px; margin-right: 10px; font-size: 1.25rem; line-height: 1.25rem; }
.fp_wrapper_cta  small { color: #999; display: block; font-size: 0.75rem; }
.fp_wrapper_cta .fp_link { font-size: 0.75rem;}

.fp_price { display: inline-block; padding: 5px 0; font-weight: bold; color: green; font-size: 1.5rem; }

.fp_wrapper_cta .btn { margin: 20px 0; font-weight: bold; font-size: 1rem; }

p.lead { color: #999; font-size: 1rem; }

.page-footer { background: #003049; border: 3px solid #003049; border-radius: 20px; padding: 20px; margin-top: 40px; font-size: 13px; font-weight: 600; color: #ffffff; }
.page-footer img { width: 150px;  }
.page-footer p { margin-bottom: 0;   }

#ck_regulamento { width: 100%; height: 380px; }
.ck_summary { background: #204f75; color: #FFF; border-radius: 10px; box-shadow: 1px 1px 2px #000; }
.ck_summary h5 { font-size: 1rem; }

table tr { border-bottom: 1px solid #EAEAEA; }
table td { padding: 5px; }
table tfoot { font-weight:  bold; }
table input { width: 15px; display: inline; }

.plan-title { display:  block; text-align: center; font-size: 0.765rem; }

.ck_pagseguro { border-radius: 10px; box-shadow: 1px 1px 2px #000; }

.pet-rows label { display: none; }
.pet-rows .bt-remove-pet { color: red!important; font-size: 1.2rem; }
.pet-rows .bt-remove-pet:hover { text-decoration: none; }

#pet-1 label { display: block; }
#pet-1 .bt-remove-pet { color: transparent!important; }

label.error { color: red; }

.card-plan { 
    border-radius: 25px;
    border: 1px solid #d1d1d1;
    background: #FFF;
    box-shadow: 0px 0px 13px 2px #e9e9e9;
    margin-bottom: 20px;
 }

 .card-plan-icon { background: #004791; color: #FFF; font-size: 50px;  display: flex;
    justify-content: center;
    align-items: center; border-bottom-left-radius: 25px; border-top-left-radius: 25px; }

.card-plan-info { padding: 20px;  }
.card-plan-info h4 { font-size: 1.2rem; }
.card-plan-info-alt { background: #004791; color: #FFF; border-bottom-right-radius: 25px; border-top-right-radius: 25px; }
.card-plan-info-alt a { color: #FFF; }
.card-plan-info-alt .card-plan-price { color: #64ff64 }
.card-plan-price { font-size: 1.1rem; }

/* FORM */

.toggle {
  position: relative;
  height: 32px;
  display: flex;
  align-items: center;
  box-sizing:border-box;
}
.toggle input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.toggle label {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  box-sizing:border-box;
}
.toggle label:before  , .toggle label:after {
  font-size: 18px;
  font-weight: bold;
  font-family:arial;
  line-height: 36px;
  transition: 0.2s ease-in;
  box-sizing:border-box;
}
.toggle label:before {
  content: 'Sim';
  background: #ef3434;
  color: #0002;
  height: 36px;
  width: 90px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 10px;
  font-size: 13px;
}
.toggle label:after {
  content: 'Não';
  position: absolute;
  left: 58px;
  top: -2px;
  color: #fff;
   font-size: 13px;
}
.toggle input[type="checkbox"]:checked + label:before {
  background: #21bf73;
  color: #fff;
}
.toggle input[type="checkbox"]:checked + label:after {
  color: #0002;
}

/* @extend display-flex; */
display-flex, .form-flex, .form-date-group, .title, .title .step-number, .actions ul li a, .form-radio-flex, .form-find {
    display: flex;
    display: -webkit-flex; }
  
  /* @extend list-type-ulli; */
  list-type-ulli, .steps ul, .actions ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  
  a:focus,
  a:active {
    text-decoration: none;
    outline: none;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s; }
  
  input,
  select,
  textarea {
    outline: none;
    appearance: unset !important;
    -moz-appearance: unset !important;
    -webkit-appearance: unset !important;
    -o-appearance: unset !important;
    -ms-appearance: unset !important; }
  
	textarea { width: 100%; border: none; padding:10px; border-radius:10px; }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -o-appearance: none !important;
    -ms-appearance: none !important;
    margin: 0; }
  
  input:focus,
  select:focus,
  textarea:focus {
    outline: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important; }
  
  input[type=checkbox] {
    appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    -ms-appearance: checkbox !important; }
  
  input[type=radio] {
    appearance: radio !important;
    -moz-appearance: radio !important;
    -webkit-appearance: radio !important;
    -o-appearance: radio !important;
    -ms-appearance: radio !important; }
  
  .clear {
    clear: both; }
  
  body {
  	background: #EDF7FA; padding: 50px;
    font-size: 14px;
    line-height: 1.6;
    color: #222;
    font-weight: 400;
    margin: 0px;
    position: relative; }
  
fieldset h2 { 
	font-size: 1.3rem;
    color: #204f75;
    font-weight: bold;
    margin-bottom: 20px;
 }

  .main {
    padding: 50px 0;
    position: relative;
    z-index: 99; }

  
  fieldset {
    padding: 0px;
    margin: 0px;
    border: 1px solid #d1d1d1;
    border-radius: 25px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 35px; }
  
  p.desc {
    margin: 0px;
    margin-bottom: 40px;
    color: #555; }
  
  .form-label {
    display: block;
    width: 100%;
    font-size: 0.85rem;
    margin-bottom: 10px;
    color: #004791;
    font-weight: 600;
     }
  
  .text-input {
    font-size: 12px;
    color: #999;
    display: block;
    margin-top: 5px; }
    .text-input span {
      color: #222;
      font-weight: bold; }
  
  input {
    width: 100%;
    display: block;
    border: none;
    height: 50px;
    box-sizing: border-box;
    padding: 0 20px;
    color: #222;
    font-weight: 600;
    font-size: 14px;
    border-radius: 10px;
     }

  input[type="checkbox"] { width: auto; height: auto; }
  
  #steps-uid-0-p-0 .form-row, #steps-uid-0-p-0 .form-group, #steps-uid-0-p-0 .form-date {
    width: 100%; }
  
  .form-flex {
    margin: 0 -10px; width: 100%; }
    .form-flex .form-group {
      width: 50%;
      padding: 0 10px; }
  
  .form-group,
  .form-date {
    margin-bottom: 18px;
    position: relative; }
  
  .form-date-group {
    border: 1px solid transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px; }
    .form-group select,
    .form-date-group select {
      border: 1px solid #ebebeb;
      width: 100%;
      box-sizing: border-box;
      appearance: none !important;
      -moz-appearance: none !important;
      -webkit-appearance: none !important;
      -o-appearance: none !important;
      -ms-appearance: none !important;
      position: relative;
      background: 0 0;
      z-index: 10;
      cursor: pointer;
      padding: 0 20px;
      height: 50px;
      font-size: 14px;
      border-radius: 10px;
      color: #999;
      box-sizing: border-box;
      background-color: #fff;
      color: #222;
      font-weight: bold; }
  
  .form-date-item {
    position: relative;
    overflow: hidden;
    width: 100px;
    margin-right: 10px; }
  	
    .input-container {
	  display: flex;
	  width: 100%;
	  margin-bottom: 15px;
	  border: 1px solid #d1d1d1;
	  border-radius: 10px;
	}

	/* Style the form icons */
	.icon {
	  padding: 10px;
	  color: #00bcc0;
	  min-width: 50px;
	  height: 40px;
	  text-align: center;
	  font-size: 30px;
	}

  .vertical {
    display: block;
    width: 100%;
    overflow: hidden; }
    .vertical .steps {
      float: left;
      width: 29.333%; }
    .vertical .content,
    .vertical .actions {
      float: right;
      width: 69.333%; }
  
  .content {
    min-height: 380px; padding: 0 40px; }
  
  .steps ul {
  	justify-content: center;
    display: flex;
    flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -o-flex-direction: row;
    -ms-flex-direction: row;
    position: relative;
    padding-left: 40px;
    padding-top: 65px;
    padding-bottom: 38px; }
    .steps ul li {
    	display: table-cell;
      position: relative;
      z-index: 99; }
      .steps ul li a {
        text-decoration: none;
        color: #222; }
  
  .title {
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center; }
    .title .step-number {
      width: 40px;
      height: 40px;
      align-items: center;
      -moz-align-items: center;
      -webkit-align-items: center;
      -o-align-items: center;
      -ms-align-items: center;
      justify-content: center;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      -o-justify-content: center;
      -ms-justify-content: center;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      background: #ebebeb;
      color: #999;
      margin-right: 15px;
      border: 5px solid #fff;
      font-weight: bold; }
    .title .step-text {
    	display: none;
      font-weight: bold;
      color: #999; }
  
  .current .title .step-number {
    background: #204f75;
    color: #fff; }
  .current .title .step-text {
    color: #204f75; }
  
  .content h3 {
    display: none; }
  
  .actions {
    padding-top: 45px;
    padding-bottom: 45px; }
    .actions ul {
      padding-left: 45px;
      padding-right: 55px; }
      .actions ul .disabled {
        display: none; }
      .actions ul li {
        float: right; }
        .actions ul li:first-child {
          float: left; }
          .actions ul li:first-child a {
            background: #e8e8e8;
            color: #999; }
        .actions ul li a {
        	border-radius: 10px;
          width: 140px;
          height: 50px;
          color: #fff;
          background: #f37e1a;
          align-items: center;
          -moz-align-items: center;
          -webkit-align-items: center;
          -o-align-items: center;
          -ms-align-items: center;
          justify-content: center;
          -moz-justify-content: center;
          -webkit-justify-content: center;
          -o-justify-content: center;
          -ms-justify-content: center;
          text-decoration: none; }
  
  .form-radio-flex {
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 0 -15px; }
    .form-radio-flex .form-radio-item {
      padding: 0 15px;
      margin-bottom: 25px; }
    .form-radio-flex input {
      width: 0;
      height: 0;
      position: absolute;
      left: -9999px; }
    .form-radio-flex input + label {
      margin: 0px;
      width: 223px;
      height: 133px;
      box-sizing: border-box;
      position: relative;
      display: inline-block;
      text-align: center;
      background-color: transparent;
      border: 1px solid transparent;
      text-align: center;
      text-transform: none;
      transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out; }
      .form-radio-flex input + label img {
        width: 100%;
        height: 100%; }
    .form-radio-flex input:checked + label {
      border: 1px solid #4966b1;
      z-index: 1; }
    .form-radio-flex input:focus + label {
      outline: none; }
    .form-radio-flex input:hover {
      border: 1px solid #4966b1; }
  
  label.error {
    display: block;
    position: absolute;
    top: 0px;
    right: 0; font-size: 0.65rem;
    line-height: 1.5rem;}
    label.error:after {
      
      position: absolute;
      right: 20px;
      top: 50px;
      font-size: 13px;
      color: #f63726; }
  
  input.error,
  select.error {
    border: 1px solid #f63726; }
  
  #find_bank {
    padding: 0 55px;
    width: 680px;
    margin-right: 20px; }
    #find_bank::-webkit-input-placeholder {
      font-weight: 400; }
    #find_bank::-moz-placeholder {
      font-weight: 400; }
    #find_bank:-ms-input-placeholder {
      font-weight: 400; }
    #find_bank:-moz-placeholder {
      font-weight: 400; }
  
  .submit {
    width: 150px;
    background: #666;
    color: #fff;
    font-weight: 400;
    cursor: pointer; }
    .submit:hover {
      background-color: #4d4d4d; }
  
  .form-find {
    position: relative;
    padding-bottom: 70px;
    border-bottom: 1px solid #ebebeb; }
  
  .form-icon {
    position: absolute;
    top: 12px;
    left: 20px;
    font-size: 18px;
    color: #999; }
  
  .choose-bank-desc {
    color: #666;
    margin: 0px;
    padding-top: 30px;
    padding-bottom: 35px; }
  
  #slider-margin {
    height: 9px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    background: #e8e8e8;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    position: relative;
    margin-top: 110px; }
    #slider-margin .noUi-marker-horizontal.noUi-marker-large, #slider-margin .noUi-marker-horizontal.noUi-marker {
      height: 0px; }
    #slider-margin .noUi-connect {
      background: #4966b1; }
    #slider-margin .noUi-connects {
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      -o-border-radius: 0px;
      -ms-border-radius: 0px; }
    #slider-margin .noUi-handle {
      width: 15px;
      height: 30px;
      top: -12px;
      background: #e8e8e8;
      outline: none;
      border: none;
      right: -15px;
      border: 1px solid #4966b1;
      border-radius: 0px; }
      #slider-margin .noUi-handle:after, #slider-margin .noUi-handle:before {
        width: 0px; }
      #slider-margin .noUi-handle .noUi-tooltip {
        bottom: 33px;
        border: none;
        background: transparent;
        font-size: 16px;
        color: #4966b1;
        padding: 0px; }
    #slider-margin .noUi-pips {
      width: 96%; }
      #slider-margin .noUi-pips .noUi-value {
        top: -50px;
        font-size: 16px;
        color: #666; }
        #slider-margin .noUi-pips .noUi-value:before {
          content: '$'; }
      #slider-margin .noUi-pips .noUi-value-horizontal {
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none; }
  
  .your-money {
    font-size: 16px;
    color: #222;
    margin: 0px;
    padding-top: 62px; }
    .your-money .money {
      font-size: 28px;
      font-weight: bold; }
  
  @media screen and (max-width: 1024px) {
    .container {
      width: calc(100% - 40px);
      max-width: 100%; }
  
    .vertical .steps, .vertical .content, .vertical .actions {
      float: none;
      width: 100%; }
  
    #find_bank {
      width: 100%; }
  
    .form-radio-flex input + label {
      width: 190px;
      height: 120px; } }
  @media screen and (max-width: 992px) {
    .content {
      min-height: 380px; }
  
    .form-radio-flex input + label {
      width: 100px;
      height: 65px; } }
  @media screen and (max-width: 768px) {
    
    .site-header .container,
    .site-header .navbar { padding-left: 0!important; }
    .site-header { height: 90px; }
    .navbar-brand img { height: 60px; }
    .call_button { font-size: 1rem; padding: 10px 15px; }

    #steps-uid-0-p-0 .form-row, #steps-uid-0-p-0 .form-group, #steps-uid-0-p-0 .form-date {
      width: 100%; }
  	
      .content {
      height: auto!important; }

    .form-flex {
      flex-direction: column;
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -o-flex-direction: column;
      -ms-flex-direction: column;
      margin: 0px; }
  
    .form-flex .form-group {
      padding: 0px; }
  	
    .actions { padding-top: 30px; padding-bottom: 30px; }

    fieldset, .actions ul {
      padding-left: 30px;
      padding-right: 30px; }
  
    #slider-margin .noUi-pips {
      width: 94%; } }
  @media screen and (max-width: 480px) {
    .form-date-group, .form-find {
      flex-direction: column;
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -o-flex-direction: column;
      -ms-flex-direction: column; }
  
    .content {
      height: auto!important; }
  
    #find_bank {
      margin-bottom: 20px; }
  
  	.actions { padding-top: 30px; padding-bottom: 30px; }
    .actions ul li a {
      width: 100px; }
  
    .form-radio-flex {
      margin: 0 -5px; }
  
    .form-radio-flex .form-radio-item {
      padding: 0 5px; }
  
    .form-radio-flex input + label {
      width: 90px;
      height: 61px; } }
  
  /*# sourceMappingURL=style.css.map */