/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/******* Colors ********/

:root {
  --color-dark: #1E2D3A;
  --color-medium: #B8C1CC;
  --color-light: #EDEDEE;
  --color-action: #F45007;
  --color-brand: #00A651;
  --color-white: #FFF;
  
  }

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

a {
  text-decoration: none;
  color: #212121;
}

a:visited {
  color: initial;
}

a:hover {
  color: initial;
  text-decoration: none;
}

.logo a {
  color: #e9e9e9;
}

h1 {
  margin-bottom: 40px;
}

h2 {
  margin-bottom: 10px;
}

img {
  max-width: 100%;
}

.clearfix::after {
  clear: both;
  content: '';
  display: table;
}

.container {
  margin: auto;
  max-width: 1200px;
}

body {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
}

h1,
h2,
.product-section-subtitle,
.product-section-price {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
}

h1 {
  /*font-size: 38px;*/
  font-size: 1.7rem;
  /*line-height: 1.2;*/
  text-transform: uppercase;
}

h1.stylish-heading {
  margin-bottom: 60px;
  position: relative;
}

h1.title {
  margin-bottom: 60px;
  line-height: 55px;
}

h1.title:before,
h1.title:after,
h1.stylish-heading:before,
h1.stylish-heading:after {
  position: absolute;
  top: -4px;
  left: 0;
  width: 66px;
  height: 1px;
  background: #212121;
  content: '';
  display: block;
}

h1.stylish-heading:after {
  bottom: -14px;
  top: auto;
}

h1.title:before {
  top: auto;
}

h1.title:after {
  top: auto;
}

h2 {
  font-size: 22px;
}

.text-center {
  text-align: center;
}

.spacer {
  margin-bottom: 30px;
}

.sticky-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.full-width {
  width: 100%;
}

strong {
  font-weight: bold;
}

.breadcrumbs {
  background: #F5F5F5;
  border-bottom: 1px solid #CDCDCD;
  padding: 15px 0 15px 0;
  margin-bottom: 40px;
}

.breadcrumbs .breadcrumb-separator {
  font-size: 14px;
  color: #545454;
}

.breadcrumbs .breadcrumbs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button {
  border: 1px solid #212121;
  padding: 12px 40px;
}

.button:hover {
  color: #e9e9e9;
  background: #212121;
}

.button-white {
  border: 1px solid #e9e9e9;
  color: #e9e9e9 !important;
}

.button-white:hover {
  color: #212121 !important;
  background: #e9e9e9;
}

.button-primary {
  background: #3EBFA4;
  color: white !important;
  padding: 12px 40px;
}

.button-primary:hover {
  background: #35a48d;
}

.button-primary:disabled {
  background: #63cdb7;
  cursor: not-allowed;
}

.button-plain {
  border: 1px solid #212121 !important;
  background: transparent;
}

.button-container {
  margin: 80px 0;
}

.section-description {
  width: 80%;
  margin: 44px auto;
}

.sidebar h2 {
  text-transform: uppercase;
  font-size: 1rem;
}
.sidebar h3 {
  font-weight: bold;
  margin-bottom: 16px;
}

.sidebar ul {
  line-height: 2;
  margin-bottom: 20px;
}

.might-like-section {
  padding: 40px 0 70px;
  background: #F5F5F5;
}

.might-like-section h2 {
  padding-bottom: 30px;
}

.might-like-section .might-like-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}

.might-like-section .might-like-product {
  border: 1px solid #979797;
  background: white;
  padding: 30px 0 20px;
  text-align: center;
}

.might-like-section .might-like-product img {
  width: 70%;
}

.might-like-section .might-like-product-price {
  color: #919191;
}

form .half-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

form button[type="submit"] {
  border-style: none;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.6;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
}

.form-group input {
  width: 100%;
  padding: 12px;
  font-size: 16px;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  margin-top: 20px;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger {
  margin-top: 20px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #f4f4f4;
  border-color: #DDDDDD;
  color: inherit;
  cursor: default;
  z-index: 2;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li > a,
.pagination > li > span {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 16px 22px;
  position: relative;
  text-decoration: none;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.search-form {
  position: relative;
}

.search-icon {
  color: gray;
  position: absolute;
  top: 12px;
  left: 12px;
}

.search-box {
  padding: 10px 12px 10px 34px;
  width: 400px;
  max-width: 100%;
  font-size: 14px;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}



.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 100%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

header.with-background {
  background: url("/img/triangles.svg");
  background-size: cover;
  color: #e9e9e9;
}

header.with-background .top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0;
  letter-spacing: 1.5px;
}

header.with-background .top-nav .logo {
  font-weight: bold;
  font-size: 28px;
}

header.with-background .top-nav ul a {
  color: #e9e9e9;
}

header.with-background .top-nav ul a:hover {
  color: #d0cfcf;
}

header {
  background: #343a40;
}

header .top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /*padding: 30px 0;*/
  letter-spacing: 1.5px;
}

header .top-nav .logo {
  font-weight: bold;
  font-size: 28px;
  color: #e9e9e9;
  margin-right: 58px;
}

header .top-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  padding-top: 8px;
  font-weight: 400;
}

header .top-nav ul li {
  margin-right: 30px;
}

header .top-nav ul li:last-child {
  margin-right: 0;
}

header .top-nav ul a {
  color: #e9e9e9;
}

header .top-nav ul a:hover {
  /*color: #d0cfcf;*/
  color: rgb(189, 246, 140);
}

.top-nav .fa-shopping-cart:hover,
.top-nav-left .fa-shopping-cart:hover {
  color: rgb(189, 246, 140);
}

header .top-nav ul .cart-count,
header .top-nav-left .cart-count
{
  display: inline-block;
  /*background: rgb(189, 246, 140);
  color: #212121;*/
  line-height: 0;
  /*border-radius: 50%;*/
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 37px;

  border-bottom: 1px solid white;
  padding-bottom: 3px;
  color: white;
  font-weight: bold;
  font-size: 100%;
}

header .top-nav-left .cart-count {
  position: relative;
  /*background: rgb(189, 246, 140);*/
  background:#343a40;

  border-bottom: 1px solid white;
  padding-bottom: 3px;
  color: white;
  font-weight: bold;
}

header .top-nav ul .cart-count span,
header .top-nav-right ul .cart-count span {
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 2px;

  /*border-bottom: 1px solid white;*/
  padding-bottom: 6px;
  color: white;
  font-weight: bold;
  font-size: 1rem;
}


header .top-nav-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

header .top-nav-right {
  display: -webkit-box;
  display: -ms-flexbox;
  /*display: flex;*/
  display: block;
  margin-top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.featured-section .products {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 60px 30px;
}

.home .featured-section-title {
  border-bottom: 3px solid white !important;
  padding-bottom: 25px;
  margin-bottom: 20px;
}

.featured-section .products .product-price {
  color: #919191;
}

.blog-section {
  background: #F5F5F5;
  border-top: 1px solid #CDCDCD;
  padding: 50px 0;
  grid-area: blog-section;
}

.blog-section .blog-posts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin: 60px 0 60px;
  grid-template-areas: "blog1 blog2 blog3";
}

.blog-section .blog-posts #blog1 {
  grid-area: blog1;
}

.blog-section .blog-posts #blog2 {
  grid-area: blog2;
}

.blog-section .blog-posts #blog3 {
  grid-area: blog3;
}

.products-section {
  display: grid;
  grid-template-columns: 1fr 3fr;
  margin: 80px auto 80px;
}

.products-section .sidebar li.active {
  font-weight: bolder;
}

.products-section .products {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 60px 30px;
}

.catalog .products-section .products {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 60px 30px;
}

.products-section .products .product-price {
  color: #919191;
}

.products-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 120px;
  padding: 100px 0 120px;
}

.product-section .selected {
  border: 1px solid #979797;
}

.product-section-images {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
}

.product-section-thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid lightgray;
  min-height: 66px;
  cursor: pointer;
}

.product-section-thumbnail:hover {
  border: 1px solid #979797;
}

.product-section-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #979797;
  padding: 30px;
  text-align: center;
  height: 400px;
  background-color: #fff;;
}

.product-section-image img {
  opacity: 0;
  -webkit-transition: opacity .10s ease-in-out;
  transition: opacity .10s ease-in-out;
  max-height: 100%;
}

.product-section-image img.active {
  opacity: 1;
}

.product-section-information p {
  margin-bottom: 16px;
}

.product-section-title {
  margin-bottom: 0;
}

.product-section-subtitle {
  font-size: 20px;
  font-weight: bold;
  color: #919191;
}

.product-section-price {
  font-size: 1.8rem;
  color: #212121;
  margin-bottom: 16px;
}

/* Cart */

.cart-table-img {
  margin-right: 35px;
}

.cart-section {
  display: block; /* grid; */
  grid-template-columns: 2fr 1fr;
  grid-gap: 30px;
  margin: 60px auto;
}

.cart-section h2 {
  margin-bottom: 30px;
}

.cart-section .cart-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #919191;
  padding: 14px 0;
}

.cart-section .cart-table-row:last-child {
  border-bottom: 1px solid #919191;
}

.cart-section .cart-table-row .cart-table-row-left,
.cart-section .cart-table-row .cart-table-row-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cart-section .cart-table-row .cart-table-row-left {
  width: 50%;
}

.cart-section .cart-table-row .cart-table-row-right {
  width: 33%;
  padding-top: 10px;
}

.cart-section .cart-table-row .cart-table-img {
  max-height: 75px;
}

.cart-section .cart-table-row .cart-table-actions {
  text-align: right;
  font-size: 14px;
}

.cart-section .cart-table-row .cart-item-details {
  padding-top: 5px;
}

.cart-section .cart-table-row .cart-table-description {
  color: #919191;
}

.cart-section .cart-table-row .cart-options {
  color: #212121;
  background: transparent;
  font-size: 14px;
  font-weight: 300;
  padding: 0;
}

.cart-section .cart-table-row .cart-options:hover {
  color: #6e6d6d;
}

.cart-section .cart-totals {
  margin: 30px 0;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #F5F5F5;
}

.cart-section .cart-totals .cart-totals-left {
  width: 50%;
}

.cart-section .cart-totals .cart-totals-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 35%;
  text-align: right;
}

.cart-section .cart-totals .cart-totals-total {
  font-weight: bold;
  font-size: 22px;
  line-height: 2;
}

.cart-section .cart-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

.cart-section .have-code {
  display: block;
  margin: 14px 0;
  text-align: right;
}

.cart-section .have-code-container {
  border: 1px solid #919191;
  padding: 16px;
  width: 50%;
  margin-left: auto;
}

.cart-section .have-code-container form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cart-section .have-code-container input[type="text"] {
  width: 70%;
  padding: 10px;
  font-size: 16px;
}

.cart-section .have-code-container input[type="submit"] {
  background: white;
  border: 1px solid #919191;
  padding-top: 8px;
  padding-bottom: 8px;
}

.cart-section .have-code-container input[type="submit"]:hover {
  background: #212121;
}


.cart .quantity-container {
  margin-top: -6px;
}

.cart .quantity {
  max-width: 90px;
}

.cart-totals-right .tax,
.cart-totals-subtotal .tax,
.checkout-totals-left.tax,
.checkout-totals-right.tax,
.order .totals-line.tax {
  font-size: .95rem;
}

h1.checkout-heading {
  margin-top: 40px;
}

.checkout-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  margin: 40px auto 80px;
}

.checkout-section .checkout-table-container {
  /*margin-left: 124px;*/
  margin-left: 45px;
}

.checkout-section h2 {
  margin-bottom: 28px;
}

.checkout-section .checkout-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #919191;
  padding: 14px 0;
}

.checkout-section .checkout-table-row:last-child {
  border-bottom: 1px solid #919191;
}

.checkout-section .checkout-table-row .checkout-table-row-left,
.checkout-section .checkout-table-row .checkout-table-row-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.checkout-section .checkout-table-row .checkout-table-row-left {
  width: 75%;
}

.checkout-section .checkout-table-row .checkout-table-img {
  max-height: 60px;
}

.checkout-section .checkout-table-row .checkout-table-description {
  color: #919191;
}

.checkout-section .checkout-table-row .checkout-table-price {
  padding-top: 6px;
}

.checkout-section .checkout-table-row .checkout-table-quantity {
  border: 1px solid #919191;
  padding: 4px 12px;
  margin-right: 5px;
}

.checkout-section .checkout-totals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #919191;
  padding: 18px 0;
  line-height: 2;
}

.checkout-section .checkout-totals .checkout-totals-right {
  text-align: right;
}

.checkout-section .checkout-totals .checkout-totals-total {
  font-weight: bold;
  font-size: 22px;
  line-height: 2.2;
}

.checkout-section .copy_billing_data_to_delivery {
  border: 1px solid black;
}

.checkout-totals table td {
  border: 0;
  padding: 0;
}

/**
* The CSS shown here will not be introduced in the Quickstart guide, but shows
* how you can use CSS to style your Element's container.
*/

.StripeElement {
  background-color: white;
  padding: 16px 16px;
  border: 1px solid #ccc;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#card-errors {
  color: #fa755a;
}

.thank-you-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.thank-you-section h1 {
  margin-bottom: 10px;
}

.search-results-container {
  min-height: 500px;
  margin: 20px auto;
}

.search-results-container a {
  color: darkblue;
}

.search-results-container a:hover {
  text-decoration: underline;
}

.search-results-count {
  margin-top: 20px;
  margin-bottom: 20px;
}

.search-results-container-algolia {
  min-height: 400px;
  margin: 40px 0;
  display: grid;
  grid-template-columns: 3fr 7fr;
  grid-gap: 20px;
}

.ais-hits--item .instantsearch-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ais-hits--item .instantsearch-result img {
  margin-right: 40px;
}

.ais-hits--item .result-details {
  color: #919191;
}

.ais-hits--item .result-price {
  margin-top: 6px;
  font-weight: 500;
}

.ais-hits--item .algolia-thumb-result {
  max-height: 50px;
}

.ais-hits--item hr {
  border: 0.5px solid #CDCDCD;
}

.ais-refinement-list--label {
  color: #212121 !important;
  font-size: 18px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ais-refinement-list--item {
  margin-bottom: 12px;
}

.ais-refinement-list--count {
  color: #212121 !important;
  background: rgba(39, 81, 108, 0.2) !important;
  margin-left: auto;
  margin-right: 57px;
}

.auth-pages {
  margin: 100px auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px;
  min-height: 60vh;
}

.auth-pages input {
  border: 1px solid #919191;
  padding: 16px 10px;
  border-radius: 5px;
  width: 100%;
  font-size: 14px;
  margin-bottom: 30px;
}

.auth-pages input[type="checkbox"] {
  width: auto;
}

.auth-pages .login-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.auth-pages .auth-button {
  background: #212121;
  color: #e9e9e9;
  border-radius: 5px;
  padding: 12px 50px;
}

.auth-pages .auth-button:hover {
  background: #3b3a3a;
}

.auth-pages .auth-button-hollow {
  background: white;
  color: #212121;
  border-radius: 5px;
  border: 1px solid #212121;
  padding: 12px 50px;
}

.auth-pages .auth-button-hollow:hover {
  background: #212121;
  color: #e9e9e9;
}

.auth-pages .auth-right {
  border-left: 1px solid #CDCDCD;
  padding-left: 100px;
}

.auth-pages .already-have-container {
  text-align: right;
}


/************* ANETSIMPLES *****************/

/* GERAL */

i {
  font-style: italic;
}

.main-container {
	padding-top: 3rem;
	padding-bottom: 6rem;
}

.stock-level {
	margin-bottom: 1.5rem;
}

.admin-links {
  padding-bottom: 15px;
  display: block;
}

.admin-links a {
  text-decoration: underline;
}

/*
.breadcrumb-separator::after {
  content: ' > ';
}*/

.breadcrumb-separator {
  margin-left: 2px;
  margin-right: 2px;
}

.page-item.active .page-link {
  background-color: #6c757d;
  border-color: #6c757d;
}

/* HEADER */

.top-nav .logo {
  /*background: url(/img/gaiatoparreira_logo.png) no-repeat;*/
  top: -5px;
  position: relative;
  background: url(/img/gaiato-parreira-logo.png) no-repeat;
  background-size: 270px;
  min-width: 270px;
  min-height: 110px;
  /*background: url(/img/logotipo.png) no-repeat;*/
	padding-left: 3.5rem;
}

.top-nav .logo a {
	text-decoration: none;
}

/*.top-nav .logo a:hover {
	color:white;
}*/

.navbar {
  padding: .2rem .2rem;
}

.navbar-nav {
  text-align: center;
  margin: auto;
}

.top-nav .navbar-expand-md {
  width: 100%;
}

.navbar-brand img {
  max-width: 255px;
  margin-top: 8px;
}

.nav-item {
  margin-right: 15px;
}

.top-nav .fa-shopping-cart {
	font-size: 1.7rem;
}


header .fa-shopping-cart {
  color: rgb(189, 246, 140);
}

header .top-nav-left .shopping-cart-icon {
  width:100px;
}

header .top-nav-left .cart-count {
  position: relative;
  left: 0px;
  top: -7px;
  background: rgb(189, 246, 140);
  /*width: 27px;  */
  /*line-height: 25px;*/
  text-align: center;
  display:inline-table;
  padding-bottom: 3px;

  background: transparent;
}

.phone-block-desktop {
  top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.phone-block .fa {
  color: #77bc1d;
  font-size: 1.5rem;
  margin-right: 10px;
}

.phone-block-mobile {
  display: none;
}

.phone-block a {
  color: white;
  font-weight: bold;
  color: #e4e4e4;
}

.phone-block a:hover,
.phone-block i:hover {
  color: rgb(189, 246, 140);
}


header .top-nav-left .cart-count span {
  font-size: 100%;
  /*font-size: .8vw;*/
  font-weight: bold;
}

header .top-nav-left a {
  font-size: 1rem;
}

.top-nav-right {
	margin-top: -5px;
}

/*
.top-nav-right a {
	font-size: .8rem;
}*/

.top-nav-right a {
	/*text-transform: none;*/
	font-size: .7rem !important;
}

header .top-nav-second {
  background-color: #2a2d36;
  line-height: 20px;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

header .top-nav-second .content {
  max-width: 1170px;
  margin: auto;
  text-align: center;
  padding: 20px 0 20px 0;
}

header .top-nav-second .content .nav {
  justify-content: center;
  display: flex;
}

header .top-nav-second .content .nav li {
  margin-right: 80px;
  text-transform: uppercase;
  font-weight: bold;
}

header .top-nav-right .fas,
header .top-nav-right .fab,
header .top-nav-second .content .nav .fas,
header .top-nav-second .content .nav .fab {
  color: white; display: block;
}

header .top-nav-right .fas,
header .top-nav-right .fab {
  text-align: center;
}

header .top-nav-second .content .nav li:last-child {
  margin-right: 0;
}

header .top-nav-second .content .nav a {
  color: white;
  font-weight: normal;
}

header .top-nav-second .content .nav a:hover {
  color: rgb(189, 246, 140);
  text-decoration: none;
}

header .top-nav-second .content .nav-main-item a {
  font-size: 1rem;
}

header .top-nav-second .content .active a {
  color: rgb(189, 246, 140);
  font-weight: bold;
}

header .top-nav-second .nav-client-item {
  font-weight: lighter;
  font-size: .8em;
}

.hero-buttons {
  text-transform: uppercase;
}

a.shopping-cart-icon {
	text-decoration: none;
}

.search-form #category_id {
  height: 46px;
  min-width: 150px;
}

.search-form .search-type-options {
  float: left;
  position: relative;
  height: 46px;
  padding-top: 10px;
  font-size: .95rem;
  padding-right: 20px;
}

.home .search-form .search-type-options {
  float: none;
}

.search-form .search-type-options .option-container {
  margin-right: 5px;
  color: #5d5d5d;
}

.search-modelos-results .modelos-container {
  margin: 80px auto 250px;
}

.search-modelos-results .modelos-row {
  margin-top: 20px;
}

.search-modelos-results .pagination {
  margin-top: 100px;
}

.search-modelos-results .modelos-row .modelo,
.search-modelos-results .modelo .fa-tractor,
.search-modelos-results .modelo .product-name {
  float: left;
  font-size: 1rem;
}

.product-identity {
  font-size: 14px;
}

.product-identity span {
  font-weight: bold;
}

.search-modelos-results .modelo {
  margin-bottom: 0px;
}

.search-modelos-results .modelo a:hover {
  color: #66a019;
}

.search-modelos-results .modelo .product-name {
  float: none;
  padding-left: 27px;
  word-break: break-all;
}

.search-modelos-results .modelo .product-name:hover {
  text-decoration: underline;
  text-underline-position: under;
}

.search-modelos-results .modelo .fa-tractor {
  margin: 4px 8px 0 0;
  font-size: 1rem;
}

.home #search-referencia .search-type-options {
  margin-bottom: 7px;
}

.home #search-referencia .option-container.referencia { 
  margin-left: -100px;
}

.search-form .search-type-options input[type="radio"] {
  margin-right: 5px;
  display: none;
}

.home .search-form .search-type-options input[type="radio"] {
  margin-left: 10px;
}

.search-form .search-type-options .option-container.active {
  font-weight: bold;
}

.search-form .search-type-options input[type="radio"]:nth-child(2) {
  margin-left: 10px;
}

.search-form .search-type-options .referencia {
  border-right: 1px solid #ccc;
  padding-right: 10px;
  margin-right: 12px;
}

.search-form .search-type-options label {
  text-underline-position: under;
}

.search-form .search-type-options label:hover {
  text-decoration: underline;
  cursor: pointer;
}

.search-form .search-box-container {
  float:left; 
  position: relative;
}

.sidebar ul {
  width: 90%;
  margin-left: 0;
}

.sidebar li {
  padding-left: 10px;
}

.sidebar li.active {
  background-color: var(--color-brand);
}

.sidebar .active a {
  color: #67941f;
  /*text-decoration: underline;*/
  color: white;
  font-weight: bold;
}

.sidebar .search-filter {
  margin-bottom: 40px;
}

.sidebar .product-type-filter {
  margin-bottom: 25px;
}

.sidebar .search-filter select {
  padding: 0px;
  padding-left: 7px;
  border-radius: 4px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar .search-filter h3 {
  margin-bottom: 10px;
  /*width:90%;
  text-align: center;*/
}

.sidebar .search-filter-btn {
  width: 90% !important;
  float: left;
  margin-bottom: 100px;
  background-color: #343a40;
}

.sidebar-mobile {
  margin-top: 80px;
  width: 100%;
  max-width: 100%;
}

.sidebar-mobile ul li {
  border-bottom: 1px solid #ececec;
  padding: 10px 0 10px 0;
}

.sidebar-mobile ul li:last-child {
  border-bottom: 0;
}

.sidebar-mobile ul li:first-child {
  border-top: 1px solid #ececec;
}

.sidebar-mobile ul li.active {
  border: 0;
  background-color: var(--color-brand);
}

.sidebar-mobile ul li.active a {
  color: white;
  font-weight: bolder;
}

.search-filter-btn.btn:visited {
  color: white !important;
}

.search-filter-btn:hover {
  background-color: var(--color-brand) !important;
  border: 1px solid var(--color-brand) !important;
}

/* ADMIN/CATEGORIAS */

.selected-category {
  padding: 24px 0;
  font-weight: bold;
}

.categoryBranch.active label {
  line-height: 1.5;
  padding: 6px 0;
}

.categoryBranch.active > .cat.third-level, 
.categoryBranch > .cat{
  display: none;
}

.categoryBranch.active > .cat,
.categoryBranch > .cat.first-level,
.categoryBranch.active > .cat.third-level-active, 
.categoryBranch.active > .cat.second-level {
  display: block;
}

.cat.first-level{
  padding: 0 0 6px 0px;
}

.cat.third-level,
.cat{
  padding: 0 0 0 20px;
}



/* HOME */

.home h1 {
  font-size: 34px;
  text-transform: uppercase;
}

.home .search-section {
  padding-top: 50px;
  padding-bottom: 40px;
}

.search-filter select {
  width:90%;
  height: 36px;
  padding-left: 10px;
}

.home .slider-container {
  width: 100%;
  background: #5f5f5f;
  max-height: 382px;
  margin:0;
  padding:0;
}

.home #slider {
  margin: auto;
  max-width: 1200px;
}

.home #slider .carousel-item {
  max-height: 382px !important;
}

.home #slider .carousel-item .titles-container {
  position: absolute;
  bottom: 0%;
  color: white;
  text-align: left;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  /*padding: 20px 0 10px 15%;*/
  padding: 1em 0 1em 10%;
}

.home #slider .carousel-item .title:hover,
.home #slider .carousel-item .subtitle:hover {
  color: rgb(189, 246, 140) !important;
}

.home #slider .carousel-item .title {
  font-size: 2.3rem;
  font-weight: normal;
  text-transform: uppercase;
  color: white;
  margin:0 0 5px 0;
  padding: 0;
  line-height: 1.3rem;
}

.home #slider .carousel-item .subtitle {
  font-size: 1.5rem;
  font-weight: lighter;
  margin:0;
  padding: 0;
}

.home #slider .carousel-indicators {
  display: none;
  margin-bottom: 25px;
}

.home #slider .carousel-indicators li {
  height: 20px;
}

.home .search-filter select {
  width:80%;
  /*text-align-last: center;
  text-align: center;*/
  color: #343a40;
  border-radius: 4px;
  border: 1px solid #bdbdbd;
}

.home .search-filter label {
  width: 75px;
  text-align: right;
  font-weight: bold;
  color: #535353;
  font-size: 1rem;
  padding-right: 4px;
}

/*.home .search-section h1 {
  color: #67941f;
}*/


.home .search-section h3,
.home .search-marcas h3 {
  margin-bottom: 25px;
}

.home .search-section .content h3 {
  color: #67941f;
  font-weight: 500;
  font-size: 1.07rem;
}

.home .search-section .texto {
  font-size: .95rem;
  margin-bottom: 20px;
}

.home .search-section .section-description {
  margin: auto;
}

.home .search-section .texto .img-container {
  margin-top: 30px;
}

.search-tabs-container {
  margin-top: 50px;
}

.search-tabs-container .nav-link.active {
  font-weight: bold;
  color: #66a019;
}

.home .search-modelo-container input[type="submit"] {
  margin-top: 20px;
  width: 100%;
  width: 80%;
  float: right;
  margin-right: 11px;
  display: none;
}

.home #search-referencia .submit-btn:hover {
  cursor: pointer;
  background-color: #67941f;
  color: white;
  border-color: #67941f;
  outline: 0;
}

.home #search-referencia .search-form {
  margin-top: 45px;
}

.home #search-referencia .submit-btn,
.search-marcas-submit-btn,
.home .search-section .submit-btn {
  height: 47px;
  vertical-align: bottom;
  width: 150px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.home .search-section .submit-btn:hover {
  background-color: var(--color-brand);
  color:white;
  border: 1px solid var(--color-brand);
}

.home #search-referencia #query,
.home #search-referencia .submit-btn,
.home .search-section #query,
.home .search-section .submit-btn {
  margin-bottom: 15px;
}

.home #search-referencia #query,
.home .search-section #query {
  border-radius: 4px;
  border: 1px solid #bdbdbd;
  height: 47px;
}

.home #vap-help-container {
  max-width: 400px;
  margin: auto;
}

.home #vap-help-container h3 {
  margin-bottom: 25px;
  padding-top: 15px;
  font-size: 1.3rem;
  line-height: 1.5rem;
}

.home #vap-help-container ol {
  margin-left: 25px;
}

.home #vap-help-container li {
  font-size: 1rem;
  text-align: left;
  list-style-type: decimal;
  margin-bottom: 10px;
}

.home .search-section #vapormatic-help {
  text-decoration: underline;
}

.home .search-section #vapormatic-help:hover {
  color: #67941f;
}

.home .search-section .text-center .content {
  margin-top: 20px;
}

.home .featured-section .product .image-container,
.shop .products-section .product .image-container,
.search-results .products-section .product .image-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  border: 1px solid black;
  margin-bottom: 20px;
  background-color: white;
  position: relative;
}

.catalog .products-section .products .product .image-container{
  width: 200px;
  height: 200px;
  padding: 12px;

  display: flex;
  align-items: center;
  justify-content: center;
  
  overflow: hidden;
}

.catalog .products-section .product .image-container img,
.catalog .products-section .product .image-container a {
  padding: 0;
}

.catalog .products-section .products .product a{
  text-decoration: none;
}

.catalog .products-section .product .image-container .fa-tractor::before{
  content: "\f722";
  font-size: 72px;
  color: var(--color-brand);
  filter: none;
}

/*
.products-container .default-image {
  max-height: 54.7% !important;
  overflow: hidden;
}

.products-container .default-image img {
  padding: 0 !important;
}
*/

.home .featured-section .product .image-container:hover,
.shop .products-section .product .image-container:hover,
.search-results .products-section .product .image-container:hover {
  border: 1px solid var(--color-brand);
}

.catalog .products-section .product .image-container:hover {
  filter:opacity(80%);
}

.home .featured-section .product .image-container a,
.shop .products-section .product .image-container a,
.search-results .products-section .product .image-container a {
  width: 100%;
}

.home .featured-section .product img,
.shop .products-section .product img,
.search-results .products-section .product img {
  padding: 25px;
  padding-top:15%;
  padding-bottom:15%;
}

.home .featured-section .product img.default,
.shop .products-section .product img.default,
.search-results .products-section .product img.default {
  padding: 0;
}



.home .featured-section .product-price,
.shop .products-section .product-price,
.search-results .products-section .product-price {
  background-color: var(--color-brand);
  color: white !important;
  position: absolute;
  bottom: 7px;
  right: 0;
  padding: 0 5px 0 10px;
}

/*.home .products-container .product {
  max-width: 200px;
}*/

.home .featured-section .product-name:hover {
  color: #67941f;
}

.home .see-more-products-container .button {
  color: white;
  background-color: #343a40;
  border-radius: .3rem;
  border-color: #343a40;
}

.home .see-more-products-container .button:hover {
  color: white;
  background-color: #67941f;
  text-decoration: none;
  border: 1px solid #67941f;
}

.home .search-marcas {
  max-width: 550px;
  margin: auto;
  margin-bottom: 45px;
  padding: 0 20px 0 20px;
  padding-top: 35px;
}

.home .search-section h3,
.home .search-marcas h3 {
  font-weight: bold;
}

.home .search-marcas .search-filter {
 margin: 10px 0 20px 0;
}

.home .search-marcas select {
  max-width: 100%;
}

.search-serie-container,
.search-modelo-container,
.shop .search-categoria-container,
body.search-results .search-categoria-container {
  display: none;
}

.search-categoria-container {
  max-width: 940px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.search-categoria-container ul {
  text-align: center;
}

.search-categoria-container li {
  display: inline-block;
  font-size: 1rem;
  width: 100px;
  height: 100px;
  text-align: center;
  vertical-align: top;
  /*padding: 0 26px 0 26px;*/
  margin: 0 10px 0 10px;
  margin-top: 20px;
}

.search-categoria-container li:first-child {
  padding-left: 0;
}

.search-categoria-container li:last-child {
  padding-right: 0;
}

.search-categoria-container a {
  display: block;
  max-width: 100px;
  text-decoration: none;
}

.search-categoria-container label:hover {
  cursor: pointer;
}

.search-categoria-container li:hover,
.search-categoria-container img:hover {
  /*-webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);*/
  filter: invert(61%) sepia(81%) saturate(437%) hue-rotate(44deg) brightness(92%) contrast(89%);
  font-weight: bold;
}

.search-categoria-container img {
  width: 40px;
}

/* PRODUTOS */

.shop .stylish-heading {
  font-size: 1.7rem;
  text-transform: uppercase;
}

.shop .search-filter h3 {
  text-transform: uppercase;
}

.shop .categorias-filter .cat {
  margin: 0;
  cursor: pointer;
}

.shop .categorias-filter input {
  display: none;
}

.shop .categorias-filter label {
  display: flex;
  flex-direction: row;
  width: 90%;
  padding: 8px 10px;
  cursor: pointer;
  line-height: inherit;
  text-align: left;
}

.shop .categorias-filter .cats-second-level select {
  margin-top: 16px;
}

.shop .categorias-filter label::before {
  content: "•";
  display: block;
  color: black;
  margin-top: -4px;
  font-size: 20px;
  padding-right: 8px;
}

.shop .categorias-filter label.active::before {
  content: " ";
}

.shop .categorias-filter label:hover,
.shop .categorias-filter label.active {
  background-color: #6c757d;
  font-weight: 500;
  color: white;
  width: 90%;
  font-size: 18px;
}

.shop .categorias-filter label:hover {
 background-color: var(--color-brand);
}

.preco-sob-consulta {
  font-size: 1rem;
}

.featured-list-title {
  width: 300px;
  margin-bottom: 80px;
  color: var(--color-brand);
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: -30px;
  border-left: 7px solid var(--color-brand);
  padding-left: 10px;
  text-transform: uppercase;  
}

.products-section .sort-filter .active {
  /*text-decoration: underline;*/
  color: var(--color-brand) !important;
  font-weight: 400;
}

.search-results-breadcrumb {
  font-size: 1.0rem;
  color: #535353;
  margin-bottom: 40px;
  margin-top: -35px;
}

/* PRODUTO (single) */

.product-single .main-container {
  min-height: 622px;
}

.product-single .produtos-associados-section .nav-item {
  margin-left: 0;
  margin-right: 0;
}

.product-single .produtos-associados-section .nav-link {
  min-width: 250px;
  text-align: center;
}

.product-single .produtos-associados-section .nav-link:first-child {
  border-left: 1px solid #dee2e6;
}

.product-single .produtos-associados-section .nav-link:not(.active) {
  border-right: 1px solid #CCC;
  border-top: 1px solid #dee2e6;
}

.product-single .produtos-associados-section .nav-link:not(.active):hover {
  font-weight: 400;
  color: #28a745;
}

.product-single .produtos-associados-section .nav-link.active {
  background-color: #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
  font-weight: bold;
}

.product-single .tab-content {
  min-height: 450px;
  background-color: #f5f5f5;
}

.product-single #product-details .might-like-section .might-like-grid {
  grid-template-columns: none;
}

.product-single #product-details table {
  width: 100%;
  font-size: 1rem;
}

.product-single #product-details table td {
  border: 1px solid #ccc;
  padding: 5px 10px 5px 15px;
}

.product-single #product-details table td.label {
  width: 37%;
  font-weight: bolder;
  color: #343a40;
}


.product-single #products-cross-references .might-like-section .might-like-grid {
  grid-template-columns: none;
}

.product-single #products-cross-references table {
  width: 100%;
  font-size: 1rem;
}

.product-single #products-cross-references table td {
  border: 1px solid #ccc;
  padding: 5px 10px 5px 15px;
}

.product-single #products-cross-references .might-like-section {
  overflow-x: auto;
}

.product-single #products-cross-references table td.label {
  width: 37%;
  font-weight: bolder;
  color: #343a40;
}

.product-single #products-cross-references .cross-references-section {
  overflow-x: auto;
  padding: 40px 0 70px;
  background: #F5F5F5;
}

.product-single #products-cross-references .cross-references-section .cross-references-grid {
  grid-template-columns: none;
}

.product-single #product-brand-models .brand-models-section {
  padding: 40px 0 70px;
  background: #F5F5F5;
}

.accordion-collapsible {
  border: 1px solid lightgray;
  border-radius: 3px;
}

.accordion-collapsible:not(:last-child) {
  border-bottom: none;
}

.collapsible-header {
  background-color: rgb(243, 242, 242);
  display: flex;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}

.collapsible-header::after {
  content: '+';
  position: relative;
  right: 10px;
}

.collapsible-content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 5s, opacity 1s;
}

.collapsible-open .collapsible-header::after {
  content: '-';
}

.collapsible-open .collapsible-content {
  height: auto !important;
  opacity: 1;
}

/* Content styles - To make inner content look better */
.collapsible-header p {
  font-size: medium;
  font-weight: 500;
  padding-left: 10px;
}

.collapsible-header-categories {
  background-color: rgb(243, 242, 242);
  display: flex;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}

.collapsible-header-categories::after {
  content: '+';
  position: relative;
  right: 10px;
}

.collapsible-open-categories .collapsible-header-categories::after {
  content: '-';
}

.collapsible-open-categories .collapsible-content {
  height: auto !important;
  opacity: 1;
}

/* Content styles - To make inner content look better */
.collapsible-header-categories p {
  font-size: medium;
  font-weight: 500;
  padding-left: 10px;
}

.collapsible-content div {
  font-size: small;
  margin: 10px;
}

.collapsible-content div ul {
  padding: 10px 30px;
}

.product-single .product-login {
  text-decoration: none;
}

.product-single .product-login:hover {
  background-color: #212529;
  color: white;
}

.tax-included {
  font-size: .75rem;
    font-weight: normal;
    margin-left: 5px;
}

.product-section-title {
  margin-bottom: 25px;
}

.stock-level {
  margin-top: 10px;
}
.add-to-cart .fa-shopping-cart {
	margin-right: .8rem;
}

.add-to-cart .fa-shopping-cart:hover {
	color: rgb(189, 246, 140);
}

.solicitar-preco {
  font-size: 1rem;
  font-weight: normal;
}

/* CART */

.cart .cart-section {
  min-height: 400px;
}


/* CHECKOUT */

.form-group.required label:after {
  content:" *";
  color:red;
}

.form-group.required.billing_postalcode_local label:after,
.form-group.required.delivery_postalcode_local label:after {
  content:"";
}

.form-group.required #billing_postalcode::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */
.form-group.required #delivery_postalcode::placeholder,
.form-group.required.billing_postalcode_local ::placeholder,
.form-group.required.delivery_postalcode_local ::placeholder {
  color: #ccc;
  opacity: 1; /* Firefox */
}

.form-group.required #billing_postalcode:-ms-input-placeholder, /* Internet Explorer 10-11 */
.form-group.required #delivery_postalcode:-ms-input-placeholder,
.form-group.required.billing_postalcode_local :-ms-input-placeholder,
.form-group.required.delivery_postalcode_local :-ms-input-placeholder {
  color: #ccc;
}

.form-group.required #billing_postalcode::-ms-input-placeholder, /* Microsoft Edge */
.form-group.required #delivery_postalcode::-ms-input-placeholder,
.form-group.required.billing_postalcode_local ::-ms-input-placeholder,
.form-group.required.delivery_postalcode_local ::-ms-input-placeholder {
  color: #ccc;
}

/* ORDERS - single (Frontoffice) */

.client-area .client-info {
  margin-bottom: 40px;
}

.client-area .client-info .panel-bordered {
  padding: 20px !important;
  border: 1px solid #ccc;
  margin-bottom: 25px;
  border-radius: 4px;
  font-size: 1rem;
}

.client-area .client-info .panel-bordered b {
  font-weight: normal;
}

.client-area .panel-delivery-address {
  margin-left: 5px;
}

.client-area.order .panel-title {
  padding-bottom: 20px;
  display: block;
  /*padding: 20px 30px 20px 15px;*/
  font-size: 18px;
  text-align: left;
  color: #37474f;
  margin-top: 0;
  font-weight: 500;
  line-height: 1.1;
}

.client-area .orders-section tbody td {
  font-size: 1.06rem;
}

.client-area .orders-section th,
.client-area.order th {
  border-bottom: none;
}

.client-area .orders-section td.status {
  font-size: .95rem;
}

.client-area .orders-section .cancelled,
.client-area .orders-section .cancelled a {
  color: #afafaf;
}

.client-area .orders-section .shipped .status a {
  color: green;
  font-weight: bold;
}

.client-area .panel-order-status {
  margin-left: 15px;
}

.client-area .totals-line {
  line-height: .8rem;
}

.client-area .panel-order-date {
  font-size: 1rem;
  margin-top: 40px;
}

.client-area .panel-order-date .panel-body {
  text-align: right;
  padding-right: 52px;
}

.client-area.account-edit button[type="submit"]{
  background-color: var(--color-brand);
}

.client-area.account-edit button[type="submit"]:hover{
  background-color: #212121;
}

.client-area.quick-order .table.quick-order th,
.client-area.quick-order .table.quick-order td {
  text-align: center;
}

.client-area.quick-order .product_quantity {
  width: 65px;
} 

.client-area.quick-order .table.quick-order .fa-trash-alt {
  font-size: 20px;
  margin-top: 6px;
}

.client-area.quick-order .table.quick-order .fa-trash-alt:hover {
  cursor: pointer;
  color: #77bc1d;
}

.client-area.quick-order .table.quick-order th {
  font-size: 1rem;
}

.client-area.quick-order .table.quick-order input[type="text"] {
  text-align: center;
}

.client-area.quick-order .add-row-btn-container {
  width: 100%;
  padding-top: 30px;
  text-align: left;
}

.client-area.quick-order .create-order-btn-container {
  width: 100%;
  margin-top: 30px;
}

.client-area.quick-order .create-order-btn-container .wrapper {
  width: 35%;
  margin: auto;
}

.client-area.quick-order .add-row-btn {
  font-size: 1rem;
}

.client-area.quick-order .create-order-btn {
  width: 100%;
  margin: auto;
  background-color: var(--color-brand);
  border: var(--color-brand);
  font-size: 18px;
}

.client-area.quick-order .create-order-btn:hover {
  background-color: #212121;
}

.client-area.quick-order .note {
  color: rgb(156, 156, 156);
  width:100%;
  text-align: right;
  margin-top: 20px;
  font-size:.9rem;
  margin-bottom:15px;
}


.client-area.quick-order .icon-col {
  width: 50px;
}

.client-area.quick-order .info a {
  text-decoration: underline;
}

.client-area.quick-order th.reference {
  width: 300px;
}

.client-area.quick-order .product_reference {
  width: 100%;
}

.client-area.quick-order .price-type-filter {
  width: 100%;
  float: left;
  margin-bottom: 45px;
}

.client-area.quick-order .price-type-filter {
  display: none;
}

.client-area.quick-order .price-type-filter .wrapper{
  width: 75%;
  margin: auto;
  text-align: center;
}

.client-area.quick-order .price-type-filter .options {
  width: 185px;
  margin: auto;
}

.client-area.quick-order .price-type-filter .option {
  float: left;
  font-size: 1rem;
  margin-top: 15px;
}

.client-area.quick-order .price-type-filter .option input {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
}

.client-area.quick-order .price-type-filter .option label {
  margin-left: 10px;
}

.client-area.quick-order .price-type-filter .option.urgent {
  margin-right: 20px;
  padding-right:20px;
}

.client-area.quick-order .price-type-filter .option.active {
  font-weight: bold;
}

.client-area.quick-order .price-type-filter .option.stock {

}

/* CONTACTOS */

.contacts .submit-btn-container {
  width: 100%;
  display: flex;
}

.contacts .submit-btn-container button[type="submit"] {
  background-color:var(--color-brand);
  margin: auto;
  margin-top: 10px;
  width: 200px;
}

.contacts .submit-btn-container button[type="submit"]:hover {
  background-color: #212529;
}

.form-rgpd-info {
  float: left;
}

.form-rgpd-info ol {
  font-size: .8em;
  margin-left: 18px;
}

.form-rgpd-info li {
  list-style: decimal;
  margin-bottom: 10px;
}

.rgpd-checkboxes input[type="checkbox"] {
  float: left;
  transform: scale(1.5);
  margin: 7px 5px 10px 0;
}

.rgpd-checkboxes .accept-line {
  margin: 30px 0 20px 0;
}

.rgpd-checkboxes label {
  float: left;
  width: 85%;
}
  
.rgpd-checkboxes label:last-child {
  margin-bottom: 30px;
}

.call-rgpd-msg {
  font-size: 1rem;
  font-style: italic;
}

.call-rgpd-msg-header {
  font-size: 0.75rem;
  font-style: italic;
  color: #e4e4e4;
  letter-spacing: 0;
}

.checkbox-container {
  width: 30px;
}

/* Cookie consent */

.cookie-consent {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 153, 0, 0.87);
  color: white;
  text-align: center;
  z-index: 100;
  padding: 15px;
  color: black;
  font-weight: 400;
  font-size: .9rem;
  display: inline-table;
}

.cookie-consent a:hover {
  color: white;
}

.js-cookie-consent {
  padding-bottom: 30px;
  padding-top: 30px;
 
}

.js-cookie-consent .buttons {
  margin-bottom: 35px;
}

.js-cookie-consent .button {
  width: 275px;
  margin: auto;
  margin-bottom: 25px;
  margin-right: 10px;
}

.js-cookie-consent a.button {
  padding-top: 15px;
  padding-bottom: 15px;
}

.js-cookie-consent .cookie-consent__message {
  display: block;
  margin-bottom: 20px;
  font-size: 1.02rem;
}

.js-cookie-consent-agree,
.js-cookie-consent-reject,
.js-cookie-consent .cookie-consent__config,
.js-cookie-consent .cookie-consent__read_policy {
  cursor: pointer;
  color: black;
  border-color: black;
  outline: 0;
  
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #77bc1d;
  font-weight: bold;
  border: 1px solid black;
}

#js_cookie_config_container .button {
  font-weight: bold;
}

.js-cookie-consent-agree,
.js-cookie-consent-reject {
  /*background-color: var(--color-brand);*/
  background-color: white;
}

.js-cookie-consent-agree:hover,
.js-cookie-consent-reject:hover {
 /* background-color: #67941f;*/
  background-color: #343a40;
  color: white;
  border: 1px solid  #343a40;
}

.js-cookie-consent .cookie-consent__config,
.js-cookie-consent .cookie-consent__read_policy {
  background-color: white;
  color: black;
}

.js-cookie-consent .cookie-consent__config:hover,
.js-cookie-consent .cookie-consent__read_policy:hover {
  background-color: #343a40;
  color: white;
  text-decoration: none;
}

.js-cookie-config-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 100%;*/
  z-index: 100;
  background-color: rgba(129, 112, 112, 0.438);
}

.nav.footer-cookies-nav {
  max-width: 257px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.fancybox-content {
  height: 100% !important;
}

.js-cookie-config-list {
  /*
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  */
  width: 60%;
  margin: auto;
  background-color: white;
  padding: 50px;
  border-radius: 5px;
}

.js-cookie-config-list h3 {
  font-weight: bold;
  margin-top: 10px;
}

.js-cookie-config-list p {
  font-size: 1rem;
  margin-bottom: 35px;
}

.js-cookie-config-list .button {
  font-size: .9rem;
}

.js-cookie-config-list .title {
  font-weight: bold;
  border-bottom: 1px solid grey;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.js-cookie-config-list .option-text {
  float: left;
}

.js-cookie-config-list ul {
  margin-top: 20px;
  font-size: .99rem;
  margin-bottom: 20px;
  display: block;
}

.js-cookie-config-list li {
    float: left;
    width: 100%;
    margin-bottom: 26px;
}

.js-cookie-config-list input[type="checkbox"] {
  float: left;
  margin-right: 15px;
  margin-top: 6px;
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
}

.js-cookie-config-list .save-cookies-config {
  /*background-color: var(--color-brand);*/
  background-color: white;
  color: black;
  /*width: 200px;
  margin: auto;
  display: block;*/
  border-radius: 4px;
}

.js-cookie-config-list .save-cookies-config:hover {
  background-color: #343a40;
  color: white;
  border: 1px solid  #343a40;
}

.js-cookie-config-list .cookie-consent__read_policy {
  font-size: .97rem;
  text-decoration: underline;
  margin-left: 15px;
}

.save-cookies-config:hover {
  cursor: pointer;
  color: white;
}

.js-cookie-config-list ul ul {
  list-style-type: disc;
  margin-left: 30px;
}

.js-cookie-config-list ul ul li {
  margin: 0;
}

.js-cookie-config-list .option-text {
  width: 88%;
}

/* Política de Privacidade | Política de Cookies | Termos e Condições */

.politica-de-privacidade .data,
.politica-de-cookies .data,
.termos-e-condicoes .data {
  font-weight: normal;
}

.politica-de-privacidade .content ul,
.politica-de-cookies .content ul,
.termos-e-condicoes .content ul {
  list-style: disc;
  margin-left: 20px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.politica-de-privacidade .content li,
.politica-de-cookies .content li,
.termos-e-condicoes .content li {
  padding-bottom: 10px;
}

.politica-de-privacidade h2,
.politica-de-cookies h2,
.termos-e-condicoes h2 {
  margin-top: 35px;
  margin-bottom: 15px;
}

.politica-de-privacidade h3,
.politica-de-cookies h3,
.termos-e-condicoes h3 {
  font-size: 19px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
}

.politica-de-privacidade h4,
.politica-de-cookies h4,
.termos-e-condicoes h4 {
  margin-top: 25px;
  margin-bottom: 10px;
}

.politica-de-privacidade b,
.politica-de-cookies b,
.termos-e-condicoes b {
  font-weight: bold;
}

.politica-de-privacidade .indent,
.politica-de-cookies .indent,
.termos-e-condicoes .indent {
  margin-left: 20px;
}

.decimal-list {
  list-style: decimal;
  margin-left: 20px;
}

.alphabetical-list {
  list-style: lower-latin;
  margin-left: 20px;
}

.roman-list {
  list-style:lower-roman;
  margin-left: 20px;
}

.inner-list {
  margin-top: 20px;
  margin-left: 35px;
}

.list-table {
  border:1px solid #CCC;
  margin-bottom: 40px;
}

.list-table thead td {
  font-weight: bold;
}

.list-table td {
  border:1px solid #CCC;
  padding: 10px;
}

.list-table a {
  text-decoration: underline;
}

.list-table img {
  padding-top: 2px;
  display: block;
  float: left;
  margin-right: 5px;
}

/***************** Loading **********************/

#active-loading{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ffffffb8;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

/***************** Button search products mobile **********************/
.btn-search-submit{
  margin: 12px 0; 
  padding: 10px 12px 10px 12px;
  width: 400px;
  max-width: 100%;
  font-size: 14px;
  background-color: #77bc1d;
  color: #fff;
  border: 0;
  display: none;
}

/******* Comment Product ********/

.comment-list {
  display: grid;
  gap: 16px;
  padding-top: 32px;
}

.comment-list  li {
  max-width: 1176px;
  background: #d9ffe2;
  padding: 16px;
  border-radius: 8px;
}

.comment-list  li header {
  background: transparent;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.comment-list  li header h5{
  font-weight: 500;
}

.comment-list li header div a{
  color: #FFF;
}

.comment-list  li p{
  max-width: 1120px;
  word-wrap: break-word;
  margin: 16px;
}

.comment-list  li span{
  font-size: 14px;
}

.comment-form {
  display: flex;
  flex-direction: column;

  padding: 32px 0;
  gap: 12px;
}

.comment-form span {
  font-size: 16px;
}

.comment-form textarea {
  height: 100px;
}

.comment-form input[type="submit"] {
  width: 150px;
}

.comment-form input[type="radio"] {
  width: 25px;
}

.comment-edit, 
.comment-delete {
  color: #FFF !important;
}

.comment-template {
  display: none;
}

.comment-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.comment-footer .comment-important {
  display: flex;
  align-items: center;
  background: #fff;
  color: #000;
}
.comment-footer .comment-important p{
  padding: 8px 16px;
  margin: 0;
  font-weight: 700;
}

/******* Fonts ********/

.title-1 {
  font-size: 42px;
  line-height: 100%;
  font-family: 'Montserrat', 'sans-serif';
  font-weight: 500;
}

.title-1-bold {
  font-size: 42px;
  line-height: 100%;
  font-family: 'Montserrat', 'sans-serif';
  font-weight: 700;
}

.title-2 {
  font-size: 36px;
  line-height: 100%;
  font-family: 'Montserrat', 'sans-serif';
}

.title-2-bold {
  font-size: 36px;
  line-height: 100%;
  font-family: 'Montserrat', 'sans-serif';
  font-weight: 700;
}

.title-3 {
  font-size: 28px;
  line-height: 100%;
  font-family: 'Montserrat', 'sans-serif';
}

.title-3-bold {
  font-size: 28px;
  line-height: 100%;
  font-family: 'Montserrat', 'sans-serif';
  font-weight: 700;
}

.title-4 {
  font-size: 20px;
  line-height: 100%;
  font-family: 'Montserrat', 'sans-serif';
}

.title-4-bold {
  font-size: 20px;
  line-height: 100%;
  font-family: 'Montserrat', 'sans-serif';
  font-weight: 700;
}

.body-text {
  font-size: 18px;
  line-height: 140%;
  font-weight: 400;
  font-family: 'Roboto', 'sans-serif';
}

.body-text-bold-news {
  font-size: 18px;
  line-height: 160%;
  font-weight: 700;
  font-family: 'Roboto', 'sans-serif';
}

.body-text-bold {
  font-size: 18px;
  line-height: 140%;
  font-weight: 700;
  font-family: 'Roboto', 'sans-serif';
}

.body-text-large {
  font-size: 24px;
  line-height: 140%;
  font-weight: 400;
  font-family: 'Roboto', 'sans-serif';
}

.body-text-small {
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  font-family: 'Roboto', 'sans-serif';
}

.body-text-small-bold {
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
  font-family: 'Roboto', 'sans-serif';
}

.label-text {
  font-size: 12px;
  line-height: 160%;
  font-weight: 700;
  font-family: 'Roboto', 'sans-serif';
}

/******* Global ********/

.action-btn {
  background-color: var(--color-action);
  padding: 16px 32px;
  border-radius: 8px;
  display: inline-block;
  transition: background-color 0.3s ease, filter 0.3s ease;
}

.action-btn:hover {
  background-color: var(--color-action);
  cursor: pointer;
  filter: brightness(.9);
}

.action-btn-secondary {
  background-color: var(--color-dark);
  color: var(--color-white);
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding: 8px 20px;
  border-radius: 8px;
  display: inline-block;
  transition: background-color 0.3s ease, filter 0.3s ease;
}

.action-btn-secondary:hover {
  background-color: var(--color-dark);
  cursor: pointer;
  filter: brightness(.9);
}

.action-btn-green {
  width: 225px;
  display: inline-block;
  background-color: var(--color-brand);
  color: var(--color-white);
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding: 8px 20px;
  margin: auto;
  margin-top: 49px;
  border-radius: 8px;
  transition: background-color 0.3s ease, filter 0.3s ease;
}

.action-btn-green:hover {
  background-color: var(--color-brand);
  cursor: pointer;
  filter: brightness(.9);
}

.action-btn-alternative {
  display: inline-block;
  color: var(--color-dark);
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 20px;
  border: 1px solid var(--color-dark);
  border-radius: 8px;
  transition: background-color 0.3s ease, filter 0.3s ease;
}

.action-btn-alternative:hover {
  cursor: pointer;
  filter: brightness(.9);
}

/******* New Home *******/

.alert-message-popup {
  text-align: center;
  background-color: var(--color-brand);
  color: var(--color-white);
  padding: 9px;
}

.close-popup {
  position: absolute;
  margin-left: 15px;
  color: white;
  font-weight: bold;
  right: 16px;
  cursor: pointer;
}

.contact-info {
  color: #FFF;
}

.contact-info span {
  color: #B8C1CC;
}

.call-text-tablet-mobile {
  display: none;
}

#header-menu-categories {
  cursor: pointer;
}

.overlay-menu-categories {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  opacity: 0; /* Inicialmente invisível */
  visibility: hidden; /* Esconde da visualização inicial */
  transition: opacity 0.5s ease; /* Transição suave de opacidade */
}
.menu-categories {
  width: 360px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--color-white);
  z-index: 1;
  opacity: 0; /* Inicialmente invisível */
  visibility: hidden; /* Esconde da visualização inicial */
  transition: opacity 0.5s ease; /* Transição suave de opacidade */
  overflow-y: scroll;
}

.menu-categories::-webkit-scrollbar {
  width: 3px;
  height: 3px; /* A altura só é vista quando a rolagem é horizontal */
}

.menu-categories::-webkit-scrollbar-track {
  background: transparent;
  padding: 2px;
}

.menu-categories::-webkit-scrollbar-thumb {
  background-color: var(--color-medium);
}

.overlay-menu-categories.active, .menu-categories.active {
  opacity: 1; /* Torna visível */
  visibility: visible; /* Mostra na visualização */
}

.header-menu-categories-logo {
  height: 88px;
  background-color: var(--color-light);
  padding: 24px;
}

.close-icon {
  cursor: pointer;
}

.menu-categories-content-title {
  color: var(--color-brand);
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-medium);
}

.menu-categories-content>.menu-categories-content-title {
  padding-top: 20px;
}

.menu-categories-content-item {
  padding: 12px 0;
  border-bottom: 1px solid var(--color-medium);
}

.menu-categories-content {
  padding: 12px 28px;
}

.menu-global-mobile {
  display: none;
}

.menu-global-mobile a {
  padding-left: 0;
}

.header-newsletter {
  background-color: var(--color-brand);
  padding: 40px;
}

.header-newsletter form input {
  border: 0;
}

.header-main-bar {
  height: 94px;
}

.header-search-bar {
  background-color: var(--color-light);
  padding: 9px 25px;
  height: 56px;
  border-radius: 56px;
  transition: box-shadow 0.3s ease;
}

.header-search-bar input {
  background-color: transparent;
  border: 0;
  outline: none;
  width: 60%; 
  border-right: 2px solid var(--color-white);
}

.header-search-bar input:focus {
  outline: none; /* Remove a borda padrão de foco */
  box-shadow: none; /* Remove o efeito de sombra no foco */
  background-color: var(--color-light);
  border-right: 2px solid var(--color-white);
}

.header-search-bar:focus-within {
  box-shadow: 0 0 0 2px var(--color-medium); /* Mude a cor para a que desejar */
}

.search-type-options {
  display: flex;
  align-items: center;
}

.option-container {
  padding: 6px 12px; /* Aplica o padding conforme no seu estilo anterior */
  border-radius: 8px; /* Adiciona o border-radius para o estilo ativo */
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-right: 6px;
  margin-left: 8px;
}

.option-container input[type="radio"] {
  display: none; /* Esconde o input radio */
}

.option-container.active {
  background-color: var(--color-white); /* Aplica a cor de fundo quando ativo */
}

.option-container span {
  margin-left: 5px; /* Espaço entre o rádio e o texto */
}

.home-search-type {
  gap: 8px;
}

.header-search-icon {
  max-width: initial;
}

.home-search-type:hover {
  cursor: pointer;
}

.header-search-button {
  padding: 8px 25px;
  background-color: var(--color-dark);
  border-radius: 26px;
  transition: all 0.5s ease-in;
}

.header-search-button:hover {
  cursor: pointer;
  filter: opacity(0.9);
}

.total-items-cart {
  background-color: var(--color-action);
  color: var(--color-white);
  padding: 0px 6px;
  border-radius: 100%;

  position: absolute;
  top: -7px;
  right: -12px;
}

.home-hero {
  background-image: url("/img/hero.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 70vh;
}

.home-hero-text {
  width: 35%;
}

.home-products {
  background-color: var(--color-light);
}

.filter-products {
  background-color: var(--color-brand);
  margin-top: -50px;
  padding: 22px;
  border-radius: 24px;
}

.filter-products-header {
  padding-bottom: 20px;
}

.featured-product-item {
  text-transform: uppercase;
  padding: 8px 16px;
  margin: 0 4px;
  border: var(--color-white) 1px solid;
  border-radius: 16px;
}

.featured-brand-item {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 16px;
  margin: 0 2px;
  border: var(--color-dark) 3px solid;
  border-radius: 32px;
}

.home #brandCarousel .carousel-item>div {
  gap: 12px;
  height: 80px;
}

.featured-product-item:hover {
  background-color: var(--color-white);
  color: var(--color-brand) !important;
  cursor: pointer;
}

.featured-brand-item:hover {
  color: var(--color-brand) !important;
  border-color: var(--color-brand);
  cursor: pointer;
}

.filter-products-body {
  gap: 24px;
}

.filter-products-body select {
  padding: 8px;
  border: 0;
  border-radius: 4px;
  max-width: 100%; /* Ajusta conforme necessário */
  width: 100%; /* Para o tamanho ocupar todo o espaço disponível */
  overflow: hidden; /* Esconde o overflow */
  text-overflow: ellipsis; /* Adiciona reticências ao texto longo */
  white-space: nowrap; /* Impede a quebra de linha */
}

.featured-section{
  padding: 60px 0;
}

.home-brands {
  padding: 50px 0;
}

.home-brands>div>div {
  gap: 16px;
}

.home-brands>div>div>div {
  gap: 30px;
}

.home-tractors {
  background-image: url("/img/tractors.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 170px 86px;
}

.home-tractors-text {
  width: 360px;
  gap: 32px;
}

.home-services {
  background-color: var(--color-dark);
  padding: 60px 0;
}

.home-services>div {
  gap: 24px;
}

.home-services>div>div>img {
  max-width: fit-content;
}

.home-news header {
  background-color: var(--color-light);
  padding: 56px 0 24px 0;
}

.home-news-grid {
  display: grid;
  grid-template-columns: 60% 1fr;
  margin: 35px 0 70px 0;
}

.home-main-news {
  padding-right: 26px;
  border-right: 4px solid var(--color-medium);
}

.home-main-news img {
  width: 340px;
}

.home-news-category {
  color: var(--color-brand);
}

.home-other-news-content span,
.home-main-news-content span{
  color: var(--color-medium);
}

.home-other-news-content {
  margin-left: 26px;
  padding: 15px 0;
}

.home-other-news-content:not(:last-child) {
  border-bottom: 1px solid var(--color-medium);
}

/******* Footer *******/

footer {
  position: relative;
  background-image: url('/img/background-footer.png');
  background-size: cover;
  padding: 56px 0 12px 0;
  margin-top: 150px;
}

.home footer {
  margin-top: 0;
}

.footer-newsletter {
  width: 415px;
  background-color: var(--color-brand);
  padding: 40px;
  border-radius: 16px 0 0 16px;

  position: absolute;
  right: 0;
  top: 56px;
}

.footer-newsletter form input {
  border: 0;
}

.footer-phone-number {
  background-color: #000;
  color: #FFF;
  margin-top: 16px;
  padding: 9px 28px;
  border-radius: 30px;
}

.container-search-mobile {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: var(--color-light);
  z-index: 2;
}

.container-search-mobile form{
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 60px;
  gap: 45px;
}

.container-search-mobile form input {
  border-radius: 20px;
  padding-left: 24px;
  border: 0;
}

.container-search-mobile  .header-search-button {
  gap: 12px;
}

.container-search-mobile .button-search-mobile {
  display: flex;
  justify-content: center;
}

.search-mobile-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
}

.container-search-mobile,
#searchMobile {
  display: none;
}

.whatsapp-float {
  position: fixed;
  width: 60px;  /* Aumentado de 40px para 60px */
  height: 60px; /* Aumentado de 40px para 60px */
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

/* Se for usar Font Awesome */
.whatsapp-float .fa-whatsapp {
  font-size: 60px; /* Aumentado de 40px para 60px */
  color: #25D366;
}


/******* MOBILE *******/


@media (max-width: 394px) {

  .home .search-tabs-container .nav-tabs {
    border: 0;
  }
  
  .home .search-tabs-container .nav-tabs .nav-item {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #eaeaea;
  }

  .home .search-tabs-container .nav-tabs .nav-item a {
    color: #acacac;
  }

  .home .search-tabs-container .nav-tabs .nav-item:last-child {
    /*border: 0;*/
    margin-bottom: 15px;
  }

  .home .search-tabs-container .nav-tabs .nav-item.active {
    border: 0;
  }

  .home .search-tabs-container .nav-tabs .nav-item.active a {
    color: #535353;
    background-color: #bdf68c;
    border: 0;
  }

 .shop .stylish-heading {
    padding-top: 10px;
    margin-bottom: 40px;
  }

  .stylish-heading,
  #page-title {
    font-size: 1.5rem !important;
    text-transform: uppercase;
    padding-top:10px;
  }

  .shop .products-section {
    margin: 25px auto 80px;
  }

  .shop .products-header {
    margin-bottom: 28px;
  }

  /*.shop .sort-filter label {
    display: block;
  }*/

  .shop .sort-filter label,
  .shop .sort-filter a {
    font-size: .9rem;
  }

  .shop .search-results-breadcrumb {
    margin-bottom: 20px;
    margin-top: 0;
  }

  .cart .quantity {
    width: 70px;
    padding: .175rem .3rem;
    margin: 0 5px 0 5px;
  }

  .cart .ref-arc {
    margin-bottom: 10px;
  }

  .cart .cart-table-row {
    display: block;
    float: left;
    width: 100%;
  }

  .cart-table-actions {
    float: right;
  }

  .cart .cart-table-row-left,
  .cart .cart-table-row-right {
    width: 100% !important;
  }

  .cart .cart-item-details {
    width: 100%;
  }

  .cart .ref-arc {
    font-size: .9rem;
  }

  .cart .ref-arc span {
    font-style: italic;
  }

  .cart .remove-btn {
    text-decoration: underline;
  }

  .pagination {
    margin: auto;
  }

 .pagination-container {
    margin-top: 65px;
  }

  .sidebar .categorias-filter .cat label {
    padding-left: 10px !important;
  }

  .product-single .product-section {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }

  .product-single .product-section-title {
    font-size: 1.5rem;
  }

  .search-modelos-results .modelo {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 5px 0 10px 0;
  }

  .search-modelos-results .modelos-row {
    border-top: 5px solid #eee;
    padding-top: 20px;
  }

  .home-news header div div {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px;
  }
}

@media (max-width: 739px) {

  .home #search-referencia .option-container.referencia {
    margin: auto !important;
    padding-left: 20px;
  }

  .home #search-referencia .option-container.modelo label {
    padding-left: 5px;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }

  header .top-nav-right {
    display: none !important;
  }

  header .shopping-cart-icon {
    margin-top: 7px;
    text-align: right;
  }

  header .top-nav-left .cart-count span {
    font-size: 90% !important;
  }

  header .top-nav-second .nav-main-item {
    display: none;
  }

  header .top-nav-second .nav-client-item {
    font-size: .7rem;
  }

  header .top-nav-second .content .nav li {
    margin-right:40px;
    font-weight: normal;
  }

  header .top-nav-left .shopping-cart-icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .breadcrumbs {
    padding: 0;
  }

  .breadcrumbs-container .breadcrumbs-content {
    display: none;
  }
  
  .phone-block-mobile {
    position: absolute;
    left: 222px;
    margin-top: 3px;
    top: 10px;
  }

  .home #slider .carousel-indicators {
    display: none;
  }

  .main-container {
    padding-top: 1rem; 
  }

  .shop h2.featured-list-title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    border-left: none;
    border-bottom: 2px solid var(--color-brand);
    padding-bottom: 10px;
    width: 100%;
  }

  .search-modelos-results .modelos-row {
    width: 80%;
    margin: auto;
  }

  .client-area.quick-order .intro-text,
  .client-area.quick-order .note {
    text-align: center;
  }

/***************** ENCOMENDA RÁPIDA Table responsive *******************/
  /* Force table to not be like tables anymore */
  table.quick-order, table.quick-order thead, table.quick-order tbody, table.quick-order th, table.quick-order td, table.quick-order tr { 
    display: block; 
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  table.quick-order thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.quick-order tr { border: 1px solid #ccc; }

  table.quick-order td { 
    /* Behave  like a "row" */
    /*border: none;*/
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
  }

  table.quick-order td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }

  /*
  Label the data
  */
  /*table.quick-order td:nth-of-type(1):before { content: ""; }*/
  table.quick-order td:nth-of-type(2):before { content: ""; }
  table.quick-order td:nth-of-type(3):before { content: "Referência"; }
  table.quick-order td:nth-of-type(4):before { content: "Qtd."; }
  table.quick-order td:nth-of-type(5):before { content: "PVP"; }
  table.quick-order td:nth-of-type(6):before { content: "Preço Final"; }
  table.quick-order td:nth-of-type(7):before { content: "Marca"; }
  table.quick-order td:nth-of-type(8):before { content: "Info"; }

  .client-area.quick-order .add-row-btn-container {
      text-align: center;
  }
  .client-area.quick-order .create-order-btn-container .wrapper {
    width: 80% !important;
  }

  /***************** /END ENCOMENDA RÁPIDA Table responsive *******************/

}

@media (min-width: 767.98px) {
  header .top-nav-left .shopping-cart-icon {
    display: none;
  }

  header .top-nav-right .shopping-cart-icon {
    display: block;
    margin-top: 7px;
  }

  header #navbarCollapse {
    display: none !important;
  }

  header .top-nav-second .nav-client-item {
    display: none;
  }

  header .top-nav-second .content .nav li.inicio {
    margin-left: 40px;
  }

  header .top-nav-second .content .nav li.contactos {
    margin-right: 0;
  }

  .home #slider .carousel-item .title {
    font-size: 1.4rem;
    line-height: .8rem;
  }

  .home #slider .carousel-item .subtitle {
    font-size: 1rem;
  }

  body.order .panel-order-status {
    margin: auto;
  }

  .sidebar {
    display: block;
  }

  .sidebar-mobile {
    display: none;
  }
}

@media (max-width: 893px) {
  .sidebar {
    margin-bottom:125px;
  }

  .js-cookie-consent .button {
    display: block;
    margin: auto;
    margin-bottom: 15px;
  }

  .home-tractors>div>div {
    flex-direction: column !important;
    gap: 24px;
  }

  .home-tractors>div>div>div:last-child {
    width: 100%;    
    justify-content: flex-start !important;
    flex-direction: column !important;
    align-items: baseline !important;
    gap: 12px;
  }

}

@media (max-width: 992px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }

  .search-results-breadcrumb {
    text-align: center;
  }

  .home .search-marcas label {
    text-align: center;
  }
  
  .product-single .product-section {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }

  .product-single .product-section-title {
    font-size: 1.5rem;
  }

  .product-single .product-section {
    display: block;
  }

  .product-single .product-section .product-section-image {
    margin-bottom: 40px;
  }

  .might-like-section h2 {
    font-size: 1.1rem;
    text-align: center;
    padding-bottom: 20px;
  }

  .btn-search-submit{
    display: block;
  }

  .contact-info {
    justify-content: end !important;
  }

  .home #brandCarousel .carousel-item>div {
    height: 220px;
  }

}

@media (max-width: 1199.98px) {
  
  .phone-block-mobile {
    display: block;
    float: left;
  }

  .phone-block-mobile {
    display: block;
    float: left;
  }
}

@media (max-width: 850px) {

  h1 {
    text-align: center;
  }

  header .navbar-brand {
    margin-left: 36px;
  }


  header .navbar-toggler {
    position: absolute;
    left: 0;
    top: 9px;
    border: 0;
    padding: 0;
  }

  /* header */
  header .navbar-brand img {
    max-width: 160px;
    margin-top: 3px;
  }

  .top-nav-left .navbar {
    padding: 0;
  }

  /*.breadcrumbs {
    margin-top: 40px;
  }*/

  header .top-nav ul .cart-count span {
    margin-top: -9px;
  }

  .client-area .panel-order-date .panel-body {
    text-align: center;
    padding-right: 0;
  }

  .orders-section {
    padding: 0;
  }

  .product-single .nav-tabs{
    padding-right: 0;
  }

  .product-single .nav-item{
    width: 100%;
  }

}

@media (max-width: 920px) {
  .sidebar ul {
    width: 90%;
    margin: auto;
  }

  .search-form .search-box-container {
    float: none;
  }
}

@media (max-width: 992px) {
  .products-header {
    text-align: center;
  }

  .home .featured-section .product .image-container,
  .shop .products-section .product .image-container,
  .search-results .products-section .product .image-container {
    width: 90%;
    margin: auto;
    padding: 30px;
    max-width: 350px;
    margin-bottom: 15px;
  }

  .home .featured-section .product .image-container img,
  .shop .products-section .product .image-container img,
  .search-results .products-section .product .image-container img {
    padding-top: inherit;
    padding-bottom: inherit;
  }

  .sidebar .search-filter select {
    text-align: center;
    width: 100%;
  }

  .sidebar .search-filter select {
    width: 100%;
  }

  .sidebar .categorias-filter .cat label {
    padding-left: 0;
    width: 100%;
  }

  .sidebar .search-filter-btn {
    float: none;
    display: block;
    margin: auto;
    margin-bottom: 95px;
  }

  .sidebar .search-filter ul {
    width: 100%;
  }

  header .top-nav ul {
    margin-top:0 !important;
  }

  .cross-references-section .cross-references-grid {
    grid-template-columns: 1fr;
  }

  .header-navbar {
    display: none;
  }

  .menu-global-mobile {
    display: block;
  }

  .filter-products {
    margin-top: 0;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0;
  }

  .filter-products-body {
    flex-direction: column !important;
  }

  .filter-products-body > div {
    width: 100%;
    margin-bottom: 10px; 
  }

  .filter-products-body .d-flex:last-child {
    width: 100%;
  }
}

@media (max-width: 1200px) {

  .call-text-desktop {
    display: none;
  }

  .call-text-tablet-mobile {
    display: inline;
  }
  
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }

  .home-hero {
    background-image: url(/img/hero-tablet.png);
  }

  .home-hero-text {
    width: 50%;
  }

  .home-hero-text h1 {
    text-align: left;
  }

  .header-main-bar {
    height: 135px;
  }

  .header-main-bar {
    flex-wrap: wrap; /* Permite quebra de linha quando necessário */
  }

  .header-main-bar .row {
    display: flex;
    justify-content: space-between; /* Distribui os itens nas extremidades */
    width: 100%;
  }

  .header-main-bar .col {
      flex: 1 0 100%; /* Faz com que a `div` ocupe 100% da largura e vá para uma nova linha */
      order: 1; /* Garante que esta `div` vá para a linha de baixo */
      margin-top: 20px; /* Espaçamento opcional entre as linhas */
  }

  .header-main-bar .col-auto {
      flex: 0 1 auto; /* Permite que a `div` com o logo se ajuste automaticamente */
      order: 0; /* Mantém a `div` com o logo na linha superior */
  }

  .home-brands img:nth-last-child(1) {
    display: none;
  }

  .home-services>div {
    flex-direction: column !important;
    align-items: center;
  }

  .home-services>div>div {
    max-width: 448px;
    border: 1px solid var(--color-light);
    border-radius: 16px;
    padding: 24px;
  }

  .home-services>div>div>img {
    margin: auto;
  }

  .home-main-news {
    flex-direction: column-reverse !important;
  }

  .home-main-news img {
    margin-bottom: 26px;
  }

  .footer-newsletter {
    width: 324px;
  }
}


@media (max-width: 767px) {
  .home #slider .carousel-item .title {
    font-size: .9rem;
    line-height: .8rem;
  }

  .home #slider .carousel-item .subtitle {
    font-size: .8rem;
  }

  .home h1 {
    font-size: 1.5rem;
  }

  .sidebar {
    text-align: center;
    width: 100%;
    max-width: 100%;
    flex: 100%;
    margin-bottom: 50px !important;
  }

  /*.sidebar {
    display: none;
  }*/
  
  .sidebar-mobile {
    display: block;
  }
  
  .company .sidebar,
  .atendimento-ao-cliente .sidebar,
  .envio-e-devolucoes .sidebar,
  .politica-de-privacidade .sidebar,
  .termos-e-condicoes .sidebar,
  .contacts .sidebar {
    display: none !important;
  }

  .cart .button.continue-shopping {
    margin-bottom: 15px;
  }

  .form-group label {
    font-size: 1rem;
  }

  .client-area.account-edit button[type="submit"]{
    background-color: #212121;
  }

  .client-area.account-edit button[type="submit"]:hover{
    background-color: var(--color-brand);
  }

  #searchMobile {
    display: block;
  }

  .header-main-bar {
    height: 75px;
  }
  .header-main-bar .col {
    display: none;
  }

  .home-hero {
    background-image: url(/img/hero-mobile.png) !important;
  }

  .filter-products-header {
    display: flex;
    flex-wrap: wrap;
  }

  .filter-products-header h3 {
    flex-basis: 100% !important;
  }

  .filter-products-header .featured-product-item {
    box-sizing: border-box;
    margin-top: 12px;
  }

  .home-brands img:nth-last-child(2) {
    display: none;
  }

  .footer-newsletter {
    position: initial;
    width: 100% !important;
    border-radius: 0;
    margin-top: -56px;
    margin-bottom: 56px;
  }
}

@media (max-width: 575.98px) {
  .comment-footer {
    isplay: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }

  .company .gaiato-parreira-logo {
    float: none;
    display: block;
    margin: auto;
    margin-bottom: 50px !important;
  }

  .auth-pages .login-container {
    width: 100%;
    display: block;
  }

  .auth-pages .login-container .auth-button {
    width: 100%;
    margin-bottom:10px;
  }

  .auth-pages .remember {
    width: 100%;
  }

  .auth-pages .remember,
  .auth-pages .password-request {
    text-align: center;
    font-size: .9rem;
  }

  .auth-pages .password-request {
    text-decoration: underline;
  }

  .auth-pages .auth-right {
    text-align: center;
    padding-left: 0 !important;
  }

  .auth-pages .already-have-container {
    text-align: center;
  }

  .checkout-totals-left,
  .checkout-totals-right {
    font-size: .98rem;
  }
  .checkout-section .checkout-totals .checkout-totals-total {
    font-size: 1.15rem;
  }

  .checkout-totals table {
    width: 100%;
  }

  .checkout-totals .shipping-method-cost {
    vertical-align: bottom;
  }

  .client-area.orders .page-content {
    padding-left: 0;
  }

  .client-area.orders .page-content table,
  .client-area.orders .page-content table td {
    font-size: .8rem;
  }

  .client-area.orders .page-content table .status {
    font-size: .7rem;
  }

  .contacts #contact-form button[type="submit"]{
    width: 100%;
  }

  .pagination-container {
    margin-top: 0;
  }

  .js-cookie-config-list {
    position:unset;
    top: auto;
    left: auto;
    transform: none;
    padding: 0;
    width: 100%;
  }

  .js-cookie-config-list .cookie-consent__read_policy {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
    margin-top: 20px;
  }

  .js-cookie-config-list .save-cookies-config {
    margin: auto;
    display: block;
  }

  .js-cookie-consent-agree {
    margin: auto;
    display: block;
    margin-top: 20px;
  }

  .home-brands>div>div>div {
    flex-direction: column !important;
    align-items: center;
  }

  .home-brands>div>div>div img {
    width: 50%;
  }

  .home-tractors-text {
    width: auto;
  }

  .home-services>div>div {
    width: inherit;
  }

  .home-services>div>div>img {
    max-width: 100%;
  }

  .home-tractors {
    padding: 100px 14px;
  }

  .home-hero-text {
    width: 90% !important;
  }

  .home-hero>div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .home-news-grid {
    grid-template-columns: 1fr;
  }

  header .container {
    padding: 8px 16px;
  }

  .header-main-bar {
    height: 95px;
    padding: 8px 16px;
  }

  .home-main-news {
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid var(--color-medium);
  }

  .home-main-news .action-btn-secondary {
    display: none;
  }

  .home-other-news-content {
    margin-left: 0;
  }

  .menu-categories {
    width: 100%;
  }

  .home-main-news img {
    width: 100%;
  }

  .contact-info {
    justify-content: initial !important;
  }
}