/* @font-face {
  font-family: "asty-book";
  src:
    url("../fonts_custom/asty-cf/AstyCFStd-Book.ttf") format("truetype"),
    url("../fonts_custom/asty-cf/AstyCFStd-Book.woff") format("woff"),
    url("../fonts_custom/asty-cf/AstyCFStd-Book.woff2") format("woff2");
}

@font-face {
  font-family: "asty-light";
  src:
    url("../fonts_custom/asty-cf/AstyCFStd-Light.otf") format("opentype"),
    url("../fonts_custom/asty-cf/AstyCFStd-Light.woff") format("woff"),
    url("../fonts_custom/asty-cf/AstyCFStd-Light.woff2") format("woff2"),
    url("../fonts_custom/asty-cf/AstyCFStd-Light.ttf") format("truetype");
}

@font-face {
  font-family: "asty-medium";
  src: url("../fonts_custom/asty-cf/AstyCFStd-Medium.otf") format("opentype");
  font-weight: bold;
} */

@font-face {
  font-family: "asty-book";
  src:
    url("../fonts_custom/calibri/calibri-bold.ttf") format("truetype");
}

@font-face {
  font-family: "asty-light";
  src:
    url("../fonts_custom/calibri/calibri-regular.ttf") format("truetype");
}

@font-face {
  font-family: "asty-medium";
  src: url("../fonts_custom/calibri/calibri-regular.ttf") format("truetype");
  font-weight: bold;
}

:root {
  --font-color: #222;
  --font-light: "asty-light", sans-serif;
  --font-medium: "asty-medium", sans-serif;
  --font-bold: "asty-book", sans-serif;
  --font-link-color: rgba(0, 0, 0, 0.6);
  --primary-color: #174477;
  --primary-color-hover: #1f5ca2;
  --secondary-color: #c7373d;
  --secondary-color-hover: #d35e63;
  --border-color: #e6e6e6;
  --light-blue-bg: #f7f8fa;
  --color-dark-gray-alt: #364345;
  --color-dark-gray-alt-hover: #2b3537;
  --color-mobile-bottom-bar-bg: #174477;
  --color-mobile-bottom-bar-active-bg: #c7373d;
  --text-color: #1e1e1e;

  --border-radius: 10px;

  --header-height-desktop: 120px;
  --header-with-menu-height-desktop: 170px;
  --header-flyout-menu-width: 500px;
  --desktop-header-height: 70px;
  --desktop-header-search-width: 400px;
  --scrollbar-width: 8px;

  --mobile-menubar-height: 46px;
  --mobile-header-height: 74px;
}

body {
  font-family: "asty-book", sans-serif !important;
}

.font-primary {
  color: var(--primary-color);
}

.cart-total .shipping-method-description,
.cart-totals .shipping-method-description {
  display: none;
}

.module-title,
footer .module-newsletter button[type="submit"] {
  font-family: "asty-medium", sans-serif;
  justify-content: center;
  display: flex;
}

form .form-group label.focused {
  top: 8px;
}

form .form-group>label:not(.unstyled) {
  font-family: "asty-medium", sans-serif;
}

form .form-group>label.unstyled {
  min-width: 100%;
  margin-bottom: 15px;
  padding-left: 0px;
}

.beo-module-title-left .module-title,
footer .links-menu .module-title,
footer .module-text .module-title
footer .module-newsletter .module-title {
  justify-content: flex-start;
  display: flex;
  text-transform: uppercase;
}

.product-layout .wish-group {
  position: absolute !important;
  right: 0px;
}

.product-layout .price .price-new,
.product-layout .price .price-normal {
  font-family: "asty-medium", sans-serif;
}

.product-layout .product-thumb .buttons-wrapper .button-group .cart-group {
  width: 100%;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"] {
  appearance: textfield;
}

.beo-cart--header {
  order: -2;
  display: flex;
  max-width: 1360px;
  margin: 0 auto;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 10px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.beo-cart--header::before {
  content: "";
  width: 300vw;
  height: 100%;
  position: absolute;
  left: -50vw;
  top: 0px;
  background-color: #fff;
  z-index: -1;
  border-bottom: 1px solid #e5e5e5;
}

.beo-cart--header .logo img {
  max-width: 300px;
  height: auto;
}

.beo-cart--header .secure {
  display: flex;
  align-items: center;
}

.beo-cart--header .secure img {
  max-width: 24px;
  height: auto;
  margin-right: 5px;
}

.beo-cart--header .secure span {
  text-transform: uppercase;
  color: #1a8055;
  font-size: 14px;
  letter-spacing: -0.7px;
}

.beo-cart--header .secure .action {
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  margin-left: 20px;
}

.beo-cart--header .secure .action:hover {
  text-decoration: underline;
}

/* ? SOF Desktop Menu */

.c--flyout .flyout-menu {
  height: 100%;
}

.c--flyout .flyout-menu>.j-menu {
  flex-direction: column;
  height: 100%;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.c--flyout>.dropdown-menu {
  position: fixed;
  top: var(--header-with-menu-height-desktop, 170px) !important;
  height: calc(100vh - var(--header-with-menu-height-desktop, 170px)) !important;
}

.c--flyout .mega-menu.menu-item>.dropdown-menu {
  width: calc(100vw - var(--header-flyout-menu-width, 500px) - var(--scrollbar-width, 8px) + 10px) !important;
  border-left: 1px solid var(--border-color);
  box-shadow: 0px 3px 6px #00000029;
  overflow-y: auto;
  margin-left: -10px;
  height: calc(100vh - var(--header-with-menu-height-desktop));
  background-color: #fff;
}

.c--flyout .mega-menu.menu-item>.dropdown-menu>.mega-menu-content {
  height: 100%;
}

.c--flyout .mega-menu.menu-item>a {
  font-family: "asty-medium", sans-serif;
}

.c--flyout .mega-menu .module-title {
  font-size: 30px;
  text-transform: uppercase;
}

.dropdown.dropdown.flyout.c--flyout .flyout-menu>.j-menu {
  padding: 0px;
}

.c--flyout .item--title span {
  padding: 15px 35px;
  display: block;
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
  font-family: "asty-medium", sans-serif;
}

.c--flyout .item--subtitle {
  background-color: var(--secondary-color);
}

.c--flyout .item--subtitle span {
  color: #fff;
}

.c--flyout .item--subtitle:hover a {
  background-color: initial !important;
}

.c--flyout .category-thumb .name a {
  text-align: center;
}

.c--flyout .category-icon {
  margin-right: 30px;
  min-width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c--flyout .fa-angle-right {
  margin-left: auto;
  font-size: 26px;
}

/* ? EOF Desktop Menu */

/* ? SOF Header */

html .mobile-container.mobile-account-content-container {
  transform: translate3d(100%, 0, 0);
  left: auto;
  right: 0;
}

.desktop.mobile-account-content-container-open .mobile-container {
  max-width: 85%;
  width: 550px;
}

.desktop.mobile-account-content-container-open .mobile-wrapper-header {
  border-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgba(229, 229, 229, 1);
  --mobile-wrapper-header: 70px;
}

.desktop.mobile-account-content-container-open .mobile-wrapper-header>span {
  font-size: 22px;
  text-align: center;
  font-family: "asty-medium", sans-serif;
}

.mobile-container .mobile-wrapper-header .x {
  display: none;
}

.mobile-container .mobile-wrapper-header {
  justify-content: center;
}

.header-compact .slick-slider-wrapper {
  height: 100%;
  line-height: var(--desktop-header-height);
  width: 100%;
  max-width: 300px;
  margin-right: 25px;
}

.header-compact .slick-slider-wrapper .slick-slide {
  text-align: center;
  font-size: 13px;
}

.site-wrapper .breadcrumbs {
  margin-bottom: 20px;
}

.site-wrapper .breadcrumbs .breadcrumb {
  margin-left: 35px;
}

.header-compact .beo-header-search .search-icon {
  position: absolute;
  top: calc(50% - 12px);
  left: 20px;
  display: flex;
  z-index: 9;
}

.header-compact .beo-header-search .search-icon svg {
  width: 24px;
  height: auto;
}

.desktop-main-menu-wrapper::after {
  background-color: #fff;
}

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

.empty-cart img {
  max-width: 80px;
}

#cart .cart-totals .btn {
  font-size: 17px;
  text-transform: uppercase;
}

#cart .cart-totals {
  border-top: 20px solid #f6f6f6;
}

#cart .cart-products {
  border-bottom: 10px solid #f6f6f6;
}

.header-compact .menu-bar .main-menu {
  padding-left: 15px;
  width: 100%;
}

.header-compact .menu-bar .main-menu>.j-menu {
  width: 100%;
}

.header-compact .quickship {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 25px;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  background-color: var(--primary-color);
}

.header-compact .quickship:hover {
  background-color: var(--secondary-color-hover);
  color: #fff;
  text-decoration: none;
}

.header-compact .menu-bar {
  box-shadow: 0px 3px 6px #00000029;
}

.desktop-header-active header .mid-bar {
  max-width: 1700px;
}

.header-compact .quickship svg {
  width: 24px;
  height: auto;
  margin-right: 10px;
}

.header-compact .quickship span {
  width: 160px;
}

.header-compact .search--actions {
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease all;
}

.header-compact .header-search.focused .search--actions {
  opacity: 1;
  visibility: visible;
}

.header-compact .search--actions button {
  font-size: 13px;
  color: #fff;
  padding: 5px;
  text-align: center;
  min-width: 70px;
}

.header-compact .search--actions button:hover {
  opacity: 0.8;
}

.header-compact .search--actions .sb--model {
  background-color: var(--secondary-color);
}

.header-compact .search--actions .sb--ml {
  background-color: var(--primary-color);
}

.header-compact .beo-header-search {
  border: 1px solid #000;
  border-radius: 50px;
  overflow: hidden;
  min-width: var(--desktop-header-search-width);
  background-color: #fff;
}

.header-compact .menu-bar {
  justify-content: space-between;
}

.language-currency .symbol img {
  max-width: 20px;
  margin-left: 8px;
}

.language-flag {
  margin-left: 8px;
}

.language img,
.language-flag img {
  max-width: 20px;
}

.desktop-cart-wrapper #cart-items {
  font-size: 11px;
  font-family: "asty-medium", sans-serif;
}

.module-products .nav-tabs .active a {
  font-family: "asty-medium", sans-serif;
}

.language-currency .dropdown-toggle::after {
  display: none;
}

.header-compact .top-menu.secondary-menu ul li a {
  font-size: 14px;
  font-family: "asty-light", sans-serif;
}

.header-compact .top-menu.secondary-menu .dropdown>a::after {
  display: none;
}

.header-compact .header-contact-info-wrapper {
  display: flex;
  align-items: center;
  margin-right: 120px;
}

.header-compact .header-contact-info-wrapper svg {
  width: 26px;
  height: auto;
}

.header-compact .header-contact-info-wrapper .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}

.header-compact .header-contact-info-wrapper .text p {
  margin: 0px;
  text-align: center;
}

.header-compact .header-contact-info-wrapper .text a {
  font-family: "asty-medium", sans-serif;
}

/* ? EOF Header */

/* ? SOF Footer */
footer .module-newsletter .module-title {
  flex-direction: column;
}

footer .module-newsletter .module-title .social-list ul {
  display: flex;
  margin: 15px 0px;
}

footer .module-newsletter .module-title .social-list ul li:not(:last-child) {
  margin-right: 15px;
}

footer .module-newsletter .module-title .social-list ul svg {
  width: 26px;
  height: auto;
}

/* ? EOF Footer */

/* ? SOF Homepage */

.beo--homepage-perks-top-wrapper ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background-color: #f2f2f2;
  padding: 5px 10px;
}

.beo--homepage-perks-top-wrapper ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.beo--homepage-perks-top-wrapper ul li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.beo--homepage-perks-top-wrapper ul li .icon svg {
  width: 40px;
  height: auto;
}

.beo--homepage-perks-top-wrapper ul li .text {
  color: var(--font-color);
  text-transform: uppercase;
  font-family: "asty-medium", sans-serif;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.beo--homepage-perks-top-wrapper ul li:not(:last-child)::after {
  content: "";
  width: 2px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  right: 0px;
}

.beo--categories-wrapper .category-thumb {
  align-items: center;
  padding: 5px 10px;
  border-radius: 50px;
}

.beo--categories-wrapper .category-thumb .image {
  min-width: 170px;
  max-width: 170px;
}

.beo--categories-wrapper .category-thumb .name a {
  text-align: center;
}

.beo--categories-wrapper .category-thumb .image img {
  border-radius: 50%;
}

.beo--categories-onlyname-wrapper .category-layout .category-thumb:hover {
  opacity: 0.75;
}

.beo--categories-onlyname-wrapper .category-layout .category-thumb a {
  padding: 15px !important;
}

/* ? EOF Homepage */

/* ? SOF Product Card */

.product-layout {
  max-height: 460px;
}

.product-thumb .buttons-wrapper {
  margin-top: auto;
}

.product-thumb .stock-status {
  text-align: center;
  font-size: 13px;
  padding: 3px 7px;
}

.product-thumb .button-group {
  position: relative !important;
}

.product-thumb .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto;
  z-index: 9;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  border-radius: 0px 0px 10px 10px;
  cursor: pointer;
  transition: 0.3s ease all;
}

.product-thumb .caption .name,
.product-thumb .caption .price {
  display: block;
}

.product-thumb .caption.hide-details .overlay,
.product-thumb .caption.hide-details :is(.name, .price) {
  display: none !important;
}

.product-thumb .overlay:hover {
  background-color: var(--secondary-color-hover);
}

.product-thumb .card-option--slick-slide {
  justify-content: center;
}

.product-thumb .card-option--slick {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.product-thumb .overlay::before,
.product-thumb .overlay::after {
  display: block;
  font-weight: 400;
  text-rendering: auto;
}

.product-thumb .overlay::before {
  content: "Brza kupovina";
}

.product-thumb .overlay::after {
  content: "\e9bf" !important;
  font-family: icomoon !important;
  font-size: 24px;
}

.product-thumb .card-option-section {
  padding: 0px 20px;
  min-height: 90px;
  display: none;
}

.product-thumb .caption.hide-details .card-option-section {
  display: block;
}

.product-thumb .card-option--slick .slick-arrow {
  position: absolute;
  z-index: 9;
  cursor: pointer;
}

.product-thumb .card-option--slick .slick-slide {
  text-align: center;
  margin: 0 8px;
}

.product-thumb .card-option--slick .slick-slide label {
  width: 100%;
}

.product-thumb .card-option--slick .slick-slide img {
  width: 100%;
  max-width: 90px;
  max-height: 60px;
  margin: 0 auto;
  border-radius: 5px;
}

.product-thumb .card-option--slick .slick-prev {
  left: -23px;
}

.product-thumb .card-option--slick .slick-next {
  right: -23px;
}

.product-thumb .card-option--slick .outofstock-sign {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.product-thumb .option-wrapper {
  width: 100%;
}

.product-thumb .stepper {
  border-bottom: none !important;
  border-radius: 0px 0px 0px 10px;
}

/* In case more than 1 main option (color || dimensions || size ) is added, hide it. All stores are supposed to work 1 main option per product. */
.product-thumb .card-option-section+.card-option-section {
  display: none !important;
}

.product-thumb .option-wrapper img,
.product-thumb .option-wrapper :is(.capacity-value, .dimensions-value) {
  padding: 2px;
  border: 1px solid var(--border-color);
  display: block;
  border-radius: 5px;
  min-width: 90px;
  max-height: 60px;
  height: auto;
}

.product-thumb .card-option-section .radio.outofstock {
  opacity: 0.5;
}

.product-thumb .option-wrapper :is(.capacity-value, .dimensions-value) {
  min-height: 30px;
  line-height: 30px;
}

.ask-availability-card-btn.btn {
  background-color: var(--secondary-color);
  height: 40px;
  border-radius: 0px 0px 5px 5px;
  width: 100%;
}

.ask-availability-card-btn.btn:hover {
  border-radius: 0px 0px 5px 5px;
  box-shadow: none;
  background-color: var(--secondary-color-hover) !important;
}

.ask-availability-card-btn svg {
  margin-right: 10px;
}

body .product-info .product-options .push-option .option-wrapper img {
  border: solid;
  border-width: 1px;
}

.option-wrapper img {
  border: solid;
  border-width: 1px;
}

.option-wrapper img:hover {
  border: solid;
  border-color: var(--primary-color);
  border-width: 1px;
}

.radio input:checked+.option-wrapper img {
  border-color: var(--primary-color);
}

#content .product-info .product-options .push-option div > label input:checked + .option-wrapper img {
  border-color: var(--primary-color) !important;
}

.desktop-main-menu-wrapper #main-menu-2 .j-menu .dropdown.flyout .dropdown-menu.j-dropdown {
  width: var(--header-flyout-menu-width);
}

.beo-footer-contact ul,
.beo-footer-social ul {
  display: flex;
}

.beo-footer-contact ul li,
.beo-footer-social ul li {
  flex-basis: 100%;
  max-width: 100% !important;
}

.beo-footer-social svg {
  width: 60px;
  height: auto;
  position: absolute;
  left: 0px;
}

.beo-footer-social .links-menu-item-2 svg,
.beo-footer-social .links-menu-item-4 svg {
  left: auto;
  right: 0px;
}

.beo-footer-social a {
  background-color: #ececec;
  padding: 5px;
  border-radius: 30px;
}

.beo-footer-social .module-body {
  padding: 25px 25px 0px 25px;
}

.beo-footer-contact svg {
  background: #194D83;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 10px;
}

.beo-footer-contact .links-text,
.beo-footer-social .links-text  {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}

.beo-footer-social .links-text {
  justify-content: center;
}

.product-thumb .model {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  background-color: #ececec;
  padding: 3px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.product-thumb .model span {
  font-size: 16px;
  font-family: "asty-medium", sans-serif;
}

.product-layout .card-images--slick .slick-arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 9;
}

.product-layout .card-images--slick .slick-prev {
  left: 10px;
}

.product-layout .card-images--slick .slick-next {
  right: 10px;
}

/* ? EOF Product Card */

/* SOF Search popup */

.desktop-header-active.search-page-open .site-overlay {
  display: block;
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.7);
}

.desktop-header-active.search-page-open .header-compact {
  z-index: 9999;
  background-color: #fff;
}

.desktop-header-active .search-icon {
  padding: 0px 15px;
  height: 100%;
  display: flex;
  align-items: center;
}

.desktop-header-active #search {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  overflow: hidden;
  width: 400px;
}

.desktop-header-active #search .search-icon svg {
  width: 24px;
  height: auto;
}

.desktop-header-active #search>.dropdown-menu {
  display: block;
  transform: none;
  opacity: 1;
  top: auto;
  position: relative;
}

.desktop-header-active.search-page-open .desktop-main-menu-wrapper {
  height: 0px;
  overflow: hidden;
}

.desktop-header-active.search-page-open .header-classic {
  z-index: 9999;
  background-color: #fff;
}

.desktop-search-wrapper .header-search input {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* ? EOF Search popup */

/* ? SOF toggles */

.toggle-switch {
  display: flex !important;
}

.toggle-switch .toggle-text {
  order: 2;
  margin-left: 10px;
}

.toggle-switch .toggle-slider {
  order: 1;
  cursor: pointer;
}

.toggle-switch input {
  display: none !important;
}

.toggle-slider {
  display: block;
  width: 46px;
  min-width: 46px;
  height: 22px;
  border-radius: 25px;
  background-color: #ebebeb;
  transition: background-color 0.2s;
}

.toggle-switch input:checked+.toggle-slider {
  background-color: #48cc52;
}

.toggle-slider::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: white;
  transition: transform 0.2s;
  box-shadow: 0px 0px 6px #00000029;
}

.toggle-switch input:checked+.toggle-slider::before {
  transform: translateX(25px);
}

/* ? EOF toggles */

/* ? SOF Radio & Checkbox */

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  right: 0;
  bottom: 0;
  left: 0px;
  height: 16px;
  width: 16px;
  min-width: 16px;
  transition: all 0.15s ease-out 0s;
  background: #fff;
  border: 1px solid #ccc;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  position: relative;
  outline: none !important;
}

input[type="checkbox"]:hover {
  background: #9faab7;
  outline: none !important;
}

input[type="checkbox"]:checked {
  background: #000;
  outline: none !important;
}

input[type="checkbox"]:checked::before {
  height: 16px;
  width: 16px;
  min-width: 16px;
  position: absolute;
  content: "\2714";
  display: inline-block;
  font-size: 11px;
  text-align: center;
  line-height: 16px;
  outline: none !important;
}

input[type="checkbox"]:checked::after {
  background: #000;
  content: "";
  display: block;
  position: relative;
  outline: none !important;
}

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  right: 0;
  bottom: 0;
  left: 0px;
  height: 18px;
  width: 18px;
  min-width: 18px;
  transition: all 0.15s ease-out 0s;
  background: #fff;
  border: 1px solid #ccc;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  outline: none !important;
}

input[type="radio"]:hover {
  outline: none !important;
  border-color: #959595;
}

input[type="radio"]:checked {
  background: #fff;
  outline: none !important;
}

input[type="radio"]:checked::before {
  height: 16px;
  width: 16px;
  min-width: 17px;
  position: absolute;
  content: "\2022";
  color: #000;
  display: inline-block;
  font-size: 32px;
  text-align: center;
  line-height: 18px;
  outline: none !important;
}

input[type="radio"]:checked::after {
  background: #fff;
  content: "";
  display: block;
  position: relative;
  outline: none !important;
}

.notification-wishlist .notification-content--left {
  display: flex;
}

.notification-wishlist .product-image,
.notification-wishlist .product-name {
  flex-basis: 50%;
}

.notification.notification-wishlist {
  max-width: unset;
  padding: 0;
}

.notification-wishlist .notification-title,
.notification-wishlist .notification-title-2 {
  text-align: center !important;
  background: #d8f6c9;
  padding: 20px;
  color: black;
  margin-bottom: 0;
}

.notification-wishlist .notification-title-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "asty-medium", sans-serif;
  font-size: 20px;
}

.notification-wishlist .notification-title-2 svg {
  filter: brightness(0) saturate(100%) invert(27%) sepia(46%) saturate(6913%) hue-rotate(147deg) brightness(98%) contrast(104%);
}

.notification-wishlist .model {
  text-align: center;
  background: #ececec;
  color: black;
  padding: 5px;
}

.notification-wishlist .model-message {
  font-family: "asty-medium", sans-serif;
}

.notification-wishlist .product-image {
  border: solid;
  border-width: 1px;
  border-color: #b7b7b7;
  border-top: none;
  border-left: none;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: 1px;
}

.notification-wishlist .product-name {
  border-bottom: solid;
  border-width: 1px;
  border-color: #b7b7b7;
  padding: 20px;
}

.notification-wishlist .notification-content {
  margin-bottom: 30px;
}

.notification-wishlist .show-fav {
  padding: 10px;
  border-radius: 10px;
  background: #174477;
  color: white;
  font-family: "asty-medium";
  text-decoration: none;
}

.notification-wishlist .show-fav:hover {
  background: var(--primary-color-hover);
  color: white;
  text-decoration: none;
}

.notification-wishlist .notification-buttons {
  margin: 0 !important;
}

.notification-wishlist .btn.notification-close {
  padding: 10px;
  background: #d8f6c9;
  border: solid;
  border-color: black;
  border-radius: 20px;
  margin-right: 10px;
  margin-top: 10px;
}

.notification-wishlist .btn.notification-close::before {
  color: black;
}

.notification-wishlist .btn.notification-close:hover {
  background: white !important;
}

.notification-wishlist .notification-content--left {
  width: 100%;
}

.stepper .blink,
#content .input-group.btn-block .stepper .blink {
  animation: blink 1s steps(1, end) infinite;
  color: var(--secondary-color) !important;
  font-family: "asty-medium", sans-serif !important;
}

.slick-buttons .prev,
.slick-buttons .next {
  display: none;
}

.btn.btn-primary.btn-fav.wishlisted svg {
  filter: brightness(0) saturate(100%) invert(29%) sepia(65%) saturate(3863%) hue-rotate(342deg) brightness(92%) contrast(103%);
}

.notification-cart .nc--left .n-title svg {
  filter: brightness(0) saturate(100%) invert(27%) sepia(46%) saturate(6913%) hue-rotate(147deg) brightness(98%) contrast(104%);
  width: 55px;
  height: 55px;
}

.notification-cart .nc--left .n-title .font-medium {
  font-family: asty-medium;
  font-size: 16px;
}

.notification-cart .nc--left .n-title {
  background: #d8f6c9;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 15px;
}

.notification-cart.notification {
  padding: 0 !important;
}

.notification {
  max-width: calc(100vw - 5px) !important;
  max-height: calc(100vh - 180px);
  overflow: auto;
  margin-top: 27px;
}

.notification-cart .nc--left .nc--info {
  display: flex;
}

.notification-cart .nc--left .nc--attrs .n-product-stats {
  display: flex;
}

.notification-cart .nc--left .n-product--image img {
  width: 300px;
  height: 200px;
  border-bottom: solid;
  border-right: solid;
  border-width: 1px;
  border-color: #b7b7b7;
  margin-right: 0;
  min-height: 202px;
}

.notification-cart .nc--left .n-product--name {
  padding: 5px;
  border: solid;
  border-width: 1px;
  border-color: #b7b7b7;
  border-left: 0;
  min-height: 118px;
}

.notification-cart .nc--left .n-product-stats div {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid;
  border-width: 1px;
  border-color: #b7b7b7;
  flex-grow: 1;
  border-top: none;
  border-left: none;
}

.notification-cart .nc--left .n-product-stats {
  justify-content: space-between;
}

.notification-cart .nc--left .n-product-stats .font-medium {
  color: #174477;
  font-family: asty-medium;
}

.notification-cart .nc--left .n-product-stats .tax {
  color: #ce4f55;
}

.notification-cart .nc--left .nc--middle {
  background: #ebebeb;
  padding: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.notification-cart .nc--left .nc--middle p {
  margin-bottom: 0;
}

.notification-cart .nc--left .text-beo-primary.cart-total-number {
  color: #c7373d;
  font-family: asty-medium;
}

.notification-cart .nc--left .nc--middle .font-medium.cart-total-label {
  font-family: asty-medium;
  text-align: center;
}

.notification-cart .nc--left .nc--middle .font-medium.text-beo-secondary.cart-total {
  font-family: asty-medium;
  font-size: 30px;
  color: #174477;
}

.notification-cart .nc--left .nc--middle .cart-total-tax.text-beo-primary {
  color: #ce4f55;
}

.notification-cart .nc--left .notification-buttons {
  margin-top: 20px;
  justify-content: space-evenly;
}

.notification-cart .nc--left .notification-buttons a {
  width: 173px;
  border-radius: 10px;
  text-transform: uppercase;
  font-family: asty-medium;
}

.notification-cart .nc--left .notification-buttons .btn.btn-continue-shopping-beo {
  width: 173px;
  background: #ebebeb;
  color: black;
  font-family: asty-light !important;
  text-transform: capitalize;
}

.notification-cart .nc--left .notification-buttons .btn.btn-continue-shopping {
  width: 173px;
  background: #c7373d;
}

.notification-cart .nc--left .notification-buttons .btn.btn-cart {
  width: 173px;
  background: #174477;
}

.notification-cart .nc--left .notification-buttons .btn.btn-continue-shopping:hover {
  background: var(--secondary-color-hover);
}

.notification-cart .nc--left .notification-buttons .btn.btn-cart:hover {
  background: var(--primary-color-hover);
}

.notification-cart .notification-accompaniments.main-products.main-products-style.product-grid.auto-grid {
  padding: 10px;
}

.notification-cart .accompanying--title.font-medium {
  color: white;
  font-family: asty-medium;
  background: #174477;
  font-size: 16px;
  padding: 34px;
  text-align: center;
}

.notification-text .btn.notification-close {
  display: none;
}

.notification-accompaniments.main-products.main-products-style.product-grid.auto-grid {
  overflow: auto;
  max-height: 560px;
}

.nc--content {
  padding-bottom: 20px;
}

.mobile-filter-trigger.btn {
  margin-right: 10px;
}

.mobile-filter-trigger.btn a {
  color: white;
  margin-left: 10px;
}

.nav.nav-tabs {
  margin-bottom: 20px;
}

.nav.nav-tabs .active {
  border-bottom: solid;
  border-color: var(--secondary-color);
}

.cart-product-mobile .first-row {
  display: flex;
  border: solid;
  border-width: 1px;
  border-color: #aeaeae;
}

.cart-product-mobile .image {
  border-right: solid;
  border-width: 1px;
  border-color: #aeaeae;
  height: 100%;
}

.cart-product-mobile .tbd {
  width: 100%;
  background: #fdfdfd;
}

.cart-product-mobile .attr-buttons {
  display: flex;
  border: solid;
  border-width: 1px;
  border-color: #aeaeae;
  border-left: none;
  border-right: none;
  border-top: none;
}

.cart-product-mobile .btn-fav,
.cart-product-mobile .btn-del {
  margin-top: 0px;
  margin-bottom: 0px;
}

.cart-product-mobile .btn-fav {
  background: var(--primary-color);
  border-right: solid;
  border-width: 1px;
  border-color: #aeaeae;
  cursor: pointer;
}

.cart-product-mobile .btn-fav span,
.cart-product-mobile .btn-del span,
.cart-product-mobile .btn-crt span {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 5px;
  justify-content: center;
}

.cart-product-mobile .btn-fav svg,
.cart-product-mobile .btn-del svg,
.cart-product-mobile .btn-crt svg {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  max-width: 20px;
  max-height: 20px;
}

.btn-fav svg {
  width: 20px;
  height: 25px;
}

.cart-product-mobile .attr-buttons .model {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 5px;
}

.cart-product-mobile .model {
  background: #ececec;
}

.cart-product-mobile .model-text {
  font-family: asty-medium;
}

.cart-product-mobile .btn-del {
  background: var(--secondary-color);
  border-left: solid;
  border-width: 1px;
  border-color: #aeaeae;
  cursor: pointer;
  max-width: 30px;
}

.btn-del svg {
  width: 17px;
  height: 25px;
  margin-left: 1px;
}

.cart-product-mobile .description {
  padding: 4px;
}

.cart-product-mobile .second-row {
  border: solid;
  border-width: 1px;
  border-color: #aeaeae;
  border-top: none;
  background: #fdfdfd;
}

.cart-product-mobile .third-row,
.cart-product-mobile .fourth-row {
  display: flex;
  border: solid;
  border-width: 1px;
  border-color: #aeaeae;
  border-top: none;
}

.cart-product-mobile .price-title,
.cart-product-mobile .qty-title {
  width: 90px;
  background: #eaeaea;
  border-right: solid;
  border-width: 1px;
  border-color: #aeaeae;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.cart-product-mobile .price-container,
.cart-product-mobile .price-container-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  background: #fdfdfd;
}

.cart-product-mobile .price {
  font-family: asty-medium;
}

.cart-product-mobile .content-container {
  display: flex;
  padding: 5px;
  flex-grow: 1;
  background: #fdfdfd;
}

.cart-product-mobile .content-container .stepper {
  width: 100%;
}

.cart-product-mobile .stepper {
  border: solid;
  border-width: 1px;
  border-color: #aeaeae;
}

.cart-product-mobile .stepper button.fa-angle-down {
  top: 0 !important;
  border-right: solid;
  border-width: 1px;
  border-color: #aeaeae;
}

.cart-product-mobile .stepper button {
  border-color: unset;
  border-style: unset;
  height: 100%;
  width: 70px;
  background: white;
}

.cart-product-mobile .stepper button svg {
  width: 20px;
}

.cart-product-mobile .content-container .stepper .fa.fa-angle-up {
  content: "\eba0" !important;
  font-family: icomoon !important;
}

.cart-product-mobile .stepper button.fa-angle-up {
  top: 0 !important;
  border-left: solid;
  border-width: 1px;
  border-color: #aeaeae;
}

.cart-product-mobile .fifth-row {
  text-align: center;
  background: var(--primary-color);
  color: white;
  padding: 5px;
  border: solid;
  border-width: 1px;
  border-color: #aeaeae;
  border-top: none;
}

.fifth-row .untaxed-price {
  font-family: asty-medium;
}

.dotted {
  border: none;
  border-top: 4px dotted black;
  color: #fff;
  background-color: #fff;
  height: 1px;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.cart-product-mobile .stepper button::before {
  display: none;
}

.mobile-cart-content-wrapper.cart-content .text-right.td-total-text {
  font-family: asty-medium, sans-serif;
}

.mobile-cart-content-wrapper.cart-content .btn-checkout {
  display: block;
}

.mobile-cart-content-wrapper.cart-content .cart-buttons .btn {
  width: unset;
  border-radius: 10px;
}

.mobile-cart-content-wrapper.cart-content .cart-buttons {
  gap: 30px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 30px;
  background: #ffffff;
}

.mobile-cart-content-wrapper.cart-content .cart-buttons .btn-cart.btn {
  background: var(--secondary-color);
}

.mobile-cart-content-wrapper.cart-content .cart-buttons .btn-cart.btn:hover {
  background: var(--secondary-color-hover) !important;
}

.mobile-cart-content-wrapper.cart-content .cart-buttons .btn-checkout.btn {
  background: var(--primary-color);
}

.mobile-cart-content-wrapper.cart-content .cart-buttons .btn-checkout.btn:hover {
  background: var(--primary-color-hover) !important;
}

.mobile-cart-content-wrapper.cart-content .cart-totals tr {
  display: flex;
  width: 100%;
}

.mobile-cart-content-wrapper.cart-content .cart-totals tr td:first-child {
  flex-basis: 50%;
}

.estimate.estimate-minimun-shipping {
  display: none;
}

.cart-product-mobile .second-row p {
  margin-bottom: 0px;
}

.cart-product-mobile .second-row span {
  display: flex;
  padding: 5px;
  justify-content: center;
}

.cart-product-mobile .second-row svg {
  margin-right: 5px;
  max-width: 20px;
  max-height: 20px;
}

#main-menu-mobile .menu-item.item--title {
  display: none;
}

#main-menu-mobile .menu-item.item--subtitle {
  background: var(--secondary-color);
  margin-left: -15px !important;
  margin-top: -5px;
  width: 110%;
}

#main-menu-mobile .menu-item.item--subtitle a {
  justify-content: center;
  margin-left: -10px;
}

#main-menu-mobile .menu-item.item--subtitle .links-text {
  color: white;
  margin-left: 10px;
}

.product-thumb {
  overflow: hidden;
}

.product-thumb .image-group {
  position: relative;
}

.product-thumb .caption {
  position: static;
}

.product-thumb .product--labels {
  position: absolute;
  top: 0;
}

.product-thumb .product--label {
  width: 100%;
  padding: 2.5px;
}

.product--label__text {
  font-size: 12px;
}

.c--asr--actions-mobile {
  display: none;
}

.section-shipping.disabled .section-body {
  filter: grayscale(100%);
}

.section-shipping.disabled .section-body {
  cursor: not-allowed;
}

.section-shipping.disabled .section-body .shippings .ship-wrapper .radio,
.section-shipping.disabled .section-body .shippings .ship-wrapper .radio .toggle-switch .toggle-slider {
  pointer-events: none;
}

.btn-request-product::before {
  display: none !important;
}

.notification-content .n-product--image img,
.notification-content--left .product-image {
  object-fit: cover;
}

/* SOF Wizard */
.route-checkout-cart .cart-table .table-responsive>table:has(.wizard-product) {
  border-width: 15px !important;
  border-color: #ececec !important;
}

.route-checkout-cart .cart-page #content-bottom {
  width: 100%;
}

.mobile .c--advanced-search--results--content .c--asr--actions {
  display: none;
}

#product-category .refine-categories .refine-item img {
  border-radius: 100%;
}

.mobile .mobile-main-menu-container .mobile-wrapper-header {
  display: none;
}

.wizard-product {
	height: 59px;

	.td-image-preview {
		min-width: 200px;
		position: relative;

		img {
			position: absolute;
			inset: 0;
			width: 200px;
			height: calc(5*59px);
		}
	}

	.td-image {
		img {
			max-width: 90px;
		}
	}

	.td-actions {
		/* background-color: #fff; */
    padding-left: 0px;
    padding-right: 0px;
    background-color: #ECECEC;

    .btn-wishlist {
      background-color: #174477;
      &::before { display: none;}
      &:hover { background-color:  var(--primary-color-hover); }
      svg {
        fill: #fff;
      }
    }

    .btn-edit {
      background-color: #364345;
      &::before { display: none;}
      &:hover { opacity: 0.8;}
      path { stroke: #fff; }
    }

    .btn-remove {
      background-color: #c7373d;
      &::before { display: none;}
      &:hover { background-color: var(--secondary-color-hover) }
      svg {
        fill: #fff;
      }
    }

		button,
    a[role="button"] {
			display: flex;
      height: 70px;
      width: 50px;
      padding: 12px 16px;

      &:hover {
        opacity: 0.8;
      }

			svg {
				width: 20px;
				height: auto;
			}
		}
	}
}

.assembly-total {
	font-size: 16px;

	.font-bold {
		font-size: 18px !important;
	}

  td:last-child {
    background-color: #ececec;
  }
}

.wizard-total {
	font-size: 16px;

	span {
		color: var(--primary-color);
		font-size: 18px;
	}
  td:last-child {
    background-color: #ececec;
  }
}

.route-checkout-cart .cart-table table tbody tr.wizard-product td {
	border-bottom-width: 0px !important;
}

.cart-content-wizard--row {
  overflow-x: auto;

  > td {
    max-width: 519px;
  }

  .cart-stepper {
    border-bottom-left-radius: 0px !important;
  }

  .wizard-totals {
    div {
      padding: 8px;
      display: flex;
      justify-content: center;
      font-size: 16px;
      gap: 10px;
    }

    .assembly {
      border: 1px solid #707070;
    }

    .total {
      background-color: var(--primary-color);
      color: #fff;
    }

    span {
      font-size: 18px;
      font-family: 'asty-medium', sans-serif;
    }
  }
}

.stepper button::before {
  top: 0px;
}

.mobile-wizard-cart {
   border-collapse: collapse;
   border-spacing: 1px;
   border: 1px solid #707070 !important;
   margin-top: 0px !important;

   tr:nth-child(even) td:not(.empty-step) {
      background-color: #ebebeb;
   }

   thead {
      td {
         font-size: 14px;
         font-weight: normal;
         font-family: 'asty-book', sans-serif !important;
      }
   }

   .td-preview-image {
      position: relative;
      min-width: 200px!important;

      img {
        position: absolute;
        inset: 0;
      }
   }

   .cart-stepper {
      button {
        position: static;
        width: 50px;
        height: 100%;
        min-height: 36px;
        background-color: rgba(255, 255, 255, 1);
        border-bottom: 1px solid var(--border-color);

        &::before {
          font-family: icomoon !important;
          font-size: 18px;
          color: rgba(30, 30, 30, 1);
        }
      }

      button:first-child {
        border-right: 1px solid var(--border-color) !important;

        &::before {
          content: '\eb85' !important;
        }
      }

      button:last-child {
        border-left: 1px solid var(--border-color) !important;

        &::before {
          content: '\eba0' !important;
        }
      }
   }

   .td-image {
      min-width: 100px;
   }

   tbody,
   thead {
      td:not(.empty-step) {
         border: 1px solid #707070 !important;
      }
   }

   thead {
    td:not(.empty-step) {
        border-bottom: none !important;
      }
   }

   .wizard-actions {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      top: 0px;
      padding: 5px;
      width: 100%;
      z-index: 9;

      button,
      a[role="button"] {
         width: 32px;
         height: 32px;
         min-height: 32px;
         padding: 0px;

         &.btn-remove {
          background-color: #C7373D;

          svg { fill: #fff; }
         }

         &.btn-edit {
          background-color: #364345;

          svg path { stroke: #fff; }
         }

         &.btn-wishlist {
          background-color: #174477;

          svg { fill: #fff; }
         }

         svg {
            width: 20px;
            height: auto;
         }
      }

      .btn-wishlist::before {
         display: none;
      }
   }

   thead {
    .td-total {
      color: #000 !important;
    }
   }


   tbody {
      .td-total {
         color: red !important;
         font-family: 'asty-medium', sans-serif !important;
      }
   }
}

div.cart-content .cart-products .mobile-wizard-cart tbody>tr>td {
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.fixed-mobile-menu li.search {
  cursor: pointer;
}

/* EOF Wizard */

@media screen and (min-width: 1025px) and (max-width: 1560px) {
  .slick-container .j-menu {
    display: flex;
  }

  .header-compact .menu-bar .main-menu.slick-container {
    padding-left: 25px;
  }

  .slick-container .links-text {
    color: black;
  }

  .slick-buttons .prev,
  .slick-buttons .next {
    padding: 10px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    background: #1f5ca2;
    color: white;
  }

  .slick-buttons .prev:hover,
  .slick-buttons .next:hover {
    background: #3783d9;
  }

  .slick-buttons {
    display: flex;
    padding: 10px;
    margin-left: 25px;
    gap: 5px;
    background: #174477;
    border-radius: 10px;
  }

  .menu-item.main-menu-item.main-menu-item-1.c--flyout {
    display: none !important;
    width: 0px;
  }
}

@keyframes blink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.6;
  }
}

/* ? EOF Radio & Checkbox */

@media only screen and (max-width: 1536px) {
  .beo--categories-wrapper .category-thumb .image {
    min-width: initial;
  }
}

@media only screen and (max-width: 1366px) {
  .desktop-search-wrapper.mini-search {
    margin-left: 0px !important;
  }

  .header-compact .header-contact-info-wrapper {
    margin-right: 30px !important;
  }

  .desktop-header-active #search {
    width: 300px;
  }
}

@media only screen and (max-width: 1280px) {
  .beo-footer-social .module-body {
    padding: 0px;
  }

  .beo-footer-social svg {
    width: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .product_extra.product_tabs .tab-pane.active {
    max-height: 90vh;
    overflow: auto;
  }
}

@media only screen and (max-width: 760px) {
  .beo--categories-onlyname-wrapper .category-layout .category-thumb a {
    padding: 7px !important;
  }

  .checkout-section.totals-section .list-unstyled {
    margin-left: 0;
  }

  .checkout-section.section-cvr .form-group {
    margin-left: 0 !important;
  }

  .confirm-container .checkout-section.confirm-section .buttons.confirm-buttons {
    padding-left: 0;
  }

  .stacked .title.module-title {
    display: none !important;
  }

  .homepage-slider {
    height: 290px;
  }

  .homepage-slider img {
    object-fit: fill !important;
  }

  .notification-content .n-title,
  .notification-content .nc--info,
  .notification-content .nc--middle,
  .notification-content .notification-buttons {
    max-width: 100vw;
  }

  .notification-content .notification-buttons {
    flex-direction: column;
    gap: 5px;
  }

  .notification-content .nc--info {
    flex-direction: column;
  }

  .notification-content .nc--info img {
    width: 100% !important;
    height: 300px !important;
  }

  .j-menu[data-menu-level="2"] {
    flex-direction: row !important;
    height: calc(100vh - var(--mobile-header-height) - var(--mobile-menubar-height)) !important;
    flex-wrap: wrap !important;
    overflow: auto;
  }

  .j-menu[data-menu-level="2"] li {
    flex-basis: 33%;
    width: 33% !important;
  }

  .j-menu[data-menu-level="2"] li a {
    flex-direction: column;
    text-align: center;
  }

  .j-menu[data-menu-level="2"] li img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
  }
}

@media only screen and (max-width: 600px) {
    .mobile.phone .c--asr--actions-mobile {
      display: flex;
    }

    .c--asr--actions-mobile button {
      flex-basis: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 5px;
      padding: 5px;
    }

    .c--asr--actions-mobile button svg {
      display: flex;
      filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(207deg) brightness(104%) contrast(101%);
    }

    .c--asr--actions-mobile .name-search {
        border-bottom-left-radius: 10px;
        background: #174477;
        color: white;
    }

    .c--asr--actions-mobile .ml-search {
        border-bottom-right-radius: 10px;
        background: #364345;
        color: white;
    }

    .mobile.phone.mobile-header-active .mini-search #search > .dropdown-menu .header-search input {
      border-top-left-radius: 10px !important;
    }

    .mobile.phone.mobile-header-active .mini-search #search > .dropdown-menu .header-search .search-button {
      border-bottom-right-radius: 0 !important;
    }
}

@media only screen and (max-width: 470px) {}

.appear-from-bottom {
  animation: appear-from-bottom 0.75s ease-out forwards;
}

@keyframes appear-from-bottom {
  from {
    transform: translate3d(0px, 150px, 0px);
    opacity: 0;
    visibility: hidden;
  }

  to {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    visibility: visible;
  }
}