/*Transplant from precificador.css*/

body {
    font-family: 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1vw;
}

* {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}

*:before, *:after {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: inherit;
    margin-bottom: inherit;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: inherit;
    color: inherit;
}

h2 {
    font-family: 'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.3vw;
    font-weight: normal;
    margin: 2vh 0;
}

h4 {
    color: #168E89;
    margin: 1vh;
    font-size: 0.8vw;
}

span.destaque {
    font-size: larger;
    font-weight: bold;
}

div#footer {
    padding: 0 0 0 3vw;
    clear: both;
    width: 96vw;
    font-size: 0.7vw;
}

h4.copyright {
    float: right;
    font-size: 1vw;
}

h4.link-footer {
    float: left;
}

h4.link-footer a {
    color: #148C87;
    margin: 1vh 0.8vw;
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '';
}

blockquote footer, blockquote small, blockquote .small {
    display: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

input, textarea {
    border-color: #148C87;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    font-family: inherit;
    font-size: 1.8vm;
    font-size: 1.8vmin;
    padding: 0;
}

button, button.form_btn2 {
    font-family: 'PT Sans', sans-serif;
    font-size: 0.8vw;
    border-radius: 3vh;
    border-width: 0.3vh;
    border-style: solid;
    border-color: #2F9E99;
    background: #ADEDEA;
    background-color: #ADEDEA;
    color: #148C87;
}

button:hover, button.form_btn2:hover {
    background: #148C87;
    background-color: #148C87;
    color: #ADEDEA;
}

.row {
    margin: 0;
}

div.row {
    clear: left;
    width: 100%;
    margin: 0;
}

#tela_inicial {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #FFFFFF;
}

div.center_logo_inicio {
    width: 9vw;
    margin: 2vh 1.5vh 1vh;
}

div#header_div_inicio {
    font-family: 'Rock Salt', cursive;
    float: left;
}

.obj_logo_main {
    background-image: url("../images/logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    height: 8vh;
    width: auto;
}

input[type="radio"] , input[type="checkbox"] {
    margin: inherit;
    margin-top: inherit;
    line-height: normal;
}

footer {
    clear: both;
}

td {
    /*	word-break: break-word;
	word-wrap:break-word;
	white-space: pre-wrap;*/
    word-break: break-word !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

input {
    word-break: normal;
    word-wrap: normal;
    white-space: normal;
}

div#social_div {
    /* position: absolute; */
    /* display: inline-block; */
    /* width: 25vw; */
    padding: 1vh;
    /* top: 0; */
    /* right: 0; */
    text-align: center;
    margin: 1.07vw 1vh;
    float: right;
}

div.facebook {
    display: inline-block;
    background-image: url('../images/facebook-icon-blended.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 0 0 2.6vw;
    font-size: 0.9vw;
    font-family: 'Rock Salt', cursive;
    height: 4vh;
}

div.youtube {
    display: inline-block;
    background-image: url('../images/youtube-icon-blended.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 0 0 2.6vw;
    font-size: 0.9vw;
    font-family: 'Rock Salt', cursive;
    height: 4vh;
}

div.instagram {
    display: inline-block;
    background-image: url('../images/instagram-icon-blended.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 0 0 2.6vw;
    font-size: 0.9vw;
    font-family: 'Rock Salt', cursive;
    height: 4vh;
}

div.telegram {
    display: inline-block;
    background-image: url('../images/telegram-icon-blended.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 0 0 2.6vw;
    font-size: 0.9vw;
    font-family: 'Rock Salt', cursive;
    height: 4vh;
}

div.pinterest {
    display: inline-block;
    background-image: url('../images/pinterest-icon-blended.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 0 0 2.6vw;
    font-size: 0.9vw;
    font-family: 'Rock Salt', cursive;
    height: 4vh;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: inherit;
    font-weight: inherit;
}

div#get-on-android {
    float: right;
    margin: 1.8vh 1vw 0 0;
}

div#get-on-android img {
    height: auto;
    width: 9vw;
}

/*End Transplant from precificador.css*/

body {
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
    font-family: 'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1vw;
}

h1 {

    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    color: #198B86;
    text-align: center;
    font-size: 42px;

}

h2 {

    font-family: 'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    color: #198B86;
    opacity: 0.6;
    text-align: center;
    font-size: 24px;

}

p{

    font-family: 'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#tela_inicial {
    display:block
}

h2.opening-title {
    color: #fff !important;
}

h3#opening-title, h3.opening-title {
    font-size: 28px !important;
    text-align: center !important;
    color: #79d7d3 !important;
    margin-bottom: 20px;
}

h3#subtitulo_funcionalidades,
h3.subtitulo_funcionalidades {
    margin: 0 auto 40px;
    font-size: 28px;
    font-weight: normal;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #257976;
}

.dx-widget div {
    overflow: unset;
}

div#hero-container {
    padding: 40px;
}

div#tela_inicial div#slogan-title {
    font-family: 'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    float: left;
    line-height: 1.8vw;
    margin: 2vw 0 1vw;
    padding: 0 1vh;
    border-left: solid 1px;
    color: #168E89;
    float: left;
}


div.btn-header {
    color: #148C87;
    border-color: #148C87;
    margin-left: 0.5vw;
    width: fit-content;
    float: left;
  }
  
  div.btn-header.dx-button-mode-text {
    border-color: transparent;
  }
  
  div#btn_comecar {
    background-color: #DC5CA7;
    border-color: #DC5CA7;
    color: #fff;
    font-weight: bold;
  }
  
  div#btn_comecar:hover {
    background-color: rgb(142, 19, 91);
  }
  
  div#descricao_inicio div#hero-links,
  div#tela_inicial div#descricao_inicio div#hero-links {
      /*position: absolute;
      top: 48vh;
      left: 12vw;*/
  
      float: right;
      margin-right: 5em;
  }
  
  div.btn-hero {
    color: #198B86;
    border-color: #198B86;
    margin-left: 15px;
    font-size: 24px !important;
    padding: 25px 35px !important;
    float: left;
  }
  
  div.btn-hero:hover {
    background-color: #198B86;
    color: #FFF;
    border-color: #198B86
  }
  
  div.btn-hero.dx-button-mode-text {
    border-color: transparent;
  }
  
  div#btn_comecar_hero {
    background-color: #DC5CA7;
    border-color: #DC5CA7;
    color: #fff;
    font-weight: bold;
  }
  
  div#btn_comecar_hero:hover {
    background-color: rgb(142, 19, 91);
  }

div.dropdown-menu-c {
    overflow: visible;
    float: left;
}
div.dropdown-menu-button-c {
    float: none;
}
div.dropdown-menu-button-c:hover {
    cursor: default;
}
div.dropdown-menu-button-c:after {
    content: "\25BC";
    font-size: smaller;
    padding: 0 5px;
}
div.dropdown-menu-body-c {
    position: absolute;
    display: none;
}
div.dropdown-menu-button-c + a {
    float: left;
}
div.dropdown-menu-button-c:hover + a > div.dropdown-menu-body-c,
div.dropdown-menu-body-c:hover {
    display: block;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
}

div.dropdown-menu-body-c:hover {
    background-color: #eee;
}

div.btn-padrao {

    height: auto;
    border-radius: 4px;
    padding: 0.6vw 0.8vw;
    border: 1px solid #118E89;
    background-color: transparent;
    color: #118E89;
    font-size: 1vw;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
}

div.btn-padrao:hover {
    background-color: #eee;
}

div.btn-padrao.no-border {
    border: none !important;
}

div.btn-padrao.btn-outlined {

    border: 1px solid #118E89;
    background-color: transparent;
    color: #118E89;

}

div.btn-padrao.btn-green {

    border-color: #118E89;
    background-color: #118E89;
    color: #fff;

}

div.btn-padrao.btn-green:hover {

    border-color: #0a504e;
    background-color: #0a504e;
    color: #fff;

}

div.btn-padrao.btn-green.btn-outlined {

    border-color: #118E89;
    background-color: transparent;
    color: #118E89;

}

div.btn-padrao.btn-green.btn-outlined:hover {

    border-color: #ddd;
    background-color: #eee;
    color: #118E89;

}

div.btn-padrao.btn-pink {

    border-color: #DC5CA7;
    background-color: #DC5CA7;
    color: #fff;

}

div.btn-padrao.btn-pink:hover {

    border-color: rgb(142, 19, 41);
    background-color: rgb(142, 19, 41);
    color: #fff;

}

div.btn-padrao.btn-pink.btn-outlined {

    border-color: #DC5CA7;
    background-color: transparent;
    color: #DC5CA7;

}

div.btn-padrao.btn-pink.btn-outlined:hover {

    border-color: #ddd;
    background-color: #eee;
    color: #DC5CA7;

}

div#footer {
    padding: 20px 20px 40px;
}

div#calendar-promotion-planos {
    height: 50px;
    float: right;
    bottom: 0;
    font-family: 'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    /* float: left; */
    line-height: 1.8vw;
    margin: 1.6vw 0;
    padding: 0 1vh;
    /* border-left: solid 1px; */
    color: #168E89;
    /* float: left; */
}

div.img-video-hero {
    width: 35vw;
    margin: 0 auto;
}

img.video-hero {
    width: 35vw;
}

div.video-hero.whole {
    width: 35vw;
    border: #CCC solid 1px;
    border-radius: 1vw;
    float: left;
    margin: 1vh 0.5vw;
}

div.video-hero.whole a:hover {
    opacity: 1;
}

div.video-hero.whole a {
    position: absolute;
    width: 35vw;
    height: 41vh;
    opacity: 0.2;
}

div.video-hero.whole:hover {
    background-color: #ceede9;
}

div.video-hero.whole table {
    width: 100%;
    height: 100%;
    float: left;
}

div#hero-video-container {
    float: left;
    margin: 50px !important;
    border: 6px solid;
    border-radius: 5px;
    background-color: #168E89;
}

#dialog_container_ext {
    background-color: #118E89;
}

lite-youtube {
    border-radius: 5px;
    background-image: url(/images/video-inicio-thumb.webp);
    width: 40vw;
}