/*----------------------------------------------------------------------
[-----*** TABLE OF CONTENT ***-----]
1. Header - Topbar
2. Header - Shop Badge
3. Header - Navbar
4. Header - Responsive Navbar Style
4. Header - Submenu
5. Header - Mega Menu
6. Header - Fixed
7. Header - Fixed Boxed
-----------------------------------------------------------------------*/
/*--------------------------------------------------
[1. Header - Topbar]
----------------------------------------------------*/
/*Top Bar v3 (currency, language, account etc.)
------------------------------------*/
.topbar-v3 {
  z-index: 99;
  position: absolute;
  right: 4.5rem;
  background: #006dae;
}
@media (max-width: 768px) {
  .topbar-v3 .left-topbar,
  .topbar-v3 .right-topbar {
    text-align: center;
    float: none !important;
  }
}
/*Left Top Bar*/
.topbar-v3 ul.left-topbar {
  padding-left: 0;
  margin-bottom: 1px;
}
.topbar-v3 ul.left-topbar>li {
  display: inline;
  list-style: none;
  position: relative;
  margin-right: 15px;
  padding-bottom: 15px;
}
.topbar-v3 ul.left-topbar>li>a {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
.topbar-v3 ul.left-topbar>li>a:hover {
  cursor: pointer;
}
/*Currency & Language*/
.topbar-v3 ul.currency,
.topbar-v3 ul.language {
  top: 28px;
  left: -5px;
  z-index: 1;
  display: none;
  padding: 4px 0;
  padding-left: 0;
  list-style: none;
  min-width: 125px;
  position: absolute;
  background: #006dae;
}
@media (max-width: 768px) {
  .topbar-v3 ul.currency,
  .topbar-v3 ul.language {
    top: 20px;
  }
}
.topbar-v3 li:hover ul.currency,
.topbar-v3 li:hover ul.language {
  display: block;
}
.topbar-v3 ul.currency:after,
.topbar-v3 ul.language:after {
  top: -4px;
  width: 0;
  height: 0;
  left: 8px;
  content: " ";
  display: block;
  position: absolute;
  border-bottom: 6px solid #2a2a2a;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left-style: inset;
  /*FF fixes*/
  border-right-style: inset;
  /*FF fixes*/
}
.topbar-v3 ul.currency li a,
.topbar-v3 ul.language li a {
  color: #d1d1d1;
  display: block;
  font-size: 10px;
  padding: 2px 12px;
  margin-bottom: 1px;
  text-transform: uppercase;
}
.topbar-v3 ul.currency li.active a i,
.topbar-v3 ul.language li.active a i {
  color: #d1d1d1;
  float: right;
  margin-top: 2px;
}
.topbar-v3 ul.currency li a:hover,
.topbar-v3 ul.language li a:hover,
.topbar-v3 ul.currency li.active a,
.topbar-v3 ul.language li.active a {
  background: #006dae;
}
.topbar-v3 ul.currency li a:hover,
.topbar-v3 ul.language li a:hover {
  text-decoration: none;
}
/*Right Top Bar*/
.topbar-v3 .right-topbar {
  margin-bottom: 1px;
}
.topbar-v3 .right-topbar li {
  margin-left: 3px;
}
.topbar-v3 .right-topbar li:first-child {
  margin-left: 0;
}
.topbar-v3 .right-topbar li,
.topbar-v3 .right-topbar li a {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
}
/*Search*/
.topbar-v3 .search {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
}
.topbar-v3 .search:hover {
  color: #bbb;
}
.topbar-v3 .search-open {
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  background: #006dae;
}
.topbar-v3 .search-open .container {
  position: relative;
}
.topbar-v3 .search-open .search-close {
  top: 10px;
  right: 20px;
  color: #fff;
  cursor: pointer;
  position: absolute;
}
.topbar-v3 .search-open .form-control {
  color: #eee;
  border: none;
  min-height: 35px;
  font-weight: 200;
  background: #006dae;
}
.topbar-v3 .search-open .form-control:focus {
  box-shadow: none;
}
.topbar-v3 .search-open .form-control::-moz-placeholder {
  color: #eee;
  font-weight: 200;
}
.topbar-v3 .search-open .form-control:-ms-input-placeholder {
  color: #eee;
  font-weight: 200;
}
.topbar-v3 .search-open .form-control::-webkit-input-placeholder {
  color: #eee;
  font-weight: 200;
}
/*--------------------------------------------------
[2. Header - Shop Badge]
----------------------------------------------------*/
/*Badge Lists*/
header .shop-badge.badge-lists {
  margin-bottom: 0;
}
header .shop-badge.badge-lists li {
  position: relative;
}
header .shop-badge.badge-lists>li {
  margin: 2px 0px 2px 20px !important;
  padding: 11px 15px 5px 25px !important;
}
header .shop-badge.badge-lists span.badge {
  top: 3px;
  right: 3px;
  position: absolute;
}
/*Badge Icons*/
header .shop-badge.badge-icons span.badge {
  min-width: 12px;
  padding: 3px 6px;
  border-radius: 50%;
}
header .shop-badge.badge-icons .fa-shopping-cart {
  font-size: 24px;
  min-width: 25px;
}
/*Badge*/
header .shop-badge span.badge {
  font-weight: 400;
  padding: 4px 7px;
  background: #006dae !important;
}
header .shop-badge span.badge-sea {
  background: #006dae;
}
/*Scrollbar*/
header .mCustomScrollbar {
  height: 400px;
}
/*Badge Open*/
header ul.shop-badge>li {
  position: relative;
}
header ul.shop-badge>li:hover .badge-open {
  display: block;
}
header .badge-open {
  top: 46px;
  right: 0;
  display: none;
  padding: 0 20px;
  list-style: none;
  min-width: 300px;
  background: #fff;
  position: absolute;
  border-top: 2px solid #006dae;
  -webkit-box-shadow: 0 2px 2px 0px rgba(90, 90, 90, 0.075);
  -moz-box-shadow: 0 2px 2px 0px rgba(90, 90, 90, 0.075);
  box-shadow: 0 5px 5px 0px rgba(90, 90, 90, 0.075);
}
header .badge-open li {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dedede;
}
header .badge-open li:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 20px;
}
header .badge-open li:after,
header .badge-open li:before {
  content: " ";
  display: table;
}
header .badge-open li:after {
  clear: both;
}
header .badge-open img {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 15px;
}
header .badge-open .close {
  line-height: 1.9;
}
header .badge-open span {
  margin: 7px 0;
  color: #555;
  display: block;
  font-size: 14px;
}
header .badge-open small {
  color: #999;
  font-size: 14px;
}
/*Subtotal*/
header li.subtotal {
  padding: 3px 0 20px;
}
header li.subtotal span {
  color: #555;
  font-size: 18px;
  font-weight: 200;
  display: inline-block;
  text-transform: uppercase;
}
header li.subtotal .subtotal-cost {
  color: #006dae;
}
header li.subtotal .btn-u {
  font-size: 12px;
}
header li.subtotal .col-xs-6:first-child {
  padding-right: 8px !important;
}
header li.subtotal .col-xs-6:last-child {
  padding-left: 8px !important;
}
/*--------------------------------------------------
[3. Header - Navbar]
----------------------------------------------------*/
/*Navbar*/
header {
  z-index: 99;
  position: relative;
  border-bottom: solid 2px #eee;
}
header .navbar {
  margin: 0;
}
header .navbar-default {
  border: none;
  background: none;
}
/*Navbar Header*/
@media (max-width: 1200px) {
  header .navbar-header {
    margin-bottom: 7px;
  }
  header .navbar-header {
    margin-top: 15px;
  }
}
header .navbar-brand {
  z-index: 1;
  padding: 18px 10px 10px 15px;
}
header .navbar-default .navbar-toggle {
  color: #333;
  border: none;
  font-size: 19px;
  position: relative;
  margin-top: 10px;
}
header .navbar-default .navbar-toggle .icon-bar {
  background: #222;
}
header .navbar-default .navbar-toggle:hover,
header .navbar-default .navbar-toggle:focus {
  background: inherit;
}
/*Navbar Collapse*/
header .navbar-collapse {
  position: relative;
}
/*Navbar Menu*/
header .navbar-default .navbar-nav>li>a {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
header .navbar .navbar-nav>li>a {
  color: #555 !important;
  font-size: 14px;
  font-weight: 400;
  padding-top: 15px !important;
  ;
  padding-bottom: 15px !important;
}
header .navbar-default .navbar-nav>.active>a {
  color: #006dae;
}
/*--------------------------------------------------
[4. Header - Responsive Navbar Style]
----------------------------------------------------*/
/*--------------------------------------------------
[5. Header - Submenu]
----------------------------------------------------*/
/*Dropdown Submenu for BS3
------------------------------------*/
header .dropdown-submenu {
  position: relative;
}
header .dropdown>a:after,
header .dropdown-submenu>a:after {
  top: 46%;
  right: 9px;
  font-size: 11px;
  position: absolute;
  font-weight: normal;
  display: inline-block;
  font-family: FontAwesome;
  color: #006dae;
}
header .dropdown-submenu>.dropdown-menu {
  top: 3px;
  left: 100%;
  margin-top: -5px;
  margin-left: 0px;
}
/*Submenu comes from LEFT side*/
header .dropdown-submenu>.dropdown-menu.submenu-left {
  left: -100%;
}
header .dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
header .dropdown-submenu.pull-left {
  float: none;
}
header .dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
header .dropdown-menu li [class^="fa-"],
header .dropdown-menu li [class*=" fa-"] {
  left: -3px;
  width: 1.25em;
  margin-right: 1px;
  position: relative;
  text-align: center;
  display: inline-block;
}
header .dropdown-menu li [class^="fa-"].fa-lg,
header .dropdown-menu li [class*=" fa-"].fa-lg {
  /* increased font size for fa-lg */
  width: 1.5625em;
}
/*--------------------------------------------------
[5. Header - Mega Menu]
----------------------------------------------------*/
/*Mega Menu
------------------------------------*/
header .mega-menu .navbar-inner,
header .mega-menu .container {
  position: relative;
}
header .mega-menu .dropdown-menu {
  left: auto;
}
header .mega-menu .dropdown-menu>li {
  display: block;
}
header .mega-menu .dropdown-submenu .dropdown-menu {
  left: 100%;
}
header .mega-menu .nav.pull-right .dropdown-menu {
  right: 0;
}
header .mega-menu .mega-menu-content {
  *zoom: 1;
  padding: 20px 10px;
}
header .mega-menu .mega-menu-content:before,
header .mega-menu .mega-menu-content:after {
  content: "";
  display: table;
  line-height: 0;
}
header .mega-menu .mega-menu-content:after {
  clear: both;
}
header .mega-menu.navbar .nav>li>.dropdown-menu:after,
header .mega-menu.navbar .nav>li>.dropdown-menu:before {
  display: none;
}
header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
  left: 0;
  right: 0;
  overflow: hidden;
}
/*Bootstrap Container*/
@media (min-width: 768px) {
  header .mega-menu .mega-menu-content .container {
    width: 708px;
  }
}
@media (min-width: 1200px) {
  header .mega-menu .mega-menu-content .container {
    width: 1110px;
  }
}
/*Dropdown Menu*/
header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li {
  padding-bottom: 5px;
}
header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li a {
  padding: 0;
  border-bottom: none;
}
/*Product Offers*/
header img.product-offers:hover {
  opacity: 0.9;
}
/*Style List*/
header h3.mega-menu-heading {
  color: #555;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  border-bottom: 1px solid #dedede;
}
header h3.mega-menu-heading.margin-bottom-10 {
  margin-bottom: 10px !important;
}
header .style-list {
  margin-bottom: 20px;
}
header .style-list li a {
  color: #555;
  font-size: 14px;
  margin-right: 5px;
}
header .style-list li a:hover {
  color: #006dae;
  background: none;
  text-decoration: none;
}
header .style-list li .label {
  top: -2px;
  position: relative;
}
/*--------------------------------------------------
[6. Header - Fixed]
----------------------------------------------------*/
/*Header*/
.header-fixed header.header-fixed-shrink {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  height: 95px;
  margin-top: -29.5px;
  border-bottom: none;
  box-shadow: 0 0 3px #bbb;
  background: rgba(255, 255, 255, 0.96);
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  transition: background 0.4s;
}
/*Topbar*/
.header-fixed header.header-fixed-shrink .topbar {
  display: none;
}
/*No Topbar*/
.header-fixed header.no-topbar {
  height: 78px;
}
.header-fixed header.no-topbar.header-fixed-shrink {
  height: 95px;
  margin-top: -35px;
}
.header-fixed header.no-topbar.header-fixed-shrink .navbar-brand {
  top: 46px;
}
.header-fixed header.no-topbar.header-fixed-shrink .shop-badge.badge-lists {
  margin-top: 26px;
}
.header-fixed header.no-topbar.header-fixed-shrink .shop-badge.badge-lists>li {
  padding-bottom: 17px !important;
}
.header-fixed header.no-topbar.header-fixed-shrink .shop-badge .badge-open {
  top: 69px;
}
.header-fixed header.no-topbar.header-fixed-shrink .navbar-nav>li>.dropdown-menu {
  margin-top: -1px;
}
/*Brand*/
.header-fixed header.header-fixed-shrink .navbar-brand {
  top: 15px;
  z-index: 1;
  position: relative;
  padding: 0 10px 10px;
}
.header-fixed header.header-fixed-shrink .navbar-brand img {
  width: 90%;
}
.header-fixed header.header-fixed-shrink .navbar-nav>li>.dropdown-menu {
  margin-top: -8px;
}
/*Badge List*/
.header-fixed header.header-fixed-shrink .shop-badge.badge-lists {
  margin-top: -3px;
}
.header-fixed header.header-fixed-shrink .shop-badge .badge-open {
  top: 70px;
}
@media (max-width: 991px) {
  /*Header*/
  .header-fixed header,
  .header-fixed header.header-fixed-shrink,
  .header-fixed header.no-topbar,
  .header-fixed header.no-topbar.header-fixed-shrink {
    height: inherit;
    position: relative;
  }
  header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
    width: auto;
  }
  header .mega-menu .mega-menu-content {
    padding-right: 0;
  }
  header .mega-menu .mega-menu-content [class^="col-"] {
    padding-right: 25px;
  }
  header .mega-menu .dropdown-menu>li>ul {
    display: block;
  }
  header .dropdown-submenu>.dropdown-menu {
    display: block;
    margin-left: 15px;
  }
  header .dropdown-submenu>a:after {
    content: " ";
    top: 14px;
  }
  header .dropdown-menu .active>a,
  header .dropdown-menu li>a:hover {
    background: #006dae;
    color: #ffffff;
  }
  header .dropdown>a:after {
    top: 26px;
    right: 15px;
  }
  header .shop-badge {
    display: none;
  }
  header .navbar {
    margin-top: 10px !important;
  }
  header .navbar .content-wrapper {
    padding: 0
  }
  header .dropdown-menu {
    border: none !important;
    background: none;
  }
  header .navbar-brand {
    margin-top: -15px;
  }
  button.navbar-toggler span {
    color: #222 !important;
    border: none;
    font-size: 19px;
    margin-top: 0px;
    filter: none !important;
    padding: 0 !important;
  }
  button.navbar-toggler {
    color: #333 !important;
    border: none;
    font-size: 19px;
    margin-top: 0px;
  }
  /*Responsive code for max-width: 991px*/
  header .navbar-header {
    float: none;
  }
  header .navbar-toggle {
    display: block;
  }
  header .navbar-collapse.collapse {
    display: none;
  }
  header .mobile-nav {
    background: #fff;
    padding-right: 15px;
  }
  header .navbar-collapse.collapse.show {
    display: block !important;
    overflow-y: auto !important;
    justify-content: start !important;
    align-items: self-end !important;
    bottom: auto;
    background: none;
    padding: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    width: 100%;
    top: 0;
  }
  header .navbar-nav {
    margin: 0;
    float: none !important;
    background: none !important;
    padding-left: 1rem;
  }
  header .mega-menu .dropdown-menu>li .dropdown-menu {
    padding-left: 0 !important;
    margin: 0 !important;
  }
  header .mega-menu .dropdown-menu>li .dropdown-menu li {
    padding-left: 0;
    border-bottom: none;
    border-top: 1px solid #eee;
  }
  header .mega-menu .dropdown-menu>li .dropdown-menu li a:after {
    top: 15px !important
  }
  header .mega-menu .dropdown-menu>li {
    border-bottom: 1px solid #eee;
  }
  header .navbar-nav>li {
    float: none;
    position: relative;
    background: none !important;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #eee;
  }
  /*Pull Right*/
  header .dropdown-menu.pull-right {
    float: none !important;
  }
  /*Dropdown Menu Slide Down Effect*/
  header .navbar-nav .open .dropdown-menu {
    border: 0;
    float: none;
    width: auto;
    margin-top: 0;
    position: static;
    box-shadow: none;
    background-color: transparent;
  }
  header .navbar-nav .open .dropdown-menu>li>a,
  header .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  header .navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px;
  }
  header .navbar-nav .open .dropdown-menu>li>a:hover,
  header .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none;
  }
  header .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }
  header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
  header .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #333;
    background-color: transparent;
  }
  header .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  header .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
  header .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  header .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
  header .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
  header .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
  }
  header .navbar-default .dropdown-menu.no-bottom-space {
    padding-bottom: 0;
  }
  /*Design for max-width: 991px*/
  header .navbar-collapse,
  header .navbar-collapse .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  header .navbar-default .navbar-nav>li>a {
    font-size: 14px;
    padding: 9px 10px;
    background: none;
    text-transform: inherit;
    font-family: 'Roboto Condensed';
  }
  header .navbar-default .navbar-nav>li a {
    border-bottom: none;
    color: #555 !important;
    text-transform: inherit;
  }
  header .navbar-default .navbar-nav>li>a:focus {
    background: none;
  }
  header .navbar-default .navbar-nav>li>a:hover {
    color: #006dae;
  }
  header .navbar-default .navbar-nav>.active>a,
  header .navbar-default .navbar-nav>.active>a:hover,
  header .navbar-default .navbar-nav>.active>a:focus {
    color: #fff !important;
    background: #006dae !important;
  }
  header .dropdown .dropdown-submenu>a {
    font-size: 13px;
    color: #333 !important;
    text-transform: uppercase;
  }
}
@media (min-width: 992px) {
  /*Navbar Collapse*/
  header .navbar-collapse {
    padding: 0;
  }
  header .navbar-default .navbar-nav>li>a {
    line-height: 30px !important;
    padding: 15px 15px !important;
    font-family: 'Roboto Condensed' !important;
    text-transform: inherit;
  }
  header .navbar-default .navbar-nav>li>a:last-child {
    padding-right: 15px !important;
  }
  header .navbar-default .navbar-nav>li>a,
  header .navbar-default .navbar-nav>li>a:focus {
    border-top: solid 2px transparent;
  }
  header .navbar-default .navbar-nav>li>a:hover,
  header .navbar-default .navbar-nav>.active>a {
    border-top: solid 2px #006dae;
  }
  header .navbar-default .navbar-nav>li>a,
  header .navbar-default .navbar-nav>li>a:hover,
  header .navbar-default .navbar-nav>li>a:focus,
  header .navbar-default .navbar-nav>.active>a,
  header .navbar-default .navbar-nav>.active>a:hover,
  header .navbar-default .navbar-nav>.active>a:focus {
    background: none;
    position: relative;
  }
  header .navbar-default .navbar-nav>.open>a,
  header .navbar-default .navbar-nav>.open>a:hover,
  header .navbar-default .navbar-nav>.open>a:focus {
    color: #006dae;
  }
  header .navbar-default .navbar-nav>li:hover>a {
    color: #006dae;
  }
  /*Dropdown Menu*/
  header .dropdown-menu {
    padding: 0;
    border: none;
    min-width: 200px;
    border-radius: 0;
    z-index: 9999 !important;
    border-top: solid 2px #006dae;
    -webkit-box-shadow: 0 2px 2px 0px rgba(90, 90, 90, 0.075);
    -moz-box-shadow: 0 2px 2px 0px rgba(90, 90, 90, 0.075);
    box-shadow: 0 5px 5px 0px rgba(90, 90, 90, 0.075);
  }
  header .dropdown-menu li a {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 15px;
    border-bottom: solid 1px #dedede;
  }
  header .dropdown-menu>li>a {
    /*Transition for fixed header*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
  }
  header .dropdown-menu .active>a,
  header .dropdown-menu li>a:hover {
    color: #fff;
    background: #006dae;
    filter: none !important;
  }
  header .dropdown-menu li>a:focus {
    color: inherit;
    background: none;
    filter: none !important;
  }
  header .navbar-nav>li.dropdown:hover>.dropdown-menu {
    display: block;
  }
  header .open>.dropdown-menu {
    display: none;
  }
  header .dropdown-menu li.dropdown-submenu:hover>a {
    color: #fff;
    background: #006dae;
  }
  header .dropdown>a:after {
    content: " ";
  }
  header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
    margin-left: 10px;
    margin-right: 15px;
  }
  header .mega-menu .mega-menu-content .container {
    width: 910px;
  }
  .header-fixed header.header-fixed-shrink .navbar-nav>li>a {
    font-size: 15px;
    margin-top: 2px;
    padding: 17px 18px 26px;
  }
  /*No Topbar*/
  .header-fixed header.no-topbar.header-fixed-shrink .navbar-nav>li>a {
    margin-top: 35px;
    padding: 14px 17px 16px;
  }
}
@media (max-width: 576px) {
  .row {
    gap: inherit;
  }
}
/*--------------------------------------------------
[7. Header - Fixed Boxed]
----------------------------------------------------*/
.boxed-layout.header-fixed header.header-sticky {
  left: inherit;
  width: inherit;
}
.btn-u.btn-brd {
  color: #555;
  /* font-weight: 200; */
  background: none;
  padding: 5px 13px;
  border: solid 1px transparent;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
/*Button Sea Shop*/
.btn-u.btn-u-sea-shop {
  background: #18ba9b;
}
.btn-u.btn-u-sea-shop:hover,
.btn-u.btn-u-sea-shop:focus,
.btn-u.btn-u-sea-shop:active,
.btn-u.btn-u-sea-shop.active,
.open .dropdown-toggle.btn-u.btn-u-sea-shop {
  background: #2cd5b6;
}
.btn-u.btn-u-split-sea.dropdown-toggle {
  border-left: solid 1px #2cd5b6;
}
/*Button Bordered Sea Shop*/
.btn-u.btn-brd.btn-u-sea-shop {
  color: #18ba9b;
  background: none;
  border-color: #18ba9b;
}
.btn-u.btn-brd.btn-u-sea-shop:hover {
  color: #18ba9b;
  border-color: #18ba9b;
}
.btn-u.btn-brd.btn-u-sea-shop.btn-brd-hover:hover {
  background: #18ba9b;
  color: #fff !important;
}
header li.subtotal span {
  color: #555;
  font-size: 18px;
  font-weight: 200;
  display: inline-block;
  text-transform: uppercase;
}
header .badge-open span {
  margin: 7px 0;
  color: #555;
  display: block;
  font-size: 14px;
}
header .badge-open small {
  color: #999;
  font-size: 14px;
}
header .badge-open img {
  float: left;
  width: 100px;
  max-height: 100px;
  object-fit: cover;
  margin-right: 15px;
}
header .badge-open {
  border-top: 2px solid #41b24f;
  box-shadow: 0 5px 5px 0 rgb(90 90 90 / 8%);
}
header li.subtotal .btn-u {
  font-size: 12px;
}
.btn-u.btn-u-sea-shop {
  background-color: #006dae;
  padding: 5px 13px;
}
/* Shop Product Social
------------------------------------*/
.shop-product .shop-product-social li i:hover {
  color: #3498db;
}
/* Shop Product
------------------------------------*/
.shop-product .product-review-list a:hover {
  color: #3498db;
}
.shop-product .product-size input:checked~label {
  border-color: #3498db;
  color: #3498db;
}
.shop-product .product-size label:hover {
  border-color: #3498db;
  color: #3498db;
}
.shop-product .product-color input:checked~label {
  border: 2px solid #3498db;
}
.shop-product .product-color label:hover {
  border: 2px solid #3498db;
}
/* Wizard
------------------------------------*/
.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
  background: #2980b9;
}
.wizard>.steps .disabled .number {
  color: #3498db;
}
.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
  background: #8cc2e6;
}
.wizard>.actions a {
  background: #3498db;
}
.wizard>.actions a:hover {
  background: #8cc2e6;
}
.wizard>.steps .done a,
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
  background: #3498db;
}
.wizard>.steps h2 {
  font-size: 22px;
  margin: 0 0 5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}
.wizard>.steps p {
  opacity: 0.6;
  font-size: 16px;
}
p {
  color: #505050;
  font-size: 14px;
}
.wizard>.steps i {
  top: 15px;
  right: 20px;
  width: 40px;
  height: 40px;
  padding: 8px;
  color: #c4c4c4;
  font-size: 20px;
  text-align: center;
  position: absolute;
  display: inline-block;
  border: 2px dashed #e0e0e0;
}
.rounded-x {
  border-radius: 50% !important;
}
.add-to-wishlist a:hover,
.add-to-wishlist .wishlist-in:hover i,
.add-to-wishlist .compare-in:hover i {
  color: #18ba9b;
  text-decoration: none;
}
/*Add to Wishlist*/
.add-to-wishlist-brd {
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
.add-to-wishlist li {
  padding-left: 20px;
  margin-right: 10px;
  border-left: 1px solid #dedede;
}
.add-to-wishlist li:first-child {
  padding-left: 0;
  border-left: none;
}
.add-to-wishlist i {
  color: #8bdccd;
  font-size: 16px;
  margin-right: 7px;
}
.add-to-wishlist a {
  color: #999;
  font-size: 14px;
}
.add-to-wishlist .wishlist-in:hover i,
.add-to-wishlist .compare-in:hover i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wishlist-category a {
  color: #18ba9b;
}
/* Monash Uni Logo */
.header-logo-desktop {
  padding: 20px;
}
/* Blue Bar Header */
.monash-header-quick-links {
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.monash-header {
  background: #006dae;
  display: flex;
  height: 40px;
  list-style-type: none;
}
.home_icon {
  height: 16px;
  width: 16px;
}
.monash-header-list {
  text-decoration: none;
  height: 40px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 101;
}
.monash-header-link {
  display: flex;
  text-decoration: none;
  color: #fff;
  padding: 0 12px;
  font-size: 0.875rem;
  height: 40px;
  align-items: center;
  text-align: center;
}
.monash-header-list:hover {
  background: #027eb6;
}
.monash-header-link:hover {
  text-decoration: none;
  color: #fff;
  padding: 0 12px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1200px) {
  .monash-header-quick-links {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .monash-header-quick-links {
    display: none;
  }
  .monash-header-list {
    display: none;
  }
}
/* UniOne and Search Bar*/
.UniOne-login-and-search {
  display: flex;
  height: 40px;
  align-items: center;
  position: absolute;
  right: 0.5rem;
}
/* Home Icon */
.monash-home_icon {
  text-decoration: none;
  height: 40px;
}
.monash-home_icon:hover {
  background: #027eb6;
}
.monash-header-home {
  margin-left: .5rem;
  z-index: 101;
}
.monash-home_icon-link {
  display: flex;
  color: #fff;
  height: 40px;
  align-items: center;
  padding: 0  14px;
}
.header_home-icon {
  width: 16px;
  height: 16px;
  fill: #fff;
  transform: translateY(-10%);
}
/* Search Icon */
.header_search-icon {
  width: 16px;
  height: 16px;
  fill: #fff !important;
  transform: translateY(-15%);
  margin: 0 0;
}
.monash-search_icon {
  text-decoration: none;
  height: 40px;
  border: none;
  background: #006dae;
  padding: 0 14px;
}
.monash-search_icon:hover {
  background: #027eb6;
}
.monash-search_icon-link {
  display: flex;
  color: #fff;
  height: 40px;
  align-items: center;
}
/* UniOne and Search Bar */
.header_container {
  padding: 0 5px;
}
.form-control {
  border-radius: 7.5px;
}
/* Search Bar */
.header_search-form {
  background-color: #fff;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transition: all .4s ease;
  visibility: hidden;
  width: 100%;
  z-index: 102;
}
.header-row__search-close {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 0.9375rem;
}
.header_search_close-button {
  background-color: #2a2a2a;
  border: 0;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 38px;
  position: relative;
  width: 38px;
}
.visuallyhidden {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  background: #000;
  color: #fff;
}
.header_search_close-button:after,
.header_search_close-button:before {
  color: #fff;
  content: "X";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 18px;
}
.header-close {
  display: flex;
  text-indent: -70px
}
.header-close:hover{
  text-decoration: underline;
}
.header-search-button{
  color: #fff;
  padding: 0.657rem 2.2125rem;
  text-indent: 0;
  background-color: #006dae;
  border: none;
  margin-left: 10px;
}
.header-search-button:hover{
  color: #fff;
  padding: 0.657rem 2.2125rem;
  text-indent: 0;
  background-color: #027eb6;
  border: none;
}
.text-fill{
  all: unset;
  width: 100%;
  position: relative;
  justify-content: center;
  border: none;
  outline: none;
  color: #000;
}
.search-bar-form{
  display: flex;
  margin-top: 20px;
  padding: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: #323232;
}
.header_search_close-button {
  background-color: #2a2a2a;
  border: 0;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 38px;
  position: relative;
  width: 38px
}
.header_search_close-button:after,.header_search_close-button:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 18px
}
.header_search_close-button:after {
  -webkit-transform: translate(-50%,-50%) rotate(45deg);
  transform: translate(-50%,-50%) rotate(45deg)
}
.header_search_close-button:before {
  -webkit-transform: translate(-50%,-50%) rotate(-45deg);
  transform: translate(-50%,-50%) rotate(-45deg)
}
.header_search_close-button:focus,.header_search_close-button:hover {
  outline: none
}
.header_search_close-button:focus .header-row__search-close--text,.header_search_close-button:hover .header-row__search-close--text {
  text-decoration: underline
}
input, select, textarea {
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
  outline: 0;
  transition: all .25s;
}
.list-inline{
  list-style: none;
  vertical-align: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
}
/*Makes the Nav Bar on Mobile to the width of the page*/
.content-wrapper.w-100 {
  margin-left: auto;
  margin-right: auto;
}
/* Header Team Monash Title */
.header-team-monash{
  text-transform: uppercase;
  color: #006dae;
  font-weight: 700;
}

/* Fixing Page Breadcrumbs*/

.header .navbar-nav{
    justify-content:start !important;
}
.header-breadcrumb {
    margin-top: 0;
}
#cartSideMenu .cartHeader {
    background: #006dae;
    height:40px;
}
    #cartSideMenu .cartHeader i {
        color: #fff;
    }
    #cartSideMenu .cartHeader h4 {
        color: #fff;
    }