@font-face {
  font-family: 'Fontawesome';
  src: url('https://cdn.shopify.com/s/files/1/0251/3220/4107/files/fontawesome-webfont.ttf?3242') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Butler';
  src: url('https://cdn.shopify.com/s/files/1/0251/3220/4107/files/Butler_ExtraBold.otf?3242') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Proximanova';
  src: url('https://cdn.shopify.com/s/files/1/0251/3220/4107/files/ProximaNova-Bold.otf?3242') format('opentype');
  font-weight: 700;
  font-style: normal;
}

.tag {
  text-transform: capitalize;
}

select {
  border: 0px solid #fff;
  background: #eee;
  width: 100% !important;
  min-height: 50px !important;
  min-width: 200px !important;
  padding: 20px !important;
  -moz-appearance: none; 
  -webkit-appearance: none; 
  appearance: none;
}

.navon {
  right: 0 !important;
}
.navbg {
  background-color: #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.07);
}
.dimpage {
  opacity:.5;
}
::selection {
  background: #ffb7b7;
}
::-moz-selection {
  background: #ffb7b7;
}

.search, .search-row {
  position: relative !important;
}
.msg-search {
  padding-left: 30px !important;
}

.page, .dark-top {
  -webkit-animation: bgclr 20s ease infinite;
  -moz-animation: bgclr 20s ease infinite;
  animation: bgclr 20s ease infinite;
}
@-webkit-keyframes bgclr {
  0%{background-color:#8c26f0}
  50%{background-color: #541b8b}
  100%{background-color:#8c26f0}
}
@-moz-keyframes bgclr {
  0%{background-color:#8c26f0}
  50%{background-color: #541b8b}
  100%{background-color:#8123ee}
}
@keyframes bgclr { 
  0%{background-color:#8c26f0}
  50%{background-color: #541b8b}
  100%{background-color:#8c26f0}
}

.page-item,
.pagefull {
  -webkit-animation: bgwanim 30s ease infinite;
  -moz-animation: bgwanim 30s ease infinite;
  animation: bgwanim 30s ease infinite;

}
@-webkit-keyframes bgwanim {
  0%{background-color: #fff}
  50%{background-color: #aaa}
  100%{background-color: #fff}
}
@-moz-keyframes bgwanim {
  0%{background-color: #aaa}
  50%{background-color: #fff}
  100%{background-color: #aaa}
}
@keyframes bgwanim { 
  0%{background-color: #fff}
  50%{background-color: #aaa}
  100%{background-color: #fff}
}