/* Scrollbar */

::-webkit-scrollbar{

  width: 4px;

}

::-webkit-scrollbar-track{

  background-color: #fff

}

::-webkit-scrollbar-thumb {

 background: #018245;

 box-shadow: inset 0 0 1px rgba(0,0,0,0.5);  

 border:1px solid rgba(255,255,255,0.1);

}

*{

  padding: 0;

  margin: 0

}

body{

 font-family: "Poppins", serif;

 overflow-x: hidden;

}

a {

  font-size: 14px;

  line-height: 1.7;

  color: #666666;

  margin: 0px;

  text-decoration: none;

  background-color: transparent;

  transition: all 0.4s;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

}a:hover{

  text-decoration: none;

}

.redondo{

  background-color: #fff;

  color: #2f2f2f;

  padding: 10px;

  text-align: center;

  width: 19%;

  font-size: 2em;

  margin-top: 20px;

}

.redondo:hover {

  background-color: #53ab72;

}
.ui-widget{
  font-family: "Poppins", serif !important;
  font-size: .9em !important;
}
.btn-industrial {
  position: fixed;
  bottom: 35px;
  right: 20px;
  background: linear-gradient(45deg, #28a745, #20c997);
  color: #fff;
  padding: 10px 14px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.25);
  z-index: 9999;
  transition: 0.3s;
}
.btn-industrial:hover {
  transform: scale(1.05);
}
.avatar {
 width: 40px;
 height: 40px;
 border-radius: 50%; /* deixa redondo */
 object-fit: cover; /* encaixa a imagem */
 border: 2px solid #fff; /* borda bonita */
}
.avatar {
 position: relative;
}
.avatar::after {
 content: "";
 position: absolute;
 bottom: 50px;
 right: 0;
 width: 0px;
 height: 8px;
 background: #00ff00;
 border-radius: 50%;
 border: 2px solid #fff;
}
.busca {

  position: relative;

  top: -10px;

  background-color: rgb(239 239 239);

  font-weight: 400;

  padding: 25px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px;

  box-shadow: rgb(72 255 0 / 47%) 0 2px 2px -6px, rgb(19 140 1 / 48%) 0 4px 4px -6px, rgba(0, 0, 0, 0.2) 0 8px 8px -6px, rgb(0 0 0 / 20%) 0 16px 16px -6px, rgb(134 255 131 / 20%) 0 32px 32px -6px, rgb(3 162 15 / 20%) 0 64px 64px -6px;

}
.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
 position: relative;
 width: 100%;
 padding-right: 5px;
 padding-left: 5px;
}
.col-2dot4 {
 -webkit-box-flex: 0;
 -ms-flex: 0 0 20%;
 flex: 0 0 20%;
 max-width: 20%;
}
.my-lg-0 {
 margin-right: 40px;
}
@media (min-width: 540px) {
  .col-sm-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 720px) {
  .col-md-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 960px) {
  .col-lg-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1140px) {
  .col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.ajuste {

  width: 40%;

  background-color: #272727;

  color: #fff;

  border-radius: 50px;

  outline: none;

  padding: 15px;

}

.descolamento_bt {

  margin-left: -40px;

  width: 10%;

  padding: 15px;

  border-radius: 50px;

  border: 0;

  color: #fff;

  background-color: #53ab72;

}

.space {

  margin: 100px 0;

}

input {

  outline: none;

  border: none;

}

hr {

  width: 10%;

  height: 2px;

  background-color: #53ab72;

}

.bgred {

  background-color: #272727;

  padding: 10px;

}

.lineheight {

  line-height: 34px;

}

.hoverbranco{

  color: #666;

}

.hoverbranco:hover{

  color: #fff

}

.bg-footer{

  background-color: #2f2f2f;

}

.bg1 {

  height: 212px;

  background: url(../assets/vg1.jpeg) no-repeat;

  background-position-x: center;

}

.roxa {

  background-color: #018245;

}

.texto-box {

  margin-left: 1%;

  margin-top: 100px;

  width: auto;

  font-size: 10px;

  color: white;

}

.submit-lente {

 position:absolute;

 top: 5px;

 right: 35px;

 z-index:10;

 border:none;

 background:transparent;

 outline:none;

}

.typed {

  font-size: 1.5rem;

  color: #fbff02 !important;

}

/*Add custom cursor so it auto inherits font styles*/

.typed::after {

  content: '|';

  display: inline;

  color: #ccc;

  -webkit-animation: blink 0.7s infinite;

  -moz-animation: blink 0.7s infinite;

  animation: blink 0.7s infinite;

}
.trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1.5px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  padding: 8px 18px 8px 12px;
  font-size: 13px;
  color: #eee;
  font-weight: 500;
  margin-bottom: 32px;
}
.trust-badge span.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1D9E75;
  display: inline-block;
}
.sticky-top {

  position: sticky;

  z-index: 9;

  top: 150px;

  width: 100%;

  border: 1px #dadada solid;

  box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);

  border-radius: 4px;

}

.box {

  width: 100%;

  background-color: #fff;

  padding: 20px;

}

.navbar .navbar-nav {

  display: inline-block;

  float: none;

  vertical-align: top;

}



.input-group-text {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: .375rem .75rem;

  margin-bottom: 0;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  text-align: center;

  white-space: nowrap;

  background-color: #e9ecef;

  border: 1px solid #ced4da;

  border-radius: .25rem;

}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {

  position: relative;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  width: 1%;

  margin-bottom: 0;

}

.stylish-input-group button{

  border:0;

  background:transparent;

}

.navbar .navbar-collapse {

  text-align: center;

}

.nav-item{

  background: #53ab72;

  width: 250px;

  text-align: center;

  border-radius: 10px 10px 0 0

}

/* .active{

  background: #285d3b;

} */

.nav-link{

  color: #fff !important;

}

.box-cursos-1{



 width: 100%;



 position: relative;



 z-index: 1;



 background: #2f2f2f;



 height: 280px;



}

.box-cursos-pagina{

  width: 100%;

  position: relative;

  z-index: 1;

  background: #2f2f2f;

  height: 200px;

}



.box-cursos-2{



 position: relative;



 z-index: 2;



 background: #fff;



 border: 1px solid #eee;



 margin-top: -100px;



 padding: 20px;



}



.box-compre{



 position: relative;



 top: -230px;



 z-index: 10;



}

#menu_content {

  margin: 0;

  background: #ffd900 !important;

  border-bottom: 5px solid transparent;

  border-image: linear-gradient(0.25turn, rgb(0, 214, 4), rgb(252, 208, 0) 4%, rgb(255, 193, 18) 8%, rgb(255, 193, 18) 11%, rgb(255, 138, 0) 16%, rgb(255, 95, 95) 22%, rgb(255, 37, 58) 28%, rgb(255, 55, 168) 37%, rgb(199, 57, 255) 49%, rgb(164, 0, 225) 56%, rgb(46, 206, 255) 72%, rgb(0, 134, 255) 80%, rgb(114, 247, 114) 94%, rgb(0, 214, 4));

  border-image-slice: 1;

}

/* Main Menu Area css

============================================================================================ */

.navbar-light .navbar-nav .nav-link {

  color: #fff;

}



.navbar-light .navbar-nav .nav-link:focus {

  color: #fff;

}



.main_menu_area {

  width: 100%;

  top: 0px;

  left: 0px;

  z-index: 30;

  background-color: #fff;

}



.main_menu_area .navbar {

  padding: 0;

  justify-self: center;

  background-color: transparent !important;

}



.main_menu_area .navbar .navbar-collapse {

  text-align: right;

}



@media (max-width: 640px){

  .spaceheader {

    margin-top: 138px !important;

    margin-bottom: 90px;

  }

  .tamanho-img{

    height: 300px;

  }

  .main_menu_area .navbar .navbar-nav {

    background-color: #fff !important;

  }

  .footer_widgets_area {

    padding: 26px 0px !important;

  }

  .fa {

    font-size: 2em;

    margin-left: 10px;

    margin-right: 10px;

  }

  .p-5{

    padding: 1rem !important;

  }

  .suportehemo{

    display: none;

  }

}

@media (max-width: 770px){

  .spaceheader {

    margin-top: 138px !important;

    margin-bottom: 90px;

  }

  .tamanho-img{

    height: 300px;

  }

  .main_menu_area .navbar .navbar-nav {

    background-color: #fff !important;

  }

  .footer_widgets_area {

    padding: 26px 0px !important;

  }

  .fa {

    font-size: 2em;

    margin-left: 10px;

    margin-right: 10px;

  }

  .p-5{

    padding: 1rem !important;

  }

  .bg1 {

    height: 150px;

    background-size: 100%;

  }

  .box-compre{

    top: 0;

  }

  .descolamento_bt{

    width: auto;

  }

  .ajuste{

    width: 80%;

  }

  .ajustecenter{

    text-align: center;

  }

  .submit-lente{

   top: 0;

 }

 .fa-star{

  font-size: 13px;

}

.nav-item{

  background: #53ab72;

  width: 100%;

  text-align: center;

  border-radius: 0

}

}





@media (min-width: 992px) {

  .main_menu_area .navbar .navbar-collapse {

    display: block !important;

  }



}



.main_menu_area .navbar .navbar-nav {

  display: inline-block;

}



.main_menu_area .navbar .navbar-nav li:last-child {

  margin-right: 0px;

}



.main_menu_area .navbar .navbar-nav li:hover a, .main_menu_area .navbar .navbar-nav li.active a {

  color: #2bc0a4;

} 



@media (min-width: 992px) {

  .main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu {

    -webkit-transition: all 300ms ease-out;

    -o-transition: all 300ms ease-out;

    transition: all 300ms ease-out;

    -webkit-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

    display: block;

    -webkit-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    transform-origin: 50% 0;

    min-width: 246px;

    background: #fff;

    border-radius: 0px;

    border: none;

    top: 99%;

    padding: 25px 0px 30px 0px;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);

  }

}



.main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu li {

  display: block;

  margin-right: 0px;

}



.main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu li a {

  padding: 0px 25px;

  line-height: 50px;

  font-weight: 500;

  font-size: 14px;

  text-shadow: none;

  line-height: 42px;

  color: #232d37;

  -webkit-transition: all 400ms linear 0s;

  -o-transition: all 400ms linear 0s;

  transition: all 400ms linear 0s;

  text-transform: capitalize;

}



.main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu li a:before {

  display: none;

}



.main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu li:hover a {

  color: #2bc0a4;

}



@media (min-width: 992px) {

  .main_menu_area .navbar .navbar-nav li.submenu:hover.submenu .dropdown-menu {

    -webkit-transform: scaleY(1);

    -ms-transform: scaleY(1);

    transform: scaleY(1);

  }

}



.main_menu_area .navbar .navbar-nav.justify-content-end {

  margin-left: 25px;

}



.main_menu_area .navbar .navbar-nav.justify-content-end li {

  margin-right: 25px;

}



.main_menu_area .navbar .navbar-nav.justify-content-end li a {

  font-size: 16px;

}



.main_menu_area .navbar .navbar-nav.justify-content-end li:last-child {

  margin-right: 0px;

}



.main_menu_area.navbar_fixed {

  position: fixed;

  width: 100%;

  top: -70px;

  left: 0;

  right: 0;

  -webkit-transform: translateY(70px);

  -ms-transform: translateY(70px);

  transform: translateY(70px);

  -webkit-transition: background 500ms ease, -webkit-transform 500ms ease;

  transition: background 500ms ease, -webkit-transform 500ms ease;

  -o-transition: transform 500ms ease, background 500ms ease;

  transition: transform 500ms ease, background 500ms ease;

  transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;

  -webkit-transition: transform 500ms ease, background 500ms ease;

}



/* End Main Menu Area css

============================================================================================ */

/* End Main Menu Area css

============================================================================================ */

.search_area {

  position: fixed;

  top: -100px;

  left: 0px;

  width: 100%;

  z-index: 40;

  background: #fff;

  padding: 0px 110px;

  -webkit-transition: all 300ms ease-out;

  -o-transition: all 300ms ease-out;

  transition: all 300ms ease-out;

}



.search_area .search_inner {

  position: relative;

}



.search_area .search_inner:before {

  content: "";

  height: 34px;

  width: 4px;

  position: absolute;

  left: 0px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  background: #2bc0a4;

}



.search_area .search_inner input {

  border: none;

  border-radius: 0px;

  width: 100%;

  padding: 0px 32px 0px 10px;

  height: 98px;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font-size: 36px;

  background: #e0e2dc;

  color: #b5aec4;

  line-height: 98px;

  font-weight: normal;

}



.search_area .search_inner input.placeholder {

  font-size: 36px;

  line-height: 98px;

  letter-spacing: 1px;

  font-weight: normal;

}



.search_area .search_inner input:-moz-placeholder {

  font-size: 36px;

  line-height: 98px;

  font-weight: normal;

}



.search_area .search_inner input::-moz-placeholder {

  font-size: 36px;

  line-height: 98px;

  letter-spacing: 1px;

  font-weight: normal;

}



.search_area .search_inner input::-webkit-input-placeholder {

  font-size: 36px;

  line-height: 98px;

  letter-spacing: 1px;

  font-weight: normal;

}



.search_area .search_inner i {

  position: absolute;

  right: 0px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  color: #2bc0a4;

  font-size: 30px;

  cursor: pointer;

}



.search_area.open {

  top: 0px;

}



/* End Main Menu Area css

============================================================================================ */