/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/

.mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar-right {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.mcb-section-udqacrqs9:hover .mcb-wrap-inner-x9dgt2hm {
  background-color: #245ed0 !important;
}

.mcb-section-faa82305a:hover .mcb-wrap-inner-c4bf22636 {
  background: #00c78e;
}

#menu-item-23 .mfn-menu-link .mfn-menu-label-wrapper,
#menu-item-424 .mfn-menu-link .mfn-menu-label-wrapper,
#menu-item-2747 .mfn-menu-link .mfn-menu-label-wrapper,
#menu-item-2753 .mfn-menu-link .mfn-menu-label-wrapper {
  display: none;
}

.landing-accordion .mcb-item-column-inner {
  margin: 0;
}

#Content {
  padding-top: 0;
  padding-bottom: 0;
}

.as-padding.as-closed {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.as-layer.as-opened {
  width: 50vw !important;
}

.landing-slide {
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  line-height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 99999;
}

.landing-slide-opened {
  width: 100%;
  background: #040020;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 6px 0;
  font-size: 24px;
  justify-content: center;
  position: absolute;
  bottom: 0;
}

.owl-theme .owl-nav .disabled {
  opacity: 1 !important;
}

.button-default button:hover:after {
  background: transparent !important;
}

.button-default button:hover:before {
  background: transparent !important;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: transparent !important;
}

.owce-carousel .owl-nav i {
  padding: 0 !important;
  border: 0 !important;
  font-size: 36px !important;
}

.transport-carousel .owce-carousel .owl-nav button:hover i {
  color: #245ed0 !important;
}

.distributie-carousel .owce-carousel .owl-nav button:hover i {
  color: #00c78e !important;
}

.transport-carousel .owl-dot.active span {
  background: #245ed0 !important;
}

.distributie-carousel .owl-dot.active span {
  background: #00c78e !important;
}

.transport-carousel .owl-dot span {
  background: #040020 !important;
}

.distributie-carousel .owl-dot span {
  background: #047857 !important;
}

.page-id-33 .wpcf7-submit {
  background: #245ed0 !important;
  font-weight: 700;
  border-radius: 8px;
}

.form-column p {
  display: flex;
}

.form-column.subject p,
.form-column.mail p {
  align-items: center;
}

.form-column p label {
  width: 10%;
  font-family: Inter;
  font-size: 16px;
  color: #2f2f2f;
}

.form-column p label:after {
  content: '*';
  color: #e61500;
}

.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap input {
  border-radius: 8px;
  border: 1px solid rgba(237, 237, 237, 0.92);
}

.wpcf7-form-control-wrap textarea {
  resize: none;
  height: 96px;
}

.wpcf7-form-control-wrap input {
  height: 48px;
}

.wpcf7-form .column {
  padding: 0;
}

.footer-section-2 {
  display: flex;
  width: 1200px;
  gap: 114px;
}

.footer-links,
.footer-links-2 {
  display: flex;
  flex-direction: column;
}

.footer-links a {
  font-family: Inter;
  font-weight: 700;
  color: #245ed0 !important;
  transition: 0.3s;
  font-size: 14px;
}

.footer-links-2 a {
  font-family: Inter;
  font-weight: 700;
  color: #00c78e !important;
  transition: 0.3s;
  font-size: 14px;
}

.footer-links a:hover,
.footer-links-2 a:hover {
  text-decoration: none;
  color: white !important;
}

.contact-section {
  width: 85%;
}

.social-media-section {
  width: 15%;
}

.contact-text,
.social-media-text {
  font-family: Barlow Semi Condensed;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 12px;
}

.contact-information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
}

.contact-mail,
.contact-phone,
.contact-location {
  display: flex;
  align-items: center;
  gap: 10px;
}

.contact-mail {
  width: 28.3%;
}

.contact-phone {
  width: 20%;
}

.contact-location {
  width: 29%;
}

.contact-mail p,
.contact-phone p,
.contact-location p {
  margin-bottom: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 140%;
  font-weight: 700;
  color: #245ed0;
}

.contact-mail i,
.contact-phone i,
.contact-location i {
  width: 32px;
  height: 32px;
  border-radius: 21px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  color: #040020;
}

.social-media-information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
}

.social-media-facebook i {
  width: 32px;
  height: 32px;
  border-radius: 21px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  color: #040020;
}

.logo-section .mcb-wrap-inner:hover .mcb-header-section .mcb-background-overlay {
  background-color: #245ed0 !important;
}

.product-table {
  margin-bottom: 0;
}

.product-table tr th {
  border: none;
  background: #047857;
  color: #ffffff;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
}

.product-table tr td {
  border: none;
}

.product-table tr td:nth-child(2),
.product-table tr td:last-child {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  color: #040020;
}

.product-table tr:nth-child(2n) {
  background: #edededea;
}

.product-table tr td:first-child {
  display: flex;
  justify-content: center;
}

.product-table-head {
  text-align: left;
}

.product-table-pagination {
  padding: 20px 24px;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  border-top: 1px solid #a4a4a4;
}

.product-table-pagination .page-numbers.current {
  width: 33px;
  height: 33px;
  border-radius: 8px;
  background: #047857;
  color: #ffffff;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-table-pagination .page-numbers {
  width: 33px;
  height: 33px;
  color: #047857;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-table-pagination .page-numbers.next:after {
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
}

.product-table-pagination .page-numbers.prev:after {
  content: '\f104';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
}

.product-category-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}

.product-category-select p {
  margin-bottom: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  color: #040020;
}

#product_category {
  width: 720px;
  margin-bottom: 0;
  height: 48px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid #a4a4a4;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  color: #040020;
}

.ctr-accordion {
  max-width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: space-around;
  gap: 3px;
  overflow: hidden;
}

.tab {
  position: relative;
  width: 33.33%;
  height: 100%;
  background: rgb(150, 150, 150);
  cursor: pointer;
  transition: width 0.5s ease;
}

.tab-1 .landing-slide-opened,
.tab-2 .landing-slide-opened,
.tab-3 .landing-slide-opened,
.tab-1:hover .landing-slide,
.tab-2:hover .landing-slide,
.tab-3:hover .landing-slide {
  display: none;
}

.tab-1:hover .landing-slide-opened,
.tab-2:hover .landing-slide-opened,
.tab-3:hover .landing-slide-opened {
  display: flex;
}

.tab-3:hover .landing-slide-opened,
.tab-2:hover .landing-slide-opened,
.tab-1:hover .landing-slide-opened {
  z-index: 100;
}

.tab-1 {
  background-image: url('https://ginavidor.ro/wp-content/uploads/2023/09/Frame-1204.png');
  background-size: 33.33vw 100vh;
  object-fit: cover;
  background-repeat: no-repeat;
  transition: 0.3s;
  background-position: center;
}

.tab-1:hover {
  background-image: url('https://ginavidor.ro/wp-content/uploads/2023/09/Frame-1199.png');
  background-size: 100% 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.tab-2:hover .tab-1 {
  background-size: 100% 100%;
  object-fit: cover;
}

.tab-2 {
  background-image: url('https://ginavidor.ro/wp-content/uploads/2023/09/Frame-1200.png');
  background-size: 33.33vw 100vh;
  object-fit: cover;
  background-repeat: no-repeat;
  transition: 0.3s;
  background-position: center;
}

.tab-2:hover {
  background-image: url('https://ginavidor.ro/wp-content/uploads/2023/09/Frame-1203.png');
  background-size: 100% 100%;
  object-fit: cover;
  background-repeat: no-repeat;
}

.tab-3 {
  background-image: url('https://ginavidor.ro/wp-content/uploads/2023/09/Frame-1205.png');
  background-size: 33.33vw 100vh;
  object-fit: cover;
  background-repeat: no-repeat;
  transition: 0.3s;
  background-position: center;
}

.tab-3:hover {
  background-image: url('https://ginavidor.ro/wp-content/uploads/2023/09/Frame-1201.png');
  background-size: 100% 100%;
  object-fit: cover;
  background-repeat: no-repeat;
}

.tab:hover img {
  opacity: 0.6;
}

.tab:hover {
  width: 80%;
}

.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 99;
}

.video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tab-3 .video-background,
.tab-2 .video-background,
.tab-1 .video-background {
  display: none;
}

@media (max-width: 850px) {
  .tab-3 .video-background,
  .tab-2 .video-background,
  .tab-1 .video-background {
    display: block;
  }
  .landing-slide {
    display: none;
  }
  .tab-1 .landing-slide-opened,
  .tab-2 .landing-slide-opened,
  .tab-3 .landing-slide-opened,
  .tab-1:hover .landing-slide,
  .tab-2:hover .landing-slide,
  .tab-3:hover .landing-slide {
    display: block;
    z-index: 9999;
  }
}

.tab-3:hover .video-background,
.tab-2:hover .video-background,
.tab-1:hover .video-background {
  display: block;
}

.mcb-section .mcb-wrap-x9dgt2hm,
.mcb-section .mcb-wrap-2460e2685,
.mcb-section .mcb-wrap-c4bf22636,
.mcb-section .mcb-wrap-gvxo779yc {
  flex: 0 0 297px !important;
}

.owl-prev,
.owl-next {
  box-shadow: none !important;
}

.distributie-contact .wpcf7-submit {
  background: #047857 !important;
  font-weight: 700;
}

@media (min-width: 1200px) {
  .product-table {
    width: 1200px;
  }
}

@media (max-width: 1024px) {
  .product-category-select {
    gap: 40px;
  }
}

@media (max-width: 959px) {
  .mfn-header-tmpl .mfn-icon-box-empty-desc .icon-wrapper {
    width: 100vw;
    justify-content: flex-end;
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .mcb-section-oaexxuol,
  .mcb-section-848156e08 {
    height: auto !important;
  }
  div#truck-animation,
  div#section-truck-lottie {
    display: none;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .form-column p label {
    width: 20%;
  }

  .menu-section .section_wrapper {
    flex-direction: column;
  }

  .footer-section-2 {
    flex-direction: column;
    width: 100vw !important;
    gap: 130px;
    padding: 0 20px;
  }

  .social-media-section,
  .contact-section {
    width: 100%;
  }

  .contact-information {
    flex-direction: column;
    gap: 20px;
  }

  .contact-mail,
  .contact-phone,
  .contact-location {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .product-table tr th,
  .product-table tr td:nth-child(2),
  .product-table tr td:last-child {
    font-size: 12px !important;
  }
}

@media (max-width: 500px) {
  .menu-section .section_wrapper {
    flex-direction: column;
  }

  .footer-links,
  .footer-links-2 {
    gap: 10px;
  }

  .footer-links-2 {
    order: 2;
  }

  .footer-section-2 {
    flex-direction: column !important;
    width: 100vw !important;
    gap: 15px !important;
    padding: 0 20px !important;
  }

  .contact-section {
    margin-top: 20px;
    margin-bottom: 17vh;
  }

  .social-media-section,
  .contact-section {
    width: 100% !important;
  }

  .contact-information {
    flex-direction: column !important;
    gap: 20px !important;
  }

  .contact-mail,
  .contact-phone,
  .contact-location {
    width: 100% !important;
  }

  .form-column p label {
    width: 100% !important;
  }

  .ctr-accordion {
    flex-direction: column;
  }

  .tab-1,
  .tab-2,
  .tab-3 {
    width: 100%;
    background-size: 100vw 220%;
    background-position: center;
  }

  .tab:hover {
    width: 100% !important;
    height: 200vh;
  }

  .product-table {
    width: 100%;
  }

  .wpcf7-form .form-column p {
    flex-direction: column;
  }
}

@media (max-width: 400px) {
  .product-category-select {
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
  }
}

div#truck-animation {
  top: -70px;
  transition: left 10s linear; /* 5s duration, linear speed */
  transform: scaleX(-1);
}

div#truck-animation.move {
  left: calc(100% - 100px); /* 100% of parent width minus div width */
  transform: scaleX(1);
}

.form-column p {
  display: block;
}