@charset "UTF-8";

@import url(../fonts/main.min.css);

:root {
  --df-primary: #0053D7;
  --df-primary-light: #009DE0;
  --df-success: #38b792;
  --df-danger: #FF5A5F;
  --df-info: #00C2D1;
  --df-warning: #F49F0A;
  --df-dark: #01184C;
  --df-darklight: #003AA8;
  --df-primary-gradient: linear-gradient(88.97deg, #010D66 -43.59%, #6B29E6 109.5%) !important;
}

::selection {
  background: #333333;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #333333;
  /* Firefox */
  color: #fff;
  text-shadow: none;
}
::-webkit-selection {
  background: #333333;
  /* Safari */
  color: #fff;
  text-shadow: none;
}

:active,
:focus {
  outline: none !important;
  box-shadow: none !important;
}

*,
::after,::before {
    box-sizing: border-box
}

h1,
h2,
.h1,
.h2 {
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  line-height: 1.42857143;
  color: #333333;
}
h1 small,
h2 small,
.h1 small,
.h2 small,
h1 .small,
h2 .small,
.h1 .small,
.h2 .small {
  font-weight: normal;
  line-height: 1;
  color: #333333;
}

h1 a,
h2 a,
.h1 a,
.h2 a {
  color: #333333;
}

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
}

h3 small,
h4 small,
h5 small,
h6 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #333333;
}

h3 a,
h4 a,
h5 a,
h6 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: #333333;
  text-decoration: none !important;
}

/* -------- Body Text ---------- */
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
  font-family: 'Roboto', sans-serif;
  margin-bottom: 10px;
}

a{
  text-decoration: none !important;
}

/* MAIN HEADER AND NAVBAR*/

.header-nav{
  background: var(--df-dark);
}
 
.main-content{
  z-index: 0;
}

#wrapper{
  /* background: #F2F2F2; */
}

/* .navbar .dropdown-menu.megamenu{
  width: 75%;
  left: 12%;
  z-index: 999;
  margin-top: 0px;
  background: var(--df-darklight);
  padding: 1rem;
  border: none;
  border-radius: 0px 0px 6px 6px;
  border-radius: 0px;
  border-bottom: 3px solid #ff5656;
} */

.navbar .dropdown-menu.megamenu{
  width: 100%;
  z-index: 999;
  margin-top: 0px;
  background: var(--df-dark);
  padding: 1rem;
  border: none;
  border-radius: 0px;
  border-top: 1px solid var(--df-darklight);
}

.subcategories .tab-content{
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.subcategories-tab{
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: auto;
}

.subcategories-tab .btn-outline-light{
  width: fit-content;
}

.btn-shiny{
  overflow: hidden;
  position: relative;
}

.btn-shiny:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
    z-index: 2;
		background: white;
    opacity: 0.3;
		height: 100%;
    width: 100%;
		transform: skewX(-45deg);
    background: linear-gradient(to right, white, white 20px, transparent 20px);
    transform-origin: left bottom;
    animation: shine 10s ease-in infinite;
}

@keyframes shine {
  0% {
    transform: skewX(-45deg) translateX(-100%);
  }
  10% {
    transform: skewX(-45deg) translateX(100%);
  }
  100% {
    transform: skewX(-45deg) translateX(100%);
  }
}

.btn-gray{
  color: #333333;
  background-color: #eeeeee;
  border-color: #eeeeee;
}

.btn-default-menu-mobile{
  background: #fff;
  box-shadow: 0 0px 22px -8px #d6d6d6;
  padding: 16px 0px !important;
  margin: 10px;
  color: var(--bs-secondary) !important;
  border-radius: 6px !important;
}

.btn-default-menu-mobile.active{
  background: #fff;
  box-shadow: 0 0px 22px -8px #d6d6d6;
  padding: 16px 0px !important;
  margin: 10px;
  color: var(--bs-dark) !important;
  border-bottom: 5px solid var(--df-primary);
  border-radius: 6px !important;
}

.btn-default-menu-mobile.active i{
  color: var(--df-primary);
}

.subcategories .tab-content::-webkit-scrollbar-track, .subcategories-tab::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #312e45;
}

.subcategories .tab-content::-webkit-scrollbar, .subcategories-tab::-webkit-scrollbar{
	width: 6px;
	background-color: transparent;
}

.subcategories .tab-content::-webkit-scrollbar-thumb, .subcategories-tab::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background:#D62929;
}


.dropdown.has-megamenu .bg-effect-megamenu{
  content: '';
  background: rgb(0 0 0 / 50%);
  opacity: 1;
  width: 100%;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 150ms, opacity 150ms linear;  position: fixed;
  left: 0;
  top: 64px;
  cursor: default;
  backdrop-filter: blur(4px);
  position: fixed;
}

.dropdown.has-megamenu .bg-effect-megamenu.visible{
  visibility: visible;
  opacity: 1;
  transition: opacity 150ms linear;
  z-index: 999 !important;
}

/* BUTTONS */

.nav .nav-link-df, .nav-link-df{
  font-family: 'Lato', 'Roboto', sans-serif;
  padding: 0.25rem;
  margin-bottom: 2px;
  border: none;
  background: transparent;
  color: #fff;
  font-weight: bold;
  text-transform: none;
}

.nav .sub-nav-link-df{
  font-family: 'Lato', 'Roboto', sans-serif;
  padding: 0.25rem;
  margin-bottom: 2px;
  border: none;
  background: transparent;
  color: #cacaca;
}

.nav .sub-nav-link-df.bg-default{
  background: var(--df-primary);
  color: #fff;
  width: fit-content;
  padding: 0rem 1rem;
}

.btn-user-profile{
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
}

.btn-footer-support {
  background: #FCBA11 !important;
  color: #fff !important;
  border-radius: 100px !important;
  padding: 10px 0px !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

.bg-gradient-default{
  background: linear-gradient(270.02deg, #FF5656 -2.57%, #5151E1 103.8%);
}

.bg-default{
  background: var(--df-primary) !important;
  color: #fff;
}

.bg-default-light{
  background: var(--df-primary-light) !important;
  color: #fff;
}

.bg-default-darklight{
  background: var(--df-darklight);
  color: #fff;
}

.bg-default-primary{
  background: var(--df-primary) !important;
  color: #fff;
}

.bg-default-dark{
  background: var(--df-dark);
  color: #fff;
}

.bg-default-danger{
  background: var(--df-danger) !important;
  color: #fff;
}

.bg-default-warning{
  background: var(--df-warning) !important;
  color: #fff;
}

.bg-default-info{
  background: var(--df-info) !important;
  color: #fff;
}

.bg-default-success{
  background: var(--df-success) !important;
  color: #fff;
}

.navbar .nav-link.active .feather{
  color: var(--df-primary);
}

.navbar .nav-link.active{
  font-weight: bold;
}

.nav .nav-link-df.active{
  font-family: 'Lato', 'Roboto', sans-serif;
  padding: 0.25rem;
  margin-bottom: 2px;
  border: none;
  background: #f7f7f7;
  color: var(--df-primary);
  font-size: 22px;
  font-weight: bold;
}

.form-nav-search{
  margin-bottom: 0px;
}

.form-nav-search .input-group .form-control{
  border: none;
  background: #42404E;
  color: #fff !important;
  transition: all 180ms;
}

.form-nav-search .input-group .form-control:hover{
  border: none;
  background: #fff !important;
  color: #42404E !important;
  transition: all 180ms;
}

.form-nav-search .input-group .input-group-text{
  border: none;
  background: #42404E;
  color: #f2f2f2;
}

.form-nav-search .input-group .form-control::placeholder {
  color: #8D8D8D;
}

/* CARDS */

.card-welcome{
  border: none !important;
  border-radius: 0px !important;
  background: var(--df-primary-gradient);
}

.card-well-transparent{
  border: none !important;
  border-radius: 6px !important;
  background-color: transparent !important;
  background: linear-gradient(359.29deg, var(--df-info) -16.17%, rgba(240, 122, 121, 0) 93.12%);
}

.card-source-class{
  background: #fff;
  transition: all 0.3s;
  border-radius: 6px;
}

.card-source-class:hover{
  background: #fff;
  transition: all 0.3s;
  border: 1px solid var(--df-primary) !important;
  background: #f7f5f9;
}

/* BUTTONS */

.video_class_extrabuttons{
  position: absolute;
  z-index: 99;
  right: 15px;
  bottom: 55px;
  transition: all 0.3s;  
}

.btn.btn-default-outline-darklight{
  background: transparent;
  color: #FFFFFF;
  border: 2px solid #fff;
}

.btn.btn-default{
  background: var(--df-primary) !important;
  color: #FFFFFF;
  border-radius: 3px;
}

.btn-outline-default{
  color: var(--df-primary) !important;
  border: 1px solid var(--df-primary) !important;
  transition: all 180ms;
}

.btn-outline-default{
  color: var(--df-primary) !important;
  border: 1px solid var(--df-primary) !important;
  transition: all 180ms;
}

.btn-outline-default:hover{
  background: var(--df-primary) !important;
  color: #FFFFFF !important;
  transition: all 180ms;
}

.btn.btn-default:hover{
  background: var(--df-primary) !important;
  color: #FFFFFF;
  border-radius: 3px;
}

.btn.btn-default-info{
  background: var(--df-info) !important;
  color: #FFFFFF;
  border-radius: 3px;
}

.btn.btn-default-info:hover{
  background: var(--df-info) !important; 
  color: #FFFFFF;
  border-radius: 3px;
}

.btn.btn-default-danger{
  background: var(--df-danger) !important;
  color: #FFFFFF;
  border-radius: 3px;
}

.btn.btn-default-danger:hover{
  background: var(--df-danger) !important;
  color: #FFFFFF;
  border-radius: 3px;
}

.btn-play-video{
  background: #ffffff60 !important; 
  width: fit-content;
  height: 70px;
  width: 70px;
  align-self: center;
  transition: 0.3s all;
  transform: scale(1);
}

.btn-play-video-sm{
  background: #ffffff60 !important; 
  width: fit-content;
  height: 45px;
  width: 45px;
  align-self: center;
  transition: all 0.3s;
  transform: scale(1);
}

.btn-play-video-sm:hover{
  transform: scale(1.1);
  transition: all 0.3s;
}

.btn-play-video:hover{
  transform: scale(1.1);
  transition: all 0.3s;
}

.link-dark:hover{
  text-decoration: underline !important;
}
/* COLORS */

.color-df-dark{
  color: var(--df-darklight);
}

.color-df-danger{
  color: var(--df-danger);
}

.color-df-primary{
  color: var(--df-primary) !important;
}

.color-df-warning{
  color: var(--df-warning) !important;
}

/* CARDS */

.card.card-course{
  border-radius: 3px;
  border: none;
  transition: 300ms all;
  overflow: hidden;
}

.card.card-course:hover{
  transition: 300ms all;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.card.card-course img.card-img-top{
  border-radius: 0px;
}

.card.card-course .card-footer{
  border: none;
  background: transparent;
}

.card-price{
  border: 1px solid var(--df-primary) !important;
}

.card-price-premium{
  
}

/* VIDEOS */
.video-default{
  width: 100%;
}

.video-js {
  font-size: 10px;
  color: #fff;
}

.vjs-default-skin .vjs-big-play-button {
  font-size: 5em !important;
  border-radius: 100% !important;
  line-height: 3em !important;
  height: 3em !important;
  width: 3em !important;
  border: 2px solid #fff !important;  
  left: 50% !important;
  top: 50% !important;
  margin-left: -1em !important;
  margin-top: -1em !important;
}

/* PLAY BUTTON */

.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
  content: url('../../../img/site/svgs/play-white@48.svg') !important;
}

/* PAUSE BUTTON */

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{
  content: url('../../../img/site/svgs/pause@24.svg') !important;
  position: relative !important;
  line-height: normal;
}

/* MUTE LEVELS BUTTON */

.video-js .vjs-mute-control{
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder:before{
  content: url('../../../img/site/svgs/play-white@24.svg') !important;
  position: relative !important;
  line-height: normal;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{
  content: url('../../../img/site/svgs/volume-x@24.svg') !important;
  position: relative !important;
  line-height: normal;
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{
  content: url('../../../img/site/svgs/volume@24.svg') !important;
  position: relative !important;
  line-height: normal;
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{
  content: url('../../../img/site/svgs/volume-1@24.svg') !important;
  position: relative !important;
  line-height: normal;
}

.video-js .vjs-mute-control.vjs-vol-3 .vjs-icon-placeholder:before{
  content: url('../../../img/site/svgs/volume-2@24.svg') !important;
  position: relative !important;
  line-height: normal;
}

/* SETTING BUTTON */

.video-js .vjs-quality-selector {
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-js .vjs-quality-selector .vjs-icon-placeholder:before{
  content: url('../../../img/site/svgs/settings@24.svg') !important;
  position: relative !important;
  line-height: normal;
}

/* CAPS BUTTON */

.video-js .vjs-subs-caps-button{
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before{
  font-size: 26px !important;
  position: relative !important;
  line-height: normal;
}

/* FULLSCREEN BUTTON */

.video-js .vjs-fullscreen-control{
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{
  content: url('../../../img/site/svgs/maximize@24.svg') !important;
  position: relative !important;
  line-height: normal;
}

.vjs-menu-button-popup .vjs-menu{
  margin-bottom: 2.5em !important;
}

.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  background-color: rgba(#ffffff, 0.1) !important;
}

.vjs-has-started .vjs-control-bar{
  height: 40px !important;
  background: 
    linear-gradient(
    360deg, #000000b5 -3px, transparent 37px) !important;  
}

.video-js .vjs-play-control{
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-js .vjs-slider {
  background-color: rgba(lighten(#fff, 33%), 0.5);
}

.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #fff;
}

.video-js .vjs-load-progress {
  background: rgba(#fff, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(#fff, 0.75);
}

/* SECTIONS */

.section-home-main{
  min-height: 500px;
}

.section-home-plans{
  min-height: 500px;
}

.nav-tabs.nav-plans .nav-link.active{
  color: #fff !important;
  font-weight: bold;
  background: var(--df-danger) !important;
}

.nav-tabs.nav-plans .nav-link{
  color: #333333;
}

.nav-tabs.nav-resouces .nav-link.active{
  border-bottom: 4px solid var(--df-primary) !important;
  color: var(--df-primary);
  font-weight: bold;
}

.nav-tabs.nav-resouces .nav-link{
  color: var(--bs-secondary);
}

.nav-tabs.nav-resouces-light{
  background: var(--bs-white);
}

.nav-tabs.nav-resouces-light .nav-link{
  color: var(--bs-secondary);
}

.nav-tabs.nav-resouces-light .nav-link.active{
  border-bottom: 2px solid var(--bs-dark) !important;
  color: var(--bs-dark);
  font-weight: bold;
}

.nav-tabs.nav-plans .nav-link:hover{
  color: #fff;
  background: var(--df-danger);
}

.bg-bottom-gradient-home{
  background: linear-gradient(1.62deg, var(--df-dark) -1.83%, rgba(1, 13, 102, 0) 90%);
  position: absolute;
  width: 100%;
  height: 250px;
  right: 0;
  bottom: 0;
}

.bg-bottom-gradient-home.bgd-danger{
  background: linear-gradient(1.62deg, var(--df-danger) -40%, rgba(1, 13, 102, 0) 98.64%);
  position: absolute;
  width: 100%;
  height: 250px;
  right: 0;
  bottom: 0;
}

.video-item-active{
  border-right: 3px solid var(--df-primary) !important;
  border-left: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

.bg-e9e9e9{
  background: #e9e9e9 !important;
}

/* IMAGES-SIZE */

.main-bg-image{
  background-size: cover !important;
  background-position-y: 40px !important;
  background-repeat: no-repeat !important;
}

.bg-image{
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.depoimentos-bg-image{
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.img-home-main{
  bottom: -50px;
  width: 900px !important;
  left: 44%;
}

.aic{
  align-items: center;
}
 
.badge.icon-check{
  height: 25px;
  width: 25px;
}

#accordionFaq .accordion-item{
  background: #fff;
  border: 1px solid #F2F2F2 !important;
  border-radius: 3px !important;
}

/* TABS */
.tabs-period-plan{
  width: 50%;
}

.w-fit-content{
  width: fit-content;
}

/* STEPS */

ul.flow-steps{
  list-style-type: none;
  padding: 0;
  display: flex;
}

ul.flow-steps .step{
  padding-left: 25px;
  width: 100%;
  position: relative;
}

ul.flow-steps .step:before{
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  left: 0px;
  top: 0px;
  height: 100%;
  transition: all 3s ease-in-out;
  background: linear-gradient(90deg, var(--df-success) 0%, var(--bs-gray-400) 0%) left no-repeat;
}

ul.flow-steps .step:not(.last).active:before{
  background: linear-gradient(90deg, var(--df-success) 100%, var(--bs-gray-400) 100%) left no-repeat;
}

ul.flow-steps .step:not(.last,.active):before{
  background: linear-gradient(90deg, var(--df-success) 0%, var(--bs-gray-400) 0%) left no-repeat;
}

ul.flow-steps .step.last.active:before{
  background: linear-gradient(180deg, var(--df-success), #ffffff00) left no-repeat;
}

ul.flow-steps .step.last:not(.active):before{
  background: linear-gradient(180deg, var(--bs-gray-400), #ffffff00 ) !important;
}

ul.flow-steps .step .dot{
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  position: absolute;
  top: -5px;
  left: -5px;
}

ul.flow-steps .step.active .dot{
  background: #fff;
  border: 4px solid var(--df-success);
}

ul.flow-steps .step:not(.active) .dot{
  background: #fff;
  border: 4px solid var(--bs-gray-400);
}

.flow-steps-places .place:not(.active){
  display: none !important;
}

/* DESKTOP VIEW */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{
    position: static !important;
  }

  .navbar .megamenu{
    left:0; 
    right:0; 
    width:100%; 
    margin-top:0;  
  }

  /* .container.container-submenu-nav{
    margin-left: 375px;
  } */

}	

/* MOBILE VIEW */
@media(max-width: 991px){

  .img-home-main{
    bottom: 0px;
    transform: scale(1.8);
    /* left: 49%; */
  }

  .ais-lg{
    align-items: start !important;
  }

  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }

  .mt-xs-5{
    margin-top: 3rem !important;
  }

  .tabs-period-plan{
    width: 100%;
  }

  .text-xs-center{
    text-align: center !important;
  }

}