/*------------------------------------*\
  #Root
\*------------------------------------*/
:root{
  --Primary-color:  #231f20;

  --Button-color:  #231f20;
  --Button-border-color: rgba(35,31,32,0.3);

  --Text-color: rgba(35,31,32,0.7);
  
  /* Border */
  --Border-bottom: rgba(35,31,32,0.7);

  /* Modal Background */
  --Modal-background-color: rgba(255,255,255,0.95);

  /* Neutral Colors */
  --White-color: #fff;
  --Grey-color: #f5f4f4;
  --Black-color: #333;

  --Danger-color: #cf4646;
  --Danger-hover-color: #cc3c3c;

  --transition-3s: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  --transform-opacity: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  --transition-button-outline: border 350ms cubic-bezier(0.19, 1, 0.22, 1), color 350ms cubic-bezier(0.19, 1, 0.22, 1);
  --transition-button: height 350ms cubic-bezier(0.19, 1, 0.22, 1),width 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms;
  --transition-button-hover: width 350ms cubic-bezier(0.19, 1, 0.22, 1),height 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms,opacity 0s linear 0.45s;
  --transition-color: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);

  /* Font-size */
  --fs-xlrg: 2.277777777777778rem;
  --fs-lrg: 1.5rem;
  --fs-md: 0.8888888888888889rem;
  --fs-sm: 0.6666666666666667rem;
}

/*------------------------------------*\
#BASE
\*------------------------------------*/
body{
  font-weight: 400;

  @media screen  and (max-width: 767px){
    overflow-x: hidden;
  }
}

@font-face {
  font-family: LettrAngSemBol;
  src:  url('/-20713980/Handler/CSSOverride/GetImage/1/LettrAngSemBol.ttf');
}

/* Headings */
h1,h2,h3{ 
font-weight: 700 !important;
text-transform: capitalize;
}

h1, h1.title, h2.title.is-2{
  font-size: var(--fs-xlrg);
  line-height: 2.8rem;
}

h2{
  font-size: var(--fs-lrg);
  line-height: 2.25rem;
}

h3, h3.sub-title.is-4{
  font-size: var(--fs-md);
  line-height: 1.625rem;
}

.details-wrapper .section-title-container h2,
.bestsellers h2.ict-title,
h3.title,
h4.has-style-custom-1,
.crosssells-title .title {
  font-family: LettrAngSemBol;
  font-size: var(--fs-md) !important;
  text-transform: uppercase;
  line-height: 0.8888888888888889rem;
  letter-spacing: 1px;
  font-weight: 400 !important;
}

.title-column h4{
  font-family: LettrAngSemBol;
  font-size: var(--fs-md);
  color: rgba(255,255,255,0.7);
  text-transform: uppercase;
  line-height: 0.8888888888888889rem;
  letter-spacing: 1px;
  font-weight: 400 !important;
}

h4.has-style-custom-1{
  font-size: var(--fs-md) !important;
  margin-bottom: .75rem !important;
}

/* Buttons */
html:not(.page-dynamicproduct-editor) div:not(.attributes) .catfish-button:not(input, .is-outlined, .is-danger, #continueshoppingDummy, #deleteall),
html:not(.page-dynamicproduct-editor) .button:not(.is-small, .is-white, label, .accordion-title, #btn-small-search, .is-light, #single-button){
  font-size: var(--fs-sm);
  font-weight: 700;
  line-height: 1.05556rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
  padding-right: 1.125rem;
  padding-left: 1.125rem;
  min-width: 9.375rem;
  height: 53px;
  border: 0;
  border-bottom: 0;
  position: relative !important;
  transition: var(--transition-opacity);
  margin-bottom: .5rem;
  display: flex;

  &::before,
  &::after{
    content: ' ';
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    z-index: 1;
    transition: var(--transition-button);
  }

  &::before{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 4px;
    bottom: 4px;
  }

  &::after{
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 4px;
    top: 4px;
  }

  &:hover::before{
    width: 0;
    height: 0;
    opacity: 0;
    transition: var(--transition-button-hover);
  }

  &:hover::after{
    width: 0;
    height: 0;
    opacity: 0;
    transition: var(--transition-button-hover);
  }
}

html:not(.page-dynamicproduct-editor) input.catfish-button:not(.is-outlined, .is-danger, #continueshoppingDummy, #deleteall, #btn-small-search){
text-transform: uppercase;
margin-bottom: 0;
width: 100%;

&:hover{
  background-color: transparent;
  }
}

input.catfish-button{
  font-size: var(--fs-sm) !important;
  letter-spacing: 1px;
}

.text-box.single-line,
input.catfish-input,
select.catfish-select{
  border: 1px solid var(--Primary-color);
  background-color: #fff;
  height: 53px;
  box-shadow: unset;
  padding-left: .94444rem;
  color: rgb(35,31,32);
  transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);

  &:hover{
    color: rgba(35,31,32,0.7);
  }
}

.catfish-select{
  -webkit-appearance: none;
}

textarea.catfish-textarea{
  box-shadow: none;
  border-color: var(--Primary-color);
}

input[type=radio]{
  accent-color: var(--Primary-color);
}

input::placeholder, .catfish-input::placeholder, .catfish-select::placeholder {
  color: rgba(35,31,32,0.3);
  transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
}

html:not(.page-catalog-product) input:hover::placeholder, html:not(.page-catalog-product) .catfish-input:hover::placeholder, html:not(.page-catalog-product) .catfish-select:hover::placeholder{
  color: rgba(35,31,32,0.7) !important;
}

html:not(.page-dynamicproduct-editor) .is-outlined, 
html:not(.page-dynamicproduct-editor) .is-danger:not(.notification, .toast), 
#continueshoppingDummy, 
#deleteall,
html:not(.page-dynamicproduct-editor) .button.is-light{
  background-color: transparent !important;
  color: var(--Primary-color);
  border-color: var(--Button-border-color) !important;
  min-width: 9.375rem;
  height: 53px;
  transition: var(--transition-button-outline);

  &:hover{
    border-color: var(--Button-color) !important;
    color: var(--Primary-color);
  }
}

#continueshoppingDummy{
  width: 100%;
  margin-right: 0;
  }

  .is-danger{
  background-color: transparent;
  color: var(--Primary-color);
  border: 1px solid var(--Button-border-color) !important;

  &:hover{
    border: 1px solid var(--Button-color) !important;
  }
}

.checkout-buttons__wrapper .button{
  width: 100%;
}

.back-link a{
background-color: var(--White-color);
border: 1px solid var(--Button-border-color) !important;
color: var(--Primary-color);
transition: var(--transition-3s) !important;
text-transform: unset !important;

  &:hover{
    border-color: var(--Primary-color) !important;
    background-color: var(--White-color);
    color: var(--Primary-color);
  }

  &:focus{
    box-shadow: unset !important;
    color: var(--Primary-color);
  }

  &::before,
  &::after{
    display: none;
  }
}

.arone-product-landing-page .attribute input:checked + label.button:focus{
  outline: 1px solid transparent;
}

/* Image */
.has-width-256{
  width: 256px;
}

/* anchor tags */
p:not(.back-link) > a{
  text-decoration: underline;
  color: var(--Text-color);

  &:hover{
    text-decoration: none;
  }
}

.has-text-white p{
  color: var(--White-color);
}

/* Paragraph */
.short-description-wrapper{
  margin-bottom: 1rem !important;
}

.short-description-wrapper,
p{
  color: var(--Text-color);
}

.has-text-primary p{
  color: var(--Primary-color);
}


@media screen and (max-width: 768px) {

  .block .buttons:not(.homebanner-buttons){
    width: 100%;
  }
}

ul.ict-list.is-underlined{
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;

  &:hover{
    text-decoration: none !important;
  }
}
/*------------------------------------*\
#LAYOUTS
\*------------------------------------*/
/* Toast */
.notices .toast.is-success{
  background-color: var(--Primary-color);
}

.html:not(.page-dynamicproduct-editor) .notices .toast.is-danger{
  background-color: var(--Danger-color);
  color: var(--White-color );
}

/* Header */
.two-tier-menu {

  /* top-menu */
  & .top-menu-split{
    padding: 0;

    & .container{
      padding: 0;
      margin: 0;
    }
  }

  & .level-left{
    width: 20%;
  }

  & .level-left .call-to--action-button{
    font-size: var(--fs-sm);
    font-weight: 400;
    background: transparent;

    & i{
      font-size: 1.33333rem;
      font-weight: 300;
      margin-top: .25rem;
    }
  }

  & .lever-center{
    width: 60%;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;

    & .level-item{
      justify-content: center;
    }
  }

  & .level-right {
    width: 20%;
  }

  & .level-right .account-link{
    & i.fa-user.is-impersonated {
      display: none;
    }
    
    & i.fa-user-secret {
        display: none;
    }
    
    & i.fa-user-secret.is-impersonated {
        display: block;
    }
  }

  & .navbar-end{
    & .button.is-small, 
    & .button.is-white{
      background: transparent;
      color: var(--Primary-color);
      padding: .75rem;
      transition: .3s;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -ms-transition: .3s;
      -o-transition: .3s;
      margin-right: 0;
      margin-bottom: 0;

      & i{
          font-size: 1.1rem;
          font-weight: 400;
      }

      &:hover,
      &:active,
      &:focus{
          background: transparent;
          
          
          & i{
              color: var(--Button-hover-color);
          }
      }

      &:focus{
          box-shadow: none;
      }
    }
  }

  /* Logo */
  & .is-header-logo{
    height: 1.2rem;
  }

  /* bottom-menu */
  & .bottom-menu-split{
    border-top: unset;
    border-bottom: 1px solid var(--Primary-color);

    & .container{
      padding: 0;
      width: 100% !important;
      max-width: 100% !important;
    }

    & .navbar{
      height: 2rem;
    }
  }

  /* top-menu */
  & .bottom-menu-split{

    & a.navbar-link{
      font-size: var(--fs-sm);
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
      -ms-transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: color 350ms cubic-bezier(0.19, 1, 0.22, 1);
    }
  }
}

.navbar.ict-navbar.is-fullwidth {
  background: white!important;
}

.navbar-burger {
  height: 3.64286em;
  width: 1.64286em;
}

/* Megamenu - Desktop*/
@media screen and (max-width: 1270px) and (min-width: 1088px) {
  .mega-menu-column-contents a{
    font-size: var(--fs-md);
    text-wrap: wrap;
  }
}

@media screen and (min-width:1088px) {
  .header-spacer.two-tier-spacer {
    height: 5.8rem;
  }
  
  .navbar-dropdown.mega-menu {
      width: 100%;
      position: absolute;
      left: 0;
      top: 100%;
      background: var(--Primary-color);
      color: var(--White-color);
  }

  .mega-menu .mega-menu-columns .navbar-item:hover {
      background: transparent;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
  }

  .navbar-dropdown {
    border-top: none;
  }

  .mega-menu .mega-menu-columns .navbar-item .mega-menu-column-contents {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
  }

  .mega-menu-list{
    display: flex;
    flex-direction: column;
  }

  .mega-menu-column-contents h4{
    font-family: LettrAngSemBol;
    font-size: .88889rem;
    font-weight: normal;
    text-transform: uppercase;
    line-height: .88889rem;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,0.7);
    opacity: 0.7;
  }

  .mega-menu-column-contents a {
      font-size: 1rem;
      text-transform: capitalize;
      color: var(--White-color);
      opacity: .7;

      &:hover{
        transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        opacity: 1;
    }
  }

  .mega-menu .navbar-item:last-child {
      padding-right: 0rem !important;
  }

  .navbar-menu .navbar > .navbar-item{
    width: 16%;
  }

  .navbar-menu .navbar  .navbar-item .navbar-link,
  a.navbar-item{
    width: 100%;
    justify-content: center;
  }

  /* Dropdown Items */
  .mega-menu-item .mega-menu{
    padding-top: 1.66667rem;
    padding-bottom: 3.27778rem;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
  }

  .navbar, .navbar-menu, .navbar-start, .navbar-end{
    display: flex;
    align-items: stretch;
  }

  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }

  .navbar-item{
    display: flex;
  }

  .navbar-item, .navbar-link {
    align-items: center;
    display: flex;
  }

   .navbar-start {
    margin-right: auto;
    justify-content: flex-start;
  }

  .navbar-end {
    margin-left: auto;
    justify-content: flex-end;
  }

  .navbar-item.mega-menu-item {
    position: unset;
    align-items: stretch;
    padding: 0;
  }

  .navbar-menu .navbar .navbar-item .navbar-link, a.navbar-item {
    width: 100%;
    justify-content: center;
    background: white;
    z-index: 9999;
    transform: translateX(-.85rem);
    -webkit-transform: translateX(-.85rem);
    -moz-transform: translateX(-.85rem);
    -ms-transform: translateX(-.85rem);
    -o-transform: translateX(-.85rem);
}

  /* Dropdown Arrow */
  .content-field-navbar .select:not(.is-multiple, .is-loading, .category-filter--select)::after, .content-field-navbar .navbar-link:not(.is-arrowless)::after{
    border-width: unset;
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
  }

  .content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: unset;
  }

  .select:not(.is-multiple, .is-loading, .category-filter--select)::after, .navbar-link:not(.is-arrowless)::after {
    border: unset;
    border-radius: unset;
    border-right: unset;
    border-top: unset;
    content: " ";
    display: block;
    height: unset;
    margin-top: unset;
    pointer-events: none;
    position: absolute;
    top: unset;
    transform: unset;
    transform-origin: unset;
    width: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
  }

  .mega-menu-item .navbar-link::after {
    content: '';
    width: 0%;
    height: 1px;
    background-color: #231f20;
    transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1);
    bottom: 0;
    left: 0rem;
  }

  .navbar-link:hover::after {
    width: 100%;
  }

  .mega-menu-item:hover .navbar-link::after {
    width: 100%;
  }

  /* Navbar-item */
  .mega-menu .mega-menu-columns .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navbar-item.has-dropdown.mega-menu-item::before,
  .navbar-item.mega-menu-item::before,
  .navbar-item.mega-menu-item::after{
    content: '';
    height: 15px;
    transform: translate(-.80555729rem, 1.666666666666667rem);
    -webkit-transform: translate(-.80555729rem, 1.666666666666667rem);
    -moz-transform: translate(-.80555729rem, 1.666666666666667rem);
    -ms-transform: translate(-.80555729rem, 1.666666666666667rem);
    -o-transform: translate(-.80555729rem, 1.666666666666667rem);
    z-index: 99999;
}

  .navbar-item.has-dropdown.mega-menu-item::before,
  .navbar-item.mega-menu-item::before{
    float: left;
    border-right: 1px solid #231f20;
  }

  .navbar-item.mega-menu-item:not(.has-dropdown)::after{
    float: right;
    border-left: 1px solid #231f20;
  }


  /* Megamenu Columns */
  .mega-menu-columns > .column:first-child {
    flex: 1 0 50%;
  }

  .mega-menu-columns > .column:last-child {
    flex: 1 0 30%;
  }

  .mega-menu-column-contents{
    width: 100%
  }

  .mega-menu-column-contents > .columns{
    flex-direction: column;
  }

  .mega-menu-column-contents .column.title-column{
    padding-bottom: 0;
  }

  

  .megamenu-container > .columns > .column:first-child{
    padding: 0;
  }

  .megamenu-container > .columns > .column:not(:first-child){
    padding-left: 1rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .mega-menu-column-contents .title-column + .columns{
    margin: 0;
  }

  .mega-menu-column-contents .column.link-columns{
    flex: 1;
  }

  /* Dropdown Container */
  .navbar-dropdown.mega-menu .container{
    padding-left: 64px;
    padding-right: 64px;
  }

  .mega-menu-item:first-child .container{
    padding-left: calc(100% + -82.5%);
  }

  .mega-menu-item:nth-child(2) .container{
    padding-left: calc(100% + -66.5%);
  }

  .mega-menu-item:nth-child(3) .container{
    padding-left: calc(100% + -50.5%);
  }

  .navbar-item.mega-menu:first-child .mega-menu-columns {
    justify-content: center;
  }

  /* Dropdown Animation */
  .top-menu-split{
    position: relative;
    z-index: 99;
    background: var(--White-color);
  }
  
  .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    z-index: -1;
  }

  .navbar-item.is-hoverable .navbar-dropdown {
    display: block;
    transform: translateY(-100%);
    z-index: -1;
    box-shadow: unset;
    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    right: 0;
    left: 0;
  }

  .navbar-item.is-hoverable:focus .navbar-dropdown, 
  .navbar-item.is-hoverable:focus-within .navbar-dropdown, 
  .navbar-item.is-hoverable:hover .navbar-dropdown{
    transform: translateY(0%);
    background-color: var(--Primary-color);
  }
  
  .bottom-splitmenu--background .navbar {
    z-index: unset;
  }
  
  .bottom-splitmenu--background {
    width: 100%;
  }
  
  .navbar.ict-navbar.is-fullwidth {
    background: white;
  }
}

@media screen and (max-width: 1087px) {
  .ict-header-spacer {
    height: 3.444em;
  }

  .navbar{
    height: 3.444em;
  }

  .navbar-menu{
    transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1);
    padding:0;
    
  }

  .navbar-menu.is-active{

    overflow: hidden !important;
    background-color: var(--Primary-color);
  }

  #main-nav .navbar-brand > .navbar-item:first-child,
  #main-nav .navbar-brand > .navbar-group{ 
    flex: 1 1;
  }

  #main-nav .navbar-brand > .navbar-item:last-child{ 
    flex: 1 1;
  }

  #main-nav .navbar-brand > .navbar-group{ 
    justify-content: flex-end;
  }

  .navbar-burger{
    margin-left: unset;
    height: 2.4em;
  }

  #main-nav .navbar-brand > .navbar-group .navbar-item{
    padding: .5rem .75rem;
  }

  #main-nav .navbar-brand > .navbar-group .navbar-item:last-child{
    padding-right: 1.5rem;
  }

  #main-nav .navbar-brand > .navbar-group .navbar-item i{
    font-size: 1rem;
    font-weight: 400;
  }

  .badge{
    top: .2rem;
    right: 0.5rem;
  }

  #main-navbar .single-link-item{
    padding: 0;
  }

  #main-navbar .single-link-item .navbar-link::after{
    display: none !important;
  }

  .mega-menu-item.is-active .navbar-dropdown.mega-menu{
    max-height: 178px !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 30px !important;
  }

  .mega-menu-item .mega-menu-column-contents{
    display: none;
  }

  .mega-menu-item.is-active .mega-menu-column-contents{
    display: block;
  }

  .megamenu-container{
    padding-left: 24px;
    padding-right: 24px;
  }

  .megamenu-container > .columns,
  .mega-menu-column-contents > .columns{
    flex-direction: column;
  }

  .megamenu-container > .columns > .column{
    width: 100%;
    padding: 0;
  }

  .mega-menu-column-contents > .columns > .columns{
    padding: .75rem 1.2rem;
    flex-direction: column;
  }

  .mega-menu-column-contents .column.link-columns{
    padding: 0.25rem;
  }

  .mega-menu-column-contents .column.link-column{
    padding: 0 .75rem;
  }

  .mega-menu-column-contents .column.link-columns .mega-menu-list,
  .mega-menu-column-contents .column.link-column .mega-menu-list{
    display: flex;
    flex-direction: column;
  }

  /* Content Title */
  .mega-menu-item,
  .navbar-end .navbar-item{
    border-bottom: 1px solid rgba(245,244,244,0.1);
  }

  .mega-menu-item .title-column{
    padding-bottom: 0;
  }

  .mega-menu-item:nth-child(2) .title-column,
  .mega-menu-item:nth-child(3) .title-column{
    display: none;
  }

  a.navbar-link{
    text-transform: uppercase;
    font-size: var(--fs-sm);
    color: var(--White-color) !important;
    font-weight: 700;
    padding-top: 1rem;
    padding-bottom: 0.8888888888888889rem;

    &:hover{
      color: var(--White-color);
    }
  }

  .content-field-navbar .navbar-link:not(.is-arrowless)::after{
    border-color: var(--White-color);
  }

  a.mega-menu-link{
    color: var(--White-color);
    opacity: 0.7;
    transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);

    &:hover{
      opacity: 1;
    }
  }

  .navbar-link.navbar-search-toggle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: .5rem;
    color: rgba(255,255,255,0.3) !important;
    font-size: 1rem;
    text-transform: unset;

    & i{
      font-size: 1rem !important;
      color: rgba(255,255,255,0.3);
    }
  }

  .navbar-link:not(.is-arrowless, .navbar-search-toggle) {
    padding-right: 5em;
  }

  .navbar-search-toggle.navbar-link:not(.is-arrowless){
    padding-right: 1.5rem;
  }

  .navbar-link:not(.is-arrowless)::after{
    right: 2.85em;
    width: .825em;
    height: .825em;
  }

  .ict-navbar span.mobile-dropdown-toggle{
    width: 4.5rem;
    height: 3rem;
  }
}

@media screen and (max-width: 1087px) and (min-width: 768px){
  .top-menu-split .navbar-item{
    padding: .5rem;
  }
}


@media screen and (max-width: 767px){
  .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    background-color: unset !important;
  }

  .navbar-brand > .navbar-item:nth-child(2) a{
    display: flex;
  }

  #main-nav .navbar-brand > .navbar-group .navbar-item i{
    font-size: 1.2rem;
  }

  .mega-menu-item  .title-column{
    padding-bottom: .75rem;
  }

  .navbar-link.navbar-search-toggle,
  a.mega-menu-link,
  .title-column h4{
    font-size: 1rem !important;
  }

  .ict-navbar span.mobile-dropdown-toggle{
    width: 50%;
    height: 3rem;
    cursor: pointer;
  }

  .badge{
    top: .2rem;
    right: 0.75rem;
    padding: .2rem .3rem .2rem .3rem;
    font-size: var(--fs-sm);
  }
}

@media screen and (max-width: 600px){
  #main-nav .navbar-brand > .navbar-item:first-child,
  #main-nav .navbar-brand > .navbar-group{
    flex: 0 1;
  }

  .navbar-brand > .navbar-item{
    padding: .5rem;
  }

  #main-nav .navbar-brand > .navbar-group .navbar-item {
    padding: .25rem 1rem;
  }

  .two-tier-menu .is-header-logo {
    height: 1rem;
  }
}

@media screen and (max-width: 475px){
  .two-tier-menu .is-header-logo {
    height: .75rem;
  }

  #main-nav .navbar-brand > .navbar-group .navbar-item:last-child {
    padding-right: 1rem;
  }

  .navbar-link:not(.is-arrowless)::after{
    right: 2em;
  }
}

@media screen and (max-width: 375px){
  .two-tier-menu .is-header-logo {
    height: .5rem;
  }

  #main-nav .navbar-brand > .navbar-group .navbar-item {
    padding: .25rem;
  }

  .navbar-brand > .navbar-item {
    padding: .25rem;
  }

  #main-nav .navbar-brand > .navbar-group .navbar-item i {
    font-size: 1rem;
  }

  .navbar-burger span {
    width: 16px;
  }

  .badge {
    top: 0rem;
    right: .5rem;
  }
}


/* Newsletter Modal */
.newsletter-modal{

  & .newsletter-modal-background{
    background-color: var(--Modal-background-color);
  }

  & .box{
    background-color: var(--White-color);
    border: 1px solid var(--Primary-color);
    max-width: 23.4375rem;
    padding: 1rem;
    position: relative;
  }

  & .modal-card{
    box-shadow: unset;
  }

  & .modal-card-head,
  & .modal-card-foot{
    background-color: transparent;
    border: unset;
    padding: .5rem;
  }

  & .modal-card-head{
    position: absolute;
    right: 0;
    top: 0;

    & .delete{
      background-color: transparent;

      &:hover{
        background-color: transparent;
      }
    }
  }
  
  & .main-icon{
    margin-top: .5rem;
  }

  & h1{
    display: none;
  }

  & h3.title{
    font-size: 1rem;
  }

  p{
    font-size: var(--fs-sm);
  }

  & .newsLetterSmallWrapper__section{
    padding: 0;
  }

  & .newsLetterSmallWrapper .field.has-addons{
    flex-direction: column;

    & .button{
      width: 100%;
    }
  }

  & .newsLetterSmallWrapper .formItemsWrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;

    & .formItems{
      width: 100%;
    }
  }

  & .modal-card-foot .image{
    height: unset;
  }
}



/* Search Modal */
.search-modal{
  & .search-modal-background{
    background-color: var(--Modal-background-color);
  }

  & .nav-search-container.is-active{
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
  }

  & .modal-card-head{
    position: absolute;
    right: 0;
    top: 0;

    & .delete{
      background-color: transparent;

      &:hover{
        background-color: transparent;
      }
    }
  }

  & .search-modal-background{
    display: flex;
    align-items: flex-start;
  }

  & .search-modal-card{
    background-color: var(--White-color);
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-shadow: unset;
    border-bottom: 2px solid var(--Primary-color);
  }

  & .box{
    width: 100%;
    background: transparent;
  }

  & .search-card-head {
    background: transparent;
    border-bottom: unset;
  }

  & .search-modal-card-body{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  & #small-searchterms{
    border-right: none;
    
    &:focus{
      box-shadow: unset;
    }
  }
}

.search-modal-card-body .search-box form .button{
  background-color: transparent;
  padding: unset !important;
  border: 1px solid var(--Primary-color) !important;
  border-left: none!important;
  min-width: unset !important;
  margin-bottom: 0 !important;

  & .searchbutton{
    color: transparent;
  }

  &:focus,
  &:active{
    background-color: transparent;
    box-shadow: unset;
  }

  &:hover::after,
  &::after{
    content: '\f002' !important;
    font-family: 'FontAwesome';
    width: unset !important;
    height: unset !important;
    color: #231f20;
    font-size: 1rem;
    font-weight: lighter;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 30% !important;
    left: 0;
    right: 0 !important;
    border-bottom: unset !important;
    border-right: unset !important;
    opacity: 1 !important;
    z-index: -1 !important;
  }

  &::before{
    content: unset !important;
  }
  
  &:hover::before{
    content: unset !important;
  }
}

#btn-small-search:focus{
  box-shadow: unset !important;
}

#btn-small-search:hover,
#btn-small-search:active{
  background-color: transparent !important;
}
/* Footer */
.ict-dedicated-footer{

  & .link-items-left li,
  & .link-items-right li{
    text-align: center !important;
  }

  & .newsletter-column{
    display: flex;
    flex-direction: column;
  }

  & .newsletter-column::before, .newsletter-column::after {
    content: '';
    width: 42%;
    height: 1px;
    background-color: var(--Primary-color);
    display: block;
    position: absolute;
    top: 3.5rem;
  }

  @media screen and (max-width: 1087px) and (min-width: 768px){
    & .newsletter-column::before, .newsletter-column::after {
      width: 36%;
    }
  }
  
  & .newsletter-column::before{
    left: 0;
  }
  
  & .newsletter-column::after{
    right: 0;
  }

  & .newsLetterSmallWrapper__section{
    padding: 2rem;

    & .formItemsWrapper{
      display: flex;
      align-items: center;
      flex-direction: column;

      & .formItems{
        width: 60%;

        .control:has(.buttons){
          width: 25%;
        }
      }
    }

    & .title{
      font-family: LettrAngSemBol;
      font-size: var(--fs-md);
      text-transform: uppercase;
      line-height: 0.8888888888888889rem;
      letter-spacing: 1px;
      font-weight: 400 !important;
    }
  }

  & .footer-links a{
    font-size: var(--fs-sm);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;

    &:hover{
      opacity: 0.7;
      transition: var(--transition-opacity);
      -webkit-transition: var(--transition-opacity);
      -moz-transition: var(--transition-opacity);
      -ms-transition: var(--transition-opacity);
      -o-transition: var(--transition-opacity);
    }
  }

  & .has-zigzag-pattern-top::before{
    content: '';
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/download.svg');
    background-repeat: repeat-y;
    background-size: 10px 7px;
    background-position-x: left;
    background-position-y: top;
    display: inline-block;
    height: 59px;
    width: 10px;
    position: absolute;
    top: -5rem;
  }

  & .brand-icons{

    & h3{
      font-size: 1rem;
    }
  }
}

.footer-copyright-section{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;

  & ul.is-flex{
    gap: 1.5rem
  }

  & h3{
    font-size: var(--fs-sm) !important;
    opacity: .1;
    margin: 0;
    margin-top: 0 !important;
  }

  & h5{
    opacity: .1;
  }
}

@media screen and (max-width: 1087px) and (min-width: 768px){
  .link-items-left,
  .link-items-right{
    padding: .75rem !important;
  }

  .newsLetterSmallWrapper__section{
    padding: .75rem 0 !important;
  }

  .formItems{
    width: 100% !important;
  }
}

@media screen and (min-width: 768px) {
  .link-items-left{
    order: 1;
    padding: 1rem;
  }

  .newsletter-column{
    display: flex;
    flex-direction: column;
    order: 2;
  }

  .link-items-right{
    order: 3;
    padding: 1rem;
  }

  .brand-icons{
    order: 4;
  }
}

@media screen and (max-width: 767px) {
  .image.is-96x96.main-icon{ 
    width: 64px;
    height: 64px;
  }

  .link-items-left{
    padding-bottom: 0 !important;
  }

  .link-items-right{
    padding-top: 0 !important;
  }

  .content li + li {
    margin-top: .3em;
  }

  .ict-dedicated-footer  .newsletter-column::before, .ict-dedicated-footer .newsletter-column::after{
    top: 3rem;
  }

  .newsletter-column::before{
    left: 1.11111rem !important;
  }
  
  .newsletter-column::after{
    right: 1.11111rem !important;
  }

  .newsLetterSmallWrapper .field.has-addons{
    flex-direction: column;

    & input{
      text-align: center;
    }

    & .button{
      width: 100%;
    }
  }

  .newsLetterSmallWrapper .formItemsWrapper{
    width: 100%;

    & .formItems{
      width: 50%;
    }
  }
}

@media screen and (max-width: 767px){
  .ict-dedicated-footer .newsLetterSmallWrapper__section .formItemsWrapper .formItems{
    width: 100%;
  }
}

@media screen and (max-width: 475px){
  .ict-dedicated-footer  .newsletter-column::before, .ict-dedicated-footer .newsletter-column::after{
    width: 36%;
  }

}

/* Homepage */
.homeFeaturedProductsWrapper{
  padding-top: 1.5rem;
  padding-bottom: 0;
}

/* Resource Column */

.resource-block .link-block{
  box-shadow: 0 1px 0 #231f20;

  &:hover,
  &:focus{
    box-shadow: 0 1px 0 #231f20 !important;
  }
}

.resource-block .link-block h5{
  font-weight: 400;
}

.resource-block .link-block .image.is-96x96 {
  height: 100px;
  width: 100px;
  display: flex;
  justify-content: center;
}

.resource-block .link-block img{
  height: 100%;
  width: 85%;
}

@media screen and (min-width: 1088px) {
  .block-column .columns{
    justify-content: space-between !important;
  }

  .block-column .columns .column{
    width: 14%;
  }
}

@media screen and (max-width: 1087px) and (min-width: 768px) {
  .block-column .columns{
    gap: .5rem;
  }

  .block-column .columns .column{
    width: 32%;
  }
}

@media screen and (max-width: 767px) {
  .block-column .columns{
    gap: .5rem;
  }

  .block-column .columns .column{
    width: 49%;
  }
}

@media screen and (max-width: 489px){
  .block-column .columns .column{
    width: 100%;
  }

}

/*------------------------------------*\
#Utilities
\*------------------------------------*/
.font-family-letterang{
  font-family: LettrAngSemBol;
  font-weight: 400 !important;
}

.font-size-extralarge,
.ict-page-title.is-1,
.ict-title.is-1,
.ict-sub-title.is-1{
  font-size: var(--fs-xlrg) !important;
}

.font-size-large,
.ict-title.is-2,
.ict-sub-title.is-2{
  font-size: var(--fs-lrg) !important;
}

.font-size-medium,
.ict-title.is-3,
h3.ict-sub-title.is-4{
  font-size: 1rem !important;
}

.font-size-regular{
  font-size: var(--fs-md) !important;
}

.font-size-small,
h5.is-4{
  font-size: var(--fs-sm) !important;
}

.has-text-custom-1{
  color: var(--Text-color) !important;
}

.border-bottom .columns{
  border-bottom: 1px solid var(--Border-bottom);
}

@media screen and (max-width: 1087px) {
  .pb-3-mobile{
    padding-bottom: .75rem !important;
  }

  .pt-3-mobile{
    padding-top: .75rem !important;
  }

  .display-none-mobile{
    display: none !important;
  }

  .has-text-align-center-touch{
    text-align: center !important;
  }

  .py-0-mobile{
    padding: 0 !important;
  }

  .pb-6-mobile{
    margin-bottom: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-0-mobile{
    padding: 0 !important;
  }

  .pb-0-mobile{
    padding-bottom: 0 !important;
  }

  .is-order-1-mobile{
    order: 1;
  }

  .has-text-centered-mobile{
    text-align: center !important;
  }
}

.quantity-wrapper{
  display: none;
}


/*------------------------------------*\
#COMPONENTS
\*------------------------------------*/
/* Block Marquee */
.has-marquee{
  position: relative;
}

.has-marquee .is-inline-block {
  display: inline !important;
}

.has-marquee .block-marquee-artist-name{
  font-size: var(--fs-sm);
  color: rgba(255,255,255,0.7) !important;
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(35,31,32,0.4);
  padding-top: .11111rem;
  padding-bottom: .16667rem;
  padding-right: .38889rem;
  padding-left: .38889rem;

  & em{
    color: rgba(255,255,255,0.7) !important;
  }

  & a{
    color: rgba(255,255,255,0.7);
    text-decoration: underline;

    &:hover{
      text-decoration: none;
    }
  }
}

/* custom-linked-item */
ul.is-flex{
  display: flex !important;
  align-items: baseline;
  justify-content: center;
  gap: .25rem;
}

.custom-linked-item a{
  color: #fff !important;
  font-size: var(--fs-sm);
  opacity: 0.3;
  text-decoration: underline;
  transition: var(--transition-color);
  -webkit-transition: var(--transition-color);
  -moz-transition: var(--transition-color);
  -ms-transition: var(--transition-color);
  -o-transition: var(--transition-color);

  &:hover{
    opacity: 1;
    text-decoration: none;
  }
}

/* Social Links */
.social-links{

  li + li{
    margin-top: 0;
  }

  li a{
    display: flex;
  }

  li .icon{
    position: relative;
    height: 28px;
    width: 28px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

  li .icon i{
    display: none;
  }

  li .icon:hover::before,
  li .icon::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    
  }

  li .icon::before{
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/emailIcon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  li .icon:hover::before{
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/emailIconInverse.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  li.facebook .icon::before{
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/facebookLogo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  li.facebook .icon:hover::before{
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/facebookLogoInverse.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  li.twitter .icon::before{
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/xLogo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  li.twitter .icon:hover::before{
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/xLogoInverse.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  li.instagram .icon::before{
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/instagramLogo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  li.instagram .icon:hover::before{
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/instagramLogoInverse.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media screen and (max-width: 767px) {
  .social-links a{
    margin-top: .30rem;
  }
}

@media screen and (max-width: 475px) {
  .social-links a{
    margin-top: .30rem;
  }
}

@media screen and (max-width: 320px) {
  .social-links a {
    margin-top: .6rem;

    i{
      font-size: var(--fs-md);
    }
  }
}


/* Slider */
.slides{

  & .section .container,
  & .section .columns{
    position: static !important;
  }

  @media screen and (min-width: 1500px) {
    & .section .container{
      padding: 0;
    }
  }

  & .block-marquee-artist-name{
    font-size: var(--fs-sm);
    color: rgba(255,255,255,0.7) !important;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(35,31,32,0.4);
    padding-top: .11111rem;
    padding-bottom: .16667rem;
    padding-right: .38889rem;
    padding-left: .38889rem;

    & em{
      color: rgba(255,255,255,0.7) !important;
    }

    & a{
      color: rgba(255,255,255,0.7);
      text-decoration: underline;

      &:hover{
        text-decoration: none;
      }
    }
  }
}

@media screen and (max-width: 1088px) {
  .homepage-slider-mobile .columns.is-vcentered{
    align-items: flex-start;
  }

  .homepage-slider-mobile .columns .column{
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .block-marquee-column{
    padding: 0 !important;
  }

  .hompage-slider-column .ict-title.is-1{
    font-size: var(--fs-lrg) !important;
  }

  .hompage-slider-column .block{
    order: 1;
    text-align: center;
  }
}

.swiper-pagination-bullet,
.flexslider.infigo-slider .flex-control-paging li a{
  background-color: transparent;
    background-image: url('/1820990268/Handler/CSSOverride/GetImage/1/Slider-img.svg');
    width: .88889rem;
    height: 1.11111rem;
    background-size: 9px 9px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 5px;
    transform: rotate(0deg);
    transition: transform 200ms cubic-bezier(0.95, 0.05, 0.795, 0.035),background-image 200ms cubic-bezier(0.95, 0.05, 0.795, 0.035);
    box-shadow: unset;
    opacity: 1;
}

.swiper-pagination-bullet:hover,
.flexslider.infigo-slider .flex-control-paging li:hover a{
  background: transparent;
  background-image: url('/1820990268/Handler/CSSOverride/GetImage/1/Slider-img.svg');
  width: .88889rem;
  height: 1.11111rem;
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 5px;
  transform: rotate(45deg);
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:hover,
.flexslider.infigo-slider .flex-control-paging li a.flex-active{
  background-image: url('/663350015/Handler/CSSOverride/GetImage/1/Slider-img-active.svg');
  width: .88889rem;
  height: 1.11111rem;
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 5px;
  transform: rotate(0deg);
  transition: transform 200ms cubic-bezier(0.95, 0.05, 0.795, 0.035),background-image 200ms cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

/* Fireball Slide */
.swiper-slide{
  
  & .link-block .block{
    margin-bottom: 0;
  }

  & .link-block .block:last-child{
    padding: 4rem 2rem;
  }

  & .is-inline-block{
    display: flex !important;
    width: 100%;
  }

  

  & .ict-image{
    width: 100%;
  }

  & h5{
    font-size: var(--fs-sm) !important;
  }

  & .is-underline-hover{
    text-decoration: underline;
  }

  &:hover{

    & .is-underline-hover{
        text-decoration: none;
    }
  }

  @media screen and (max-width: 1320px) {
    & .ict-title.title{
      font-size: 1rem !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    & .link-block .block:last-child{
      height: 154px;
      padding-bottom: 2.16667rem;
      padding-top: 1.22222rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
}

.swiper-button-prev,
.swiper-button-next{
  color: var(--Primary-color);
  border: 1px solid var(--Primary-color);
  transition: var(--transition-button);
  -webkit-transition: var(--transition-button);
  -moz-transition: var(--transition-button);
  -ms-transition: var(--transition-button);
  -o-transition: var(--transition-button);
  padding: 1.5rem;
  margin-top: 0;

  &:hover{
    background-color: var(--Primary-color);
    color: var(--White-color);
  }
}

.swiper-button-next::after, .swiper-button-prev::after{
  font-size: 1.5rem;
}

.swiper-button-prev{
  right: var(--swiper-navigation-sides-offset,4rem);
  left: auto;
  border-right: none;
}

.swiper-button-next{
  right: var(--swiper-navigation-sides-offset,1rem);
}

.fireball-slider-section .navbar-divider{
  height: 1px;
  background-color: var(--Primary-color);
}

.fireball-slider-section .container .columns{
  margin-top: 3rem;
}

@media screen and (max-width: 1087px) {
  .fireball-slider-section .navbar-divider{
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .swiper-wrapper{
    flex-direction: column;
  }

  .swiper-wrapper h5{
    font-size: 0.8571428571428571rem !important;
  }


  .swiper-slide:not(:nth-child(-n+3)){
    display: none;
  }

  .trust-indicator-section .column{
    text-align: left;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    display: flex;
    align-items: flex-start;
  }

  .trust-indicator-section .column > .block:first-child{
    margin-bottom: 0;
  }

  .trust-indicator-section .column > .block:nth-child(2){
    margin-left: .72222rem;
  }

  .trust-indicator-section .column:first-child{
    padding-top: 2rem !important;
  }

  .trust-indicator-section .column:last-child{
    padding-bottom: 2rem !important;
  }
}

/* Product Card */
.listWrapper{
    margin-top: 1.77778rem;
}

.listItem{
  padding: .25rem;

  & .product-item--info{
    padding-top: 0 !important;
  }

  & .product-item--content{
    padding: 0 !important;
    margin-top: 0.6111111111111111rem;
  }

  & .product-title{
    font-size: 1rem !important;
    font-weight: 300 !important;
  }

  & .alternate--prices .flex-container,
  & .add-info{
    display: none !important;
  }
}

@media screen and (max-width: 1279px) and  (min-width: 1024px) {
  & .listItem{
      width: 25% !important;
  }
}


@media screen and (min-width: 1088px) {
  .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .picture{
    transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box:hover .picture {
    opacity: .85;
  }
}

@media screen and (max-width: 1087px) {
  .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info,
  .catfish-default-product-box .product-item--info {
    background: transparent;
  }
}

@media screen and (max-width: 1023px) {

  & .listItem{
      width: 50% !important;
  }
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item,
.sub-category-grid .listWrapper .item-box {
  border-top: unset;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item,
.sub-category-grid .listWrapper .listItem .item-box .sub-category-item{
  display: flex;
  flex-direction: column-reverse;
  

  @media screen and (max-width: 767px) {
    justify-content: flex-end;
  }

  .picture{
    
    @media screen and (max-width: 767px) {
      height: 80%;
      flex-shrink: 0;
    }

    @media screen and (max-width: 440px) {
      height: 170px;
    }

    @media screen and (max-width: 375px) {
      height: 150px;
    }
  }

  .product-title,
  .category-title {
    position: unset;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    padding: 0rem;
    font-weight: 300 !important;
    margin-top: .5rem;
    margin-bottom: .5rem;

    @media screen and (max-width: 375px) {
      line-height: 1.75;
    }
  }
}

.sub-category-grid .listWrapper .item-box:after{
  @media screen and (max-width: 440px) {
    padding-bottom: 0;
  }
}

.sub-category-grid .listWrapper .listItem .item-box .sub-category-item{
  @media screen and (max-width: 440px) {
    position: unset;
  }
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item:hover .picture,
.sub-category-grid .listWrapper .listItem .item-box .sub-category-item:hover .picture{
  opacity: .5;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title,
.sub-category-grid .listWrapper .item-box .sub-category-item:hover .category-title{
  background-color: transparent;
}

/* Tabs */
.tabs{
  margin-bottom: -1px!important;
}

.tab-pane{
  display: none;
}

.tabs.is-active,
.tab-pane.is-active{
  display: initial;
}

.tabs ul{
  align-items: baseline;
  margin: 0;
  border-bottom: 1px solid rgba(35,31,32,0.3) !important;
}

.tabs.is-centered ul{
  border-bottom: none !important;
}

.tabs.is-centered li a{
  border-bottom: 1px solid rgba(35,31,32,0.3) !important;
}


.tabs.is-toggle li a{
  border: none;
  position: relative;
  color: var(--Text-color);
}

.tabs.is-toggle li.is-active a{
  background-color: transparent;
  color: var(--Primary-color);
}

.tabs.is-toggle li a::after{
  content: '';
  bottom: -1px;
  left: 0;
  position: absolute;
  background-color: var(--Primary-color);
  width: 0%;
  height: 1px;
  transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1);
}

.tabs.is-toggle li a:hover::after{
  width: 100%;
}

.tabs.is-toggle li.is-active a::after{
  width: 100%;
  height: 2px;
}

.tabs.is-toggle li a:hover{
  background-color: transparent;
  color: var(--Primary-color);
}

.tab-content > .columns{
  margin-bottom: 0;
}

.tab-content .accordion-columns > .column{
  padding: 0;
}

/* Accordion */
.ict-accordion{
  position: relative;

  & .accordion-item .accordion-content{
    transition: transform .3s;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
}

  & .accordion-item.is-active .accordion-content{
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
}

}

.button.is-rounded.accordion-title{
  position: relative;
  padding-right: 2em !important;
  background-color: var(--Grey-color);
  color: #231f20;
  transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1),background-color 0.5s;
  margin-bottom: 0rem !important;

  & .fa-plus::before, 
  & .t-plus::before{
    content: "\f078" !important;
    position: absolute;
    top: 35%;
    right: 1rem;
    font-weight: 300;
  }

  & .fa-minus::before, 
  & .t-minus::before{
    content: "\f00d" !important;
    position: absolute;
    top: 35%;
    right: 1rem;
    font-weight: 300;
  }

  & .has-text-dark{
    color: var(--Primary-color) !important;
  }
}

.accordion-item.is-active{
  
  & .button.is-rounded.accordion-title{
    background-color: var(--Primary-color);
    color: var(--White-color);

    & .fas.fa-minus.has-text-dark{
      color: var(--White-color) !important;
    }
  }

  & .accordion-content{
    padding-top: 1.222222222222222rem;
    padding-right: 1.888888888888889rem !important;
    padding-bottom: 1.388888888888889rem;
    padding-left: 1.111111111111111rem !important;
  }
}

.ict-accordion .accordion-item:not(:first-of-type) .button.is-rounded.accordion-title{
  margin-top: .05rem;
}

/* Filter Select */
#category-filter .category-filter--select{
  border: 1px solid var(--Text-color);
  transition: border-color 350ms cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: unset;
  

  &:hover{
    border: 1px solid #231f20;
  }
}

.category-filter--select:focus,
.category-filter--select:active{
  box-shadow: unset;
}

#category-filter.select::after{
  border-color: var(--Text-color);
}

/* Divider Line */
.divider-line{
  position: relative;
}

.divider-line::before, .divider-line::after{
  content: '';
  width: 30%;
  height: 1px;
  background-color: var(--Primary-color);
  display: inline;
  position: absolute;
  top: .5rem
}

.divider-line::before{
  left: 26%;
  transform: translateX(-26%);
  -webkit-transform: translateX(-26%);
  -moz-transform: translateX(-26%);
  -ms-transform: translateX(-26%);
  -o-transform: translateX(-26%);
}

.divider-line::after{
  right: 26%;
  transform: translateX(26%);
  -webkit-transform: translateX(26%);
  -moz-transform: translateX(26%);
  -ms-transform: translateX(26%);
  -o-transform: translateX(26%);
}

@media screen and (max-width: 767px) {
  .divider-line::before, .divider-line::after{
    width: 48%;
    top: .35rem
  }

  .divider-line::before{
    left: 0;
    transform: unset;
  }

  .divider-line::after{
    right: 0;
    transform: unset;
  }
}

@media screen and (max-width: 475px) {
  .divider-line::before, .divider-line::after{
    width: 45%;
  }
}

/* Link Blocks */
.custom-link-list{

  & .block{
    margin-bottom: 1rem;
  }
}

.link-block{

  &:hover{
    box-shadow: none !important;
  }
}

/* Link Block Text */
.link-block-text{
  margin-bottom: .5rem !important;
}

.link-block-text a.link{
  text-decoration: underline;

  &:hover{

    text-decoration: none;
  }
}

.link-block-text .link:not(:last-child){
  margin-right: .75rem;
}

.link-block-text .link,
.link-block-text .ict-paragraph{
  color: var(--Text-color) !important;
}

.link-block-text .ict-paragraph{
  margin-bottom: 0;
}

 /* Swiggly line - Product */
 .swiggly-line-product{
  position: relative;
}

.swiggly-line-product::after{
  content: '';
  width: 10px;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: -4px;
  position: absolute;
  display: block;
  background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/download.svg');
  background-repeat: repeat-y;
  background-size: 10px 7px;
  background-position-x: left;
  background-position-y: top;
  user-select: none;
}

/* Divider Bottom */
@media screen and (min-width: 1088px) {
  /* Divider - Bottom */
  .divider-bottom-desktop{
    position: relative;
  }

  .divider-bottom-desktop::after{
    content: '';
    width: 100%;
    height: .675rem;
    background-image: url('/1489880001/Handler/CSSOverride/GetImage/1/divider.svg');
    background-repeat: no-repeat;
    display: inline;
    position: absolute;
    bottom: 0;
    left: 50%;
  }

  /* Divider - Bottom */
  .divider-bottom{
    position: relative;
  }

  .divider-bottom::after{
    content: '';
    width: 100%;
    height: .675rem;
    background-image: url('/1489880001/Handler/CSSOverride/GetImage/1/divider.svg');
    background-repeat: no-repeat;
    background-position: center;
    display: inline;
    position: absolute;
    bottom: 0;
  }

  /* Swiggly line Column */
  .swiggly-line-short.column{
    position: relative;
  }
  
  .swiggly-line-short.column::after{
    content: '';
    width: 10px;
    height: 75%;
    top: 2rem;
    left: 0rem;
    margin-left: -4px;
    position: absolute;
    display: block;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/download.svg');
    background-repeat: repeat-y;
    background-size: 10px 7px;
    background-position-x: left;
    background-position-y: top;
    user-select: none;
  }
  
  .swiggly-line-full.column{
    position: relative;
  }
  
  .swiggly-line-full.column::after{
    content: '';
    width: 10px;
    height: 90%;
    top: 2rem;
    left: 0rem;
    margin-left: -4px;
    position: absolute;
    display: block;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/download.svg');
    background-repeat: repeat-y;
    background-size: 10px 7px;
    background-position-x: left;
    background-position-y: top;
    user-select: none;
  }
}

@media screen and (max-width: 1087px) {
  /* Divider - Bottom */
  .divider-bottom-mobile{
    position: relative;
  }

  .divider-bottom-mobile::after{
    content: '';
    width: 100%;
    height: .675rem;
    background-image: url('/1489880001/Handler/CSSOverride/GetImage/1/divider.svg');
    background-repeat: no-repeat;
    display: inline;
    position: absolute;
    bottom: 0;
    left: 50%;
  }
}

/* Custom List Marker */
ul.has-custom-list{
  margin-top: 0 !important;
}

.has-custom-list li{
  position: relative;
  color: var(--Text-color);
}

.has-custom-list li::before{
  content: '';
  display: inline-block;
  height: 10px;
  width: 10px;
  background-image: url("https://fireball.infigosoftware.com/292509823/Handler/CSSOverride/GetImage/1/List-decoration.png");
  background-size: 8px 8px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: -1.33333rem;
  top: 8px;
}

/* Blog Tags */
.blogpost .tags .tags-title{
  display: none;
}

.tag:not(body).is-primary{
  background: transparent;
  color: var(--Primary-color);
  border: 1px solid rgba(35,31,32,0.3);

  &:hover{
    border-color: #231f20;
  }
}

.tags .tag:not(:last-child){
  margin-right: 0;
}

@media screen and (min-width: 1088px) {
  .tags .catfish-container{
    display: flex;
    justify-content: center;
  }
  
  .tags .catfish-container .tags-list{
    flex: none;
    width: 60%;
    padding-top: 1.5rem;
  }
}

/* Pager */
.pager{
  padding-top: 3rem;

  & .catfish-container{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  & span,
  & a:not(:last-child, :first-child){
    font-weight: 700;
    font-size: var(--fs-sm);
    border-radius: 100px;
    margin: 0;
    margin-right: .75rem;
  }

  & a:is(:first-child){
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    color: transparent;
    display: inline-block;
    padding: 1.5rem;
    border: 1px solid #231f20;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    
    &:hover{
      background-color: var(--Primary-color);

      &::after{
        color: var(--White-color);
      }
    }

    &::after{
      content: '\f053';
      font-family: 'FontAwesome';
      color: #231f20;
      font-size: 1.7rem;
      font-weight: lighter;
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      top: .2rem;
      left: 1rem;

    }

    &::before{
      content: '';
      display: block;
    }
  }

  & a:is(:last-child){
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    color: transparent;
    display: inline-block;
    padding: 1.5rem;
    border: 1px solid #231f20;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    
    &:hover{
      background-color: var(--Primary-color);

      &::after{
        color: var(--White-color);
      }
    }

    &::after{
      content: '\f054';
      font-family: 'FontAwesome';
      color: #231f20;
      font-size: 1.7rem;
      font-weight: lighter;
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      top: .2rem;
      left: 1rem;

    }

    &::before{
      content: '';
      display: block;
    }
  }

  & span{

    &:hover{
      color: var(--White-color);
    }
  }
  
  & span,
  & a{
    padding-left: .75em;
    padding-right: .75em;
    min-width: 1.65rem;
  }

  & span ~ a:not(:last-child){
    border: none;
  }

  & a ~ a:not(:last-child){
    border: none;

    &:focus,
    &:active{
      box-shadow: none;
    }
  }
}



/*------------------------------------*\
#ADMIN PAGES
\*------------------------------------*/
/* Login */
.login__wrapper{

  & .columns{
    flex-direction: column-reverse;
    align-items: center;
  }

  & .column{
      width: 100%;
  }

  & .page-title{
    padding-top: 2.05556rem;
    padding-bottom: 1.66667rem;
    border-bottom: 1px solid var(--Border-bottom);

    @media screen and (max-width: 767px) {
      text-align: center;
    }
  }


  label{
    font-size: var(--fs-sm);
    font-weight: 700 !important;
    letter-spacing: 1px;
    line-height: 1.05556rem;
    text-transform: uppercase;
  }

@media screen and (min-width: 1088px) {
  #TermsAndConditionLink{
    margin-left: 8rem;
  }
}

@media screen and (max-width: 1087px) and (min-width: 767px) {
  & .catfish-container{
    padding-left: 32px;
    padding-right: 32px;
  }

  & tr{
    display: flex !important;
  }
}

& .returning-wrapper__inner{
  background: transparent !important;
  padding: 0 !important;

  & tr:nth-child(3) td{
    display: flex;
    gap: .5rem
  }

  @media screen and (min-width: 768px) {
    & tr:nth-child(3) td{
      width: 75%;
      margin-left: auto;
      margin-right: 0;
    }
  }

  @media screen and (max-width: 767px) {
    & tr:nth-child(3) label{
      text-transform: unset;
      font-weight: 400 !important;
    }

  }

  @media screen and (max-width: 767px) {
    & .buttons{
      justify-content: flex-start;
    }

    & button{
      width: 35% !important;
    }
  }
}

& .login-title{
  font-size: 1.5rem !important;
  margin-top: 2.5rem;
  text-align: center;
  font-weight: 700;
}

& .register-customer-wrapper .buttons{
  justify-content: center;

  @media screen and (max-width: 767px) {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  & .button{
    width: 35% !important;
  }
}

@media screen and (max-width: 767px) {
  & .button{
    width: 35% !important;
  }
}

/* Register */
& .requiredMarker{
  display: none !important;
}

/* Form */
& tbody{
  display: flex;
  flex-direction: column;
}

& tr{
  @media screen and (min-width: 1088px) {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .72222rem;
  }
  
}

& tr:nth-child(4){
  order: 1;
}

& tr:nth-child(4), tr:nth-child(5){
  justify-content: center;
}

& td.item-name{
  @media screen and (min-width: 768px) {
    flex: 1 1;
    flex-basis: 25%;
  }
}

& td.item-value{
  @media screen and (min-width: 768px) {
    flex-basis: 75%;
  }
}
}

/* Category Page */
.category-hero-section.is-primary{
  background-color: transparent;

  & .title{
    color: var(--Primary-color);
  }

}

.hero .hero-body{
  padding: 3rem 0;
}

.arone-category-page .category-hero-section.is-primary + .category-intro-wrapper,
.page-catalog-category .category-subcategory-section{
  padding-top: 0;

  .listWrapper{
    margin-top: 0;
  }
}

.category-product-section{
  padding-top: 0rem;

  & .listWrapper{
    margin-bottom: 3rem;
  }
}

.category-product-section .listWrapper.columns{
  margin-top: 0;
}

.arone-category-page{
  display: flex;
  flex-direction: column;

  .section:has(#products-pagesize){
    order: 1;
  }

  .category-outro-wrapper{
    order: 2;
  }
}

.arone-category-page .hero-body{
  display: flex;

  & .title{
    width: 50%;
  }

  & #category-filter{
    width: 50%;
    display: flex;
    justify-content: flex-end;
  }

  @media screen and  (max-width: 767px){
    flex-direction: column;

    & .title{
      width: 100%;
    }

    & #category-filter{
      width: 100%;
    }
    
    & #category-filter .category-filter--select{
      width: 100%;
    }
  }
}

/* Product Landing */
.arone-product-landing-page .product-info-section{
  padding-top: 3rem;
}

.details-wrapper .section-title-container{
  padding: 0;
}

.product-info-section {
  padding-bottom: 0;
}

.details-wrapper {

  & h1.title{
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }

  & .attributeTitle{
    font-size: var(--fs-lrg);
    line-height: 2rem;

    & i{
      font-size: initial;
    }
  }

  & .newProductPriceWrapper {
    justify-content: flex-end;
  }

  & #priceHide {
    font-size: 1rem;
    font-weight: 700;
  }

  & .cloned-title h1.title{
    font-size: 1rem;
    margin: 0;
  }

  & .add-to-cart-buttons-wrapper {
    padding-top: 0;

    & .button{
      margin-bottom: 0;
    }
  }
}

.custom-quote-product.arone-product-landing-page .add-to-cart-wrapper {
  display: none;
}

.custom-quote-product.arone-product-landing-page ul.form-section{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.picture-wrapper{

  .bigpicture,
  .product-details-flipbook{
    border-bottom: 1px solid var(--Button-border-color);
    padding-bottom: 1.5rem !important;
    background-color: transparent !important;
  }

} 

.attributes{

  /* & .attribute{
    margin-top: 3rem !important;
  } */

  & .attribute-item.columns{
    gap: 1px;
    padding: .75rem;
  }

  & .name_Quantity_inputHalf .attribute-value-item{
    min-width: 33%;
    width: 33%;
    flex: 0;
  }

  & .name_Quantity_inputHalf .attribute-value-item label{
    display: flex;
    justify-content: center;
  }

  & .attribute-value-item{
    flex-basis: 100%;
  }

  & .attribute-value-item.column{
    padding: 0;
  }

  & label.button{
    background-color: #f5f4f4 !important;
    transition: background-color 350ms cubic-bezier(0.19, 1, 0.22, 1);
    border: unset;
    display: flex;
    justify-content: flex-start;

    &:hover{
       background-color: #bdbbbc !important;
    }
  }

  & .attributeRequired{
    color: inherit;
  }
}

label[disabled="disabled"] {
  text-decoration: line-through;
}

.attributes .attribute-value-item.input-is-three-quarters {
  min-width: 33%;
  width: 33%;
  flex: 0;
}

.product-variant-list .product-variant-line > .block.is-medium:not(:last-child){
  margin-bottom: 0;
}

.attributes.columns{
  display: flex;
}

.arone-product-landing-page .attribute input:checked + label.button{
  display: flex;
  justify-content: flex-start;
  background-color: var(--Primary-color) !important;
}

.arone-product-landing-page .attribute.name_Quantity_inputHalf input:checked + label.button{
  display: flex;
  justify-content: center;
}

.name_Order_Summary .attribute-item{
  display: none;
}

.attributeDescription .order-summary{
  display: flex;
  margin-top: 1rem;

  & .Attribute-value-results{
    width: 100%;

    & ul{
      margin: 0;
    }

    & li{
      list-style: none;
    }

    & dl{
      display: flex;
    }
    
    & dt{
      font-size: var(--fs-sm);
      width: 50%;
    }

    & dd{
      width: 100%;
    }
  }
}

/* Multipart */
.multipartUi-V2-wrapper .title{
  color: var(--Primary-color) !important;
}

.product-attributes-box{

  .price-label,
  .price-value{
    display: none;
  }
}

@media screen and (min-width: 1088px) {
  .attribute-value-item label.button{
    height: 3.4em;
    padding-top: calc(1em - 1px);
    padding-bottom: calc(1em - 1px);
  }

  .attribute-value-item label.button:not(.is-flex.is-justify-content-center) span{
    text-wrap: wrap;
    text-align: left;
  }

  .arone-product-landing-page .attribute input:checked + label.button{
    height: 3.4em;
  }
}

@media screen and (max-width: 1087px) {
  .attribute-value-item label.button{
    height: 3.4em;
    padding-top: calc(0.75em - 1px);
    padding-bottom: calc(0.75em - 1px);
  }

  .attribute-value-item label.button:not(.is-flex.is-justify-content-center) span{
    text-wrap: wrap;
    text-align: left;
  }

  .arone-product-landing-page .attribute input:checked + label.button{
    height: 3.4em;
  }
}

/* Product Tags */
.producttags-box span.producttag.tag{
    background-color: transparent;
    padding-left: 0;
}

.producttags-box .producttags-list{
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 1088px) {
  .picture-wrapper{
    height: fit-content;
    position: sticky;
    top: 5rem;
  }
}

@media screen and (min-width: 768px) {
  .add-to-cart-wrapper .price .level{
    border-top: 2px solid var(--Primary-color);
    padding-top: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .attribute.column{
    flex-basis: 100%;
  }

  .attribute-item.columns{
    display: flex;
  }

  .details-wrapper{

    h1.title{
      font-size: var(--fs-lrg);
    }

    .attributeTitle{
      font-size: 1rem !important;
    }
  } 
}

.additional-description-wrapper .section{
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 475px) and (min-width: 426px){
  .attribute-value-item.column .button .text{
    font-size: var(--fs-md);
  }
}

@media screen and (max-width: 425px){
  .attribute-value-item.column .button .text{
    font-size: var(--fs-sm);
  }
}

/* Megaedit */
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane{
  background-color: var(--White-color);
}

.ui-dialog .ui-dialog-titlebar{
  border-bottom: unset;
}

.ui-dialog .ui-dialog-buttonpane{
  border-top: unset;
}

/* Tooltip */
.vue-component-wrapper{
  & .cf-tooltip.is-info .tooltip-html-container{
    background-color: var(--Primary-color);
    padding: .25rem 1rem .75rem 1rem;
    text-align: left;

    & h5{
      font-size: var(--fs-sm);
    }
    
    & p,
    & a{
      font-size: var(--fs-sm);
      color: rgba(255,255,255,0.7);
      line-height: 1.2rem;
    }

    & strong{
      color: var(--White-color);
      font-weight: 700;
    }
  }
}

.cf-tooltip.is-right.is-info::before{
  border-right: none;
}

.cf-tooltip.is-bottom.is-info::before {
  border: unset;
}

.cf-tooltip::before, .cf-tooltip::after, .cf-tooltip .tooltip-html-container{
  pointer-events: unset;
}

/* Related Products  */
.page-shoppingcart-cart .product-grid .crosssell__products__title .title::before, .page-shoppingcart-cart .product-grid .crosssell__products__title .title::after,
.related-products-section .title::before, .related-products-section .title::after{
  content: '';
  width: 30%;
  height: 1px;
  background-color: var(--Primary-color);
  display: inline;
  position: absolute;
  top: .5rem;
}

.page-shoppingcart-cart .product-grid .crosssell__products__title .title::before,
.related-products-section .title::before{
  left: 26%;
  transform: translate(-25%, -2.2rem);
  -webkit-transform: translate(-25%, -2.2rem);
  -moz-transform: translate(-25%, -2.2rem);
  -ms-transform: translate(-25%, -2.2rem);
  -o-transform: translate(-25%, -2.2rem);
}

.page-shoppingcart-cart .product-grid .crosssell__products__title .title::after,
.related-products-section .title::after{
  right: 26%;
  transform: translate(25%, -2.2rem);
  -webkit-transform: translate(25%, -2.2rem);
  -moz-transform: translate(25%, -2.2rem);
  -ms-transform: translate(25%, -2.2rem);
  -o-transform: translate(25%, -2.2rem);
}

.page-shoppingcart-cart  .product-grid,
.related-products-section{
  background-color: var(--White-color) !important;
  background-image: url('/1489880001/Handler/CSSOverride/GetImage/1/divider.svg');
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position-x: center;
  background-position-y: 4rem;
  padding-bottom: 1.5rem !important;

  & .title{
    display: flex;
    justify-content: center;
  }
}

.page-shoppingcart-cart  .product-grid{
    background-position-y: 4.25rem;
}

@media screen and (min-width: 768px){
  .price-quantity-start-wrapper{

    & .price-quatity-title{
      display: none;
    }

    & .add-to-cart-buttons-wrapper{
      flex-basis: 100%;

      & .button{
        width: 100%;
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .price-quantity-start-wrapper{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--White-color);
    z-index: 9999999!important;
    padding-top: 0.625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.61111rem;
    border-top: 2px solid #231f20;

    & .columns{
      display: flex;
    }

    & .price-quatity-title{
      flex-basis: 50%;

      & h1{
        font-size: 1.125rem;;
        line-height: 1.625rem;
      }
    }

    .column.price{
      min-width: 25% !important;
    }

    & .price{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 50%;
    }

    & .add-to-cart-buttons-wrapper{
      flex-basis: 100%;

      & .button{
        width: 100%;
      }
    }
  }

  .related-products-section .title::before, .related-products-section .title::after{
    width: 48%;
    top: .35rem
  }

  .related-products-section .title::before{
    left: 0;
    transform: translateY(-2rem);
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
}

  .related-products-section .title::after{
    right: 0;
    transform: translateY(-2rem);
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
}
}

@media screen and (max-width: 475px) {
  .related-products-section .title::before, .related-products-section .title::after{
    width: 45%;
  }
}

/* Basket(Cart) Page */
.page-shoppingcart-cart .shoppingcart__wrapper{
padding-top: 0;
}

.page-shoppingcart-cart .page-title h1{
padding-top: 2.05556rem;
padding-bottom: 1.66667rem;
border-bottom: 1px solid var(--Border-bottom);
}

.shoppingcart__wrapper .cartTableWrapper table thead th{
  font-size: var(--fs-sm);
  font-weight: 400;
  color: var(--Text-color);
}

.shoppingcart__wrapper .cartTableWrapper table td{
  border: unset;
}

.cartform{

  & td{
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
  }

  & .cart--actions{

    & .button{
      width: 100%;
    }

    & .button,
    & input.catfish-button{
      font-size: var(--fs-sm);
      padding-top: .27778rem;
      padding-right: .77778rem;
      padding-bottom: .33333rem;
      padding-left: .77778rem;
    }
  }
}

.shoppingcart__wrapper .cartTableWrapper table th{
  border: unset;
}

.checkout_message_bottom__wrapper .shoppingcart__empty .catfish-container{
  text-align: center;
  color: var(--Text-color);
}

.cart-item-row .product{

  & .rawAttributeInfo__item {
      display: flex;
      font-size: .833em;
      align-items: center;
  }
  
  & .rawAttributeInfo__item{
      margin-top: .5rem;
  }
  
  & .rawAttributeInfo__item:not(:first-child) .title {
      margin-top: 0;
  }

  & .rawAttributeInfo{
    display: flex;
    flex-direction: column;
  }

  & .rawAttributeInfo__item:not(.attributeinfo_Order_name){
    order: 1;
  }
  
  & .rawAttributeInfo__item span.title {
      flex-shrink: 0;
      flex-basis: auto;
      font-size: var(--fs-sm);
      color: var(--Text-color);
      margin-bottom: 0;
  }
  
  & .rawAttributeInfo__item .separator {
      margin-right: .5rem;
      margin-left: .2rem;
  }
  
  & .rawAttributeInfo__item .value {
      flex-basis: fit-content;
      color: var(--Primary-color);
      font-size: 1rem;
  }
}
.shoppingcart__wrapper .cartTableWrapper table .cart--productinfo .product__title ~ br,
.cart .summaryShortDescription {
  display: none;
}

.shoppingcart__wrapper .cartTableWrapper table th.cart--actions,
.shoppingcart__wrapper .cartTableWrapper table th.cart--productinfo{
  padding: .3rem 1rem;
}

.shoppingcart__wrapper .cartTableWrapper .cart--actions__buttons{
  margin-top: .25rem;
}

.shoppingcart__wrapper .cartTableWrapper table th.cart--quantities{
  text-align: center;
}

.shoppingcart__wrapper .cartTableWrapper .product__quantity .quantityChanger{
  margin-top: .25rem;
}

.shoppingcart__wrapper .cartTableWrapper table th.cart--total,
.cart-item-row .end.cart--itemtotal{
  text-align: end;
}


.catfish-classes .dialog .modal-card-head{
  border-bottom: unset;
}

.catfish-classes .dialog .modal-card-foot{
  border-top: var(--Border-bottom);
}

.catfish-classes .dialog .modal-card-head,
.catfish-classes .dialog .modal-card-foot{
  background-color: var(--White-color);
}

.catfish-classes .dialog .media-content p:last-child{
  display: none;
}

@media screen and (min-width: 1088px) {
  .page-shoppingcart-cart tr.cart-item-row{

    & td{
      border-bottom: 1px solid var(--Border-bottom) !important;
    }
    
  }

  .page-shoppingcart-cart tr.cart-item-row:last-child{

    & td{
      border-bottom: unset !important;
    }
    
  }

  .product.cart--productinfo{
    width: 45rem;
  }
}

@media screen and (max-width: 900px) {
  .shoppingcart__wrapper .cartTableWrapper thead {
    display: none;
  }

  .shoppingcart__wrapper .cartTableWrapper .cart-item-row {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #fafafa;
  }

  .shoppingcart__wrapper .cartTableWrapper .cart-item-row .cart--actions {
    order: 2;
  }

  .cartform{

    & td{
      padding-bottom: 1rem !important;
      padding-top: initial !important;
    }
  }

  .cart-item-row .product {
    .rawAttributeInfo__item {
      justify-content: space-between;
    }

    .rawAttributeInfo__item span.title {
      flex-grow: 0;
    }

    .rawAttributeInfo__item .separator {
      flex-grow: 1;
    }

    .rawAttributeInfo__item .value{
      flex-grow: 0;
    }
  }
}


@media screen and (max-width: 500px) {
  .rawAttributeInfo__item .value,
  .rawAttributeInfo__item .price-adjustment{
    font-size: var(--fs-md) !important;
  }

  .cart-item-row .product {
    .rawAttributeInfo__item {
      justify-content: initial;
    }

    .rawAttributeInfo__item span.title {
      flex-grow: 0;
    }

    .rawAttributeInfo__item .separator {
      flex-grow: 0;
    }

    .rawAttributeInfo__item .value{
      flex-grow: 0;
    }
  } 
}

.common-buttons.buttons.is-right{
border-bottom: 2px solid #231f20;
padding-bottom: 2rem;
}

.crosssell__products__title{
  text-align: center;


}

/* Checkout Attribute */
.checkout_message_bottom__wrapper .checkout-attributes{
border-top: unset;
border-bottom: unset;
}

.checkout_attribute_item{
background-color: var(--Grey-color);
padding: 1.66667rem !important;
width: 100% !important;

& .checkout_attribute_title span{
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
  margin-bottom: .5rem;
}

& i{
  display: none;
}

& p{
  font-size: var(--fs-sm);
  line-height: 1.05556rem;
}
}

/*------------------------------------*\
#CHECKOUT STEPS
\*------------------------------------*/
/* Title */
.one-page-checkout .step-title h2{
font-size: 2.625rem;
}

/* Billing and Delivery address page */
.advanced-select{

& .box{
  background-color: var(--White-color);
  color: var(--White-color);
}

& .button.is-outlined.is-primary{
  background-color: transparent;
  color: var(--Primary-color);
  border: 1px solid var(--Button-border-color);
  transition: var(--transition-3s) !important;

  &:hover{
    color: var(--Primary-color) !important;
    border-color: var(--Button-color) !important;
  }
}
}

/* Shipping Method */
.one-page-checkout #opc-shipping_method .shipping-options{
  background-color: transparent;
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item:not(:last-child){
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--Button-border-color);
}

one-page-checkout #opc-shipping_method .shipping-options .shipping-options__list .shipping-option-item{
  margin-bottom: 1rem;
}

.shipping-option-item .tooltip{
  display: none;
}
/* Order Summary */
.order-summary-body{

& .cart-item-row:first-child {
  border-top: 1px solid var(--Border-bottom) !important;
} 

& .cart-item-row {
  background-color: var(--White-color) !important;
  border-bottom: 1px solid var(--Border-bottom) !important;
} 

& .cart-item-row:last-child {
  border-bottom: unset !important;
} 

& .productpicture.cart--pictures{
  display: none !important;
}

& .cart-footer .columns:last-child{
  border-top: 2px solid var(--Primary-color);
  padding-top: 2rem;
}

& .cart-footer{

  & #cartTotals{
      display: flex;
      justify-content: center;
  }

  & .total-info{
      width: 75%;
  }

  & .cart-total {
      width: 100%;
  }

  & td:last-child{
      text-align: right;
  }
}
}

@media screen and (min-width: 1088px) {
  .one-page-checkout .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo{
    width: 30rem;
  }
}

/* Check Complete Page */
.checkout-page.checkout__complete{

  .select-button{
    width: 25%;
  }
}

/*------------------------------------*\
#MY ACCOUNT PAGES
\*------------------------------------*/
/* Navigation Block */
.block-account-navigation ul a:hover{
background-color: var(--White-color);
}

.block-account-navigation ul a.active{
background-color: var(--Primary-color);
}

/* Addresses */
.account-page--addresses{

& .page-title{
  padding-bottom: 1.66667rem;
  border-bottom: 1px solid var(--Border-bottom);
}

& .address-item-row{
  background-color: var(--White-color);
  border-bottom: 1px solid var(--Border-bottom);
  padding: 1rem;
}

& .address-item-row:last-child{
  border-bottom: 2px solid var(--Primary-color);
}

& td{
  padding-bottom: 2.77778rem !important;
  padding-top: 2.77778rem !important;
  border: unset !important;
}
}

/* Order items */
.account-page--orderline{

& .t-grid-top,
& .t-grid-pager,
& th,
& tbody tr{ 
  background: var(--White-color)
}

& #searchBtn{
  margin-bottom: 0 !important;
  }
}

.page-customer-info .customer__section:nth-child(3) .section-title{
  display: none;
}


.page-customer-info{

  #Custom1{
    width: 100%;
  }
}

/* Save Quotes */
.account-page--savedquotes{

  @media screen and (min-width: 1088px) {
    thead tr th:nth-child(2){
      max-width: 10%;
      width: 10%;
    }

    thead tr th:nth-child(3){
      max-width: 70%;
      width: 70%;
    }

    thead tr th:nth-child(4){
      max-width: 20%;
      width: 20%;
    }
  }

  @media screen and (max-width: 1087px) and (min-width: 768px) {
    thead tr th:nth-child(2){
      max-width: 15%;
      width: 15%;
    }

    thead tr th:nth-child(3){
      max-width: 50%;
      width: 50%;
    }

    thead tr th:nth-child(4){
      max-width: 35%;
      width: 35%;
    }
  }
}

/* Orders */
@media screen  and (max-width: 850px){
  .account-page--myorders .orders_v2 #filtered_orders .order_products_list ul span.status-box{
    height: 50px;
  }
}

/*------------------------------------*\
  #TOPIC PAGES
\*------------------------------------*/
/* About Us */

/* Image Modal */
.image-modal.modal{

  & .modal-background{
    background-color: var(--Modal-background-color);
  }

  & .image-modal-card{
    width: 22.22222222222222rem;
    box-shadow: none;
    border: 1px solid #231f20;
  }

  & .modal-card-body{
    padding-top: 0;
    padding-bottom: 0;
  }

  & .image-modal-list-item .block .is-inline-block{
    width: 100%;
  }

  & .modal-card-head,
  & .modal-card-foot{
    background-color: var(--White-color);
    border: unset;
    padding: .5rem;
  }

  & .modal-card-head{
    display: flex;
    justify-content: flex-end;

    & .delete{
      background-color: transparent;

      &:hover{
        background-color: transparent;
      }
    }
  }

  & .modal-card-foot{
    padding: 1.111111111111111rem;
  }
}

.block.image-modal{

  & button.image-modal-list-image{
    background: transparent;
    border: unset;
    cursor: pointer;
  }

  & .is-inline-block{
    margin-bottom: .75rem;
  }

  & h4{
    letter-spacing: 1px;
    font-weight: 700;
  }

}

/* Custom Slider */
@media screen and (max-width: 1088px) {
  .About-us-customslider .ict-space:nth-child(4),
  .About-us-customslider .ict-space:nth-child(5),
  .About-us-customslider .ict-space:nth-child(6){
    display: none;
  }

}

@media screen and (max-width: 767px){
  .About-us-customslider .ict-space:nth-child(3){
    display: none;
  }

  .About-us-customslider .section{
    padding: 0;
  }

  .About-us-customslider .section.has-background-cover{
    background-size: contain;
  }

  .About-us-customslider .column{
    padding: 1rem !important;
  }
}

@media screen and (max-width: 600px){

  .About-us-customslider br:nth-child(1),
  .About-us-customslider br:nth-child(2){
    display: none;
  }

  .About-us-customslider .ict-space:nth-child(3){
    display: block;
  }

  .About-us-customslider .column{
    padding: .5rem !important;
  }
}


@media screen and (max-width: 475px){

  .About-us-customslider .column{
    padding: .75rem !important;
  }
}

/* Blogs */
.blog.blog-page { 
  padding-top: 3rem;
  
  & .catfish-container{
  padding-left: 24px;
  padding-right: 24px;
  }

  & .page-title{

    & h1.title.is-3{
      font-size: var(--fs-xlrg);
      margin-bottom: 0;
    }
  }
}

.blog .page-title tr{
  display: flex;

  & .title{
    width: 50%;
  }

  & #category-filter{
    width: 50%;
    display: flex;
    justify-content: flex-end;
  }

  
}

@media screen and (max-width: 767px) {
  .blog .page-title tr{
    flex-direction: column;

    & .title{
      width: 100%;
    }

    & #category-filter {
      width: 100%;
    }

    #category-filter .category-filter--select {
      width: 100%;
    }
  }
}



/* Blog search */
.blogsearch{
  display: none;
}

/* Featured Blog */
.featuredBlog__wrapper{
  padding-top: 3rem;
  padding-bottom: 3rem;

  & #title{
    display: none;
  }

  & .post{
    width: 100%;
    margin-right: 20rem;

    & .post-content{
      background-color: transparent;
    }
  
  }

  & .blogimage{
    padding-top: 0;
  }

  & .image.is-3by2 img{
    position: static;
  }

  & .post-content{
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  & .post-thumb{
    width: 100%;
  }
}

.featuredBlog__wrapper .post .post-content .post-info{
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3rem;

  & .blogtitle{
    order: 2;
    font-size: var(--fs-xlrg) !important;
    text-decoration: underline;
    margin-bottom: 1.5rem;

    &:hover{
      text-decoration: none;
    }
  }

  & .blogdate{
    order: 1;
  }

  & div.blogdetails{
    order: 3;
    margin-bottom: 1.5rem !important;
    color: var(--Text-color) !important;
  }

  & .tags{
    order: 4;

    & .tag{
      color: var(--Text-color);
      font-size: var(--fs-sm);
      text-decoration: underline;
      border: none;
      padding: 0;

      &:hover{
        text-decoration: none;
      }
    }

    & .tag:not(:last-child){
      margin-right: .25rem;
    }
  }
}

@media screen and (max-width: 1087px) {
  .featuredBlog__wrapper .post-content{
    flex-direction: column;
  }

  .featuredBlog__wrapper .post .post-content .post-info{
    padding: 1.5rem 0;
  }
}

/* Blog post */
.blogpost {
  padding-top: 3rem;
  padding-bottom: 0;
}

.blogpost  .blogpost__featureimage{
  display: none;
  margin-bottom: 0rem;
}

.postbody .content > .section + .container{
  display: flex;
  justify-content: center;
}

.blogpost .blog-featured-image.image.is-3by1{
  display: block;
  padding-top: 50%;
  min-width: 73rem;
}

.blogpost .blog-featured-image.image.is-3by1 img{
      object-fit: cover;
}

.blogpost .fireball-slider-section{
  padding-bottom: 0;
}

.blogpost .postlinks {
  margin-bottom: 0rem;
}

.blogposts{

  & .post-info{
    text-align: center;
    color: var(--White-color);
    background-color: var(--Primary-color);
    padding-top: 2.44444rem;
    padding-bottom: 2.77778rem;
    height: 204px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
  }

  & .blogposts-list{
    padding-top: 3rem;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  & .blogtitle{
    font-size: var(--fs-lrg) !important;
    color: var(--White-color);
    text-decoration: underline;
    order: 1;

    &:hover{
      text-decoration: none;
    }
  }

  & .post{
    padding: .1rem;
  }

  & .blogdetails,
  & .tags{
    display: none;
  }
  
  @media screen and (max-width: 767px) {
    & .blogposts-list{
      padding-top: 0rem;
    }
  }
}

@media screen and (max-width: 767px) {
    .blogpost .content > .container{
      overflow: hidden;
      max-width: 767px;
    }
  
}

@media screen and (max-width: 1440px) {
  .blogpost .blog-featured-image.image.is-3by1 img{
    object-fit: contain;
  }
}

/* Blog Slider */

.flexslider.infigo-slider.custom-slider .slides > li.section{
  margin-bottom: 3rem;
  padding-top: 0 !important;
  background-size: cover;
  height: 100vh;
}

.flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 105vh;
}

.flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth .columns{
  align-items: flex-end;
}

@media screen and (min-width: 1700px){
  .flexslider.infigo-slider.custom-slider .slides > li.section{
    height: 120vh;
  }

  .flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth{
    height: 125vh;
  }
}

@media screen and (max-width: 1087px) {
  .flexslider.infigo-slider.custom-slider .slides > li.section{
    margin-bottom: 9rem !important;
    height: 60vh;
  }

  .flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth{
    height: 70vh;
  }

  .flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth .columns{
    align-items: flex-end;
    height: unset;
  }

  .flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth .column{
    padding: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .flexslider.infigo-slider.custom-slider .slides > li.section{
    margin-bottom: 6rem !important;
    height: 55vh;
  }

  .flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth{
    height: 65vh;
  }
}

@media screen and (max-width: 500px) {
  .flexslider.infigo-slider.custom-slider .slides > li.section{
    margin-bottom: 6rem !important;
    height: 40vh;
  }

  .flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth{
    height: 50vh;
  }
}

@media screen and (max-width: 375px) {
  .flexslider.infigo-slider.custom-slider .slides > li.section{
    margin-bottom: 6rem !important;
    height: 30vh;
  }

  .flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth{
    height: 40vh;
  }
}

@media screen and (max-width: 320px) {
  .flexslider.infigo-slider.custom-slider .slides > li.section .container-fullwidth{
    height: 36vh;
  }
}

/* Payment Page Quick Fix */
.page-checkout-paymentfailed{
  .navbar-link:hover{
    color: #231F20 !important;
  }

  .two-tier-menu {
    & .bottom-menu-split {
      border-top: unset !important; 
      & .navbar {
          height: 2rem !important;
      }
    }
  }
  @media screen and (min-width:1088px){
    
    
    .content-field-navbar .navbar-link:not(.is-arrowless)::after {
      border-color: unset !important;
    }

    /* Dropdown Arrow */
      .content-field-navbar .select:not(.is-multiple, .is-loading, .category-filter--select)::after, .content-field-navbar .navbar-link:not(.is-arrowless)::after{
      border-width: unset !important;
      border-radius: unset !important;
      -webkit-border-radius: unset !important;
      -moz-border-radius: unset !important;
      -ms-border-radius: unset !important;
      -o-border-radius: unset !important;
    }

    .mega-menu-item .navbar-link::after {
      content: '' !important;
      width: 0% !important;
      height: 1px !important;
      background-color: #231f20 !important;
      transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
      bottom: 0 !important;
      left: 0rem !important;
      -webkit-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
      -moz-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
      -ms-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
      -o-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
    }

    .select:not(.is-multiple, .is-loading, .category-filter--select)::after, .navbar-link:not(.is-arrowless)::after {
        border: unset;
        border-radius: unset;
        border-right: unset;
        border-top: unset;
        content: " ";
        display: block;
        height: unset;
        margin-top: unset;
        pointer-events: none;
        position: absolute;
        top: unset;
        transform: unset;
        transform-origin: unset;
        width: unset;
        -webkit-border-radius: unset;
        -webkit-transform: unset;
    }

    .navbar-menu .navbar .navbar-item .navbar-link, a.navbar-item {
        width: 100% !important;
        justify-content: center !important;
    }

    .mega-menu-item .navbar-link::after {
      content: "" !important;
      width: 0% !important;
      height: 1px !important;
      background-color: rgb(35, 31, 32) !important;
      transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
      bottom: 0px !important;
      left: 0rem !important;
      -webkit-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
      -moz-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
      -ms-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
      -o-transition: width 350ms cubic-bezier(0.19, 1, 0.22, 1) !important;
    }

    .navbar-link:hover::after {
        width: 100% !important;
    }
    .navbar-dropdown {
        border-top: none !important;
    }

    .mega-menu-column-contents a {
        &:hover {
          color: var(--White-color) !important;
          transition: color 0.3 cubic-bezier(0.19, 1, 0.22, 1) !important;
          opacity: 1 !important;
          -webkit-transition: color 0.3 cubic-bezier(0.19, 1, 0.22, 1) !important;
          -moz-transition: color 0.3 cubic-bezier(0.19, 1, 0.22, 1) !important;
          -ms-transition: color 0.3 cubic-bezier(0.19, 1, 0.22, 1) !important;
          -o-transition: color 0.3 cubic-bezier(0.19, 1, 0.22, 1) !important;
        }
    }
  }

  @media screen and (max-width: 1087px) {
    .ict-header-spacer {
      height: 3.444em !important;
    }

    .navbar{
      height: 3.444em !important;
    }

    .navbar-burger {
        margin-left: unset !important;
        height: 2.4em !important;
    }
  }
}