.nav{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    min-height:62px;
    padding-right:18px;
    background:#fff;
    position:relative;
    z-index:10;
    font-family:ES Build,sans-serif
}
.nav__holder{
    z-index:999999;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    right:0
}
.nav__holder.scrolled{
    position: fixed;
}
.nav__left, .nav__right{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    align-self: stretch;
}

.nav__logo{
    min-height:100%;
    background:#ff6852;
    padding:0 28px;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
    min-width:135px;
    text-decoration:none;
    max-width:min-content
}

.nav__logo svg{
    width:100%
}

.nav__menu {
    display: -webkit-flex;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-self: stretch;
    align-items: center;
}

/* Left navigation styling*/
.nav-left__menu-item {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #101921;
    padding-right: 20px;
    padding-left: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.nav-left__menu-item:hover{
    background: #57CCF6;
    color: #fff
  }
  .nav-left__menu-item.is-dropdown>a{
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
  }
  .nav-left__menu-item.is-dropdown:hover:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: calc(100% + 6px)
}
.nav-left__menu-item:last-of-type{
    margin-right:0
}
.nav-left__menu-item>span{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    cursor:pointer
}

.nav-left__menu-item>span svg{
    margin-left:11px;
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    transition:ease-in-out .3s all
}

.nav-left__menu-item--dropdown::after{
    position:absolute;
    content:" ";
    top:100%;
    bottom:0;
    left:0;
    min-height:30px;
    width:100%;
    background:rgba(255,255,255,0);
    visibility:hidden
}
.nav-left__menu-item--dropdown.is-open::after{
    visibility:visible
}
.nav-left__menu-item--dropdown.is-open>span svg{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg);
    transition:ease-in-out .3s all
}

/* Nav Right Styling */
.nav-right__menu-item{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 0 10px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.nav-right__menu-item.is-dropdown:hover:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: calc(100% + 6px)
}
.nav-right__menu-item-inner{
    padding: 8px;
    background: rgba(87, 204, 246, 0.30);
    border-radius: 6px;
    color: #101921;
    transition: .3s linear;
}
.nav-right__menu-item:hover .nav-right__menu-item-inner{
background: rgba(87, 204, 246, 1);
color: #fff;
}

/* Store button */
.is-shop .nav-right__menu-item-inner{
   background: rgba(163, 117, 251, .30);
   white-space: nowrap;
}
.is-shop:hover .nav-right__menu-item-inner{
    background: rgba(163, 117, 251, 1)
 }

.is-shop .nav-right__menu-item-inner svg{
    vertical-align: middle;
}
.is-shop .nav-right__menu-item-inner svg path{
    transition: .3s linear stroke;
}
.is-shop:hover .nav-right__menu-item-inner svg path{
    stroke: white;
}
.is-shop.nav-right__menu-item.is-dropdown:hover:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: calc(100% + 6px)
}

/* Dropdown Styling */
.nav__menu-dropdown-overlay{
    position:absolute;
    top:62px;
    left:0;
    width:100%;
    background:#fff;
    padding-top:40px;
    padding-bottom:50px;
    overflow:hidden;
    min-height:650px;
    opacity:0;
    visibility:hidden;
    transition:ease-in-out .3s all
}
.dropdown-col{
    padding: 10px 0 20px;
    border-left: dashed 1px #9CA3AF;
    flex: 1 1 100%;
  }

  .dropdown-col:first-child{
    border-left: unset;
  }
  .dropdown-col__icon{
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin: 0 30px 20px 20px;
  }
  .dropdown-col__image{
    padding: 0 20px;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
  }
  .dropdown-col__header{
    color: #374151;
    font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 28px;
  letter-spacing: -0.32px;
  text-transform: uppercase;
    margin-bottom: 18px;
    padding: 0 30px 0 20px
  }
  .dropdown-col__links{
      display: flex;
      flex-direction: column;
      color: #374151;
      font-weight: 400;
      font-size: 16px
  }
  .dropdown-col__links-link{
      padding: 10px 30px 10px 20px
  }
  .dropdown-col__links-link:hover{
    background-color: #E5E7EB
  }
  .dropdown-col__logos{
    display: grid;
    grid-template-columns: auto auto;
    grid-auto-rows: 50px;
    padding: 0 10px 0 20px;
  }
  .dropdown-col__logo-link{
    display: inline-block;
    border-bottom: 1px solid #E5E7EB;
    padding: 10px 0;
    
    }
    .dropdown-col__logo-link img {
    display: block;
    opacity: .3;
    transition: .3s linear opacity;
}
.dropdown-col__logo-link:hover img {
    display: block;
    opacity: .7;
}
.dropdown-col__logo-link:last-child {
  grid-column: 1 / span 2;
}
  .dropdown-col__button{
    padding: 10px 20px 0;
    grid-column: 1/-1;
  }
 
/* Dropdown Left Styling */
.nav-left__dropdown-spacer{
    height: 16px;
    display: none;
    position: absolute;
    background: transparent;
    width: 100vw;
    left: 0;
    top: 100%;
    }
    .nav-left__dropdown-holder, .nav-right__dropdown-holder.nav-shop__dropdown-holder{
      display: none;
      position: absolute;
      background-color: #fff;
      width: 100vw;
      left: 0;
      top: calc(100% + 16px);
      padding-left: 125px;
      padding-right: 20px;
    }
    .nav-left__dropdown-holder .dropdown-col{
        max-width: 20%;
    }
    .nav-left__dropdown-holder .dropdown-col{
        max-width: 20%;
    }
    .nav-left__dropdown-inner{
      display: flex;
      padding: 40px 20px 30px;
      justify-content: center;
    }
    .nav-left__menu-item:hover .nav-left__dropdown-holder{
      display: block;
    }
    .nav-left__menu-item:hover .nav-left__dropdown-spacer{
      display: block;
    }

/* Dropdown Right Styling */ 
.nav-right__dropdown-spacer{
    height: 16px;
    display: none;
    position: absolute;
    background: transparent;
    width: 100vw;
    right: 0;
    top: 100%;

    }
    .nav-right__dropdown-holder{
      display: none;
      position: absolute;
      background-color: #F9FAFB;
      left: -10%;
      top: calc(100% + 16px);
      width: max-content;
      max-width: 100vw
    }
    .nav-right__dropdown-inner{
      display: flex;
      padding: 40px 0 30px
    }
    .nav-right__menu-item:hover .nav-right__dropdown-holder{
      display: block;
    }
    .nav-right__menu-item:hover .nav-right__dropdown-spacer{
      display: block;
    }
    /* .nav-right__menu-item .dropdown-col{
        min-width: 225px;
    } */

    /* Dropdown Latest Column styling */
    .dropdown-col.column-latest:before {
    content: '';
    background-color: #F3F4F6;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    }
    .dropdown-col.column-latest>*{
        position: relative;
        z-index: 1;
    }
    .dropdown-col.column-latest .dropdown-col__links{
        color: #FF6852
    }


/* Dropdown Shop Styling */


/* Search box Styling */
.nav__search{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    margin-right:22px;
    cursor:pointer;
    margin-left: 11px;
}
.nav__search-box{
    margin-top:-1px;
    margin-top:-300px;
    transition:ease-in-out .5s all;
    position:relative;
    font-family:ES Build,sans-serif;
    background:rgba(255,104,82,.9)
}
.nav__search-box.scroll {
    position: fixed;
    top: 60px;
    width: 100%;
}
.nav__search-box::before{
    position:absolute;
    content:" ";
    left:0;
    top:1px;
    width:100%;
    min-height:1px;
    background:rgba(209,213,219,.5)
}
.nav__search-box.is-active {
    margin-top: 0;
    transition: ease-in-out 0.5s all;
}
.nav__search-box-input{
    border:0;
    width:100%;
    padding:20px 25px;
    outline:0;
    font-family:ES Build,sans-serif;
    font-size:16px;
    line-height:16px;
    background:0 0;
    color:#fff;
    margin-bottom:0;
    border-bottom:1px solid #ccc;
    background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='13px' height='14px' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1 0 0 1 -741 -153 )'%3E%3Cpath d='M 7.97265625 8.5859375 C 8.6575520833334 7.848357371794862 9.000000000000025 6.960737179487174 9.000000000000025 5.923076923076927 C 9.000000000000025 4.885416666666679 8.6575520833334 3.997796474358992 7.97265625 3.260216346153854 C 7.2877604166665995 2.5226362179487154 6.4635416666665755 2.153846153846146 5.499999999999929 2.153846153846146 C 4.536458333333437 2.153846153846146 3.7122395833334134 2.5226362179487154 3.027343750000012 3.260216346153854 C 2.342447916666611 3.997796474358992 1.9999999999999882 4.885416666666679 1.9999999999999882 5.923076923076927 C 1.9999999999999882 6.960737179487174 2.342447916666611 7.848357371794862 3.027343750000012 8.5859375 C 3.7122395833334134 9.323517628205138 4.536458333333437 9.692307692307688 5.499999999999929 9.692307692307688 C 6.4635416666665755 9.692307692307688 7.2877604166665995 9.323517628205138 7.97265625 8.5859375 Z M 12.710937499999929 12.165865384615385 C 12.903645833333414 12.37339743589745 13 12.625801282051285 13 12.923076923076927 C 13 13.214743589743597 12.901041666666707 13.46714743589745 12.703124999999964 13.680288461538458 C 12.505208333333378 13.893429487179477 12.270833333333364 14 11.999999999999929 14 C 11.718749999999975 14 11.484374999999964 13.893429487179477 11.296875000000048 13.680288461538458 L 8.617187500000071 10.802884615384615 C 7.684895833333438 11.49839743589745 6.645833333333389 11.846153846153854 5.499999999999929 11.846153846153854 C 4.755208333333366 11.846153846153854 4.042968750000012 11.690504807692312 3.3632812500000235 11.379206730769228 C 2.6835937500000355 11.067908653846146 2.097656249999928 10.647235576923073 1.605468750000012 10.1171875 C 1.11328124999994 9.587139423076927 0.722656250000024 8.956129807692312 0.4335937499999521 8.224158653846146 C 0.14453125000003592 7.4921875 0 6.7251602564102475 0 5.923076923076927 C 0 5.120993589743597 0.14453125000003592 4.353966346153854 0.4335937499999521 3.621995192307687 C 0.722656250000024 2.8900240384615414 1.11328124999994 2.259014423076927 1.605468750000012 1.7289663461538538 C 2.097656249999928 1.1989182692307707 2.6835937500000355 0.7782451923076877 3.3632812500000235 0.4669471153846146 C 4.042968750000012 0.15564903846154152 4.755208333333366 0 5.499999999999929 0 C 6.2447916666666465 0 6.95703125 0.15564903846154152 7.6367187499999885 0.4669471153846146 C 8.316406249999975 0.7782451923076877 8.902343749999929 1.1989182692307707 9.39453125 1.7289663461538538 C 9.886718750000071 2.259014423076927 10.27734374999999 2.8900240384615414 10.56640625000006 3.621995192307687 C 10.855468749999975 4.353966346153854 11.00000000000001 5.120993589743597 11.00000000000001 5.923076923076927 C 11.00000000000001 7.157051282051285 10.677083333333378 8.27604166666668 10.031249999999952 9.280048076923073 L 12.710937499999929 12.165865384615385 Z ' fill-rule='nonzero' fill='%23ffffff' stroke='none' transform='matrix(1 0 0 1 741 153 )' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:calc(100% - 10px) center;
    font-size:20px;
    padding:2px 32px 2px 2px
}
.nav__search-box-input::-webkit-input-placeholder{
    font-family:ES Build,sans-serif
}
.nav__search-box-input::-moz-placeholder{
    font-family:ES Build,sans-serif
}
.nav__search-box-input:-ms-input-placeholder{
    font-family:ES Build,sans-serif
}
.nav__search-box-input::placeholder{
    font-family:ES Build,sans-serif
}
.nav__search-box form{
    max-width:660px;
    margin:0 auto;
    padding:100px 20px;
    position:relative
}
.nav__search-box-input::placeholder{
    color:#fff;
    opacity:.5
}
.search__close{
    position:absolute;
    right:0;
    top:0;
    padding:20px;
    cursor:pointer
}


/* Hamburger Styling */
.hamburger{
    position:relative;
    min-height:15px;
    width:23px;
    overflow:hidden
}

.hamburger::after,.hamburger::before{
    background:#9ca3af;
    position:absolute;
    top:0;
    width:23px;
    height:2px;
    content:" ";
    transition:ease-in-out .3s all
}
.hamburger::after{
    top:auto;
    bottom:0
}
.hamburger span{
    background:#9ca3af;
    position:absolute;
    top:0;
    bottom:0;
    width:23px;
    height:2px;
    margin:auto 0;
    transition:ease-in-out .3s all
}
.hamburger span::after{
    position:absolute;
    right:0;
    width:9px;
    height:14px;
    background-image:url("data:image/svg+xml,%3Csvg width='9' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11.787 4.227 7 9 2.213 7.12.333.453 7l6.667 6.667L9 11.787z' fill='%23FF6852' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-size:contain;
    background-repeat:no-repeat;
    content:" ";
    right:-10px;
    top:-6px
}
.hamburger.is-active::before, .hamburger.is-active::after {
  background: #FF6852;
  transition: ease-in-out 0.3s all;
  width: 17px;
}

.hamburger.is-active span {
  background: #FF6852;
  transition: ease-in-out 0.3s all;
  width: 13px;
}


/* Callout Styling */
.callout{
    position:fixed;
    top:0;
    right:0;
    min-height:100vh;
    background:#fff;
    padding:30px 40px;
    min-width:500px;
    max-width:500px;
    box-sizing:border-box;
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    transition:ease-in-out .3s all;
    max-height:100vh;
    overflow:auto;
    z-index:9999999999
}
.callout.is-active {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  transition: ease-in-out 0.3s all;
}
.callout__heading{
    font-style:normal;
    font-weight:600;
    font-size:36px;
    line-height:44px;
    letter-spacing:-.02em;
    color:#101921
}
.callout__close{
    position:absolute;
    right:40px;
    top:38px;
    cursor:pointer
}
.callout__content{
    margin-top:26px
}
.callout__overlay{
    z-index:999999999;
    background:rgba(0,0,0,.3);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    visibility:hidden;
    opacity:0
}



/* Alert box Styling */
.alert{
    background:#191998;
    color:#fff;
    padding:6px 40px;
    gap:1rem;

    position:relative;
    z-index:1;
    align-items:center
}
.alert-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 8px;
    
}
.alert-close-btn{
    cursor:pointer;
    max-height:20px
}
.nav__holder.scrolled .alert{
    display: none;
}
.alert__left,.alert__right{
    display: flex;
    gap: 2rem;
    align-items: center;
}



/* New code, to sort */


/* Media Queries */
@media(max-width: 1440px){
    .nav-left__dropdown-holder, .nav-right__dropdown-holder.nav-shop__dropdown-holder{
        padding-left: 20px;
        padding-right: 20px;
      }
}
@media (min-width:1100px){
    .nav-left__menu-item--dropdown.is-open .nav__menu-dropdown-overlay{
        opacity:1;
        visibility:visible;
        transition:ease-in-out .3s all
    }
    .hamburger{
        display:none
    }
    .nav__menu-dropdown-overlay-left{
        min-height:75vh
    }
}

@media (min-width:1100px) and (max-width: 1440px){
.nav-left__menu-item{
    padding-left: 10px;
    padding-right: 10px;
}
.nav-left__menu-item>a{
    font-size: 14px;
    text-align: center;
}
.nav-right__menu-item{
    padding-left: 5px;
    padding-right: 5px;
}
.nav-left__menu-item.is-dropdown>a{
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px;
  }
}
@media (max-width: 1100px){
    .nav__menu{
        background:#f9fafb;
        display:none;
        position:fixed;
        top:62px;
        width:100%;
        min-height:calc(100% - 62px);
        max-height:calc(100% - 62px);
        overflow:auto;
        padding-bottom:150px
    }
    .nav__menu.is-active {
        display: block;
      }
    .nav__search{
        display:none
    }
    .nav__logo{
        padding:0 20px
    }
    .nav-left__menu-item{
        margin:0;
        border-bottom:2px solid #e5e7eb;
        z-index:10;
        position:relative;
        background:#f9fafb;
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .nav-right__menu-item{
        margin:0;
        z-index:10;
        position:relative;
        background:#f9fafb;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /* .nav-right__menu-item-inner:before{
        content: url("data:image/svg+xml,%3Csvg width='12' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.053 1-5 5-5-5' stroke='%23FF6852' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
        position: absolute;
        right: 20px;
        transition: all .3s ease-in-out;
    } */
    .nav-right__menu-item-inner{
        width: 100%;
        padding: 10px 10px;
        display: flex;
        justify-content: space-between;
    }
    .nav-left__menu-item.is-dropdown:before {
        content: url("data:image/svg+xml,%3Csvg width='12' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.053 1-5 5-5-5' stroke='%23FF6852' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
        position: absolute;
        right: 25px;
        transition: all .3s ease-in-out;
    }
    .dropdown-col:before
     {
        content: url("data:image/svg+xml,%3Csvg width='12' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.053 1-5 5-5-5' stroke='%23FF6852' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
        position: absolute;
        right: 5px;
        transition: all .3s ease-in-out;
    }
    .nav-left__menu-item.is-open:before,
    .dropdown-col.is-open:before
    {
        -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);

    }
    .nav-left__menu-item:hover {
        background: #f9fafb;
        color: #101921;
    }
    .nav-right__menu-item:hover .nav-right__menu-item-inner {
    background: rgba(87, 204, 246, .3);
    color: #101921;
}
.nav-left__dropdown-holder .dropdown-col{
    max-width: unset;
}
.is-shop:hover .nav-right__menu-item-inner {
    background: rgba(163,117,251,.3);
    color: #101921;
}
.is-shop:hover .nav-right__menu-item-inner svg path{
    stroke: #101921;
}
    .nav__right .nav__menu{
        display: none;
    }
    .nav-left__dropdown-inner{
        flex-direction: column;
        background: #f9fafb
    }
    .nav-left__menu-item--dropdown.is-open .nav__menu-dropdown-overlay{
        display:block;
        opacity:1;
        visibility:visible
    }
    .nav__menu-dropdown-overlay{
        position:relative;
        top:0;
        min-height:auto;
        padding:0;
        display:none
    }
    .nav__menu-dropdown-overlay-left{
        width:100%;
        -webkit-flex-basis:100%;
        flex-basis:100%;
        max-width:100%;
        padding:0;
        border:0
    }
    .nav-left__dropdown-inner,.nav-left__dropdown-holder{
        padding: 0;
    }

    .nav-left__menu-item .nav-left__dropdown-holder,
    .nav-right__menu-item .nav-right__dropdown-holder
    {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }
    .nav-left__menu-item:hover .nav-left__dropdown-holder, 
    .nav-left__menu-item:hover .nav-left__dropdown-spacer,
    .nav-right__menu-item:hover .nav-right__dropdown-holder, 
    .nav-right__menu-item:hover .nav-right__dropdown-spacer{
        display: none;
    }
    .dropdown-col{
        display: grid;
        grid-template-columns: 44px auto;
        column-gap: 10px;
        grid-template-rows: auto auto;
        grid-template-areas: "logo title"
                             "links links";
        border-left: unset;
    }
    .dropdown-col__icon{
        grid-area: logo;
        margin: 0;
        margin-right: 20px
    }
    .dropdown-col__header{
        grid-area: title;
        padding: 0;
    }
    .dropdown-col__links{grid-area: links;display: none;}
    .dropdown-col__links-link {
        padding: 10px 30px 10px 54px;
        display: block;
    }
    .dropdown-col:hover .dropdown-col__links{
        display: none;
    }
    .nav-right__menu-item.is-dropdown .nav-right__menu-item-inner .open-dropdown{
        margin-top: -10px;
        margin-bottom: -10px;
        margin-right: -10px;
        padding: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: none;
        border: none;
        border-left: dotted 1px #9CA3AF;
    }
    .nav-right__dropdown-inner{
        flex-direction: column;
        padding: 0;
    }
    .nav-right__dropdown-holder{
        left: 0;
        margin: 0;
    padding: 10px;
    }
    .nav-right__dropdown-inner .dropdown-col:before,
    .nav-right__dropdown-inner .dropdown-col.column-latest:before{
        right: 15px;
    }
    .dropdown-col.column-latest:before{
       content: url("data:image/svg+xml,%3Csvg width='12' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.053 1-5 5-5-5' stroke='%23FF6852' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
       position: absolute;
       right: 5px;
       transition: all .3s ease-in-out;
       height: unset;
       background: unset;
       width: unset;
       top: unset;
   }
   .open-dropdown svg{
    transition: all .3s ease-in-out;
   }
   .open-dropdown.is-open svg{
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
   }
   .dropdown-col__image{
    padding: 0;
   }
   .nav-right__dropdown-holder.nav-shop__dropdown-holder{
    background-color: transparent;
   }
}

@media (max-width:1100px) and (min-width:768px){
    .nav__right{
        gap:20px
    }
}


@media (max-width: 768px){
    .nav-left__menu-item>a{
        width:100%;
        padding:20px;
        display:block
    }
    body{
        padding-top:62px
    }
    .alert{
        padding:15px
    }
    .nav__right .btn {
      display: none;
    }
}


/* Animations go here */
@media (min-width: 1100px){
    .is-dropdown:hover .nav-left__dropdown-holder,
    .is-dropdown:hover .nav-shop__dropdown-holder{
        transform-origin: left;
        animation-name: dropdown__slideopen;
        animation-duration: .75s;
        animation-fill-mode: both;
    }
    .nav-left__menu-item.is-dropdown:hover:after,
    .is-shop.nav-right__menu-item.is-dropdown:hover:after{
        transform-origin: bottom;
        animation-name: dropdown-arrow__slideopen;
        animation-duration: .3s;
        animation-fill-mode: both;
        animation-delay: 100ms;
    }
.is-dropdown:hover .dropdown-col:not(.column-latest){
    animation-name: dropdown-col__slideup;
    animation-duration: .8s;
    animation-fill-mode: both;
}

/* @keyframes dropdown-col__slideup {
    0% {
        opacity: 0;
        transform: translateY(33px);
      }
      
      100% {
        opacity: 1;
      }
}

@keyframes dropdown__slideopen{
    0% {
        transform: scaleX(0%)
    }
    100%{
        transform: scaleX(100%)
    }
}
@keyframes dropdown-arrow__slideopen{
    0% {
        transform: scaleY(0%)
    }
    100%{
        transform: scaleY(100%)
    }
}
} */
.alert--bar{
    height: 20px;
    background: blue;
}