@charset "UTF-8";
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<CSS PERSONALIZADO>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*
@font-face { font-family: "Mukta Bold"; src: url({{ 'muktasemibold.ttf' | asset_url }}); }
@font-face { font-family: "Montserrat Extra Bold"; src: url({{ 'montserratextrabold.ttf' | asset_url }}); }
@font-face { font-family: "Montserrat Bold"; src: url({{ 'montserratbold.ttf' | asset_url }}); }
@font-face { font-family: "Mukta Light"; src: url({{ 'muktalight.ttf' | asset_url }}); } body, p, pre, ul, ol, a, .h3, h4, .h4, .h5, h5, h6 { font-family: "Mukta Light", sans-serif; }
@font-face { font-family: "Saudagar"; src: url({{ 'saudagar.ttf' | asset_url }}); } h1, h2, h3 { font-family: "Saudagar", sans-serif; }
@font-face { font-family: "Montine"; src: url({{ 'montine.ttf' | asset_url }}); } .cursiva {font-family: Montine, serif;}
*/
/********  CORES E FONTES PADRÃO   ********************/
:root {
  --cor1: #c39367;
  --cor2: #9e6a37;
  --cor3: #25282a;
  --cor4: #545859;
  --cor5: #070d0d;
  --cor6: #d7d2cb;
  --cor7: #efaf7f;
  --cor8: #302829;
  --cor9: #c98e59;
  --font1: "Montserrat";
  --font2: "Saudagar";
  --font3: "Mukta Light";
  --font4: "Montine";
  --font5: "Montserrat Bold"; }

/***************************************************************/
h1,
h2,
h3 {
  font-family: var(--font2), sans-serif; }

body,
p,
pre,
ul,
ol,
a,
.h3,
h4,
.h4,
.h5,
h5,
h6 {
  font-family: var(--font3), sans-serif; }

a.link-list__link,
span.user__login {
  font-family: var(--font1), sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: 2.5; }

span.user__login a {
  color: var(--cor1); }

/****** ESTILOS DE FONTE E TEXTO *****************/
h1.hero {
  font-size: 4rem; }

.titulo-bold {
  text-transform: uppercase;
  letter-spacing: 10px;
  font-family: Montserrat Extra Bold;
  font-size: 36px;
  text-align: center;
  margin-bottom: 0.5em; }

.h2.titulo,
h2.titulo {
  font-size: 3.4rem; }

.st {
  color: var(--cor3);
  font-size: 120%; }

.sobretitulo {
  font-weight: 300;
  letter-spacing: 6px; }

.linha {
  border-top: solid 1px var(--cor1);
  padding: 0.5em 2em 0 2em;
  width: 2em;
  margin: 1.5em auto -1em auto;
  text-align: center; }

u {
  text-decoration: underline;
  text-decoration-color: var(--cor1); }

/********IMAGENS ****************/
#two-step .image__image,
#exit-pop .image__image {
  display: inline !important; }

/******** BOTÕES *****************/
.btn,
.form-btn {
  font-size: 13px;
  font-weight: 300;
  vertical-align: center; }

.btn {
  font-size: 0.8rem !important;
  letter-spacing: 3px;
  padding: 0.9rem 2rem; }

.btn--offer {
  width: auto; }

.form-btn {
  white-space: nowrap; }

/*BOTÃO DO THRIVECART*/
.thrivecart-button,
.thrivecart-button-styled,
.thrivecart-button_style-rounded,
.thrivecart-button-custom,
.thrivecart-button-styled,
a.thrivecart-button-styled,
a.thrivecart-button-styled:link,
a.thrivecart-button-styled:visited,
a.thrivecart-button-styled:hover,
a.thrivecart-button-styled:active {
  width: auto;
  /*max-width: 1000px;*/
  padding: 0.9rem 2rem !important;
  font-size: 0.8rem !important;
  border-radius: 4px;
  cursor: pointer;
  letter-spacing: 3px !important;
  text-align: center; }

/*CSS CUSTOMIZADO PARA DESKTOP*/
@media only screen and (min-width: 769px) {
  .mob {
    display: none; }

  /*para imagens que só aparecem no mobile*/ }
/*CSS CUSTOMIZADO PARA MOBILE*/
@media only screen and (max-width: 768px) {
  h1.hero {
    font-size: 3rem;
    color: #ffffff;
    margin-bottom: 0; }

  .h2.titulo,
  h2.titulo {
    font-size: 2.6rem; }

  .titulo-bold {
    font-size: 1.8rem; }

  .desk {
    display: none; }

  /*para imagens que só aparecem no mobile*/
  .btn {
    width: 100%; }

  .form-btn {
    width: 100%; } }
/********* EMENTA (APENAS PARA PÁGINS DE VENDAS) *****************/
h3.ementa-num {
  font-size: 300%;
  vertical-align: middle;
  color: var(--cor1) !important;
  margin: 0 0.5em 0 0;
  padding-right: 25px; }

.ementa-titulo {
  letter-spacing: 2px;
  font-size: 90%;
  font-family: var(--font5), sans;
  font-weight: 700; }

div [name="ementa"] > * {
  display: table-cell;
  vertical-align: middle; }

.accordion-body {
  padding-top: 10px; }

.accordion-title:after {
  cursor: pointer; }

h5.media__body {
  font-weight: bold; }

/*FORMATAÇÃO INTERNA DO TEXTO DAS EMENTAS*/
.ementa-ativ p {
  padding-left: 25px; }

.ementa-ativ * span.cab {
  display: block;
  font-weight: bold;
  font-family: var(--font1);
  font-size: 90%;
  margin-bottom: 5px; }

.ementa-ativ * span.media {
  color: var(--cor1);
  display: inline-block;
  margin-right: 5px; }

.ementa-ativ * span.tit {
  color: var(--cor3); }

.ementa-ativ * span.cont {
  display: inline-block; }

.ementa-ativ p::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

.ementa-ativ p.video:before {
  content: "\f008";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  float: left;
  margin-left: -1.5rem;
  color: var(--cor1); }

.ementa-ativ p.texto:before {
  content: "\f036";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  float: left;
  margin-left: -1.5rem;
  color: var(--cor1); }

.ementa-ativ p.exercicio:before {
  content: "\f303";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  float: left;
  margin-left: -1.5rem;
  color: var(--cor1); }

.ementa-ativ p.live:before {
  content: "\f086";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  float: left;
  margin-left: -1.5rem;
  color: var(--cor1); }

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

/*CSS CUSTOMIZADO PARA MOBILE*/
@media only screen and (max-width: 768px) {
  h3.ementa-num {
    font-size: 250%;
    padding-right: 10px;
    padding-top: 5px; }

  .ementa-titulo {
    font-size: 80%; }

  .accordion.background-light > .accordion-title:after {
    font-size: 30px;
    margin-left: 12px !important;
    padding: 0; } }
/*CSS CUSTOMIZADO PARA DESKTOP*/
@media only screen and (min-width: 769px) {
  .accordion-title:after {
    font-size: 23px; }

  .accordion.background-light > .accordion-title:after {
    font-size: 43px; } }
/********************    CARD DE PAGAMENTO    ****************************/
.pgto-cont {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #efaf7f; }

.pgto-esq {
  height: auto;
  padding-top: 35px;
  vertical-align: middle;
  display: inline-block;
  width: 65%; }

.pgto-tit {
  font-family: Montserrat Bold;
  letter-spacing: 6px;
  font-weight: 600;
  font-size: 22px;
  color: #efaf7f;
  margin-bottom: 0; }

.pgto-cont .pgto-preco {
  color: white !important; }

.pgto-preco {
  font-family: var(--font2), sans-serif;
  font-weight: 700;
  margin: 10px 0 5px 0; }

.pgto-preco-parc {
  letter-spacing: 1px;
  color: white;
  font-weight: 300;
  margin-top: 0;
  opacity: 0.8; }

.pgto-preco-desc {
  letter-spacing: 5px;
  font-weight: 300;
  opacity: 0.8;
  color: white; }

.pgto-dir {
  height: 5em;
  display: inline-block;
  width: 30%;
  text-align: right; }

.pgto-dir a {
  margin-top: 30px;
  background-color: var(--cor3);
  border: none;
  border-radius: 4px; }

.pgto-dir a:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%); }

@media only screen and (max-width: 768px) {
  .pgto-esq,
  .pgto-dir,
  .pgto-tit,
  .pgto-preco,
  pgto-btn,
  pgto-preco-desc,
  pgto-preco-parc {
    width: 100%;
    text-align: center; }

  .pgto-cont {
    margin: 0;
    padding: 0 0 0 0; }

  .pgto-esq .pgto-preco {
    font-size: 50px;
    margin: 20px 0 -10px 0; }

  .pgto-preco-desc {
    margin-top: 0; }

  .pgto-dir a {
    width: 100%;
    margin-top: 10px; }

  .pgto-cont:first-of-type {
    border-top: 1px solid var(--cor7); } }
/**************************************************************************/
/*CARD DOS BENEFICIOS*/
ul.beneficios li {
  color: var(--cor6);
  font-size: 110%;
  text-align: left;
  margin: 1em 0; }

.feature__text > h3 {
  color: var(--cor1) !important;
  font-weight: bold; }

/***********************/
/*IFRAME DE VIDEO DE APRESENTAÇÃO DO PROFESSOR*/
.vid-cont {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ }

.resp-iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

/*  MODELO DE CODIGO PRO VIDEO
  <div class="embed-container">
  <iframe style="height: 560px; width: 100%" src="https://www.youtube.com/embed/Ij-N5yjPCh8" frameborder="0" allowfullscreen></iframe>
  </div>
  */
/*-------------------*/
/***   CARD DE OUTROS CURSOS   ***/
.card-custom p:first-child {
  text-align: center;
  margin: 0.5em 0 0.2em 0;
  border: none;
  padding: 0;
  letter-spacing: 3px;
  color: var(--cor1);
  font-size: 90%; }

.card-custom h4 {
  font-family: var(--font5) !important;
  margin: 0 0 0.5em 0; }

.card-custom h5 {
  font-weight: bold !important;
  color: var(--cor5);
  font-size: 2em;
  margin-bottom: 0; }

.card-custom h5:before {
  content: "R$ ";
  font-size: 100%; }

.card-custom h5:after {
  content: ",00";
  font-size: 100%; }

.card-custom h4 + p {
  text-align: justify;
  font-size: 18px; }

/*=====================================*/
/*CITACAO*/
.citacao {
  padding: 20px 30px 20px 40px;
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat; }

.citacao .linha:first-of-type {
  margin-bottom: 0.7em; }

.citacao p {
  font-size: 120%;
  color: #545859;
  text-align: center;
  font-style: italic; }

.citacao h5 {
  font-weight: 700;
  font-size: 100%;
  color: var(--cor1);
  text-align: center;
  margin: 1.5em 0 2em 0; }

.citacao h5 span {
  min-width: 40%; }

.citacao p:nth-of-type(1)::before {
  content: "“";
  float: left;
  line-height: 35px;
  font-size: 100px;
  color: var(--cor1);
  margin-left: -50px; }

.citacao p:nth-of-type(1)::after {
  content: "”";
  float: right;
  font-size: 100px;
  color: var(--cor1);
  margin-top: -15px;
  margin-left: -20px; }

/*===========================*/
/*CARD PROFESSOR*/
@media only screen and (min-width: 769px) {
  .flip {
    margin-left: 20px; }

  .flip:first-of-type {
    margin-left: 0; } }
@media only screen and (max-width: 768px) {
  .flip .front .text {
    text-align: center; }

  .flip {
    margin-top: 2em;
    width: 100% !important; }

  .flip > .front,
  .flip > .back {
    background-size: cover !important;
    background-position: center !important; }

  .flip:first-of-type {
    margin-top: 0; } }
.flip {
  position: relative;
  cursor: pointer; }

.h2flip {
  text-align: left;
  margin-bottom: 10px; }

.flip .text {
  margin-top: 320px; }

.flip > .front,
.flip > .back {
  display: block; }

.flip > .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

.flip {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1em;
  width: 450px; }

.flip > .front,
.flip > .back {
  display: block;
  width: inherit;
  background-size: cover !important;
  background-position: center !important;
  height: 320px;
  padding: 1em 2em;
  background: var(--cor8);
  border-radius: 10px; }

.flip > .front p,
.flip > .back p {
  font-size: 80%;
  line-height: 1.4;
  text-align: left; }

.flip:hover h3.text {
  visibility: hidden; }

.flip:nth-child(even) > .back {
  background: var(--cor9);
  color: var(--cor8); }

.flip:nth-child(even) > .back h2.h2flip {
  color: white !important; }

.flip:nth-child(odd) > .back h2.h2flip {
  color: var(--cor1) !important; }

.flip:nth-child(odd) > .back {
  color: #ebebeb; }

/*========================*/
/*DEPOIMENTOS*/
li > button {
  background: var(--cor2) !important; }

blockquote:before {
  content: "“";
  font-size: 70px;
  color: var(--cor2);
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: -10px;
  padding-right: 5px; }

blockquote:after {
  content: "”";
  font-size: 70px;
  color: var(--cor2);
  display: inline-block;
  vertical-align: top;
  padding-top: 20px;
  padding-left: 5px; }

blockquote {
  font-size: 1.4em;
  color: var(--cor3); }

.author-quote h4 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 130%;
  font-family: var(--font3);
  color: var(--cor2);
  font-weight: 700;
  margin: 30px; }

.prof {
  font-size: 1em;
  color: var(--cor6);
  margin: -25px;
  padding: 0px 0px 30px 0px;
  text-transform: uppercase; }

/*BACKGROUND PARA PÁGINA DE CAPTURA APENAS*/
/*
  .img-bg-cta-alt  {background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148961353/settings_images/ED7RLBhQNRwjoZx5xlbw_Card-06-site.jpg") !important;}
  .img-bg {background-position: right center !important; background-size: cover !important; }
  .img-bg-cta {background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148885119/settings_images/5kpsKOzrTYMlryqvtILQ_cta.png") !important;}
  .img-bg-bnf {background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148885119/settings_images/z5jFIGcR2KwAsVokgWLJ_bnf.png") !important;}
  .img-bg-lgt-gray {background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148885119/settings_images/0613lA4qSZOMVGVGrSzS_cinzaclaro.jpg") !important;}
  div[id*="section-"]:nth-last-child(1) {@extend .img-bg-cta; @extend .img-bg; background-position: 71% 100% !important;}
  div[id*="section-"]:nth-last-child(3) {@extend .img-bg-lgt-gray; background-repeat: repeat !important; background-size: 50%;}
  */
/*BACKGROUND PARA PÁGINA DE VENDAS APENAS*/
/*
  .img-bg {background-position: right center !important; background-size: cover !important; }
  .img-bg-cta {background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148885119/settings_images/5kpsKOzrTYMlryqvtILQ_cta.png") !important;}
  .img-bg-bnf {background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148885119/settings_images/z5jFIGcR2KwAsVokgWLJ_bnf.png") !important;}
  .img-bg-gray {background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148885119/settings_images/6tDNsxMMT7eE1SeDmzgu_cinza.png") !important;}
  .img-bg-lgt-gray {background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148885119/settings_images/0613lA4qSZOMVGVGrSzS_cinzaclaro.jpg") !important;}
  .img-bg-gld {background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148885119/settings_images/BQE9Jn2RZ2abzWSC9DQE_gold.png") !important;}
  
  div[id*="section-"]:nth-last-child(8) {@extend .img-bg-gld; background-repeat: repeat !important; background-size: 50%;}
  div[id*="section-"]:nth-last-child(6), div[id*="section-"]:nth-of-type(3), div[id*="section-"]:nth-last-child(1) {@extend .img-bg-gray; background-repeat: repeat !important; background-size: 130%;}
  div[id*="section-"]:nth-last-child(4) {@extend .img-bg-bnf; @extend .img-bg;}
  div[id*="section-"]:nth-last-child(3), div[id*="section-"]:nth-of-type(2), div[id*="section-"]:nth-of-type(5), div[id*="section-"]:nth-of-type(7) {@extend .img-bg-lgt-gray; background-repeat: repeat !important; background-size: 50%;}
  div[id*="section-"]:nth-last-child(2) {@extend .img-bg-cta; @extend .img-bg;}
  
  @media only screen and (max-width: 768px){
  div[id*="section-"]:nth-last-child(2) {background-position: 65% 100% !important;}
  div[id*="section-"]:nth-of-type(3) {background-position: bottom !important; background-image: url("https://s3.amazonaws.com/kajabi-storefronts-production/themes/2148885119/settings_images/4CWmcPMQhWGAAaxulIAh_file.jpg")!important;}
  }
  */
/******** ÍCONES DAS REDES SOCIAIS  *****/
/*-- COPY THIS INTO SNIPPETS > element_social_icons.liquid -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/.../boo.../font/bootstrap-icons.css">
  <a class="social-icons__icon social-icons__icon--{{ block.settings.social_icon_size }}" href="https://t.me/grupoubique" {% if block.settings.new_tab == true %} target="_blank" rel="noopener" {% endif %}>
  <i class="fab fa-telegram-plane"></i>
  </a>
  
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/.../boo.../font/bootstrap-icons.css">
  <a class="social-icons__icon social-icons__icon--{{ block.settings.social_icon_size }}" href="https://api.whatsapp.com/send?phone=5581981048899&text=Ol%C3%A1,%20acessei%20o%20link%20do%20Whatsapp%20na%20p%C3%A1gina%20do%20Grupo%20Ubique.%20Tenho%20a%20seguinte%20d%C3%BAvida:" {% if block.settings.new_tab == true %} target="_blank" rel="noopener" {% endif %}>
  <i class="fab fa-whatsapp"></i>
  </a>
  <!-------------------------------------------------->*/