@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
  html * {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  a {
      text-decoration: none;
  }
  
  a:hover {
      text-decoration: none;
      color: #0b78cc;
  }
  
  img {
      max-width: 100%;
  }
  
  body {
      font-family: 'Montserrat', sans-serif;
      font-size: 14px;
      color: #383533;
      color: #555;
      height: 100%;
      font-weight: 400;
      overflow-x: hidden;
      background-color: #f7fafb;
  }
  
  a {
      color: #0c4cab;
  }
  
  .container {
      max-width: 1170px;
  }
  
  .site-logo {
      width: 150px;
  }
  
  @media (min-width: 992px) {
      .site-logo {
          width: 180px;
      }
      .container {
          padding-left: 20px;
          padding-right: 20px;
      }
  }
  
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus {
      outline: none;
      box-shadow: none;
  }
  
  .btn:focus {
      outline: none !important;
  }
  
  .rounded-4 {
      border-radius: 2rem!important;
  }
  
  .form-control {
      font-size: 14px;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  
  .noselect {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  
  .font-size-12 {
      font-size: 0.75rem!important;
  }
  
  .font-size-11 {
      font-size: 11px;
  }
  
  .font-size-10 {
      font-size: 10px;
  }
  
  .font-size-13 {
      font-size: 13px;
  }
  
  .font-size-14 {
      font-size: 14px;
  }
  
  .font-size-15 {
      font-size: 15px;
  }
  
  .font-size-16 {
      font-size: 16px;
  }
  
  .font-size-18 {
      font-size: 18px;
  }
  
  .font-size-20 {
      font-size: 20px;
  }
  
  .font-size-24 {
      font-size: 24px;
  }
  
  .font-size-28 {
      font-size: 30px;
  }
  
  .font-size-30 {
      font-size: 30px;
  }
  
  .font-weight-300 {
      font-weight: 300;
  }
  
  .font-weight-400 {
      font-weight: 400;
  }
  
  .font-weight-500 {
      font-weight: 500;
  }
  
  .font-weight-600 {
      font-weight: 600;
  }
  
  .font-weight-700 {
      font-weight: 700;
  }
  
  .font-weight-800 {
      font-weight: 800;
  }
  
  .leading-loose {
      line-height: 1.6;
  }
  
  .ls-1 {
      letter-spacing: 1px;
  }
  
  .text-grey {
      color: #575c65;
  }
  
  .text-blue {
      color: #138bc7;
  }
  
  .text-white-60 {
      color: rgba(255, 255, 255, 0.6);
      transition: color 0.3s ease;
  }
  
  .text-white-60:hover {
      color: rgba(255, 255, 255, 1);
  }
  
  img:not([src]):not([srcset]) {
      visibility: hidden;
  }
  
  .row.gutter-6 {
      margin-left: -3px;
      margin-right: -3px;
  }
  
  .row.gutter-6>div {
      padding-left: 3px;
      padding-right: 3px;
  }
  
  .row.gutter-10 {
      margin-left: -5px;
      margin-right: -5px;
  }
  
  .row.gutter-10>div {
      padding-left: 5px;
      padding-right: 5px;
  }
  
  .u-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
  }
  
  .z-index-2 {
      z-index: 2;
  }
  
  .mb-6 {
      margin-bottom: 6px;
  }
  
  .header-main h5 a {
      color: #fffc19;
  }
  
  .header-main h5 a:active {
      position: relative;
      top: 0.03em;
  }
  
  @media (max-width: 991.98px) {
      body {
          padding-top: 60px;
      }
      .site-header {
          background-color: #fff;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 80;
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
      }
  }
  
  .header-dropdown-inner {
      border-top: 3px solid #F2D95C;
      background: #0e0522;
  }
  
  .header-dropdown-inner h4 {
      color: rgba(255, 255, 255, 0.95);
      font-size: 14px;
      font-weight: 700;
      transition: color 0.3s ease;
      font-family: "Roboto Condensed", sans-serif;
      text-transform: uppercase;
  }
  
  .header-dropdown-inner li {
      color: rgba(255, 255, 255, 0.95);
      font-size: 13px;
      font-weight: 500;
      transition: color 0.3s ease;
      font-family: "Roboto Condensed", sans-serif;
      text-transform: uppercase;
  }
  
  .header-dropdown-collapse {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
  }
  
  .site-header-inner {
      height: 56px;
  }
  
  .main_nav {
      background-color: #4b839d;
      background-image: linear-gradient(#5290ad, #2e7699);
      border-radius: 3px;
      position: relative;
  }
  
  .main-nav-list>li:last-child {
      margin-right: 0;
  }
  
  .main-nav-list>li {
      position: relative;
      border-right: 1px solid #ffffff24;
  }
  
  .main-nav-list>li>a {
      display: flex;
      align-items: center;
      color: #fff;
      height: 52px;
      padding: 0 17px;
      transition: 0.3s ease;
      font-weight: 600;
      font-size: 14px;
      text-shadow: -1px -1px 0 rgb(0 0 0 / 35%);
      position: relative;
      overflow: hidden;
  }

  a.sale:before
  {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 5px;
    background: #ab1e42;
    border-radius: 50%;
    z-index: 1;
  }

   a.sale:after
  {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 5px;
    background: #ccc;
    border-radius: 50%;
    z-index: 0;
    animation: pulse-border-2 1200ms ease-out infinite;
  }

  .main-nav-list>li.has_child>a:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 7px 10px 7px;
      border-color: transparent transparent #fff transparent;
      bottom: 0;
      left: 50%;
      margin-left: -4px;
      display: none;
      z-index: 10;
  }
  
  .main-nav-container.fixed .main-nav-list>li>a {
      color: #fff;
  }
  
  .main-nav-list>li:hover>a,
  .main-nav-list>li>a:hover {
      color: #fff;
      background-color: #356a87;
  }
  
  .main-nav-list>li.has_child:hover>a:before,
  .main-nav-list>li.has_child>a:hover:before {
      display: block;
  }
  
  .main-nav-container.fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #188072;
      box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  }
  
  .dropdown_menu,
  .mega_dropdown_menu {
      position: absolute;
      left: 0;
      width: 380px;
      top: 100%;
      visibility: hidden;
      z-index: 9000;
      box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  }
  
  .dropdown_inner {
      background: #fbfbfb;
      padding: 10px 0;
      position: relative;
      border-radius: 1px;
  }
  
  .dropdown_menu ul {
      margin: 0;
      padding: 0 0;
      list-style-type: none;
  }
  
  .dropdown_menu ul>li>a {
      display: block;
      padding: 8px 6px 8px 20px;
      color: #555;
      transition: color 0.25s, padding-left 0.2s;
      position: relative;
      font-size: 13px;
      font-weight: 500;
  }
  
  .dropdown_menu ul>li:last-child>a {
      border-bottom: 0;
  }
  
  .dropdown_menu ul>li>a:hover {
      padding-left: 30px;
  }
  
  .main-nav-list>li:hover .dropdown_menu {
      opacity: 1;
      visibility: visible;
  }
  
  .site_overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #000;
      z-index: 9999;
      opacity: 0.5;
      display: none;
  }
  /* mobile menu */
  
  .mobile-menu {
      display: block;
      border-radius: 2px;
      width: 88px;
  }
  
  .mobile-menu-button {
      width: 24px;
      height: 24px;
      position: relative;
  }
  
  .mobile-menu-button span {
      width: 100%;
      height: 2px;
      background: #606060;
      position: absolute;
      top: 12px;
  }
  
  .mobile-menu-button span:before,
  .mobile-menu-button span:after {
      content: '';
      height: 2px;
      width: 100%;
      background: #606060;
      position: absolute;
      left: 0;
      transition: .12s ease;
  }
  
  .mobile-menu-button span:before {
      top: -6px;
  }
  
  .mobile-menu-button span:after {
      bottom: -6px;
  }
  /* push nav */
  
  .push-nav-wrap {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow-y: auto;
  }
  
  .push-nav {
      line-height: 24px;
      background: #fff;
      position: fixed;
      width: 340px;
      max-width: 90%;
      height: 100%;
      box-shadow: none;
      -ms-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      top: 0;
      left: 0;
      z-index: 10000;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: transform 0.25s ease, box-shadow 0.25s;
      -moz-transition: transform 0.25s ease, box-shadow 0.25s;
      -o-transition: transform 0.25s ease, box-shadow 0.25s;
      transition: transform 0.25s ease, box-shadow 0.25s;
  }
  
  .mobile_nav_visible .push-nav {
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  
  .push_nav_menu>ul {
      list-style-type: none;
      padding: 0 0;
      margin: 0;
  }
  
  .push_nav_menu>ul>li:not(:last-child) {
      color: red;
  }
  
  .push_nav_menu>ul>li>a {
      font-size: 14px;
      color: #222;
      display: block;
      padding: 4px 0;
      transition: color 0.3s ease, background-color 0.3s ease;
      position: relative;
      padding-right: 30px;
      font-weight: 600;
      border-bottom: 1px solid #eee;
      padding: 10px 16px!important;
  }
  
  .push_nav_menu>ul>li>a.open {
      color: #000 !important;
  }
  
  .push_nav_menu>ul>li>a:hover {
      color: #333;
  }
  
  .push_nav_menu>ul>li>a:hover,
  .push_nav_menu>ul>li>a:link,
  .push_nav_menu>ul>li>a:active {
      text-decoration: none !important;
  }
  
  .push_nav_menu>ul>li.has-sub-menu>a span {
      right: 10px;
      position: absolute;
      color: #666;
      top: 50%;
      transform: translateY(-50%) rotate(0deg);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
  }
  
  .push_nav_menu>ul>li.has-sub-menu>a.open span {
      -ms-transform: translateY(-50%) rotate(90deg);
      -webkit-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg);
  }
  /** Mobile menu LEVEL - 2 **/
  
  .push_nav_menu>ul ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: none;
  }
  
  .push_nav_menu>ul ul a {
      display: block;
      color: #707070;
      font-size: 14px;
      font-weight: 500;
  }
  
  .push_nav_menu>ul ul li:not(:last-child) a {
      border-bottom: 1px solid #eee;
  }
  
  .push_nav_menu>ul ul a:hover {
      color: #444;
  }
  
  input,
  .form-control:focus {
      outline: none;
      box-shadow: none;
  }
  
  .select-ad-image {
      background-color: #fff;
      border: 1px solid #ccc;
      overflow: hidden;
  }
  
  .select-ad-image:not(.image-loaded) {
      cursor: pointer;
  }
  
  .select-ad-image:before {
      padding-top: 100%;
      display: block;
      content: "";
  }
  
  .select-ad-image img {
      max-width: 100%;
      max-width: 100%;
      position: absolute;
      left: 0;
      top: 0;
  }
  
  .ad-row .form-control {
      font-weight: 500;
      font-size: 16px;
      padding: 10px;
      color: #111;
      border: 2px solid #ccc;
  }
  
  select.form-control:not([size]):not([multiple]) {
      height: auto !important;
  }
  
  .select-ad-image {
      position: relative;
      border-radius: 4px;
      margin-top: 10px;
  }
  
  .select-ad-image>div {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
  }
  
  .select-ad-image:not(.image-loaded):after {
      position: absolute;
      content: "+";
      font-size: 24px;
      line-height: 36px;
      color: #bd2130;
      font-weight: 400;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: 40px;
      width: 40px;
      text-align: center;
      border: 1px solid #bd2130;
      border-radius: 50%;
      z-index: 1;
  }
  
  .select-ad-image:not(.image-loaded):hover {
      background-color: #f04b4b;
      border-color: #f04b4b;
  }
  
  .select-ad-image:not(.image-loaded):hover:after {
      color: rgba(255, 255, 255, 0.65);
      border: 2px solid rgba(255, 255, 255, 0.65);
  }
  
  .select-ad-image.loading:after {
      opacity: 0;
  }
  
  .select-ad-image.loading>div {
      background: url(/images/spinner.svg) no-repeat 50% 50%;
      background-size: 100px 100px;
  }
  
  .select-ad-image>div .img-container {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }
  
  .select-ad-image>div .img-container img {
      z-index: 1;
  }
  
  .select-ad-image>div .img-container span.remove {
      z-index: 2;
      width: 25px;
      height: 25px;
      position: absolute;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.65) url(/images/remove.png) no-repeat 50% 50%;
      cursor: pointer;
  }
  
  .select-ad-image>div .img-container span.remove:hover {
      background-color: rgba(0, 0, 0, 0.85);
  }
  
  #images_buffer {
      position: absolute;
      left: 0;
      top: 0;
      visibility: hidden;
      opacity: 0;
  }
  
  .featured_badge {
      position: absolute;
      left: 6px;
      top: 6px;
      background: #15c500;
      color: #fff;
      padding: 5px 10px;
      font-weight: 600;
      font-size: 12px;
      line-height: 1;
      z-index: 10;
  }
  
  .image-container-wrapper {
      width: 100%;
      height: auto;
      max-height: 100%;
      position: relative;
      background-color: #eee;
  }
  
  .image-container {
      overflow: hidden;
      width: 100%;
      position: relative;
      height: 0px;
      padding-top: 100%;
  }
  
  .image-container img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      position: absolute;
      inset: 0px;
      z-index: 1;
  }
  
  .text-red {
      color: #e43232;
  }
  
  a.mask {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
  }
  
  .product-price .currency-sign {
      font-size: 14px;
  }
  
  .price-orange {
      color: #b92a2a;
  }
  
  .text-white-06 {
      color: rgba(255, 255, 255, 0.75);
      transition: color 0.3s ease;
  }
  
  .hover-opacity-1:hover {
      color: rgba(255, 255, 255, 0.8);
  }
  
  @media (max-width: 767.98px) {
      a:active,
      a:focus {
          background-color: rgba(0, 0, 0, .02);
      }
  }
  
  .line-1 {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
  }
  
  .line-3 {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
  }
  
  @media (min-width: 768px) {
      .font-weight-md-800 {
          font-weight: 800;
      }
      .font-weight-md-700 {
          font-weight: 700;
      }
      .font-size-md-13 {
          font-size: 13px!important;
      }
      .font-size-md-14 {
          font-size: 14px!important;
      }
      .font-size-md-15 {
          font-size: 15px!important;
      }
      .font-size-md-16 {
          font-size: 16px;
      }
      .font-size-md-18 {
          font-size: 18px;
      }
      .font-size-md-20 {
          font-size: 20px;
      }
      .font-size-md-24 {
          font-size: 24px;
      }
      .font-size-md-30 {
          font-size: 30px;
      }
  }
  
  .h-links a {
      font-size: 13px;
      color: #7291a3;
      display: inline-block;
  }
  
  .h-links a:hover {
      color: #138bc7;
  }
  
  #quickViewModal .modal-header {
      background: #f1f1f1;
  }
  
  #quickViewModal .modal-body {
      min-height: 400px;
      background: url(/images/spinner.svg) no-repeat 50% 50%;
      background-size: 65px;
  }
  
  .ribbon {
      position: absolute;
      right: 4px;
      top: 4px;
      z-index: 2;
      padding: 5px 8px;
      border-radius: 2px;
      overflow: hidden;
      font-weight: 500;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 24px;
      font-size: 12px;
  }
  
  .ribbon.sale {
      background-color: #eb4f4f;
      color: #fff;
      font-size: 14px;
      padding: 6px 9px;
  }
  
  .ribbon.featured {
      background-color: #ff9161;
      color: #fff;
  }
  
  .ribbon.new {
      background-color: #ffeb72;
      color: #85782f;
  }
  
  .hover-border {
      box-shadow: 0 0 0 1px #b4b6cf26;
      transition: 0.1s ease-in-out;
  }
  
  .hover-border:hover {
      box-shadow: 0 0 0 1px #b4b6cf1a, 0 5px 35px rgb(52 68 74 / 18%);
      transform: scale(1.02);
  }
  
  .list-item h4 a {
      color: #545454;
  }
  
  .list-item h4 a:hover {
      color: #138bc7;
  }
  
  .list-item.hover-border:hover {
      z-index: 10;
  }
  
  .list-item .btn-outline-secondary {
      border-color: #6c757d75;
      letter-spacing: 1px;
  }
  
  .bg-light-blue {
      background-color: #e4ecf1;
  }
  
  .lazy {
      opacity: 0;
      transition: opacity 0.3s ease;
  }
  
  .lazy.loaded {
      opacity: 1;
  }
  
  .product_option,
  .product_size {
      cursor: pointer;
      border-radius: 2px;
  }
  
  .product_size.selected {
      color: #555;
      border-color: #555 !important;
  }
  
  .product_option {
      border: 1px solid #ddd !important;
      transition: 0.1s ease-in-out;
  }
  
  .product_option.selected,
  .product_option:hover {
      border-color: #000 !important;
      box-shadow: 0 0 0 1px #000 inset;
  }
  
  .product_size {
      border: 1px solid #ddd;
      transition: 0.1s ease-in-out;
      color: #333;
  }
  
  .product_size:hover:not(.disabled),
  .product_size.selected:not(.disabled) {
      color: #eee;
      border-color: #222 !important;
      background-color: #222;
  }
  
  .toast-success {
      background-color: #53e60f !important;
  }
  
  .product_size.disabled {
      border-color: #ccc !important;
      border-style: dashed;
      color: #ccc !important;
      cursor: not-allowed
  }
  
  .product_option img {
      width: 60px;
  }
  
  .product_size {
      height: 34px;
  }
  
  .nav_2:hover {
      background-color: #fff;
  }
  
  .nav_2 .icon {
      position: relative;
      width: 24px;
      height: 24px;
  }
  
  .nav_2 .icon svg {
      fill: #0053c1;
      text-align: center;
      vertical-align: middle;
      width: 100%;
  }
  
  .nav_2 .icon+h5 {
      color: #76797a;
      font-size: 13px;
      font-weight: 400;
  }
  
  .nav_2 span {
      background: #fb3636;
      display: inline-flex;
      line-height: 1;
      padding: 0 4px;
      height: 20px;
      min-width: 20px;
      justify-content: center;
      align-items: center;
      color: #fff;
      position: absolute;
      right: -12px;
      top: -8px;
      font-size: 10px;
      border-radius: 50%;
      font-weight: 700;
      min-width: 18px;
  }
  
  .search-input {
      width: 100%;
      height: 40px;
      line-height: 40px;
      overflow: hidden;
      padding: 0 10px 0 50px;
      transition: 0.3s ease-in-out;
      border: 0 none;
      box-shadow: 0 0 0 1px #ebeced;
  }
  
  .search-input:focus {
      box-shadow: 0 0 0 2px #ffd1a3;
  }
  
  .btn-search:hover {
      background: transparent;
  }
  
  .home-banner-slider .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      border: 3px solid #095781;
      background-color: #fff;
      opacity: 1;
      position: relative;
  }
  
  .home-banner-slider .swiper-pagination-bullet-active:before {
      content: '';
      background: #095781;
      position: absolute;
      width: 10px;
      height: 10px;
      left: 50%;
      top: 50%;
      border-radius: 50%;
      transform: translate(-50%, -50%);
  }
  
  .list-gallery .image-container .loader {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 3;
      background: rgba(255, 255, 255, .1) url(/images/spinner.svg) no-repeat 50% 50%;
      background-size: 80px;
      display: none;
  }
  
  .product-options-list-item {
      padding: 2px;
      border: 1px solid transparent;
      width: 30px;
      height: 30px;
      cursor: pointer;
  }
  
  .product-options-list-item.selected {
      border-color: #cacdcf;
  }
  
  .page_menu a {
      color: #666;
      position: relative;
      font-weight: 500;
  }
  
  .page_menu a.active {
      background-color: #edf1f9;
  }
  
  .page_menu a.active:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 3px;
      height: 100%;
      background: #ee1b22;
  }
  
  .page_menu a:hover:not(.active) {
      background-color: #4e78bd;
      color: #fff;
  }
  
  .btn-circle {
      width: 36px;
      height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
      background-color: #fff;
  }
  
  .btn-circle:active {
      background-color: #eee;
  }
  
  .btn-circle.swiper-button-disabled {
      opacity: 0.5;
      pointer-events: none;
      cursor: not-allowed !important;
  }
  
  .footer-main {
      color: #606e7c;
  }
  
  .footer-main-inner {
      background-color: #e8f7ff;
  }
  
  .footer-bg {
      overflow: hidden;
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      bottom: 0;
      background: url(/images/footer-bg.jpg) no-repeat 50% 100%;
      z-index: 1;
      box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
  }
  
  .footer-main h4 {
      color: #0870a1!important;
      font-weight: 600;
  }
  
  .footer-main a {
      color: #5b748d;
  }
  
  .header_social_link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      padding: 4px;
      border-radius: 50%;
      transition: 0.15s;
  }
  
  .header_social_link:hover {
      border-color: #92b9e1;
  }
  
  .header_social_link svg {
      fill: #8e9bb1;
      width: 24px;
      transition: 0.15s ease-in-out;
  }
  
  .header_social_link:hover svg {
      fill: #3f6387;
  }
  
  .footer_social_link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      border: 2px solid #b7d5df;
      padding: 4px;
      border-radius: 50%;
      transition: 0.15s;
  }
  
  .footer_social_link:hover {
      border-color: #92b9e1;
  }
  
  .footer_social_link svg {
      fill: #226ee9;
      width: 24px;
      transition: 0.15s ease-in-out;
  }
  
  .footer_social_link:hover svg {
      fill: #3f6387;
  }
  
  .banner_home_middle {
      position: relative;
  }
  
  .banner_home_middle .banner_image img {
      transform: scale(1);
      transition: 0.2s ease-in-out;
  }
  
  .banner_home_middle .banner_image {
      position: relative;
      z-index: 1;
  }
  
  .banner_home_middle:hover .banner_image img {
      transform: scale(1.05);
  }
  
  .banner_home_middle .banner_text {
      position: absolute;
      left: 15px;
      top: 15px;
      right: 15px;
      bottom: 15px;
      background: rgb(34 26 20 / 30%);
      z-index: 2;
  }
  
  .bc_label {
      background-color: #fff;
      color: #727983;
      transition: 0.1s ease-in-out;
      border: 1px solid #e1e1e1;
  }
  
  .bc_label:hover {
      box-shadow: 0 0 0 1px #b4b6cf1a, 0 5px 35px rgb(52 68 74 / 18%);
      transform: scale(1.02);
      color: #333;
  }
  
  .bc_label.active {
      background-color: #333;
      color: #ccc;
  }
  
  .to-top {
      position: fixed;
      bottom: -100px;
      background-color: rgba(0, 0, 0, .2);
      left: auto;
      right: 20px;
      width: 46px;
      height: 46px;
      z-index: 10;
      border-radius: 2px;
      transition: 0.3s ease-in-out;
  }
  
  .to-top.show {
      bottom: 30px;
  }
  
  @media(min-width:1200px) {
      .to-top {
          left: calc(50% + 600px);
          right: auto;
      }
      .product_option img {
          width: 80px;
      }
  }
  
  .to-top:hover {
      background-color: rgba(0, 0, 0, .35);
  }
  
  .to-top span {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
  }
  
  .to-top svg {
      transform: rotate(-90deg);
      width: 100px;
  }
  
  .step {
      width: 180px;
      position: relative;
  }
  
  .step h5 {
      color: #bfbfbf;
      font-weight: 500;
  }
  
  .step:not(:first-child):after {
      content: '';
      position: absolute;
      width: 80px;
      top: calc(50% - 10px);
      left: calc(-40px);
      height: 1px;
      background: #ddd;
  }
  
  .step.active span {
      border-color: #367c9d;
      color: #367c9d
  }
  
  .step.active:not(:first-child):after {
      background: #367c9d;
  }
  
  .step.active h5 {
      color: #212529;
  }
  
  .step span {
      display: inline-flex;
      width: 50px;
      height: 50px;
      border: 2px solid #ddd;
      color: #b7b7b7;
      border-radius: 100%;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      font-weight: 600;
  }
  
  .form-control.is-invalid,
  .was-validated .form-control:invalid {
      border-color: #ff8693;
  }
  
  .cursor-pointer {
      cursor: pointer;
  }

.btn-primary
  {
    color: #fff;
    background-color: #4687a6 !important;
    border-color: #4687a6 !important;
  }

  .btn-primary:hover
  {
    background-color: #325c70 !important;
    border-color: #325c70 !important;
  }



.blob {
  background: black;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  margin: 10px 10px 10px 0px;
  height: 10px;
  width: 10px;
  transform: scale(1);
  animation: pulse-black 2s infinite;
}

.blob.red {
  background: rgba(255, 82, 82, 1);
  box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
  animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}