/* color: #eb3349  */

.bg-color,
section.bg-color,
section.call-to-action,
#mainmenu li li a:hover,
#mainmenu ul li:hover>a,
.price-row,
.slider-info .text1,
.btn-primary,
.bg-id-color,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.dropcap,
.fullwidthbanner-container a.btn,
.feature-box-big-icon i,
#testimonial-full,
.icon-deco i,
.feature-box-style-1 .border,
.small-border,
#jpreBar,
.date-post,
.team-list .small-border,
.de-team-list .small-border,
.btn-line:hover,
a.btn-line:hover,
.btn-line.hover,
a.btn-line.hover,
.owl-arrow span,
.de-progress .progress-bar,
#btn-close-x:hover,
.feature-box-style-1 .info,
.btn-more,
.widget .small-border,
.product img:hover,
#btn-search,
.de_tab.timeline li.active .dot,
.btn-id,
.tiny-border,
#subheader .small-border-deco span,
#services-list li a:hover,
.timeline .tl-block .tl-line,
.de_tab.tab_style_2 .de_nav li.active span,
.de_tab.tab_steps.style-2 .de_nav li.active span,
.feature-box-style-1.style-2 .number.bg-color,
a.btn-custom,
.btn-custom,
span.overlay,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
.timeline>li>.timeline-badge,
.de_light .de_tab.tab_style_3 .de_nav li.active span,
.de_tab.tab_style_4 .de_nav li.active span,
.circle,
.social-icons-sm i:hover,
.btn-rsvp,
.btn-close,
.pricing-s1 .ribbon,
.de_tab.tab_style_4 .de_nav li.active,
a.btn-fullwidth,
.de_testi.opt-3 blockquote:before,
.feature-box-style-1 .info,
.spinner>div,
#back-to-top,
.picframe .overlay,
.box-icon-simple .num,
.post-item .date-box .m,
.owl-theme .owl-dots .owl-dot.active span,
#pp-nav li .active span,
.pp-slidesNav .active span,
.pp-tooltip,
h1.very-big span.underline,
h2 span.underline,
h1.big span.underline,
.feature-box.style-2 i {
    background:linear-gradient(to right, #764b99, #795586)
}

#mainmenu li:hover>ul,
#mainmenu li:hover>a,
.date-box .day,
.slider_text h1,
.id-color,
h1.id-color,
h2.id-color,
h3.id-color,
h4.id-color,
.pricing-box li h1,
i.large:hover,
.feature-box-style-1-2 i,
address span i,
.pricing-dark .pricing-box li.price-row,
.ratings i,
#mainmenu a:hover,
header.smaller #mainmenu a.active,
.pricing-dark .pricing-box li.price-row,
.dark .feature-box-style-1 i,
a.btn-slider:after,
.box-icon-simple i,
a.btn-line:after,
.team-list .social a,
.de_contact_info i,
.dark .btn-line:hover:after,
.dark a.btn-line:hover:after,
.dark a.btn-line.hover:after,
a.btn-text:after,
.separator span i,
address span strong,
.de_tab.tab_steps .de_nav li span:hover,
.de_testi_by,
.widget_tags li a,
.dark .btn-line:after,
.dark a.btn-line:after,
.crumb a,
.btn-right:after,
.btn-left:before,
#mainmenu li a:after,
header .info .social i:hover,
#services-list li.active,
#services-list li.active a:after,
.testimonial-list:before,
#filters a.selected,
span.deco-big,
h2.hs1 span,
.wm,
.wm2,
.blog-list .date-box .day,
.social-icons-sm i,
.de_tab.tab_style_4 .de_nav li span,
.schedule-item .sc-name,
.de_testi.opt-2 .de_testi_by,
.de_testi.opt-2 blockquote:before,
#mainmenu li a.active,
.de_light #mainmenu li a.active,
.profile_pic .subtitle,
.countdown-s4 .countdown-period,
.pricing-s1 .bottom ul li i,
h2 .uptitle,
i.id-color {
    color: #4b1e70;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus .feature-box-big-icon i:after,
.btn-line:hover,
a.btn-line:hover,
.btn-line.hover,
a.btn-line.hover,
.product img:hover,
#contact_form input[type=text]:focus,
#contact_form textarea:focus,
#search:focus,
#contact_form .de_light input[type=text]:focus,
#contact_form .de_lighttextarea:focus,
#contact_form .de_light #search:focus,
.form-transparent input[type=text]:focus,
.form-transparent textarea:focus,
.form-transparent input[type=email]:focus,
.de_tab.tab_steps.style-2 .de_nav li.active span,
#filters a.selected,
.social-icons-sm i,
.box-border,
.de_tab.tab_style_4 .de_nav {
    color: #4b1e70;
}

.feature-box-style-1:hover .inner .blog-list img,
.arrow-up,
.de_light .de_tab.tab_style_2 .de_nav li.active span,
.timeline>li>.timeline-panel,
.text-light .separator span:before,
.text-light .separator span:after,
.form-underline input[type=text]:focus,
.form-underline textarea:focus,
.form-underline input[type=email]:focus,
.form-underline select:focus {
    border-bottom-color: #4b1e70;
}

.preloader1 {
    border-top-color: #4b1e70;
}

/* Novos */

#mainmenu {
    margin: auto;
}

header nav {
    /*margin: auto !important;*/
    display: flex !important;
  }

  /* Sobre */
  #sobre h2 {
    color: #764b99;
  }

  #sobre p {
    color: #464647;
    font-size: 15px;
    max-width: 520px;
  }

  /* Cursos */
  /*
  #cursos {
    background-color: #764b99;
    color: #ffffff;
    padding: 60px 0;
  }

  #cursos h1 {
    margin-bottom: 30px;
    text-align: center;
  }

  #cursos p {
    font-size: 15px;
    text-align: justify;
  }
  */

  #cursos {
    padding: 0 0 70px 0;
  }



  .barra-cursos {
    background-color: #764b99;
    margin-bottom: 50px;
    padding: 20px 0 10px 0;
    width: 100%;
  }


  .box-a {
    display: block;
    float: left;
    padding: 5px 5px;
    width: 25%;
    text-align: center;
    background-size: cover !important;
  }

  .box-a img {
    margin-bottom: 20px;
    max-width: 90px;
    width: 100% !important;
  }

  .box-b {
    color: #ffffff;
    display: block;
    float: right;
    width: 75%;
    background-size: cover !important;
  }

  .box-b h4 {
    color: #ffffff;
    font-size: 17px;
    margin: 0;
    padding: 0;
  }

  .box-paragraph {
    font-size: 14px !important;
  }


  .cursos_title {
    display: block;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-size: 32px;
    color: #764b99;
    text-align: center;
  }

  .cursos_description {
    color: #000000;
    font-size: 15px;
  }


  .curso {
    background-color: #d1d1d1;
    border: 5px solid #ffffff;
    margin: 30px auto 15px auto;
    max-width: 360px;
    width: 100%;
  }

  /* Equipe */
  #equipe {
    padding: 50px 0;
  }

  #equipe h2 {
    color: #764b99;
    margin-bottom: 50px;
    text-align: center;
  }

  #equipe  p {
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 10px 0;
  }


  .mb-50 {
    margin-bottom: 50px !important;
  }

  .my-input {
    border: 1px solid #ffffff !important;
    border-radius: 20px;
    padding: 12px 10px !important;
    text-align: center;
  }

  .enviar {
    background-color: #764b99;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 20px;
    margin: auto;
    padding: 10px 30px;
    width: 60%;
    
  }

  .acesso {
    color: #fff;
    font-size: 15px;
    margin-bottom: 30px;
  }

  .id-color {
    color: #ffffff;
    font-family: "Poppins";
    font-weight: bold;
    font-size:15px;
  }

  .id-color-b{
    color: #ffffff;
    font-family: "Poppins";
    font-weight: bold;
    font-size:17px;
  }
  .modal-name{
    color: #ffffff;
    font-family: "Poppins";
    font-weight: bold;
    font-size:20px;
  }

  footer {
    background-color: #764b99;
    color: #ffffff;
  }

  .text-light {
    color: #ffffff !important;
  }

  .overlay-bg.t50 {
    background-color: #ffffff00 !important;
  }


  header:not(.smaller):not(.header-mobile).header-light.transparent {
    background: #ffffff;
    color: #764b99;
    margin-top: 0;
    top: 0;
  }

  #mainmenu a {
    display: initial;
    /*padding: 0 0px 30px 20px;*/
    margin-right: 5px;
    line-height: 35px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    outline: none;
    font-size: 13px;
  }

  .participar a {
    background-color: #764b99;
    border: 0;
    color: #fff !important;
    padding: 2px 10px !important;
    margin: 3px 0;
    margin-right: 0px;
    display: block;
    border-radius: 10px;
  }

  .participar a:hover {
    background-color: #aa8c53!important;
    border: 0;
    color:  #fff!important;
  }

  header.header-mobile #mainmenu a {
    margin: 5px;
  }
 

 

  .instructor-name a {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #3f3a64;
  }



  .card-body li {
    margin-bottom: 10px;
  }

  .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
  }

  .modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
  }
  [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
  }
  .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5;
  }


  .card-body {
    flex: 1 1 auto;
    padding: 0.2rem 0.2rem;
  }

  .img-perfil {
    max-width: 160px;
    border-radius: 12px;
  }

  .img-perfil:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
  }


  /* Navegação */
  /*nav {
    background-color: #8b00ff;
  }
  
  .navbar-brand {
    font-size: 18px;
    font-weight: 600;
  }
  
  .nav-link, .dropdown-item {
    font-size: 15px;
    font-weight: 600;
    text-transform: lowercase;
  }
  
  nav li {
    padding: 0 18px;
  }
  
  nav li.active, nav li.active:before {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }*/

  header nav {
    margin-top: 20px;
  }

  .indique {
    background-color: #f2f2f2;
  }

  .indique h3 {
    font-size: 23px;
  }

  .indique p {
    font-size: 15px;
    line-height: initial;
    margin-bottom: 10px;
  }

  .indique .aprenda {
    margin-top: 10px;
  }

  .aprenda-text {
    margin-bottom: 10px;
  }

  .desktop {
    display: initial;
  }
  .mobile {
    display: none;
  }


  .my-card {
    background-color: #ffffff;
    border: 1px solid #4b1e70;
    border-radius: 20px;
    margin: 15px;
    padding: 15px;
    max-width: 296px;
  }

  .btn-online {
    background-color: #d8d8d8;
    border-radius: 10px;
    color: #056301;
    display: table;
    font-weight: 500;
    font-size: 13px;
    padding: 0 10px;
    text-align: left;
  }

  .my-card-title {
    font-size: 19px !important;
    margin: 50px 20px;
    text-align: left;
    font-family: "Poppins";
    font-weight: bold;
    color: #212121;
    text-align: center;
  }

  .my-card-price {
    color: #ab281b;
    font-size: 21px !important;
    margin: 20px 20px 30px 20px;
    text-align: center;
    font-family: "Poppins";
    font-weight: bold;
  }

  .my-card-button {
    background-color: #5a287e;
    border: 0;
    border-radius: 12px;
    color: #ffffff !important;
    display: block;
    margin: auto;
    padding: 10px !important;
    width: 90% !important;
    transition: 0.3s;
  }
  .my-card-button2 {
    background-color: #5a287e;
    border: 0;
    border-radius: 12px;
    color: #ffffff !important;
    display: block;
    margin: auto;
    padding: 10px !important;
    width: 22.5% !important;
    transition: 0.3s;
    text-align: center;
  }

  .my-card-button:hover {
    background-color: #af843f !important;
    padding: 5px 0;
    transition: 0.3s;
  }
  
  .mt-30 {
    margin-top: 30px;
  }

  .mt-50 {
    margin-top: 50px;
  }

  .mt-90 {
    margin-top: 90px;
  }

  .social-icons i {
    margin: 0;
  }

/* Contato */
.questions {
  color: #764b99;
  font-size: 36px;
  margin-bottom: 0;
}

.sub-question {
  color: #736969;
  font-size: 19px;
  font-weight: 300;
  line-height: initial;
  margin-bottom: 50px;
}

/* Ícones */
#contato .icon {
  position: relative;
  float: left;
  margin-left: 8px;
  margin-top: -26px;
  z-index: 2;
  color: #000000;
}

#contato .icon-textarea {
  float: left;
  margin-left: 8px;
  margin-top: -90px;
  position: relative;
  z-index: 2;
  color: #000000;
}

#contato input,
#contato textarea {
  /* to create space for placing icon*/
  padding-left: 35px;
  border-color: transparent;
  background-color: #fff;  
  border-radius: 0px;
  border-bottom: 1px solid #cccccc;
}

#contato .text-danger {
  display: block;
  margin: 5px 0 0 10px;
}

.form-control:focus {
  border-color:  rgb(112, 112, 112);
  -webkit-box-shadow: none;
  box-shadow: none;
}


#acceptTerms {
  display: block;
  float: left ;
  margin: 3px 5px;
}


  @media (max-width: 767px) {

  .desktop {
    display: none;
  }
  .mobile {
    display: initial;
  }

  .placa-02 {
    margin: 0 auto 25px auto !important;
  }

  .indique h3 {
    margin-top: 30px;
  }

  .indique .aprenda {
    margin-top: 45px;
  }

  section {
    padding: 35px 0;
  }

  .social-icons {
    display: flex !important;
    padding: 20px 0 !important;
  }

  .my-card-button2 {
    width: 90% !important;
  }

}

.btn.btn-primary {
  color: #fff !important;
  width: 90%;
}

.btn.btn-primary:hover {
  background: #593674 !important;
}

.container {
  max-width: 1320px !important;
}

.post-text {
  margin-bottom: 50px;
}

#mainmenu li:hover>a {
  color: #b99256;
}

.img-80 {
  max-width: 80%;
  height: auto;
}

.js-cookie-consent {
  background-color: #4b1e70;
  padding: 10px;
  position: fixed;
  text-align: center;
  z-index: 99;
  bottom: 0;
  width: 100%;
}

.js-cookie-consent a {
  color: #ffffff !important;
  font-weight: 700;
  text-decoration: none;
}

.js-cookie-consent p {
  color: #ffffff !important;
}

.js-cookie-consent-agree {
  border: 0;
  padding: 3px 10px !important;
}