/**
 * Material Modal CSS
 */
 .modal {
    will-change: visibility, opacity;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
      z-index: 9999999999999;
    visibility: hidden;
    opacity: 0;
    transition: none !important;
    transition-delay: $modal-delay;
  }
  
  .modal--active {
    visibility: visible;
    opacity: 1;
  }
  .modal--align-top {
    align-items: flex-start;
  }
  .modal__bg {
    background: transparent;
  }
  .modal__dialog {
      max-width: 395px;
    padding: 1.2rem;
  }
  .modal__content {
    will-change: transform, opacity;
    position: relative;
  padding: 3.5rem 3.5rem 11rem 3.5rem;
    background: #fff;
    background-clip: padding-box;
    box-shadow: 1px 5px 20px 0 rgba(177, 176, 176, 0.25);
    opacity: 0;
    transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  
  }
  .modal__content--active {
    opacity: 1;
    transform: none !important;
  }
  .modal__close {
    z-index: 1100;
    cursor: pointer;
  }
  .modal__trigger {
    position: relative;
    display: inline-block;
    /*padding: 1.2rem 2.4rem;*/
    color: rgba(0,0,0,0.7);
    line-height: 1;
    cursor: pointer;
    /*background: #ffebee;*/
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);*/
    /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
  /*  -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;*/
    /*transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);*/
  }
  .modal__trigger--active {
    z-index: 10;
  }
  .modal__trigger:hover {
    /*background: #e5d3d6;*/
  }
  #modal__temp {
    will-change: transform, opacity;
    position: absolute;
    top: auto !important;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  
  .demo-close {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 2.2rem;
    padding: 0.6rem;
    /*background: rgba(0,0,0,0.3);*/
    border-radius: 50%;
    border: solid 0.5px #c5c5c5;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .demo-close svg {
    width: 24px;
    fill: #c5c5c5;
    pointer-events: none;
    vertical-align: top;
  }
  .demo-close:hover svg {
    fill: #fff;
  }
  
  .demo-close:hover {
    background: #c5c5c5;
  
  }
  
  
  .modal_center {
          text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  .modal_center .top_text {
          font-size: 18px !important;
      -webkit-font-smoothing: subpixel-antialiased !important;
  }
  .modal_center .sub_text {
          font-size: 16px !important;
      -webkit-font-smoothing: subpixel-antialiased !important;
  }
  .modal_center p {
      text-align: left;
       font-size: 15px !important;
      font-weight: normal !important;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: -0.1px;
      text-align: left;
      color: #808180 !important;
      -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: -0.5px !important;
          word-break: break-all;
  
  }
  .h1_pronautica {
      color: white !important;
  }
  .p_pronautica {
      color: white !important;
  }
  
  
  .t1 {
      background: #e4e4e4;
      color: #4d4d4c;
      text-align: center;
      /*border-bottom: solid 5px white;*/
      padding: 6px;
      font-weight: bold;
  }
  
  .white-col {
      background: white;
      border-bottom: none;
  }
  .white-bottom {
      border-bottom: none;
  }
  .toptable {
      margin-top: 36px;
      font-size: 20px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1px;
      letter-spacing: -0.2px;
      text-align: left;
      color: #db2a1b;
      -webkit-font-smoothing: auto;
  }
  .pricing_p_table {
          margin-top: 25px;
          font-size: 17px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.12;
      letter-spacing: -0.2px;
      text-align: left;
      -webkit-font-smoothing: auto;
       color: black;
    
  }
  
  .little {
   font-size: 11px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.12;
      letter-spacing: -0.2px;
      text-align: left;
      -webkit-font-smoothing: auto;
       color: black;
  }
  
  .f1 {
      background: #e4e4e4;
      color: #db2a1b;
  }
  
  .ft {
      background: #e4e4e4;
  }
  
  
  /* INLINE EXTRAPOLATED CLASSES*/
  .about_c_p_1 {
      padding-right: 10px !important;     padding-top: 80px;
  }
  
  .absolute_row_col_margin {
       margin-right: 10px;
  }
  
  .mt-20 {
      margin-top: 20px;
  }
  
  .margin-avantages {
      margin-bottom: 65px;
  }
  .headnav {
      margin-top: 10px;display: flex;align-items: center;
  }
  .mt-45 {
             margin-top: 24px;
  }
  
  .mt-20 {
          margin-top: 20px;
  }
  .pf {
      display: flex;   padding: 0px 15px;
  }.footer_section img {
              /*margin-right: 5px;*/
      /*margin-left: 10px;*/
      }
  
      .dialog_fit {
              max-width: fit-content !important;
      }
  
  
  .function_section {
       padding-top: 55px; 
      padding-bottom: 55px;
       margin-top: 90px; 
  }
  
  .antifn {
       /*padding-top: 0 !important; */
       margin-top: auto !important; 
  }
  
  .function_section p {
       font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: -0.1px;
    text-align: center;
    color: #4d4d4c;
  
  }
  
  
  .ra {
      background-color: #db1d26;
  
  }
  
  .rb {
      background-color: #dedede;   
  }
  
  
  .a_1 {
  font-size: 23px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: center;
    color: #ffffff;
  }
  .a_2 {
  font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1.3px;
    text-align: center;
    color: #ffffff;
  }
  .a_3 {
       font-size: 41px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
  }
  .b_1 {
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
    color: #201d1d;
  
  }
  .b_2 {
  font-size: 27px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1.3px;
    text-align: left;
    color: #201d1d;
  
  }
  .b_3 {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
    color: #201d1d;
  }
  
  .bg_gray {
      background-color: #f5f5f5 !important;
  
  }
  
  .title_avantages {
       font-size: 29px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: center;
    color: #201d1d;
  
  }
  .tit {
      font-size: 27px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: center;
    color: #201d1d;
  }
  
  .les-avantages p {
      font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: -0.1px;
    text-align: left;
    color: #201d1d;
  }
  
  .main-nav {
      display: flex;
      align-items: center;
      -webkit-font-smoothing: auto;
  }
  .selected {
      color: #db2a1b;
  }
  
  .title_s {
    font-size: 33px;
    color: #db2a1b;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
  }
  .subtitle_s {
  
  
  
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
    color: #4d4d4c;
  }
  .bottom-g {
      border-bottom: solid 0.5px #dedede;
      padding-bottom: 35px;
  }
  .s_content {
        font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: -0.2px;
    text-align: left;
    color: #4d4d4c;
  }
  
  
  .padding-top-35 {
      padding-top: 35px;
  }
  .last_boat {
      border-bottom: none !important;
  }
  
  .td1 {
      background-color: #e4e4e4;
  }
  
  .td2 {
      background-color: #f9f9f9;
  }
  .td3 {
      background-color: #ececec;
  }
  
  .td4 {
      background-color: #dbdbdb;
  }
  
  .td5 {
      background-color: #c8c8c8;
  }
  
  #table2 td {
      border: none !important;
      min-width: 195px;
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2;
      letter-spacing: -0.1px;
      text-align: center;
      color: #4d4d4c;
  }
  
  #table2 .t1 {
      background: #e4e4e4;
      color: #4d4d4c;
      text-align: center;
      padding: 6px;
      font-weight: bold;
  }
  
  .fn1 {
        font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.06;
    letter-spacing: -0.1px;
    text-align: left;
    color: #db2a1b !important;
  }
  .fn1d {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.06;
    letter-spacing: -0.1px;
    text-align: left;
    color: #c7c7c7 !important;
  }
  .fn2d {
      color: #a7a7a7 !important;
  }
  .fn3d {
      color: #bababa !important;
  }
  
  
  .modal--active {
          transition: none !important;
      visibility: visible;
      opacity: 1;
      top: 70px !important;
      bottom: auto !important;
  }
  
  .carousel .right {
          display: flex;
      align-items: center;
      justify-content: flex-end;
  }
  
  .carousel .left {
          display: flex;
      align-items: center;
      justify-content: flex-start;
  }
  
  
  .carousel-control.right {
      right: 0;
      left: auto;
       background-image: none !important; 
      background-image: none !important;
       background-image: none !important;
       background-image: none !important;
      background-repeat: repeat-x;
  }
  .carousel-control.left {
     background-image: none !important; 
      background-image: none !important;
       background-image: none !important;
       background-image: none !important;
      background-repeat: repeat-x;
  }
  
  .modal2 {
      left: auto !important;
  }
  
  #sell, #whatsapp_b {
          position: fixed;
      bottom: 10%;
      right: 5%;
      background: #db2b1a;
      padding: 18px;
      color: white !important;
  }
  
  
  
  
  
  .text-foot-stick {
        font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
      margin-bottom: 20px;
      text-align: center;
  }
  .close_2 {
          position: absolute;
      top: -22px;
      right: 3px;
  }
  
  .form-group {
    position: relative;
    margin-bottom: 1.5rem;
  }
  
  .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
    font-weight: 0, important;
  }
  
  .form-control:focus + .form-control-placeholder,
  .form-control:valid + .form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
  }
  
  .toast-top-full-width { top: 50% !important; right: 0; width: 100%; }
      #toast-container > .toast-success { z-index: 9999999999999999999999999; background-image: none; background-color: #fff; color: black; opacity: 1;    /*width: 100%;*/ }
  
      @media only screen and (max-width: 767px) {
      .mdc {
          height: 900px;
          width:100%;
          background-color: white;
      }
      #modal1 {  }
      #modal2 { left: 0 !important; }
      .pf { display: block; padding: 0px; }
      b a { color: #4d4d4c !important; }
      .copy,
      .right-copy { font-size: 11px; text-align: center; }
      .toptable { line-height: 21px !important; }
      .b_1 { font-size: 14px;     text-align: center;}
      .b_2 { font-size: 19px;     text-align: center;}
      .b_3 { font-size: 12px;     text-align: center;}
      .a_1 { font-size: 20px; }
      .a_3 {     font-size: 30px; line-height: 26px; }
      .flex-center-align-start { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-left: 15px; }
      .rb { padding-top: 10px; padding-bottom: 10px;}
      .text-center { text-align: center; }
      .bg_home { height: 112px; }
      .bg-img { background-position: center; background-size: cover; background-repeat: no-repeat; }
      .modal { z-index: 9999 !important; position: absolute !important;}
      .modal__dialog { width: 100% !important; padding: 0px; }
      .toast-top-full-width { top: 50% !important; right: 0; width: 100%; }
      #toast-container > .toast-success { z-index: 9999999999999999999999999; background-image: none; background-color: #fff; color: black; opacity: 1;    /*width: 100%;*/ }
      .demo-close { bottom: unset; right: 0; top: 0; }
      .modal__content { padding: 3rem 1rem 11rem 1rem; }
      .modal--active { top: 0px !important; }
      .text-foot { text-align: center; }
      .otherside { float: unset; margin-top: 19px; }
      .over-justify-xs { justify-content: center; }
      .pt-40 { padding-top: 30px; padding-bottom: 30px; }
      .social_element { text-align: center; }
      .flex-xs { flex-direction: column; justify-content: center; text-align: center; }
      .navbar-brand { display: flex; align-items: center; }
      .les-avantages p { margin-bottom: 50px; }
      .title_function { line-height: 0.8; }
      .function_section { padding-top: 77px !important; }
      .navbar-brand .logo,
      .navbar-brand .logo-alt { max-height: 30px !important; }
      #nav { top: 0px; }
      .bg-img { top: 51px; width: 100%; }
      .antifn { padding-top: 55px !important; }
      .carousel { margin-top: 25px; }
      .main-nav { display: block; -webkit-font-smoothing: auto; }
      .headnav { display: block; }
      .containerxs { padding-left: 5px !important; padding-right: 5px !important; display: flex; align-items: center; justify-content: center; overflow: hidden; }
      #table2 td { min-width: auto !important; max-width: 10px; padding: 10px 6px 10px 6px; }
      #table2 .t1 { border-top: solid 1px #c8c8c8 !important; border-bottom: solid 1px #c8c8c8 !important; }
      .m_p { margin: auto !important; }
      .p_price { font-size: 15px !important; }
      .modal--active { top: -16px !important; }
      .ra { height: auto !important; }
      .rb { height: auto !important; }
      .function_section { padding-top: 55px; padding-bottom: 0px !important; margin-top: auto !important; }
      .red_section { height: auto !important; }
      section { margin-top: auto !important; }
      .p-t80 { padding-top: 30px; }
      #sell, #whatsapp_b {
              left: 5%;
      }
  }
  
  
  @media only screen and (min-width : 1224px) {
   .modal2 {
          left: 0px;
  
             right: 0%;
      } 
  }
  
  @media only screen and (min-width : 1824px) {
  
   .modal2 {
          left: 0px;
  
             right: 16%;
      } 
  }