:root {

  --sparrow-white: #fff;
  --sparrow-gray: #7F7F7F;
  --sparrow-gray-dark: #555555;
  --sparrow-gray-black: #000;
  --sparrow-gray-100: #fafafa;
  --sparrow-gray-200: #f2f2f2;
  --sparrow-gray-300: #e1e1e1;
  --sparrow-gray-400: #bebebe;
  --sparrow-gray-500: #949494;
  --sparrow-gray-600: #7F7F7F;
  --sparrow-gray-700: #666666;
  --sparrow-gray-800: #555555;
  --sparrow-gray-900: #404040;
  --sparrow-gray-1000: #2b2b2b;
  --sparrow-gray-1100: #1c1c1c;
  --sparrow-gray-white: #fff;
  --sparrow-dark-rgb: 28, 28, 28;
  --sparrow-white-rgb: 255, 255, 255;
  --sparrow-black-rgb: 0, 0, 0;

}

:root,
:root.light,
:root .light {
  --sparrow-black: #000;
  --sparrow-colored-link-black-hover-color: black;
  --sparrow-white: #fff;
  --sparrow-colored-link-white-hover-color: white;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media(prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--sparrow-body-font-family);
  font-size: var(--sparrow-body-font-size);
  font-weight: var(--sparrow-body-font-weight);
  line-height: var(--sparrow-body-line-height);
  color: var(--sparrow-body-color);
  text-align: var(--sparrow-body-text-align);
  background-color: var(--sparrow-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: .25
}

hr:not([size]) {
  height: 1px
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 900;
  line-height: 1.2;
  color: var(--sparrow-headings-color)
}

h1,
.h1 {
  font-size: calc(1.4407rem + 2.2884vw)
}

@media(min-width: 1200px) {

  h1,
  .h1 {
    font-size: 3.157rem
  }
}

h2,
.h2 {
  font-size: calc(1.3619rem + 1.3428vw)
}

@media(min-width: 1200px) {

  h2,
  .h2 {
    font-size: 2.369rem
  }
}

h3,
.h3 {
  font-size: calc(1.3027rem + 0.6324vw)
}

@media(min-width: 1200px) {

  h3,
  .h3 {
    font-size: 1.777rem
  }
}

h4,
.h4 {
  font-size: calc(1.2583rem + 0.0996vw)
}

@media(min-width: 1200px) {

  h4,
  .h4 {
    font-size: 1.333rem
  }
}

h5,
.h5 {
  font-size: 1rem
}

h6,
.h6 {
  font-size: 0.75rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}



a:hover {
  color: var(--sparrow-link-hover-color);
  text-decoration: underline
}






.row {
  --sparrow-gutter-x: 2rem;
  --sparrow-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--sparrow-gutter-y));
  margin-right: calc(-.5 * var(--sparrow-gutter-x));
  margin-left: calc(-.5 * var(--sparrow-gutter-x))
}

.row>* {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--sparrow-gutter-x) * .5);
  padding-left: calc(var(--sparrow-gutter-x) * .5);
  margin-top: var(--sparrow-gutter-y)
}



@media(min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
  }

}

.min-vh-1 {
  min-height: 1vh !important
}

.min-vh-25 {
  min-height: 25vh !important
}

.min-vh-50 {
  min-height: 50vh !important;
}

.min-vh-75 {
  min-height: 75vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;

}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.8rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pt-6 {
  padding-top: 4rem !important
}

.pt-7 {
  padding-top: 5rem !important
}

.pt-8 {
  padding-top: 7.5rem !important
}

.pt-9 {
  padding-top: 10rem !important
}

.pt-10 {
  padding-top: 12.5rem !important
}

.pt-11 {
  padding-top: 15rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.8rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pe-6 {
  padding-right: 4rem !important
}

.pe-7 {
  padding-right: 5rem !important
}

.pe-8 {
  padding-right: 7.5rem !important
}

.pe-9 {
  padding-right: 10rem !important
}

.pe-10 {
  padding-right: 12.5rem !important
}

.pe-11 {
  padding-right: 15rem !important
}

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

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.8rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.pb-6 {
  padding-bottom: 4rem !important
}

.pb-7 {
  padding-bottom: 5rem !important
}

.pb-8 {
  padding-bottom: 7.5rem !important
}

.pb-9 {
  padding-bottom: 10rem !important
}

.pb-10 {
  padding-bottom: 12.5rem !important
}

.pb-11 {
  padding-bottom: 15rem !important
}

.bg-black {
  background-color: #000 !important
}

.overflow-hidden,
.overflow-hidden-x {
  overflow-x: hidden
}

.fancynavbar {
  position: fixed;
  top: 0;
  z-index: 10000;
  width: 100%;
  transform: translate(0px, 0px);
  opacity: 1;
}

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


  .fancynavbar {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    transform: translate(0px, 0px);
    opacity: 1;
  }
}


.fancynavbar-togglerbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3rem;
}

.fancynavbar-brand {
  color: #fff;
  padding: .5rem 1rem
}

.fancynavbar-brand-img {
  opacity: 1 !important;
  width: 30px;
  height: auto;
  transform: translate(0px, 0px);
  opacity: 1;
}

@media screen and (max-width: 576px) {
  .fancynavbar-brand-img {
    width: 30px;
    height: auto;
  }
}

@media screen and (max-width: 980px) {
  .fancynavbar-brand-img {
    width: 20px;
    height: auto;
  }
}

.fancynavbar-toggler {
  cursor: pointer;
  width: 4.375rem;
  height: 4.375rem;
  opacity: 1 !important;
  -webkit-transform: translateY(4%);
  -ms-transform: translateY(4%);
  transform: translateY(4%)
}

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

  .fancynavbar-toggler {
    margin-left: 10px;
    margin-top: -30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .fancynavbar-toggler {
    margin-left: 60px;
    margin-top: -30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fancynavbar-toggler {
    margin-left: 60px;
    margin-top: -30px;
  }
}

.fancynavbar-toggler-icon path {
  fill: none;
  stroke: var(--sparrow-white);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px
}

.fancynavbar-collapse {
  height: calc(100vh - 3rem);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  position: absolute;
  text-align: left;
  width: 100vw;
  right: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  top: 3rem;
  padding: 0;
  z-index: -1;
  background-color: var(--sparrow-black);
  opacity: .92;
  transform: translate(100%, 0px);
}

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

  .fancynavbar-collapse {
    height: calc(65vh - 1rem);
    text-align: left;
    width: 50vw;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .fancynavbar-collapse {
    height: calc(80vh - 1rem);
    text-align: left;
    width: 50vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .fancynavbar-collapse {
    height: calc(80vh - 1rem);
    text-align: left;
    width: 40vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
  .fancynavbar-collapse {
    height: calc(80vh - 1rem);
    text-align: left;
    width: 50vw;
  }
}

.fancynavbar-left .fancynavbar-collapse {
  left: 0;
  right: auto
}

.fancynavbar-nav {
  height: auto;
  width: 100%;
  list-style-type: none;
  list-style-image: none;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: auto 0;
  font-family: 'Montserrat', sans-serif;
}

.fancynav-link {
  width: 500px;
  margin-left: -65px;
  position: relative;
  display: block;
  font-size: 21px;
  opacity: 0;
  transform: translate(0px, 56px);
}

@media only screen and (max-width: 575px) {
  .fancynav-link {
    font-size: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.fancynav-link {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .fancynav-link {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
  .fancynav-link {
    font-size: 1.6rem;
    padding-left: 2.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .fancynav-link {
    font-size: 2.369rem;
    padding-left: 3rem;
  }
}






.fancynav-link.fancy-dropdown-toggle .fancynav-link-content {
  padding-right: 40px;
}

.fancynav-link.fancy-dropdown-toggle .fancynav-link-content:after {
  position: absolute;
  left: calc(100% - 2.1875rem);
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: url("data:image/svg+xml;charset=utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.33 7.03'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:rgba(255, 255, 255, 0.85);%7d%3c/style%3e%3c/defs%3e%3ctitle%3eAsset 9sparrow%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Capa_1' data-name='Capa 1'%3e%3cpath class='cls-1' d='M6.17,7a.86.86,0,0,1-.61-.25L.25,1.47A.86.86,0,1,1,1.47.25L6.17,4.95,10.86.25a.86.86,0,0,1,1.22,1.22l-5.3,5.3A.86.86,0,0,1,6.17,7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
  text-align: center;
  color: #fff;
  width: 10px;
  height: 10px;
  background-color: transparent;
  z-index: 99;
}

.fancynav-link-content {
  color: rgba(255, 255, 255, .85) !important;
  background-color: var(--sparrow-black);
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  z-index: 1;
  font-size: 20px;
}

.fancynav-link-content:hover {
  color: rgba(163, 163, 163, 0.85) !important;
}


.fancynav-item {
  overflow: hidden;
  -webkit-transition: height .4s cubic-bezier(0.77, 0, 0.18, 1);
  -o-transition: height .4s cubic-bezier(0.77, 0, 0.18, 1);
  transition: height .4s cubic-bezier(0.77, 0, 0.18, 1);
  height: 55px;
}


@media only screen and (max-width: 575px) {
  .fancynav-item {
    padding-bottom: 50px;
    height: 35px;
    width: 100%;
  }

  .fancynav-link-content {
    padding-left: 5rem;
    padding-right: 5rem;
    font-size: 16px;
  }

  .fancynavbar-nav {
    height: auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto 0;
  }
}

@media screen and (max-width: 980px) {
  .fancynav-item {
    padding-bottom: 50px;
    height: 35px;
    width: 100%;
  }

  .fancynav-link-content {
    padding-left: 5rem;
    padding-right: 5rem;
    font-size: 14px;
  }

  .fancynavbar-nav {
    height: auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
  .fancynav-item {
    padding-bottom: 50px;
    height: 35px;
    width: 100%;
  }

  .fancynav-link-content {
    padding-left: 1.3rem;
    padding-right: 5rem;
    font-size: 18px;
  }

  .fancynavbar-nav {
    height: auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto 0;
  }
}



.fancynav-item:hover .fancynav-link-content,
.fancynav-item:focus .fancynav-link-content {
  text-decoration: none;
  color: #000;
}

.fancynav-item:hover .fancynav-link:before,
.fancynav-item:focus .fancynav-link:before {
  width: 100%;
}

.fancynav-item.show .fancynav-link:before {
  width: 100%;
}

.fancynav-item.show .fancynav-link .fancynav-link-content:after {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.5 9.41'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:rgba(255, 255, 255, 0.85);%7d%3c/style%3e%3c/defs%3e%3ctitle%3eAsset 6sparrow%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Capa_1' data-name='Capa 1'%3e%3cpath class='cls-1' d='M8.25,0a1.15,1.15,0,0,1,.82.34l7.09,7.09a1.16,1.16,0,0,1-1.63,1.63L8.25,2.79,2,9.07A1.16,1.16,0,1,1,.34,7.43L7.43.34A1.15,1.15,0,0,1,8.25,0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ")
}

.fancy-dropdown-menu {
  -webkit-transition: height .2s cubic-bezier(0.77, 0, 0.18, 1);
  -o-transition: height .2s cubic-bezier(0.77, 0, 0.18, 1);
  transition: height .2s cubic-bezier(0.77, 0, 0.18, 1);
  margin-left: .5rem;
  margin-right: .5rem;
  padding-right: 1.8rem;
  padding-left: 1.8rem;
  opacity: 0;
  transform: translate(0px, 56px);
}

.fancy-dropdown-item {
  font-size: 12px;
  color: rgba(255, 255, 255, .6);
  font-weight: 700;
  display: block;
  margin-left: -40px;
  margin-top: 5px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

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

  .fancy-dropdown-item {
    font-size: 9px;
    margin-left: -9px;
    margin-right: -9px;
    width: 100%;
  }
}

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

  .fancy-dropdown-item {
    font-size: 9px;
    margin-left: -9px;
    margin-right: -9px;
    width: 150%;
  }
}

.fancy-dropdown-item:hover,
.fancy-dropdown-item:focus {
  color: #fff;
  text-decoration: none
}

.fancynavbar.fancynavbar-expand-xs:not(.fancynavbar-top) {
  right: 0;
  height: 100vh;
  width: 4.375rem
}

.fancynavbar.fancynavbar-expand-xs.fancynavbar-left {
  left: 0;
  right: auto
}

.fancynavbar.fancynavbar-expand-xs .fancynavbar-togglerbar {
  height: 100%;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #000;
  padding-top: .5rem;
  padding-bottom: .5rem
}

.fancynavbar.fancynavbar-expand-xs .fancynavbar-addon {
  display: block;
  position: static
}

.fancynavbar.fancynavbar-expand-xs .fancynavbar-addon-item {
  margin-top: .5rem;
  font-size: 1.333rem;
  padding: 0
}

.fancynavbar.fancynavbar-expand-xs .fancynavbar-addon-item.fancynavbar-icon-cart {
  margin-top: 1rem
}

.fancynavbar.fancynavbar-expand-xs .fancynavbar-collapse {
  padding-left: 4.375rem;
  padding-right: 4.375rem;
  width: calc(50vw - 2.1875rem);
  height: 100vh;
  right: calc(50% + 2.1875rem);
  top: 0
}

.fancynavbar.fancynavbar-expand-xs .fancynavbar-left .fancynavbar-collapse {
  left: calc(50% + 2.1875rem)
}

.fancynavbar.fancynavbar-expand-xs .fancynavbar-nav {
  padding-left: 0;
  padding-right: 0;
}

.fancynavbar.fancynavbar-expand-xs .fancy-dropdown-menu {
  padding-right: 4rem;
  padding-left: 4rem;
}

.has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-xs+.main {
  width: calc(100% - (4.375rem - 0.0625rem))
}

.has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-xs+.main+.footer {
  width: calc(100% - 4.375rem)
}

.has-sidemenu-left .fancynavbar.fancynavbar-expand-xs+.main {
  margin-left: 4.375rem
}

.has-sidemenu-left .fancynavbar.fancynavbar-expand-xs+.main+.footer {
  margin-left: 4.375rem
}

.fancynavbar.fancynavbar-expand-xs.fancynavbar-top .fancynavbar-collapse {
  width: 50vw;
  top: 3rem;
  right: 0;
  height: calc(100vh - 3rem);
  top: 3rem;
  right: 0;
  height: calc(100vh - 3rem)
}



.fancynavbar.fancynavbar-expand-xs.fancynavbar-top .fancynavbar-toggler {
  -webkit-transform: translateY(4%);
  -ms-transform: translateY(4%);
  transform: translateY(4%);
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.fancynavbar.fancynavbar-expand-xs.fancynavbar-top .fancynavbar-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  position: absolute;
  right: 4.375rem;
  top: .281rem
}

.fancynavbar.fancynavbar-expand-xs.fancynavbar-top .fancynavbar-addon-item {
  margin-top: 0;
  padding: .5rem;
  font-size: 1rem
}

@media(min-width: 576px)and (min-width: 576px) {
  .fancynavbar.fancynavbar-expand-sm:not(.fancynavbar-top) {
    right: 0;
    height: 100vh;
    width: 4.375rem
  }

  .fancynavbar.fancynavbar-expand-sm.fancynavbar-left {
    left: 0;
    right: auto
  }
}

@media(min-width: 576px)and (min-width: 576px) {
  .fancynavbar.fancynavbar-expand-sm .fancynavbar-togglerbar {
    height: 100%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #000;
    padding-top: .5rem;
    padding-bottom: .5rem
  }
}

@media(min-width: 576px) {
  .fancynavbar.fancynavbar-expand-sm .fancynavbar-addon {
    display: block;
    position: static
  }
}

@media(min-width: 576px) {
  .fancynavbar.fancynavbar-expand-sm .fancynavbar-addon-item {
    margin-top: .5rem;
    font-size: 1.333rem;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-sm .fancynavbar-addon-item.fancynavbar-icon-cart {
    margin-top: 1rem
  }
}

@media(min-width: 576px) {
  .fancynavbar.fancynavbar-expand-sm .fancynavbar-collapse {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
    width: calc(50vw - 2.1875rem);
    height: 100vh;
    right: calc(50% + 2.1875rem);
    top: 0
  }
}

@media(min-width: 576px) {
  .fancynavbar.fancynavbar-expand-sm .fancynavbar-left .fancynavbar-collapse {
    left: calc(50% + 2.1875rem)
  }
}

@media(min-width: 576px) {
  .fancynavbar.fancynavbar-expand-sm .fancynavbar-nav {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width: 576px) {
  .fancynavbar.fancynavbar-expand-sm .fancy-dropdown-menu {
    padding-right: 4rem;
    padding-left: 4rem
  }
}

@media(min-width: 576px) {
  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-sm+.main {
    width: calc(100% - (4.375rem - 0.0625rem))
  }

  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-sm+.main+.footer {
    width: calc(100% - 4.375rem)
  }
}

@media(min-width: 576px) {
  .has-sidemenu-left .fancynavbar.fancynavbar-expand-sm+.main {
    margin-left: 4.375rem
  }

  .has-sidemenu-left .fancynavbar.fancynavbar-expand-sm+.main+.footer {
    margin-left: 4.375rem
  }
}

@media(min-width: 576px) {
  .fancynavbar.fancynavbar-expand-sm.fancynavbar-top .fancynavbar-collapse {
    width: 50vw;
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem);
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem)
  }

  .fancynavbar.fancynavbar-expand-sm.fancynavbar-top .fancynavbar-togglerbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-sm.fancynavbar-top .fancynavbar-toggler {
    -webkit-transform: translateY(4%);
    -ms-transform: translateY(4%);
    transform: translateY(4%);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .fancynavbar.fancynavbar-expand-sm.fancynavbar-top .fancynavbar-addon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: absolute;
    right: 4.375rem;
    top: .281rem
  }

  .fancynavbar.fancynavbar-expand-sm.fancynavbar-top .fancynavbar-addon-item {
    margin-top: 0;
    padding: .5rem;
    font-size: 1rem
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .fancynavbar.fancynavbar-expand-md:not(.fancynavbar-top) {
    right: 0;
    height: 100vh;
    width: 4.375rem
  }

  .fancynavbar.fancynavbar-expand-md.fancynavbar-left {
    left: 0;
    right: auto
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .fancynavbar.fancynavbar-expand-md .fancynavbar-togglerbar {
    height: 100%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #000;
    padding-top: .5rem;
    padding-bottom: .5rem
  }
}

@media(min-width: 768px) {
  .fancynavbar.fancynavbar-expand-md .fancynavbar-addon {
    display: block;
    position: static
  }
}

@media(min-width: 768px) {
  .fancynavbar.fancynavbar-expand-md .fancynavbar-addon-item {
    margin-top: .5rem;
    font-size: 1.333rem;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-md .fancynavbar-addon-item.fancynavbar-icon-cart {
    margin-top: 1rem
  }
}

@media(min-width: 768px) {
  .fancynavbar.fancynavbar-expand-md .fancynavbar-collapse {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
    width: calc(50vw - 2.1875rem);
    height: 100vh;
    right: calc(50% + 2.1875rem);
    top: 0
  }
}

@media(min-width: 768px) {
  .fancynavbar.fancynavbar-expand-md .fancynavbar-left .fancynavbar-collapse {
    left: calc(50% + 2.1875rem)
  }
}

@media(min-width: 768px) {
  .fancynavbar.fancynavbar-expand-md .fancynavbar-nav {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width: 768px) {
  .fancynavbar.fancynavbar-expand-md .fancy-dropdown-menu {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media(min-width: 768px) {
  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-md+.main {
    width: calc(100% - (4.375rem - 0.0625rem))
  }

  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-md+.main+.footer {
    width: calc(100% - 4.375rem)
  }
}

@media(min-width: 768px) {
  .has-sidemenu-left .fancynavbar.fancynavbar-expand-md+.main {
    margin-left: 4.375rem
  }

  .has-sidemenu-left .fancynavbar.fancynavbar-expand-md+.main+.footer {
    margin-left: 4.375rem
  }
}

@media(min-width: 768px) {
  .fancynavbar.fancynavbar-expand-md.fancynavbar-top .fancynavbar-collapse {
    width: 50vw;
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem);
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem)
  }

  .fancynavbar.fancynavbar-expand-md.fancynavbar-top .fancynavbar-togglerbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-md.fancynavbar-top .fancynavbar-toggler {
    -webkit-transform: translateY(4%);
    -ms-transform: translateY(4%);
    transform: translateY(4%);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .fancynavbar.fancynavbar-expand-md.fancynavbar-top .fancynavbar-addon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: absolute;
    right: 4.375rem;
    top: .281rem
  }

  .fancynavbar.fancynavbar-expand-md.fancynavbar-top .fancynavbar-addon-item {
    margin-top: 0;
    padding: .5rem;
    font-size: 1rem
  }
}

@media(min-width: 992px)and (min-width: 992px) {
  .fancynavbar.fancynavbar-expand-lg:not(.fancynavbar-top) {
    right: 0;
    height: 100vh;
    width: 4.375rem
  }

  .fancynavbar.fancynavbar-expand-lg.fancynavbar-left {
    left: 0;
    right: auto
  }
}

@media(min-width: 992px)and (min-width: 992px) {
  .fancynavbar.fancynavbar-expand-lg .fancynavbar-togglerbar {
    height: 100%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #000;
    padding-top: .5rem;
    padding-bottom: .5rem
  }
}

@media(min-width: 992px) {
  .fancynavbar.fancynavbar-expand-lg .fancynavbar-addon {
    display: block;
    position: static
  }
}

@media(min-width: 992px) {
  .fancynavbar.fancynavbar-expand-lg .fancynavbar-addon-item {
    margin-top: .5rem;
    font-size: 1.333rem;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-lg .fancynavbar-addon-item.fancynavbar-icon-cart {
    margin-top: 1rem
  }
}

@media(min-width: 992px) {
  .fancynavbar.fancynavbar-expand-lg .fancynavbar-collapse {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
    width: calc(30vw - 2.1875rem);
    height: 100vh;
    right: calc(50% + 2.1875rem);
    top: 0
  }
}

@media(min-width: 992px) {
  .fancynavbar.fancynavbar-expand-lg .fancynavbar-left .fancynavbar-collapse {
    left: calc(50% + 2.1875rem)
  }
}

@media(min-width: 992px) {
  .fancynavbar.fancynavbar-expand-lg .fancynavbar-nav {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width: 992px) {
  .fancynavbar.fancynavbar-expand-lg .fancy-dropdown-menu {
    padding-right: 4rem;
    padding-left: 4rem
  }
}

@media(min-width: 992px) {
  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-lg+.main {
    width: calc(100% - (4.375rem - 0.0625rem))
  }

  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-lg+.main+.footer {
    width: calc(100% - 4.375rem)
  }
}

@media(min-width: 992px) {
  .has-sidemenu-left .fancynavbar.fancynavbar-expand-lg+.main {
    margin-left: 4.375rem
  }

  .has-sidemenu-left .fancynavbar.fancynavbar-expand-lg+.main+.footer {
    margin-left: 4.375rem
  }
}

@media(min-width: 992px) {
  .fancynavbar.fancynavbar-expand-lg.fancynavbar-top .fancynavbar-collapse {
    width: 50vw;
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem);
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem)
  }

  .fancynavbar.fancynavbar-expand-lg.fancynavbar-top .fancynavbar-togglerbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-lg.fancynavbar-top .fancynavbar-toggler {
    -webkit-transform: translateY(4%);
    -ms-transform: translateY(4%);
    transform: translateY(4%);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .fancynavbar.fancynavbar-expand-lg.fancynavbar-top .fancynavbar-addon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: absolute;
    right: 4.375rem;
    top: .281rem;
  }

  .fancynavbar.fancynavbar-expand-lg.fancynavbar-top .fancynavbar-addon-item {
    margin-top: 0;
    padding: .5rem;
    font-size: 1rem;
  }
}

@media(min-width: 1200px)and (min-width: 1200px) {
  .fancynavbar.fancynavbar-expand-xl:not(.fancynavbar-top) {
    right: 0;
    height: 100vh;
    width: 4.375rem
  }

  .fancynavbar.fancynavbar-expand-xl.fancynavbar-left {
    left: 0;
    right: auto
  }
}

@media(min-width: 1200px)and (min-width: 1200px) {
  .fancynavbar.fancynavbar-expand-xl .fancynavbar-togglerbar {
    height: 100%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #000;
    padding-top: .5rem;
    padding-bottom: .5rem
  }
}

@media(min-width: 1200px) {
  .fancynavbar.fancynavbar-expand-xl .fancynavbar-addon {
    display: block;
    position: static
  }
}

@media(min-width: 1200px) {
  .fancynavbar.fancynavbar-expand-xl .fancynavbar-addon-item {
    margin-top: .5rem;
    font-size: 1.333rem;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-xl .fancynavbar-addon-item.fancynavbar-icon-cart {
    margin-top: 1rem
  }
}

@media(min-width: 1200px) {
  .fancynavbar.fancynavbar-expand-xl .fancynavbar-collapse {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
    width: calc(50vw - 2.1875rem);
    height: 100vh;
    right: calc(50% + 2.1875rem);
    top: 0
  }
}

@media(min-width: 1200px) {
  .fancynavbar.fancynavbar-expand-xl .fancynavbar-left .fancynavbar-collapse {
    left: calc(50% + 2.1875rem)
  }
}

@media(min-width: 1200px) {
  .fancynavbar.fancynavbar-expand-xl .fancynavbar-nav {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width: 1200px) {
  .fancynavbar.fancynavbar-expand-xl .fancy-dropdown-menu {
    padding-right: 4rem;
    padding-left: 4rem
  }
}

@media(min-width: 1200px) {
  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-xl+.main {
    width: calc(100% - (4.375rem - 0.0625rem))
  }

  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-xl+.main+.footer {
    width: calc(100% - 4.375rem)
  }
}

@media(min-width: 1200px) {
  .has-sidemenu-left .fancynavbar.fancynavbar-expand-xl+.main {
    margin-left: 4.375rem
  }

  .has-sidemenu-left .fancynavbar.fancynavbar-expand-xl+.main+.footer {
    margin-left: 4.375rem
  }
}

@media(min-width: 1200px) {
  .fancynavbar.fancynavbar-expand-xl.fancynavbar-top .fancynavbar-collapse {
    width: 50vw;
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem);
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem)
  }

  .fancynavbar.fancynavbar-expand-xl.fancynavbar-top .fancynavbar-togglerbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-xl.fancynavbar-top .fancynavbar-toggler {
    -webkit-transform: translateY(4%);
    -ms-transform: translateY(4%);
    transform: translateY(4%);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .fancynavbar.fancynavbar-expand-xl.fancynavbar-top .fancynavbar-addon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: absolute;
    right: 4.375rem;
    top: .281rem
  }

  .fancynavbar.fancynavbar-expand-xl.fancynavbar-top .fancynavbar-addon-item {
    margin-top: 0;
    padding: .5rem;
    font-size: 1rem
  }
}

@media(min-width: 1540px)and (min-width: 1540px) {
  .fancynavbar.fancynavbar-expand-xxl:not(.fancynavbar-top) {
    right: 0;
    height: 100vh;
    width: 4.375rem
  }

  .fancynavbar.fancynavbar-expand-xxl.fancynavbar-left {
    left: 0;
    right: auto
  }
}

@media(min-width: 1540px)and (min-width: 1540px) {
  .fancynavbar.fancynavbar-expand-xxl .fancynavbar-togglerbar {
    height: 100%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #000;
    padding-top: .5rem;
    padding-bottom: .5rem
  }
}

@media(min-width: 1540px) {
  .fancynavbar.fancynavbar-expand-xxl .fancynavbar-addon {
    display: block;
    position: static
  }
}

@media(min-width: 1540px) {
  .fancynavbar.fancynavbar-expand-xxl .fancynavbar-addon-item {
    margin-top: .5rem;
    font-size: 1.333rem;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-xxl .fancynavbar-addon-item.fancynavbar-icon-cart {
    margin-top: 1rem
  }
}

@media(min-width: 1540px) {
  .fancynavbar.fancynavbar-expand-xxl .fancynavbar-collapse {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
    width: calc(50vw - 2.1875rem);
    height: 100vh;
    right: calc(50% + 2.1875rem);
    top: 0
  }
}

@media(min-width: 1540px) {
  .fancynavbar.fancynavbar-expand-xxl .fancynavbar-left .fancynavbar-collapse {
    left: calc(50% + 2.1875rem)
  }
}

@media(min-width: 1540px) {
  .fancynavbar.fancynavbar-expand-xxl .fancynavbar-nav {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width: 1540px) {
  .fancynavbar.fancynavbar-expand-xxl .fancy-dropdown-menu {
    padding-right: 4rem;
    padding-left: 4rem
  }
}

@media(min-width: 1540px) {
  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-xxl+.main {
    width: calc(100% - (4.375rem - 0.0625rem))
  }

  .has-sidemenu:not(.has-fancynav-top) .fancynavbar.fancynavbar-expand-xxl+.main+.footer {
    width: calc(100% - 4.375rem)
  }
}

@media(min-width: 1540px) {
  .has-sidemenu-left .fancynavbar.fancynavbar-expand-xxl+.main {
    margin-left: 4.375rem
  }

  .has-sidemenu-left .fancynavbar.fancynavbar-expand-xxl+.main+.footer {
    margin-left: 4.375rem
  }
}

@media(min-width: 1540px) {
  .fancynavbar.fancynavbar-expand-xxl.fancynavbar-top .fancynavbar-collapse {
    width: 50vw;
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem);
    top: 3rem;
    right: 0;
    height: calc(100vh - 3rem)
  }

  .fancynavbar.fancynavbar-expand-xxl.fancynavbar-top .fancynavbar-togglerbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0
  }

  .fancynavbar.fancynavbar-expand-xxl.fancynavbar-top .fancynavbar-toggler {
    -webkit-transform: translateY(4%);
    -ms-transform: translateY(4%);
    transform: translateY(4%);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .fancynavbar.fancynavbar-expand-xxl.fancynavbar-top .fancynavbar-addon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: absolute;
    right: 4.375rem;
    top: .281rem
  }

  .fancynavbar.fancynavbar-expand-xxl.fancynavbar-top .fancynavbar-addon-item {
    margin-top: 0;
    padding: .5rem;
    font-size: 1rem
  }
}



.parent {
  display: flex;
  flex-wrap: wrap;
  height: 100px;
  margin-bottom: 50px;
}


.box {
  color: #FFF;
  flex: 1;
  height: calc(100% / 3);
  line-height: 35px;
  text-align: center;
  position: relative;
  height: 30px;
}

.box :hover {
  color: #555555;
}

.one,
.two,
.three,
.four,
.five {
  flex: 1 0 100%;
  /*   min-width: calc(100% / 4) */
}

@media (max-width: 1200px) {

  .one,
  .two,
  .three,
  .four,
  .five {
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5);
    top: 65px;
    right: 25px;
    padding-left: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .one,
  .two,
  .three,
  .four,
  .five {
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1);
    top: 5px;
    right: 5px;
    padding-left: 15px;
  }
}

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

  .one,
  .two,
  .three,
  .four,
  .five {
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5);
    top: 65px;
    right: 25px;
    padding-left: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .one,
  .two,
  .three,
  .four,
  .five {
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5);
    top: 65px;
    right: 25px;
    padding-left: 15px;
  }
}

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

  .one,
  .two,
  .three,
  .four,
  .five {
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5);
    top: 58px;
    right: 25px;
    padding-left: 25px;
  }
}