#65b700
============================================================================
  
  #Manipulatum - NuvemShop - You and Us - www.youandus.com.br
  #CSS Custom Mobile First - Jonas Picholaro - 30.03.2021 

============================================================================
  #Geral
==============================================================================
*/
.account-links {
    left: 208% !important;
    position: relative !important;
    margin-top: -30px !important;
}
.custom-top-advert{
    font-size: 10px;
}

.container.categoriacustom {
    margin-top: -3%;
}

.category-controls ul li a {
    font-size: 14px !important;
}

.side-subcat-text.hamburger-panel-link.weight-normal{
  font-size: 11px !important;
}

.powered-by-logo::before{
    content: url("//d26lpennugtm8s.cloudfront.net/stores/001/110/069/rte/logo-youandus-p.png");
}

/*topheader*/
.nav-main .nav-top {
  background-color: #65b700 !important;
  color: #FFFFFF;
}

.nav-top-link {
  color: #FFF !important;
}

.custom-logo-links.custom-logo-1 {
    margin-left: 45%;
}
/*topheader*/

/*menu*/
.nav-main .desktop-nav>.desktop-nav-item.selected {
  border-bottom: 3px solid #65b700;
}

.menu-sidebar-marcas ul {
    padding: 0 !important;
}

.menu-sidebar-marcas ul li a{
  font-weight: bold !important; 
}
.menu-sidebar-marcas ul li a:hover {
    text-decoration: none;
    color: #65b700;
    font-weight: bold;
}
.menu-sidebar-marcas ul li ul li {
    margin-left: 10% !important;
}
.menu-sidebar-marcas ul li div .hamburger-panel-arrow {
    right: -3%;
}

.menu-sidebar-marcas ul li div .p-all-quarter {
    padding: 8px !important;
}
/*menu*/

/*logo*/
.logo-img {
  margin: 0px auto;
}

/*logo*/
.logo-img.img-responsive {
  width: 70% !important;
}


/*Banne Serviços*/
.service-text h4 {
  color: #65b700;
}

/*Banner Serviços*/


/*Sessão Categorias*/

.banner-with-text .text-container {
  background-color: #65b700;
}

.btn-primary {
  background-color: #65b700;
  border: 1px solid #65b700;
}

.btn-primary:hover {
  background-color: #65b700 !important;
}

.banner-with-text .text-container {
  padding: 10px 20px;
}

.banner-with-text-title.h4-xs {
  font-size: 20px !important;
}

/*Sessão Categorias*/

/*Sessão Produtos Destaque*/
.products-grid .btn-secondary {
  background-color: #65b700;
  border: none;

}

/*Sessão Produtos Destaque*/


/*Sessão Banner Promocional*/
.banner-with-text-title.h3-xs.m-none {
  font-size: 20px;
}

/*Sessão Banner Promocional*/


/*Newsletter*/
.newsletter-footer h4 {
  color: #65b700;
}

/*Newsletter*/


/*Produtos*/
/*.product-hero.product-form-aside {
  visibility: hidden;
}*/
.product-name-container{
  margin-top:80px !important;
}
.product-user-description {
  margin-top: 3%;
}

.btn-secondary:hover {
    background-color: #65b700 !important;
}

.js-item-name.item-name.h5 {
    height: 24px;
}
.product-detail {
    margin-top: 60px !important;
}
.breadcrumb.product-breadcrumb.m-top-half-xs {
    color: #FFF !important;
    text-shadow: none !important;
    text-align: center !important;
}
.breadcrumb-crumb {
    color: #FFF !important;
}
/*Produtos*/

/*Pagina Interna*/

#usoindi-page {
  max-width: 80%;
}

#usoindi-page h3 {}

/*titulo
.title-container {
  display: none !important;
}*/


.usoindi-page-text h1 {
  color: #65b700;
}

.usoindi-page-text {
  margin-left: 43%;
  text-align: justify;
}

.usoindi-page-row2 {
  padding-top: 3%;
}

.usoindi-page-row2 p strong {
  color: #65b700;
}

.newsletter-footer .btn-primary {
  border: 1px solid #65b700 !important;
  background-color: #65b700 !important;
}

.item-info-container {
  min-height: 100px !important;
}

.row.usoindi-page-row3 {
  display: flex;
  padding-left: 3%;
  margin-top: 2%;
}

.usoindicado-col p {
  font-weight: 300;
}

.usoindicado-col {
  width: 30%;
}

.usoindi-page-btn {
  margin-top: 3%;
}

.usoindi-page-btn p a {
  background: #65b700;
  color: #fff;
  padding: 15px 30px;
}

.usoindicado-map h3,
.usoindicado-gridserv h3 {
  text-align: center;
  color: #65b700;
  font-weight: bold;
  padding-bottom: 1%;
}

.usoindicado-col strong {
  color: #65b700;
}

.usoindicado-gridserv img {
  margin-left: 5%;
}


/*Page Contato*/
.svg-whatsapp-icon {
  width: 24px;
}

#contact-page h1 {
  color: #65b700;
  text-transform: uppercase;
}


.form-group input,
#message {
  border: 1px solid #000;
}


.form-group label {
  text-transform: uppercase;
  color: #65b700;
}

#contact-page {
  width: 80% !important;
  margin: auto !important;
}

#contact-page .row img {
  margin: 0 auto;
  width: 100%;
}

.usoindicado-col h2 {
  color: #65b700;
  text-transform: uppercase;
  font-size: 28px;
}

.page-content.container {
  width: 100% !important;
}

/*Page Localização*/

.usoindicado-localizacao .localizacao-social {}

.usoindicado-col.localizacao-social p img {
  width: 16% !important;
  height: auto !important;
  padding-right: 4px;
}

.usoindicado-localizacao .row .usoindicado-col {
  width: 50%;
}


/*Page Horario de Atendimento*/

.usoindicado-horarioatendimento .usoindi-page-row3 .usoindicado-col {
  margin-left: 15%;
}


.usoindicado-horarioatendimento .usoindi-page-row3 .usoindicado-col h2 {
  font-size: 15px;
}


.usoindi-page-img img {
  /*width: 100% !important;*/
  max-width: 100% !important;
  height: auto !important;
}


/*Page Prescrição*/
.page-prescricao h1 {
  text-align: left;
  font-size: 28px;
}

.row.usoindi-page-row2 span {
  font-weight: 600;
}

.page-prescricao .row.usoindi-page-row2 p {
  text-align: justify;
}


/*Page Orientação*/

.page-orientacao h1 {
  text-align: left;
  font-size: 30px;
}

.uso-seta {
  color: orange;
}

.uso-newsletter {
  width: 100%;
  margin: auto;
}

.uso-newsletter h4 {
  color: orange;
}


.uso-newsletter h4:hover {
  color: orange;
}



.uso-newsletter .text-primary,
.text-primary:hover,
.text-primary:focus {
  color: orange;
}

.form-section {
  width: 95% !important;
  margin: auto !important;
}


/*Page Ação Magistral*/
.usoindicado-acaomagistral .usoindi-page-btn {
  margin-top: 12%;
}

.usoindicado-acaomagistral .usoindi-page-btn p a {
  padding: 15px 30px !important;
}

.row.usoindi-page-row {
  text-align: justify;
}

/*Footer*/
.footer {
  background-color: #65b700;
  color: #FFFFFF;

}

/*Page Categorias Linha de Produtos*/


/*Assinatura*/

.h2--theme {
  color: #65b700;
}

.uso-newsletter .text-primary,
.text-primary:hover,
.text-primary:focus {
  color: #65b700 !important;
}

ul.desktop-nav-list.dropdown-menu {
  border: 1px solid #65b700;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #65b700 !important;
}

.desktop-nav-item .desktop-nav-link:hover,
.desktop-nav-item .desktop-nav-link:focus {
  opacity: 1 !important;
}

.empresa--map {
  width: 100% !important;
  object-fit: cover !important;
}

.footer-legal.font-small-extra {
  background: #111e00;
}

.js-head-fixed.navbar-header.mobile-nav-first-row.full-width {
  background: #65b700;
}

.js-nav-top.nav-top.container-fluid {
  background-color: #111e00 !important;
}

.desktop-nav-link {
  color: #fff;
}

.desktop-nav-link.dropdown-toggle-button.with-subitems {
  color: #fff;
}


.js-main-content.main-content.with-top-bar {
    margin-top: 175px !important;
}

.g-recaptcha.m-bottom.text-right.text-center-xs {
    text-align: left !important;
}

.js-recaptcha-button.btn.btn-secondary.col-xs-12.col-sm-12.col-md-7.col-lg-7.pull-right {
    left: -42% !important;
}
.col-xs-12.col-sm-12.pull-right.m-top.m-bottom-half.p-none.text-left-xs.text-right {
    text-align: left !important;
}


.font-medium {
  font-size: 16px;
}

body,
.font-body {
  font-size: 14px;
}

.font-small {
  font-size: 12px;
}

.font-small-extra {
  font-size: 10px;
}

.fa-min {
  font-size: 8px;
}

.fa-huge {
  font-size: 120px;
}

.weight-normal {
  font-weight: 400;
}

.weight-strong {
  font-weight: 700;
}

.weight-light {
  font-weight: 300;
}

/* Color */
small {
  color: inherit !important;
}

.text-primary,
.text-primary:hover,
.text-primary:focus {
  color: #65b700;
}

.text-accent {
  color: #65b700;
}

body {
  color: #434343;
  font-family: "Roboto", Sans-serif !important;
  background-color: #fafafa;
}

.box-title {
  float: left;
  width: 100%;
  padding-bottom: 20px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

.placeholder-container {
  background-color: #FFFFFF;
}

.placeholder-figures-container {
  background-color: #fafafa;
}

.product-placeholder-container {
  background: rgba(105, 1, 173, 0.1);
}

.placeholder-preloader {
  fill: rgba(67, 67, 67, 0.07);
}

.placeholder-color,
.placeholder-line {
  background-color: rgba(67, 67, 67, 0.07);
}

.placeholder-color-primary {
  background-color: rgba(105, 1, 173, 0.5);
}

.placeholder-icon {
  fill: rgba(67, 67, 67, 0.2);
}

.spinner-multicolor {
  width: 65px;
  height: 65px;
  -webkit-animation: rotator 1.4s linear infinite;
  animation: rotator 1.4s linear infinite;
}

.spinner-multicolor-path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@-webkit-keyframes colors {
  0% {
    stroke: #65b700;
  }

  50% {
    stroke: #65b700;
  }

  50% {
    stroke: #65b700;
  }

  75% {
    stroke: #65b700;
  }

  100% {
    stroke: #65b700;
  }
}

@keyframes colors {
  0% {
    stroke: #65b700;
  }

  50% {
    stroke: #65b700;
  }

  50% {
    stroke: #65b700;
  }

  75% {
    stroke: #65b700;
  }

  100% {
    stroke: #65b700;
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

.svg-icon-primary {
  fill: #65b700;
}

.svg-icon-text {
  fill: #434343;
}

.breadcrumb {
  background: transparent;
}

.breadcrumb-crumb {
  color: rgba(67, 67, 67, 0.6);
}

.breadcrumb-crumb.active {
  color: #65b700;
}

.product-breadcrumb .breadcrumb-crumb,
.product-breadcrumb .breadcrumb-crumb.current {
  color: white;
  /* Necesary for contrast with background image */
}

.btn {
  position: relative;
  padding: 10px 8px;
  background-color: transparent;
  border: 0;
  border-radius: 3px;
  text-transform: uppercase;
  text-decoration: none;
  outline: 0;
}

.btn:hover,
.btn:focus {
  text-decoration: none;
  outline: 0;
}

.btn-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border: 0;
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  outline: 0;
}

.btn-circle:hover,
.btn-circle:focus {
  text-decoration: none;
  outline: 0;
}

.btn-circle:hover {
  opacity: 0.8;
}

.btn-circle i {
  vertical-align: sub;
}

.btn-circle-small {
  height: 30px;
  width: 30px;
}

.btn-circle-small i {
  font-size: 26px;
}

.btn-primary {
  background-color: #65b700;
  color: #FFFFFF;
  fill: #FFFFFF;
  border: 1px solid #65b700;
}

.btn-primary:hover {
  background-color: #65b700;
  border-color: #65b700;
  color: #FFFFFF;
  fill: #FFFFFF;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover {
  background-color: #65b700;
  color: #FFFFFF;
  fill: #FFFFFF;
  border-color: #65b700;
}

.btn-primary[disabled],
.btn-primary[disabled]:hover {
  background-color: #DDD;
  color: #FFFFFF;
  fill: #FFFFFF;
  border-color: #DDD;
}

.btn-primary.btn-transition.active,
.btn-primary.btn-transition[disabled],
.btn-primary.btn-transition[disabled]:hover,
.btn-primary.btn-transition.disabled,
.btn-primary.btn-transition.disabled:hover {
  background-color: #7201bc;
  border-color: #7201bc;
  color: #FFFFFF;
  fill: #FFFFFF;
}

.btn-secondary {
  background-color: #65b700;
  color: #FFFFFF;
  fill: #FFFFFF;
  border: 1px solid #65b700;
}

.btn-secondary:hover {
  background-color: #7201bc;
  color: #FFFFFF;
}

.uso-seta {
  color: #65b700;
}

span.nav-top-advertising {
  color: #FFFFFF;
  font-family: "Roboto", Sans-serif;
  text-transform: uppercase;
}

.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:hover {
  background-color: #65b700;
  color: #FFFFFF;
}

.btn-secondary[disabled],
.btn-secondary[disabled]:hover {
  background-color: #DDD;
  color: #FFFFFF;
  border-color: #DDD;
}

.btn-default {
  background: white;
  color: #65b700;
  fill: #65b700;
  border: 1px solid rgba(67, 67, 67, 0.3);
}

.btn-default:hover {
  background: white;
  color: #65b700;
  fill: #65b700;
  opacity: 0.8;
}

.btn-default:focus,
.btn-default:active,
.btn-default:active:hover {
  background: white;
  color: #65b700;
  fill: #65b700;
  opacity: 1;
}

.btn-default[disabled] {
  opacity: 0.5;
}

.btn-floating {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 4px 1px 4px;
  color: #65b700;
  fill: #65b700;
  background-color: transparent;
  font-size: 18px;
  z-index: 100;
  border-radius: 3px;
  line-height: 18px;
}

.btn-floating:hover,
.btn-floating:focus {
  opacity: 0.8;
}

.btn-floating.fixed-bottom {
  position: fixed;
  top: auto;
  bottom: 20px;
  right: 15px;
}

.btn-link {
  position: relative;
  cursor: pointer;
  color: #65b700;
  text-transform: uppercase;
}

.btn-link:hover,
.btn-link:focus {
  color: #65b700;
  opacity: 0.8;
}

.btn-small {
  padding: 2px 10px;
}

.btn-small i {
  vertical-align: middle;
}

.btn-whatsapp {
  color: white;
  background-color: #4dc247;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.btn-whatsapp svg {
  width: 75px;
  height: 75px;
  padding: 5px 2px;
  fill: white;
  vertical-align: middle;
}

a,
a:hover,
a:focus {
  color: #434343;
}

a:active,
a:focus,
a:hover,
a:hover:active,
a:hover:focus,
a:hover:hover,
a:focus:active,
a:focus:focus,
a:focus:hover {
  outline: 0;
  box-shadow: none;
}

.link-module {
  border-bottom: 1px solid rgba(67, 67, 67, 0.2);
}

.link-module .link-icon svg {
  width: 20px;
  fill: #65b700;
  vertical-align: bottom;
}

.link-module+.link-module {
  border-top: 0;
}

.link-module-icon {
  fill: #434343;
}

.link-module-icon-right {
  fill: #65b700;
}

.chip,
.filter-remove {
  color: #434343;
  background-color: rgba(67, 67, 67, 0.1);
  border: none;
}

.chip-remove-icon {
  fill: #434343;
  background: rgba(67, 67, 67, 0.2);
}

.chip:hover,
.filter-remove:hover,
.chip:focus,
.filter-remove:focus {
  opacity: 0.8;
}

.svg-background-icon {
  fill: #FFFFFF;
}

.svg-maincolor-color {
  fill: #65b700;
}

.modal-body,
.modal-dialog,
.modal-content,
.modal-xs-dialog {
  background: #fafafa;
  color: #434343;
}

.modal-header {
  border-bottom: 1px solid rgba(67, 67, 67, 0.1);
}

.modal-icon .nav-icon {
  color: #65b700;
  fill: #65b700;
}

.form-control {
  border: 0;
  border-bottom: 2px solid rgba(67, 67, 67, 0.5);
  background: #fafafa;
  box-shadow: none;
  -webkit-transition: none;
}

.form-control:focus {
  border-bottom: 2px solid #65b700;
}

.form-control:focus+label {
  color: #65b700;
}

.search-input {
  color: #65b700;
}

.search-input:focus {
  border: 0;
}

.radio-button {
  fill: #434343;
}

.radio-button input[type="radio"]+.radio-button-content .unchecked {
  border: 2px solid #65b700;
}

.radio-button input[type="radio"]+.radio-button-content .checked {
  background-color: #65b700;
}

.radio-button input[type="radio"]+.radio-button-content .radio-circle-checked {
  background-color: rgba(105, 1, 173, 0.15);
}

.radio-button input[type="radio"]:checked+.radio-button-content {
  color: #65b700;
  fill: #65b700;
}

.nav-tabs-container {
  border-bottom: 1px solid rgba(67, 67, 67, 0.1);
}

.nav-tabs-links {
  border-bottom: 0;
}

.nav-tabs .tab.active .tab-link {
  color: #65b700;
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #65b700;
}

.nav-tabs .tab-link {
  background-color: transparent;
}

.nav-tabs .tab-link:hover,
.nav-tabs .tab-link:focus {
  background-color: transparent !important;
}

.nav-tabs .tab-check.active .tab-check-link,
.nav-tabs .tab-check.active .tab-check-link:focus {
  outline: 2px solid #65b700;
}

.nav-tabs .tab-check-link-text {
  outline: 1px solid rgba(67, 67, 67, 0.3);
}

.nav-tabs .tab-check-icon {
  color: #65b700;
}

.nav-tabs .tab-check-icon .fa-inverse {
  color: #FFFFFF;
}

.material-card {
  background-color: #FFFFFF;
}

.panel {
  background-color: #FFFFFF;
  border: 1px solid rgba(67, 67, 67, 0.2);
  border-radius: 3px;
}

.panel-heading {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid rgba(67, 67, 67, 0.2);
}

.panel-footer {
  background-color: #FFFFFF;
  border-top: 1px solid rgba(67, 67, 67, 0.2);
}

.pills-container {
  background-color: #FFFFFF;
}

.pill-link {
  color: #65b700;
  background-color: #FFFFFF;
}

.pill-link:hover,
.pill-link:focus {
  opacity: 0.6;
}

.divider {
  float: left;
  width: 100%;
  margin: 20px 0;
  border-bottom: 1px solid rgba(67, 67, 67, 0.1);
}

.spinner {
  color: #65b700;
}

.spinner.inverse {
  background: transparent;
  color: #FFFFFF;
}

.banner-with-text {
  background: rgba(105, 1, 173, 0.1);
}

.banner-with-text .text-container {
  color: white;
}

.banner-with-text .text-container .banner-with-text-title {
  font-family: "Roboto", Sans-serif;
}

.banner-card .banner-info-container {
  background-color: #FFFFFF;
}

.services-container {
  background-color: #FFFFFF;
}

.services-container .service-icon {
  color: #65b700;
  fill: #65b700;
  background: rgba(67, 67, 67, 0.05);
}

.module-text-wrapper {
  background-color: #FFFFFF;
}

.module-image .placeholder {
  background-color: #f2f2f2;
}

.video-container {
  background: rgba(105, 1, 173, 0.1);
}

.slider-wrapper {
  background-color: #FFFFFF;
}

.swiper-button-invert {
  fill: #FFFFFF;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.7));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.7));
}

.swiper-pagination-bullet {
  background: #434343;
}

.swiper-pagination-bullet-active {
  background: #65b700;
}

.table-striped tbody>tr:nth-child(odd)>th,
.table-striped tbody>tr:nth-child(odd)>td {
  background-color: rgba(67, 67, 67, 0.03);
  border-top: 0;
}

.table-striped>tbody>tr>td {
  border-top: 0;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  border: 0;
}

.instafeed-module .instafeed-item {
  position: relative;
  border-radius: 3px;
  -moz-box-shadow: 0 0 3px #ccc;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
}

.instafeed-module .instafeed-item .instafeed-info {
  background-color: #65b700;
  color: #FFFFFF;
  fill: #FFFFFF;
}

.instafeed-module .instafeed-item.instafeed-user .instafeed-title {
  background-color: #65b700;
  color: #FFFFFF;
}

.instafeed-module .instafeed-item.instafeed-user .instafeed-title a {
  color: #FFFFFF;
}

.instafeed-module .instafeed-item.instafeed-user .instafeed-title a:hover {
  text-decoration: none;
}

.instafeed-module .instafeed-item.instafeed-user .instafeed-title a .svg-social-icon {
  height: 34px;
}

.fb-page-img-container {
  background: #FFFFFF;
}

.navbar {
  background-color: #65b700;
  color: white;
}

.nav-main .nav-top {
  background-color: #0d0015;
}

.nav-main .nav-top-link {
  color: #FFFFFF;
}

.nav-main .desktop-nav>.desktop-nav-item.selected {
  border-bottom: 3px solid white;
}

.nav-main .desktop-nav-item,
.nav-main .desktop-nav-link {
  color: white;
}

.nav-main .desktop-nav-list {
  background-color: #FFFFFF;
}

.nav-main .desktop-nav-list .desktop-nav-link {
  color: #434343;
}

.nav-main .desktop-nav-list .desktop-nav-link:hover {
  background-color: rgba(67, 67, 67, 0.03);
}

.nav-main .desktop-nav-list .desktop-nav-link.with-subitems {
  border-right: 2px solid #65b700;
}

.nav-main .desktop-nav-list .desktop-nav-item.selected>.desktop-nav-link {
  color: #65b700;
  background-color: #FFFFFF;
}

.nav-icon {
  color: #FFFFFF;
  fill: #FFFFFF;
}

.cart-summary-items {
  background-color: #FFFFFF;
  color: #65b700;
}

.cart-summary-icon {
  color: #FFFFFF;
  fill: #FFFFFF;
}

.inverse {
  background: white;
  color: #65b700;
}

.inverse a,
.inverse i,
.inverse input {
  background: white;
  color: #65b700;
}

.inverse a::-webkit-input-placeholder,
.inverse a:-moz-placeholder,
.inverse a::-moz-placeholder,
.inverse a:-ms-input-placeholder,
.inverse i::-webkit-input-placeholder,
.inverse i:-moz-placeholder,
.inverse i::-moz-placeholder,
.inverse i:-ms-input-placeholder,
.inverse input::-webkit-input-placeholder,
.inverse input:-moz-placeholder,
.inverse input::-moz-placeholder,
.inverse input:-ms-input-placeholder {
  color: #65b700;
}

.search-suggest {
  background-color: #FFFFFF;
}

.search-suggest-link,
.search-suggest-icon {
  color: rgba(67, 67, 67, 0.8);
}

.search-suggest-link:hover,
.search-suggest-link:focus,
.search-suggest-icon:hover,
.search-suggest-icon:focus {
  color: rgba(67, 67, 67, 0.6);
  background-color: #f7f7f7;
}

.search-suggest-price {
  color: #65b700;
  font-weight: bold;
}

.search-suggest-all-link {
  background-color: #f7f7f7;
}

.logo-text {
  color: #65b700;
  line-height: initial;
}

.checkbox-container .checkbox {
  color: #434343;
}

.checkbox-container .checkbox-color {
  border: 1px solid rgba(67, 67, 67, 0.1);
}

.checkbox-container .checkbox:hover input~.checkbox-icon {
  border: 2px solid #65b700;
}

.checkbox-container .checkbox input:checked~.checkbox-icon {
  border: 2px solid #65b700;
  background: #65b700;
}

.checkbox-container .checkbox-icon {
  background: #FFFFFF;
  border: 2px solid #434343;
  border-radius: 3px;
}

.checkbox-container .checkbox-icon:after {
  border: solid #FFFFFF;
  border-width: 0 3px 3px 0;
}

.filter-remove:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23434343"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}

.filters-overlay {
  background-color: rgba(255, 255, 255, 0.85);
}

.item-image-container {
  background-color: #fafafa;
}

.item-price,
.item-price-compare {
  color: #65b700;
}


.item-info-container-name {
  color: #434343;
}

.item-info-container-name:hover,
.item-info-container-name:focus {
  color: #434343;
  text-decoration: underline;
}

.item-installments strong {
  color: #65b700;
}

.item-quickshop-link {
  background-color: #65b700;
  color: #FFFFFF;
}

.item-quickshop-link:hover,
.item-quickshop-link:focus {
  color: #FFFFFF;
}

.item-colors-bullet {
  border: 1px solid rgba(67, 67, 67, 0.5);
  background: #FFFFFF;
}

.item-colors-bullet.selected {
  border: 2px solid #434343;
}

.product-label {
  color: white;
  fill: white;
}

.product-label.product-label-offer {
  background-color: rgba(105, 1, 173, 0.8);
}

.product-label.product-label-shipping {
  background-color: rgba(105, 1, 173, 0.8);
}

.product-label.product-label-no-stock {
  background-color: grey;
  color: white;
}

.label-primary {
  background-color: #65b700;
}

.pagination>li>a {
  background-color: #FFFFFF;
  color: #434343;
  fill: #434343;
  padding: 6px 8px;
  min-width: 42px;
}

.pagination>li>a:hover {
  background-color: rgba(105, 1, 173, 0.05);
  color: #434343;
  fill: #434343;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
  background-color: #65b700;
  border-color: #65b700;
}

.pagination-icon {
  float: left;
  color: #434343;
  fill: #434343;
}

.product-name {
  color: #434343;
}

.mobile-zoom-panel {
  background: #FFFFFF;
}

.product-thumb {
  background: #FFFFFF;
  border: 1px solid transparent;
}

.product-thumb.active {
  border: 1px solid #65b700;
}

.product-price-container {
  margin: 15px 0 20px 0;
}

.product-price-container .product-price {
  display: inline-block;
  margin: 0;
  color: #65b700;
  font-size: bold;
}

.price-compare {
  display: inline-block;
  margin: 0 5px 0 0;
  padding-right: 10px;
  text-decoration: line-through;
  border-right: 1px solid rgba(67, 67, 67, 0.5);
  opacity: 0.8;
}

.price-compare.no-line {
  margin: 0;
  padding: 0;
  border-right: 0;
}

.btn-variant {
  color: #434343;
  border: 2px solid rgba(67, 67, 67, 0.2);
}

.btn-variant:hover,
.btn-variant:focus {
  color: #434343;
}

.btn-variant.selected {
  border: 2px solid #65b700;
}

.product-variants {
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(67, 67, 67, 0.2);
}

.footer {
  color: #FFFFFF;
  text-decoration: none;
  outline: 0;
}

.footer a,
.footer a:hover,
.footer a:focus,
.footer a:active {
  color: #FFFFFF;
}

.footer .btn-footer {
  background: #65b700;
  color: #320052;
  fill: #320052;
}

.footer .btn-footer:hover,
.footer .btn-footer:focus,
.footer .btn-footer:active,
.footer .btn-footer:active:hover {
  color: #320052;
  fill: #320052;
  opacity: 0.8;
}

.footer:hover,
.footer:focus {
  text-decoration: none;
  outline: 0;
}

.footer .svg-background-icon {
  fill: #FFFFFF;
}

.footer .svg-maincolor-color {
  fill: #ffffff;
}

.footer-legal {
  background-color: #0d0015;
  color: #FFFFFF;
}

.powered-by-logo svg {
  fill: #FFFFFF;
}

.cart-table {
  background-color: #FFFFFF;
}

.cart-table-row {
  border-bottom: 1px solid rgba(67, 67, 67, 0.2);
}

.cart-table-header {
  background-color: rgba(67, 67, 67, 0.02);
}

.ajax-cart-container {
  background: #fafafa;
}

.cart-total,
.total-promotions-row {
  color: #65b700;
}

.alert-primary {
  border: 1px solid #65b700;
  color: #65b700;
  background-color: #fafafa;
}

.alert-primary .btn-link {
  color: #65b700;
}

.notification-primary {
  color: #65b700;
  background-color: #FFFFFF;
}

.notification-secondary {
  background: #f7f7f7;
  color: rgba(67, 67, 67, 0.8);
}

.notification-secondary a {
  color: #65b700;
}

.notification-footer {
  background-color: #fafafa;
}

.border-top {
  border-top: 1px solid rgba(67, 67, 67, 0.2) !important;
}

.border-bottom {
  border-bottom: 1px solid rgba(67, 67, 67, 0.2);
}

.bg-facebook {
  background: #3b5998;
}

.bg-twitter {
  background: #55acee;
}

.bg-google-plus {
  background: #dc4e41;
}

.bg-pinterest {
  background: #bd081c;
}

.bg-instagram {
  background: #3f729b;
}

.bg-whatsapp {
  background: #43d854;
  color: white;
}

.video-container {
  background: url(https://i.imgur.com/KEHmBlp.png);
  background-size: cover;
  background-repeat: no-repeat;
}

img.js-lazy-loading.img-responsive.lazyloaded {
  display: none !important;
}

.banner-with-text-link .btn-primary {
  background-color: #65b700 !important;
  border: 1px solid #65b700 !important;
}

svg.contact--svg {
  width: 20px;
}

.contact--svg path {
  fill: #d51017;
}

.formFooter {
  display: none;
}

.slide-img {
  width: 100%;
  min-height: auto;
  object-fit: contain;
}

section.js-home-slider-container.slider-wrapper.container-fluid.p-none.m-bottom.m-bottom-half-xs.p-relative {
  margin-bottom: 0px !important;
}

.home-slider .swiper-slide {
  max-height: max-content!important;
  margin-top:30px;
}
.js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
    margin-top: 25px !important;
}

/* CSS Align Img */

.usoindi-page-img img {
  height: 310px !important;
  width: auto !important;
  object-fit: contain;
}

.usoindi-page-text {
  margin-left: 30% !important;
}

.usoindi-page-text h1 {
  margin-top: 0px !important;
}

.page-prescricao .row.usoindi-page-row2 p {
  line-height: 25px !important;
}

.user-content h1 {
  color: #65b700;
  text-align: left;
  font-size: 30px;
  font-family: "Roboto", Sans-serif !important;
  font-weight: 400;
  text-transform: uppercase;
}

.btn-breadcumb {
  background: #f2b61f;
  display: block;
  width: 350px;
  text-align: center;
  padding: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  margin-top: 30px;
  text-decoration: none;
}

.btn-breadcumb:hover {
  text-decoration: none;
  color: #f2f2f2 !important;
}

@media (max-width: 500px) {
  .slide-img {
    width: 100%;
    min-height: auto;
    object-fit: contain;
  }
  .home-slider .swiper-slide {
    max-height: max-content!important;
    margin-top:0;
  }
}

.desktop-nav-link {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 11px!important;
}

.logo-container {
  padding: 30px 0px;
}

.nav > li > a {
  padding: 10px 5px!important;
}




.custom-container-logo {
  width: 100%;
  background: #FFF;
}

.container-flex {
  display: flex;
  justify-content: space-between;
}

.custom-logo {
  margin: auto;
  margin-left: 0px;
}

.custom-logo-links {
  margin: auto;
  margin-right: 0px;
}

.custom-logo-links img {
  width: 100%;
  object-fit: contain;
  height: 90px;
  object-position: right;
}

.custom-logo-links a {
  height: auto;
}

.template-category .main-content {
  padding-top: 50px;
}

.desktop-nav-link {
  font-weight: 600!important;
  font-family: 'Montserrat';
}

.category-controls a {
  font-family: 'Montserrat';
  font-size: 12px!important;
  font-weight: 600;
}

.category-controls select {
  text-transform: uppercase;
  font-size: 13px;
  font-family: 'Montserrat';
  font-weight: 600;
}

#categories-list li {
  display: block!important;
}

#sidebar-container .weight-strong {
  color: #65b700;
  margin-bottom: 30px!important;
}
.category-controls {
    color: #FAFAFA;
}
#sidebar-container h5 {
    font-size: 25px !important;
}

.menu-sidebar-marcas ul li {
    padding-bottom: 10px;
}
.menu-sidebar-marcas .hamburger-panel-arrow {
    margin-top: -10px;
}
.nav-main{
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
}

@media only screen and (max-width: 360px) {
  .js-home-slider.home-slider {
      margin-top: 25% !important;
  }

  .container.categoriacustom {
      margin-top: 25%;
  }
  .js-home-slider.home-slider {
      margin-top: 26% !important;
  }
}

@media only screen and (max-width: 420px){
    .logo-img.img-responsive {
        margin-top: -55% !important;
        /*margin-left: -45% !important;*/
        width: 50% !important;
    }
    .custom-logo-links a img {
       width: 80% !important;
       float: right !important;
    }
    .nav-top-advertising {
       font-size: 0.7em !important;
    }
    .js-home-slider.home-slider {
       margin-top: 25% !important;
    }
    .col-sm-4.col-xs-6.p-right-half-xs {
        width: 100% !important;
    }
    .col-sm-4.col-xs-6.p-left-half-xs {
        width: 100% !important;
    }
    .usoindi-page-text {
        width: 100% !important;
        position: relative !important;
        float: left !important;
        left: -33% !important;
    }
    .jotform-form{
        width: 100% !important;
    }
    .usoindi-page-btn {
        padding-top: 20px !important;
    }
    .usoindi-page-text h1 {
       font-size: 21px !important;
       padding: 30px 0 !important;
    }

    /*.product-detail {
       margin-top: -45% !important;
    }*/

    .pills-container.home-categories.horizontal-container.container.m-bottom.visible-xs {
       display: none !important;
    }

    /*.product-detail {
       margin-top: -50% !important;
    }*/

    .js-product-container.container {
       margin-top: -51% !important;
    }

    .item-container-related {
      width: 50% !important;
    }

    .related-products-custom div > div .js-product-container.js-quickshop-container {
        width: 120% !important;
    }
    .item-container-related {
       width: 50% !important;
    }
    .item-container-related .item .item-info-container {
       width: 82% !important;
    }

    .item-container-related .item .item-image-container {
       width: 84% !important;
    }
    .category-controls{
      display: none !important;
    }

    .container.categoriacustom {
       margin-top: 25%;
    }
    /*#single-product {
       margin-top: 35% !important;
    }*/
    .svg-search-icon, .svg-cart-icon {
       fill: white;
    }
    #login-form {
       margin-top: 30% !important;
    }
}/*max-width:420px*/

@media only screen and (min-width: 421px) and (max-width: 768px){
     .svg-search-icon, .svg-cart-icon {
       fill: white;
    }
    .logo-img.img-responsive {
       margin-top: -50%;
        margin-left: -45%;
        width: 50% !important;
    }

}

@media only screen and (max-width: 768px) and (min-width: 600px){
  .nav-top-item .nav-top-advertising {
      margin: 0;
      padding: 0;
  }
  /*#single-product {
    margin-top: 3% !important;
  }*/

  .product-social-sharing.hidden-xs {
    max-width: 100% !important;
    display: inline-flex;
    margin-left: 13%;
    margin-top: 100%;
  }
  .container.categoriacustom {
    margin-top: 18%;
  }
  .cat-custom-art {
    margin-left: 8%;
  }
  .svg-search-icon, .svg-cart-icon {
    fill: white;
  }
  .category-controls {
      display: none;
  }
}

@media only screen and (max-width: 990px) and (min-width: 769px){
 .category-controls{
      display: none !important;
  }
  .nav-top-item .nav-top-advertising {
      margin: 0;
      padding: 0;
  }
  /*#single-product {
    margin-top: 3% !important;
  }*/

  .product-social-sharing.hidden-xs {
    max-width: 100% !important;
    display: inline-flex;
    margin-left: 13%;
    margin-top: 100%;
  }
  .container.categoriacustom {
    margin-top: 18%;
  }
  .cat-custom-art {
    margin-left: 8%;
  }
  .js-home-slider-container.slider-wrapper.container-fluid.p-none.m-bottom.m-bottom-half-xs.p-relative {
    /*margin-top: 26% !important;*/
  }
  .slide-img.blur-up-huge.swiper-lazy.swiper-lazy-loaded {
    margin-top: 12% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px){
  #footer-store-contact {
    width: 100% !important;
  }

}

@media only screen and (max-width: 1200px) and (min-width: 990px){
    .slide-img {
        margin-top: 8% !important;
    }
    .cat-custom-art{
      margin-top: -75%;
  }

  .js-nav-icons.nav-icons.m-top-half.p-top-quarter.col-sm-2.col-md-1.col-lg-1.text-right {
    display: flex;
  }
  #login-form {
    margin-top: 10% !important;
  }

}


@media only screen and (max-width: 1368px) and (min-width: 1201px){
  .slide-img{
    /*margin-top: 6% !important;*/
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px){
  .menu-sidebar-marcas {
      width: 80%;
      margin-left: 17%;
  }
  .cat-custom-art div h3 {
    padding-right: 6% !important;
  }
  #sidebar-container {
    margin-left: 16% !important;
  }
  #sort {
    margin-left: 16% !important;
  }
  .container.categoriacustom {
    margin-top: 7% !important;
  }
  .category-controls{
    margin-left: -2% !important;
  }
}

@media only screen and (max-width: 768px){
  .container.categoriacustom {
      margin-top: 23%;
      width: 100%;
  }
  .logo-img.img-responsive {
    margin-top: -31% !important;
    width: 30% !important;
  }
}


/*22.12.2020*/

@media only screen and (max-width: 360px){
  .logo-img.img-responsive {
      margin-top: -59% !important;
      width: 51% !important;
  }
  .js-home-slider.home-slider {
    margin-top: 35% !important;
  }
  .cat-custom-art {
    margin-left: 0% !important;
    margin-top: -80% !important;
    position: relative !important;
    width: 100% !important;
  }
  .logo-container.visible-xs {
    /*border: 1px solid green;*/
    margin-top: -34%;
    margin-left: -23%;
    width: 40%;
  }
  .logo-img.img-responsive {
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 300px !important;
  }
  .js-nav-icons.nav-icons.m-top-half.p-top-quarter.col-sm-2.col-md-1.col-lg-1.text-right {
    margin-right: 0% !important;
    margin-left: 30% !important;
  }
}


/*MediaQuery Header*/

@media only screen and (max-width: 420px)and (min-width: 361px){
  .logo-img.img-responsive {
    margin-top: -52% !important;
    width: 50% !important;
  }
}


@media only screen and (max-width: 768px)and (min-width: 700px){
  .logo-img.img-responsive {
      margin-top: 0 !important;
      width: 100% !important;
      margin-left: 0;
  }
}

@media only screen and (max-width: 1024px)and (min-width: 990px){
.slide-img {
    margin-top: 15% !important;
}
}

@media only screen and (max-width: 767px)and (min-width: 700px){
  #logo {
    margin-top: -31% !important;
    margin-left: -47% !important;
    width: 28% !important;
  }
}

@media only screen and (max-width: 1077px) and (min-width: 871px){
  .js-desktop-nav-links.nav.navbar-nav.desktop-nav.hidden-xs.col-sm-10.col-md-11.col-lg-11.text-center {
      width: 87% !important;
      font-size: -17px !important;
  }
  .desktop-nav-link {
      font-size: 8px !important;
  }
  .js-nav-icons.nav-icons.m-top-half.p-top-quarter.col-sm-2.col-md-1.col-lg-1.text-right {
      margin-left: 80% !important;
      margin-top: -5% !important;
  }
}

@media only screen and (max-width: 872px) and (min-width: 863px){
  .js-desktop-nav-links.nav.navbar-nav.desktop-nav.hidden-xs.col-sm-10.col-md-11.col-lg-11.text-center {
    width: 88% !important;
  }
  .desktop-nav-link {
      font-size: 8px !important;
  }
  .js-nav-icons.nav-icons.m-top-half.p-top-quarter.col-sm-2.col-md-1.col-lg-1.text-right {
    margin-top: -5% !important;
    margin-left: 82% !important;
  }
}

@media only screen and (max-width: 861px) and (min-width: 767px){

  .js-desktop-nav-links.nav.navbar-nav.desktop-nav.hidden-xs.col-sm-10.col-md-11.col-lg-11.text-center {
    width: 83% !important;
  }
 .desktop-nav-link {
    font-size: 6px !important;
  }
}
/*MediaQuery Header*/


/*MediaQuerys BannerRotativo*/
@media only screen and (max-width: 360px){
  .js-home-slider-container {
    margin-top: -9% !important;
  }
}

@media only screen and (max-width: 375px) and (min-width: 361px){
  .js-home-slider-container {
    margin-top: 22% !important;
  }
}

@media only screen and (max-width: 420px) and (min-width: 376px){
  .js-home-slider-container {
    margin-top: -2% !important;
  }
}


@media only screen and (max-width: 500px) and (min-width: 421px){
  .js-home-slider-container {
      margin-top: 47% !important;
  }
}
/*ipad*/
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

  .js-home-slider-container {
      margin-top: 33% !important;
  }

}

@media only screen 
  and (min-width: 768px)
  and (max-width: 1024px){
      .js-home-slider-container {
      margin-top: -10% !important;
  }
  }

@media only screen 
  and (min-width: 1024px)
  and (max-width: 1200px){
  .js-home-slider-container {
      margin-top: -10% !important;
  }
}


@media only screen and (min-width: 1201px) and (max-width: 1213px){
  .js-home-slider-container {
      margin-top: 22% !important;
  }
}
@media only screen and (min-width: 1214px) and (max-width: 1276px){
  .js-home-slider-container {
      margin-top: 20% !important;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px){
    .js-home-slider-container {
      margin-top: -1% !important;
    }
}
@media only screen and (min-width: 1440px) and (max-width: 1920px){
  .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 130px !important;
  }
}

@media only screen and (min-width: 1551px){
.js-home-slider-container {
    margin-top: -7% !important;
}
}

/*MediaQuerys BannerRotativo*/


/*MediaQuerys PageCategoria*/

@media only screen and (max-width: 375px) and (min-width: 360px){
 .cat-custom-art {
    margin-left: 0% !important;
    margin-top: -75% !important;
    position: relative !important;
    width: 100% !important;
  }
  .container.categoriacustom {
    margin-top: 108% !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 420px){
  .cat-custom-art {
    width: 99% !important;
  }
  .user-content h3 {
    font-size: 18px !important;
    text-align: justify;
  }
}
@media only screen and (max-width:1024px){

    .cat-custom-art {
       margin-right: -28%;
       margin-top: 0%;
    }
    .category-controls {
      margin-left: -2% !important;
      width: 20% !important;
    }
    #sidebar-container {
      margin-left: 0% !important;
    }

    .menu-sidebar-marcas ul li a{
        font-size: 12px !important;
    }

    .product-social-sharing {
       position: relative;
      left: 0%;
      top: 15% !important;
      display: inline-flex;
      float: left;
      margin-top: 3%;
    }
    .svg-angle-right-icon.svg-inline--fa.fa-3x.svg-icon-back {
        margin-top: 300% !important;
    }
}

@media only screen and (min-width: 1279px) and (max-width: 1280px){
    .categoriacustom{
      margin-top: 2% !important;
    }
    .container {
       width: 87% !important;
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1220px){
  .container.categoriacustom {
    margin-top: 5%;
    width: 89%;
  }
  .svg-angle-right-icon.svg-inline--fa.fa-3x.svg-icon-back {
    margin-top: 300% !important;
  }
  .cat-custom-art {
    margin-top: 0 !important;
  }
  .product-social-sharing {
     position: relative;
    left: 0%;
    top: 15% !important;
    display: inline-flex;
    float: left;
    margin-top: 3%;
  }
}

@media only screen and (min-width: 1300px){
.cat-custom-art {
    margin-top: 5% !important;
}
.category-controls {
    margin-top: 7% !important;
}
}
/*MediaQuerys PageCategoria*/

/*08.01.2021*/
a.desktop-nav-link.dropdown-toggle-button.with-subitems {
    line-height: 12px !important;
}

/*11.03.2021*/
.desktop-nav-list.dropdown-menu {
  margin-top: -13% !important;
}
.custom-logo-links.custom-logo-1 {
    margin-left: 25% !important;
}

/*30032021*/
.btn-primary {
    background-color: #65b700 !important;
}

.banner-with-text .text-container.more-padding {
    padding-right: 50px !important;
}
.custom-logo div h1 div a img {
    width: 100% !important;
}

.footer-title-2 {
    margin-left: 5% !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
}

.custom-logo-links.custom-logo-2 {
    margin-left: 8% !important;
}
.custom-logo-links.custom-logo-1 {
    margin-left: 0% !important;
}

.custom-logo-1 a img {
    margin-left: -41% !important;
}

.custom-logo-2 {
    margin-left: 10% !important;
    left: -15% !important;
    position: relative !important;
}

.side-subcat-text{
  /*text-transform: lowercase !important;*/
  color: #65b700 !important;
}

.side-subcat-text a:hover{
   color: #65b700 !important;
}

.side-subcat-text.hamburger-panel-link.weight-normal {
    font-size: 14px !important;
}

.modal-body, .modal-dialog, .modal-content, .modal-xs-dialog {
    background: #fff !important;
    color: #434343;
}

textbanner-image-background.lazyautosizes.blur-up.ls-is-cached.lazyloaded {
    margin-top: -25px !important;
}

.text-container.more-padding {
    padding: 3% !important;
}



.form-control {
    background-color: #fff !important;
}



/*040421*/

@media only screen and (max-width: 420px){
  .custom-logo-1, .custom-logo-2 {
      margin-top: 14% !important;
  }
  .logo-img.img-responsive {
      margin-top: -110% !important;
      width: 100% !important;
  }
  .custom-logo-links.custom-logo-1 {
     margin-left: -10% !important;
  }
  .js-home-slider-container {
    margin-top: 78% !important;
  }
}


.desktop-nav-link {
    padding-top: 1.8px !important;
    padding-bottom: 1.8px !important;
}


/*06042021*/
@media only screen and (max-width: 989px) and (min-width: 567px){
    .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
        margin-top: 0% !important;
    }
}

/*08042021*/
.wtsappx5 {
    width: 5% !important;
}

.desktop-nav-list.dropdown-menu li ul {
    overflow-y: auto !important;
    height: 350px !important;
}


/*090421*/


@media only screen and (max-width: 990px) and (min-width: 769px){
    .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 12% !important;
    }
}
@media only screen and (max-width: 768px) and (min-width: 640px){
    .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 12% !important;
    }
}
@media only screen and (max-width: 639px) and (min-width: 501px){
    .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 24% !important;
    }
}
@media only screen and (max-width: 500px) and (min-width: 420px){
    .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 14% !important;
    }
}



@media only screen and (max-width: 1199px) and (min-width: 1024px){
    #logo {
      width: 75% !important;
      margin-left: 0% !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px){
    #logo {
      width: 300px !important;
      margin-left: 0% !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 700px){
    #logo {
      width: 100% !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px){
    #logo {
      width: 400px !important;
      margin-left: 0% !important;
    }
}


@media only screen and (max-width: 651px) and (min-width: 420px){
    #logo {
        margin-top: -50% !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 628px){
  .custom-logo-links.custom-logo-2{
    margin-left: -11% !important;
  }
  .custom-logo-2 {
    left: 0% !important;
  }

  .logo-img.img-responsive {
    width: 80% !important;
  }
}

@media only screen and (max-width: 420px){
    .logo-container.visible-xs {
        margin-top: 0% !important;
    }
}

.navbar.navbar-fixed-top.js-desktop-fixed-summary.fixed-summary.hidden-xs.with-cart-items.move-down {
    display: none !important;
}


/*190421*/


.dropdown-artmuv{
  position: relative;
  display: inline-block;
  left: -20%;
}
.dropdown-artmuv-btn{
  background-color: white;
}

.dropdown-artmuv-content{
  color: black;
  list-style: none;
  display: none;
  z-index: 1;
  margin-left: 0% !important
  width: 170px;
  text-align: left;
  padding-left: 10px;
}

.dropdown-artmuv-content a {
  color: #65b700;
  text-decoration: none;
  display: block;
}

.dropdown-artmuv-content a:hover {
  opacity: 0.8;
}

.dropdown-artmuv:hover .dropdown-artmuv-content{
  display: block;
}


/*220421*/

.product-user-description {
    margin-top: -25% !important;
    width: 50% !important;
}

@media only screen and (max-width: 500px){
    .product-user-description {
        margin-top: -8% !important;
        width: 100% !important;
    }
    /*#single-product {
       margin-top: 70% !important;
    }*/

    #usoindi-page {
     padding-top: 10%;
    }
    .row.usoindi-page-row {
       margin-top: -30%;
    }
}




/*Image product full*/
.product-slider-image {
    width: 100% !important;
    max-height: 100%;
}

/*Instagram Feed*/
.section-instafeed-home {
    background-color: #65b700;
    padding: 5% 0 !important;
    color: white;
}
.section-instafeed-home a {
    color: white;
}
.section-instafeed-home svg {
    height: 40px !important;
}

.product-user-description {
    margin-top: 15% !important;
    width: 100% !important;
    text-align: left;
}


@media only screen and (max-width: 1920px) and (min-width: 1600px){
  .product-user-description {
      /*width: 100% !important;*/
      margin-top: 15% !important;
   }

}

@media only screen and (max-width: 1920px) and (min-width: 1200px){
  .product-social-sharing {
      position: absolute;
      left: -103%;
      top: -30%;
      position: relative;
      margin-top: -34%;
  }
}


  .product-container-yau{
      display: flex;
      flex-wrap: wrap;
      margin-top: -5%;
    }

    .product-box-yau{
      border: 1px solid #F9F9F9;
      width: 40%;
      margin-right: 10px;
      margin-bottom: 10px;
      padding: 3%;
      flex-grow: 1;
    }



    @media only screen and (max-width: 500px){

          .product-box-yau{
            width: 100%;
          }

          .product-user-description {
             text-align: left !important;
          }



    
    }

    @media only screen and (max-width: 420px) and (min-width: 376px){

      .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
        margin-top: 3% !important;
      }


      #logo {
        margin-left: 20% !important;
        position: absolute !important;
        margin-top: 5% !important;
      }

      .svg-search-icon{
        fill: #65b700 !important;
      }
      #show-search {
         margin-top: -320% !important;
      }

      .custom-logo-links.custom-logo-1 {
        position: absolute;
       margin-left: -55% !important;
        width: 100%;
        margin-top: 55px !important;
      }

      .custom-logo-links.custom-logo-2 {
        width: 60%;
        margin-top: 55px !important;
        left: -10px !important;
      }

      .modal-xs-list-item.js-open-mobile-subcategory {
       margin-top: 8% !important;
      }

    }









/*Logo Mobile*/
@media only screen and (max-width: 720px) and (min-width: 540px){
  #logo {
      margin-top: -30% !important;
      width: 90% !important;
  }
}

@media only screen and (max-width: 540px) and (min-width: 480px){
  .logo-img.img-responsive {
      margin-top: -90% !important;
      width: 100% !important;
      margin-left: -3% !important;
  }
}

@media only screen and (max-width: 480px) and (min-width: 457px){
.logo-img.img-responsive {
    margin-top: -90% !important;
    width: 100% !important;
    margin-left: -3% !important;
}
}

@media only screen and (max-width: 456px) and (min-width: 419px){
.logo-img.img-responsive {
    margin-top: -90% !important;
    width: 100% !important;
    margin-left: -5%;
}

}

@media only screen and (max-width: 420px) and (min-width: 377px){
  .navbar-header.mobile-nav-first-row.full-width {
      margin-top: 0 !important;
  }
    .logo-img.img-responsive {
      margin-left: -45% !important;
    }
}

@media only screen and (max-width: 376px){
  .logo-img.img-responsive {
      margin-top: -96% !important;
      margin-left: 0 !important;
      width: 100% !important;
  }

  .navbar-header.mobile-nav-first-row.full-width {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 360px){

  .logo-img.img-responsive {
    margin-top: -110% !important;
    margin-left: 60% !important;
    width: 100% !important;
  }

  .navbar-header.mobile-nav-first-row.full-width {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 324px){

  .logo-img.img-responsive {
    margin-top: -180px !important;
  }
}

@media only screen and (max-width: 240px){
  .logo-img.img-responsive {
    margin-top: -70% !important;
  }
  .navbar-header.mobile-nav-first-row.full-width {
    margin-top: -26% !important;
  }
  .js-modal-open.btn-hamburger.pull-left {
    margin-top: 17% !important;
  }
}


/*Botões Cabeçalho*/
@media only screen and (max-width: 720px) and (min-width: 540px){
  .custom-logo-links.custom-logo-1 {
      margin-top: 3%;
  }

  .custom-logo-links.custom-logo-2 {
    margin-left: -3% !important;
    margin-top: 3%;
  }

  .custom-logo-2 {
    left: -7% !important;
  }
}

@media only screen and (max-width: 540px) and (min-width: 480px){
  .custom-logo-links.custom-logo-1 {
     margin-top: 20% !important;
     width: 100% !important;
  }
  .custom-logo-links.custom-logo-2 {
    margin-left: -41% !important;
    margin-top: 20% !important;
    width: 100% !important;
    left: -3% !important;
  }
}



@media only screen and (max-width: 480px) and (min-width: 457px){
  .custom-logo-links.custom-logo-1 {
     margin-top: 20% !important;
     width: 100% !important;
  }
  .custom-logo-links.custom-logo-2 {
    margin-left: -41% !important;
    margin-top: 20% !important;
    width: 100% !important;
    left: -3% !important;
  }
}

@media only screen and (max-width: 456px) and (min-width: 420px){

.custom-logo-1 a img {
    margin-left: -6% !important;
    margin-top: 32% !important;
}

.custom-logo-2 {
    margin-left: 10% !important;
    left: -5% !important;
    position: relative !important;
    margin-top: 15% !important;
}

}

@media only screen and (max-width: 424px) and (min-width: 420px){

.custom-logo-links.custom-logo-1 {
    margin-left: 8% !important;
}

}

@media only screen and (max-width: 384px){
  .custom-logo-links.custom-logo-1 {
      margin-left: -52% !important;
  }
  .custom-logo-links.custom-logo-2 {
    left: 3px !important;
  }

}


@media only screen and (max-width: 376px){
  .custom-logo-links a img {
    width: 85% !important;
    float: right !important;
  }

  .custom-logo-links.custom-logo-2 {
      margin-left: 1% !important;
  }
  .custom-logo-2 {
      margin-left: 10% !important;
      left: -4% !important;
      position: relative !important;
  }
}

@media only screen and (max-width: 376px){
  .custom-logo-links.custom-logo-1 {
      margin-left: -12% !important;
  }
}






/*Search Icon*/
@media only screen and (max-width: 720px) and (min-width: 540px){
    .svg-search-icon{
     fill: #65b700 !important;
     
  }
 #show-search {
    margin-top: -90% !important;
}
}

@media only screen and (max-width: 540px) and (min-width: 480px){
    .svg-search-icon{
     fill: #65b700 !important;
  }
  #show-search {
     margin-top: -298% !important;
  }
}

@media only screen and (max-width: 480px) and (min-width: 456px){
    .svg-search-icon{
     fill: #65b700 !important;
  }
  #show-search {
     margin-top: -298% !important;
  }
}

@media only screen and (max-width: 424px) and (min-width: 420px){
    .svg-search-icon{
     fill: #65b700 !important;
  }
  #show-search {
     margin-top: -209% !important;
  }
}

@media only screen and (max-width: 376px){
  .svg-search-icon{
     fill: #65b700 !important;
     margin-top: -50px !important;
     position: absolute !important;
  }
  #show-search {
     margin-top: -209% !important;
  }
}


@media only screen and (max-width: 360px){
  .svg-search-icon{
     fill: #65b700 !important;
  }
  #show-search {
     margin-top: -250% !important;
  }
}


/*Banner Rotativo*/

@media only screen and (max-width: 720px) and (min-width: 540px){
  .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 20% !important;
  }
}
@media only screen and (max-width: 540px) and (min-width: 480px){
  .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 47% !important;
  }
}

@media only screen and (max-width: 480px) and (min-width: 456px){
  .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 25% !important;
  }
}
@media only screen and (max-width: 424px) and (min-width: 421px){
  .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 35% !important;
  }
}
@media only screen and (max-width: 320px){
  .js-home-slider.home-slider.swiper-container.swiper-container-horizontal.swiper-container-initialized {
      margin-top: 3% !important;
  }
}





/*LGPD*/

.cookieConsentContainer{z-index:999;width:350px;min-height:20px;box-sizing:border-box;padding:30px 30px 30px 30px;background:#232323;overflow:hidden;position:fixed;bottom:30px;right:30px;display:none}.cookieConsentContainer .cookieTitle a{font-family:OpenSans,arial,sans-serif;color:#fff;font-size:22px;line-height:20px;display:block}.cookieConsentContainer .cookieDesc p{margin:0;padding:0;font-family:OpenSans,arial,sans-serif;color:#fff;font-size:13px;line-height:20px;display:block;margin-top:10px}.cookieConsentContainer .cookieDesc a{font-family:OpenSans,arial,sans-serif;color:#fff;text-decoration:underline}.cookieConsentContainer .cookieButton a{display:inline-block;font-family:OpenSans,arial,sans-serif;color:#fff;font-size:14px;font-weight:700;margin-top:14px;background:#000;box-sizing:border-box;padding:15px 24px;text-align:center;transition:background .3s}.cookieConsentContainer .cookieButton a:hover{cursor:pointer;background:#3e9b67}@media (max-width:980px){.cookieConsentContainer{bottom:0!important;left:0!important;width:100%!important}}



/*Envie sua receita*/

#form-art {
    max-width: 98% !important;
}
#bn-art-blank {
    background-color: #FFF !important;
    height: 100px;
    margin-top: -8%;
    position: relative;
    margin-left: -15%;
    left: 5%;
    width: 171%;
}


@media only screen and (max-width: 420px){
  #bn-art-blank {
    width: 100%;
    margin-left: -10%;
    margin-top: -16%;
  }

  #usoindi-page {
    padding-top: 29%;
  }


}



/*270821*/

.flex-container-artmuv {
        display: flex;
        flex-direction: row;
        font-size: 30px;
        text-align: center;
    }
    .flex-item-artmuv {
        background-color: #fff;
        padding: 10px;
        flex: 50%;
    }
    .flex-item-right {
        background-color: dodgerblue;
        padding: 10px;
        flex: 50%;
    }
      /* Responsive layout - makes a one column-layout instead of two-column layout */
    @media (max-width: 800px) {
      .flex-container-artmuv {
        flex-direction: column;
      }
    }



.cookieConsentContainer .cookieButton a:hover {
    background: #111e00 !important;
    color: black;
}

.js-recaptcha-button.btn.btn-secondary.col-xs-12.col-sm-12.col-md-7.col-lg-7.pull-right {
    background-color: #65b700;
    opacity: 1;
}
.politica-privac-uso {
    width: 50%;
    margin-left: 25%;
}

.whatsapp-button {
    z-index: 999999 !important;
}



@media only screen and (max-width: 780px){
  .user-content iframe{
    height: 100%
  }
}

.page-content.container.m-bottom {
    background-color: #fff !important;
}

html {
    background-color: #fff !important;
}


/*071021*/
@media only screen and (max-width: 420px){
  .page-orientacao {
      padding-top: 20% !important;
  }
  .informacao-profissional-iframe {
      padding-top: 10%;
  }
  .informacao-profissional-iframe iframe {
      height: 600px !important;
  }
  .template-page {
    padding-top: 40%;
  }
  #usoindi-page{
    padding-top: 0;
  }
  .usoindi-page-img h1 {
    font-size: 21px;
    margin-top: -120px !important;
    padding-bottom: 100px;
  }
  .usoindicado-acaomagistral {
    margin-top: 20%;
  }
  .usoindicado-acaomagistral h1 img {
    margin-bottom: -20% !important;
  }
  .contact-info-container {
    margin-top: 80% !important;
  }
  .prescricao-formula img {
    margin-top: -30% !important;
  }
  .linha-produtos{
    margin-top: 20%;
  }
  .cat-custom-art {
    margin-top: 30% !important;
  }
  .svg-hamburger-icon {
    z-index: 99999999 !important;
    position: static !important;
  }
  .usoindi-page-row2 {
    padding-top: 35%;
  }
  .textbanner-image-background.lazyautosizes.blur-up.ls-is-cached.lazyloaded {
    margin-top: 0px !important;
  }
  .product-box-yau.columl {
    margin-left: 1%;
    padding-top: 10%;
  }
  .video-lisirotta {
    margin-left: 0% !important;
  }
  .js-delete-search {
    display: block !important;
  }
}

@media only screen and (max-width: 500px){
 .product-box-yau.columl > .product-user-description {
    display: none !important;
  }
}

@media only screen and (min-width: 501px){
  .product-box-yau.columr > .product-form-container > .user-content {
      display: none !important;
  }
}

.js-scroll-top.btn-go-top.btn-circle.btn-secondary.btn-circle-small.hidden-xs {
    left: 1% !important;
}

#bn-art-blank {
    background-color: #fff !important;
    height: 100px;
    margin-top: -7%;
    position: relative;
    margin-left: -7%;
    left: 5%;
}
#form-art, #form-art2 {
    max-width: 98% !important;
}
@media only screen and (max-width: 425px){
    #form-art {
       margin-left: 7%;
       display: -webkit-box !important;
       height: 2500px !important;
       width: 110% !important;
    }
    #form-art2 {
       margin-left: 7%;
       display: -webkit-box !important;
       height: 1385px !important;
       width: 100% !important;
    }
    #bn-art-blank {
        background-color: #fff !important;
        height: 100px;
        margin-top: -20% !important;
        position: relative;
        margin-left: -10px;
        width:100%;
    }
    .menu-mobi-lojavirtual {
      display: flex !important;
      padding-top: 60%;
      margin-bottom: -50%;
      text-align: justify;
      left: 0;
      margin-left: 0%;
      padding-right: 0%;
    }
    .menu-mobi-lojavirtual ul li {
       display: inline list-item !important;
    }
}

@media only screen and (max-width: 989px) and (min-width: 611px){
  #login-form {
       margin-top: 30% !important;
    } 
}

@media only screen and (max-width: 612px) and (min-width: 560px){
  #login-form {
      margin-top: 40% !important;
    } 
}

@media only screen and (max-width: 559px){
    #login-form {
      margin-top: 70% !important;
    }
    .politica-privac-uso {
      width: 100%;
      margin: 0;
      font-size: 10px;
    }
    .btn-cadastrese.js-recaptcha-button.btn.btn-secondary.col-xs-12.col-sm-12.col-md-7.col-lg-7.pull-right {
      left: 0 !important;
    }
    .register-form.row.m-bottom {
        margin-top: -80%;
    }
    .custom-text-register.m-bottom-double {
     padding-top: 80%;
    }
}

.mobimenulojav-container {
  width: 100%;
  margin: auto;
  background-color: #555;
  /*height: 500px;*/
  color: white;
  border-radius: 10px;
}
.mobimenulojav-topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}
.mobimenulojav-topnav #mobimenulojav-myLinks {
  display: none;
}
.mobimenulojav-topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  text-align: left;
}
.mobimenulojav-topnav a.mobimenulojav-icon {
  background: #111e00;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.mobimenulojav-topnav a:hover {
  background-color: #111e00;
  color: black;
}
.mobimenulojav-active {
  background-color: #65b700;
  color: white;
}
.mobimenulojav-container ul li {
    list-style: none !important;
    text-align: left;
}
#mobimenulojav-myLinks ul {
    margin: 0;
    padding: 0;
}
#mobimenulojav-myLinks li ul{
    display: none;
}
#mobimenulojav-myLinks li:hover ul, #mobimenulojav-myLinks li.over ul{
    display: block;
}

.mobimenulojav-topnav {
    background-color: #111e00;
}

.desktop-nav-list.dropdown-menu li ul {
    height: auto !important;
    max-height: 370px !important;
}



/*Página estrutura*/
@media only screen and (max-width: 712px) and (min-width: 541px){
      .usoindicado-estrutura div div h1 img {
        margin-top: 10% !important;
        margin-bottom: -15% !important;
      }
}

@media only screen and (max-width: 542px) and (min-width: 501px){
      .usoindicado-estrutura div div h1 img {
        margin-top: 40% !important;
        margin-bottom: -15% !important;
      }
}
@media only screen and (max-width: 500px) and (min-width: 421px){
      .usoindicado-estrutura div div h1 img {
        margin-top: 40% !important;
        margin-bottom: 5% !important;
      }
}


@media only screen and (max-width: 420px){
    .usoindicado-estrutura div div h1 img {
      margin-top: -20% !important;
      margin-bottom: -35% !important;
    }
    .usonidicado-estrutura-gridfotos {
      margin-top: -40% !important;
    }
}

@media only screen and (max-width: 420px){
  .banner_02.banner-with-text.banner-with-text-three.m-top-none-xs {
      width: 99%;
  }
  .banner_03.banner-with-text.banner-with-text-three.m-top-none.m-top-none-xs {
      width: 98%;
      margin-left: 2%;
  }
}

.wtsappx5 {
    width: 23px !important;
}


@media only screen and (max-width: 390px) and (min-width: 378px){
  .mobimenulojav-container {
    margin-top: 5%;
  }
}

@media only screen and (max-width: 379px) and (min-width: 376px){
  .mobimenulojav-container {
    margin-top: 10%;
  }
}

@media only screen and (max-width: 375px){
  .container.categoriacustom {
      margin-top: 18% !important;
   }
}
@media only screen and (max-width: 420px){
  iframe.wpcf7-form-control.wpcf7-submit {
      padding-left: 5%;
  }
}

@media only screen and (max-width: 375px){
  .contact-info-container {
      width: 100%;
      padding: 0;
  }
}
.page-content {
  padding-top: 60px;
}
.blankbanner {
  background-color: #F3F3FE;
  height: 100px;
  margin-top: -50px;
  position: relative;
}
.anexar-file {
  margin-top: -1%;
}