@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 23px;
}
:root {
  --primary: #2cab00;
  --mainColor: #2cab00;
  --subColor: #30970e;
}
.clamp {
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.clamp1 {
  -webkit-line-clamp: 1;
}

.clamp2 {
  -webkit-line-clamp: 2;
}

.clamp3 {
  -webkit-line-clamp: 3;
}

.clamp4 {
  -webkit-line-clamp: 4;
}
.shadowC {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.tp_item_variable.disabled:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url(../../../images/chip_disabled.svg);
  background-position: top left;
  background-size: contain;
}
.badge::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 7px solid #ff4c3b;
  border-bottom: 5px solid transparent;
  left: -5px;
  top: 2.1px;
}
.showFilter {
  display: block !important;
  position: fixed;
  z-index: 999999;
  background: #fff;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 20px 0px;
  margin: 0px;
}
.bg_gradient {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(253, 29, 29, 1) 0%,
    rgba(252, 176, 69, 1) 100%
  );
}
.menu_item_auth.active {
  background: var(--primary);
  color: white;
}

.menu_item_auth.active svg {
  color: white;
}
/* Hide the browser's default checkbox */
.container input.checkboxC {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 8px;
  top: 2px;
  width: 10px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-header-child li:last-child {
  border-bottom: 0px !important;
}
.menu_header > li:first-child a {
  padding-left: 0px;
}
h2 span:before {
  content: "";
  position: absolute;
  width: 135px;
  height: 2px;
  background: var(--primary);
  bottom: -20px;
  left: 50%;
}

.section_register {
  background-image: url(../img/formbg.jpg?1559121397850);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50px 0 0;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  h2 span:before {
    bottom: -15px;
  }
}
header .contact-phone {
  display: inline-block;
  padding-left: 50px;
  position: relative;
  top: -5px;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  line-height: 20px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_1' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512'%3E%3Cg%3E%3Cpath d='m252.178 455.638h-11.489c-5.522 0-10 4.477-10 10s4.478 10 10 10h11.489c5.522 0 10-4.477 10-10s-4.478-10-10-10z'/%3E%3Cpath d='m349.412 415.851h-205.958c-5.522 0-10 4.477-10 10s4.478 10 10 10h205.958c5.522 0 10-4.477 10-10s-4.477-10-10-10z'/%3E%3Cpath d='m502.901 259.684c0-61.585-40.95-113.767-96.999-130.643v-79.902c0-27.096-22.044-49.139-49.138-49.139h-220.661c-27.095 0-49.139 22.043-49.139 49.139v19.616c-44.928 13.052-77.865 54.657-77.865 103.825s32.937 90.772 77.865 103.825v186.457c0 27.095 22.044 49.139 49.139 49.139h220.661c27.095 0 49.139-22.043 49.139-49.139v-72.534c56.049-16.877 96.998-69.059 96.998-130.644zm-473.802-87.104c0-48.566 39.416-88.078 87.865-88.078s87.865 39.512 87.865 88.078c0 25.334-10.898 49.461-29.902 66.196-2.384 2.1-3.629 5.208-3.353 8.374l.511 5.858-7.393-2.519c-2.563-.874-5.374-.67-7.787.566-12.432 6.372-25.87 9.603-39.941 9.603-48.449-.001-87.865-39.512-87.865-88.078zm356.803 290.281c0 16.067-13.071 29.139-29.139 29.139h-220.66c-16.067 0-29.139-13.072-29.139-29.139v-182.665c3.293.305 6.629.461 10 .461 15.82 0 30.997-3.331 45.18-9.909l18.01 6.137c3.202 1.089 6.732.49 9.394-1.595 2.66-2.084 4.088-5.373 3.794-8.74l-1.417-16.257c20.973-20.32 32.905-48.358 32.905-77.715 0-59.594-48.388-108.078-107.865-108.078-3.371 0-6.707.156-10 .461v-15.822c0-16.067 13.071-29.139 29.139-29.139h220.661c16.067 0 29.139 13.072 29.139 29.139v75.505c-6.245-.883-12.624-1.34-19.107-1.34-75.05 0-136.106 61.18-136.106 136.38 0 37.505 15.43 73.301 42.511 99.015l-1.946 22.325c-.294 3.367 1.134 6.655 3.794 8.74 2.661 2.085 6.191 2.685 9.394 1.595l24.31-8.283c18.19 8.622 37.695 12.989 58.045 12.989 6.484 0 12.863-.457 19.107-1.34v68.136zm-19.107-86.797c-18.594 0-36.353-4.27-52.783-12.691-1.426-.731-2.99-1.101-4.562-1.101-1.087 0-2.177.177-3.226.534l-13.715 4.673 1.042-11.958c.276-3.166-.969-6.273-3.354-8.374-25.108-22.111-39.51-53.991-39.51-87.464 0-64.172 52.085-116.38 116.106-116.38s116.106 52.208 116.106 116.38c.002 64.173-52.083 116.381-116.104 116.381z'/%3E%3Cpath d='m343.31 258.626v-17.734c0-5.523-4.478-10-10-10s-10 4.477-10 10v17.734c0 5.523 4.478 10 10 10s10-4.477 10-10z'/%3E%3Cpath d='m400.279 230.893c-5.522 0-10 4.477-10 10v17.734c0 5.523 4.478 10 10 10s10-4.477 10-10v-17.734c0-5.523-4.477-10-10-10z'/%3E%3Cpath d='m386.629 296.601c-5.298 5.3-12.342 8.219-19.834 8.219s-14.537-2.919-19.835-8.219c-3.905-3.906-10.235-3.906-14.143-.002-3.905 3.905-3.906 10.236-.002 14.142 9.076 9.079 21.144 14.079 33.979 14.079s24.903-5 33.979-14.079c3.904-3.906 3.903-10.238-.003-14.142-3.905-3.906-10.238-3.903-14.141.002z'/%3E%3Cpath d='m82.96 168.76c-1.613-3.935-5.7-6.455-9.942-6.147-4.155.301-7.745 3.226-8.898 7.225-1.154 4.003.397 8.448 3.787 10.868 3.361 2.4 7.936 2.475 11.372.185 3.918-2.612 5.492-7.785 3.681-12.131z'/%3E%3Cpath d='m120.79 181.81c3.863-1.611 6.355-5.538 6.157-9.719-.198-4.178-3.086-7.849-7.078-9.075-4.034-1.239-8.591.302-11.035 3.742-2.46 3.462-2.46 8.181 0 11.643 2.658 3.742 7.727 5.169 11.956 3.409z'/%3E%3Cpath d='m150.96 176.4c1.578 3.848 5.572 6.384 9.729 6.166 4.122-.216 7.755-3.003 9.021-6.93 1.276-3.959-.104-8.459-3.424-10.986-3.381-2.573-8.096-2.72-11.637-.379-3.924 2.594-5.497 7.789-3.689 12.129z'/%3E%3C/g%3E%3C/svg%3E");
}
.header .contact-phone p {
  font-size: 14px;
  margin-bottom: 0;
}
header .contact-phone a {
  font-size: 16px;
  color: #eb3e32;
  font-weight: bold;
  text-decoration: none;
}
a.caret-down:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333 transparent transparent transparent;
  display: inline-block;
  top: 50%;
  left: 100%;
  margin-left: -15px;
  margin-top: -2px;
  transition: 0.5s;
}
.item_product_main .image_thumb a {
  padding-bottom: 100%;
  -webkit-transition: transform 300ms ease;
  -moz-transition: transform 300ms ease;
  -ms-transition: transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease;
}
.item_product_main .info-product {
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: transform 300ms ease;
  -moz-transition: transform 300ms ease;
  -ms-transition: transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease;
  position: relative;
  margin-top: 10px;
}
.item_product_main .image_thumb a img {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
  aspect-ratio: 1;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.nav-slider > div {
  width: 40px;
  height: 40px;
  background: #3339;
}
.nav-slider > div::after {
  font-size: 15px;
  color: #fff;
}
.scrollBar::-webkit-scrollbar {
  width: 7px;
  background-color: #ddd;
}
.scrollBar::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}