.barkr-logo {
	height: 40px
}
.barkr-logo-footer {
	height: 30px
}
.heading {
	font-family: "Outfit", sans-serif !important
}
.menu-item a {
	font-family: "Outfit", sans-serif !important;
	font-weight: 500 !important;
	letter-spacing: .3px
}
.outfit-100 {
	font-family: "Outfit", sans-serif !important;
	font-weight: 100 !important;
	letter-spacing: .3px
}
.outfit-200 {
	font-family: "Outfit", sans-serif !important;
	font-weight: 200 !important;
	letter-spacing: .3px
}
.outfit-300 {
	font-family: "Outfit", sans-serif !important;
	font-weight: 300 !important;
	letter-spacing: .3px
}
.outfit-400 {
	font-family: "Outfit", sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: .3px
}
.outfit-500 {
	font-family: "Outfit", sans-serif !important;
	font-weight: 500 !important;
	letter-spacing: .3px
}
div.profile-header {
	width: 100% !important;
	min-height: 340px !important;
	background-color: #1a1a1a !important;
	background-size: cover;
	background-position: center top;
}
.outfit-100-normal {
	font-family: "Outfit", sans-serif !important;
	font-weight: 100 !important;
	letter-spacing: .1px
}
.outfit-200-normal {
	font-family: "Outfit", sans-serif !important;
	font-weight: 200 !important;
	letter-spacing: .1px
}
.outfit-300-normal {
	font-family: "Outfit", sans-serif !important;
	font-weight: 300 !important;
	letter-spacing: .1px
}
.outfit-400-normal {
	font-family: "Outfit", sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: .1px
}
.outfit-500-normal {
	font-family: "Outfit", sans-serif !important;
	font-weight: 500 !important;
	letter-spacing: .1px
}
.dj-shadow-profile {
	background-color: #1a1a1a;
	width: 100%;
	height: 100%;
	opacity: .5 !important
}
.dashboard-user {
	background-color: rgb(37,37,37, 1) !important;
}
.profile-boxes {
	background-color: rgb(37,37,37, .95) !important;
	border: 0px !important
}
.bak-ghost-base {
	top: 1000px;
	position: relative !important;
	height: 400px !important;
	bottom: 0px !important;
	background-image: linear-gradient(rgba(33,34,37,0), rgba(33,34,37,1));
}
.bak-ghost {
	top: 0px;
	left: 0px;
	margin: 0px !important;
	padding: 0px !important;
	position: absolute;
	width: 100% !important;
	height: 1400px !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center !important;
  	opacity: .3 !important;
}
.bak-ghost-crumb {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	position: absolute !important;
	background-color: rgba(29,29,29,.7) !important;
	z-index: 0 !important
}
.profile-box-extra {

}
.offer-title {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}
.offer-subtitle {
	font-size: 22px !important;
	line-height: 20px !important;
	padding-top: 5px !important;
	margin-top: 0px !important;
}
.offer-blurb {
	padding-top: 15px !important;
}
.new-bug {
	background-color: #0072ff !important;
	color: #f1f1f1 !important;
}
ui.menu-item li {
	border-color: red !important;
	border-top: 5px !important
}
.foodie-hero {
	padding-top: 200px;
	padding-bottom: 75px
}
.header-section {
	font-family: "Outfit", sans-serif !important;
	font-weight: 400 !important;
	color: #f1f1f1 !important
}
.txt-section {
	font-family: "Outfit", sans-serif !important;
	font-weight: 300 !important;
	color: #f1f1f1 !important;
	opacity: .8 !important
}
.barkr-star-01 {
	width: 120px;
	z-index: -5000 !important
}
.hero-img-01 {
	max-width: 260px
}
.hero-img-02 {
	max-width: 310px;
	z-index: 3 !important
}
.hero-img-03 {
	max-width: 290px
}
.cd-words-wrapper .item-text {
	color: #37e08d !important
}
.trending-circle {
	border-radius: 25px !important
}
img.barkr-star-01 {
    animation: rotation 80s infinite linear !important;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
a#scroll-top {
	right: 30px !important;
	bottom: 30px !important;
	background-color: #37e08d !important;
	color: #232324 !important
}
a.show {
	background-color: #37e08d !important;
	color: #232324 !important
}
.icon-fl-send {
	color: #232324 !important
}
div.dont-go {
	margin-top: -88px !important;
	/* background-color: red !important */
}
.nav-location {
	padding-right: 8px;
	font-size: 14px;
}
.foodie-hero-ghost {
	background-size: 2700px 900px;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute !important;
	top: 0px;
	z-index: -1 !important;
	opacity: .2 !important
}

.trending-img {
 	-moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity : .6;
    
}
.sc-product {
	border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
    overflow: hidden !important;
    border: 1px #1e1e1f solid !important
}
.sc-product:hover .trending-img {
    opacity: .9;
}
.sc-product:hover {
}
.trending-content {
	background-color: rgba(38,37,37,.2);
	-moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.sc-product:hover .trending-content {
    background-color: rgba(38,37,37,.8);
}
.trending-title {
	font-family: "Outfit", sans-serif !important;
	font-weight: 400 !important;
	font-size: 19px !important;
	padding-bottom: 0px !important
}
.trending-subtitle {
	font-family: "Outfit", sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	padding-top: 0px !important
}
.trending-username {
	font-family: "Outfit", sans-serif !important;
	font-weight: 300 !important;
	font-size: 13px !important;
}
.trending-tick {
	font-size: 10px !important;
	font-family: "Chakra Petch", sans-serif !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px
}
.trending-boxes {
	padding-top: 15px;
	font-family: "Outfit", sans-serif !important;
	font-weight: 600 !important;
}
.trending-price {
}
div.trending-price {
	padding-top: 11px;
}
.cash {
	color: #1e1e1f !important;
	font-family: "Chakra Petch", sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: 1px;
	background-color: #f1f1f1 !important
}
.barkr-box {
	border: 0px solid !important;
	background-color: #1e1e1f !important;
	color: #f1f1f1;
	border-color: transparent !important
}
.barkr-box:hover {
	border: 0px solid !important;
	background-color: #f1f1f1 !important;
	transition: all .2s ease-out;
}
.barkr-box-title {
	font-family: "Outfit", sans-serif !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	color: #f1f1f1 !important;
}



.one-line {
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: hidden !important;

  /* when not hovering show ellipsis */
  &:not(:hover) {
    text-overflow: ellipsis  !important;
  }

  /* animate on either hover or focus */
  &:hover,
  &:focus {
    span {
      display: inline-block;
      animation-name: scroll-text;
      animation-duration: 7s;
      animation-timing-function: linear;
      animation-delay: 0s;
      animation-iteration-count: infinite;
      animation-direction: normal;
      /* FYI this would be the shorthand:
        animation: scroll-text 5s ease 0s 2 normal;
      */
    }
  }

  /* define the animation */
  @keyframes scroll-text {
    0% {
      transform: translateX(0%);
    }
    90% {
      transform: translateX(-100%);
    }
    95% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(0%);
    }
  }
}
span.ghost-price {
	opacity: .5 !important
}
h6.barkr-cta-price {
	font-family: "Outfit", sans-serif !important;
	font-weight: 300 !important;
}
.barkr-box:hover .barkr-box-title {
	color: #1e1e1f !important;
	transition: all .2s ease-out;
}
.barkr-box .image {
	border: 0px solid !important;
	background-color: #1e1e1f !important;
}
.barkr-box-info {
	color: #f1f1f1 !important;
	font-size: 10px !important;
	font-family: "Chakra Petch", sans-serif !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	transition: all .2s ease-out;
}
.barkr-cta-info {
	color: #f1f1f1 !important;
	font-size: 10px !important;
	font-family: "Chakra Petch", sans-serif !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px;
}
.barkr-box:hover .barkr-box-info {
	transition: all .2s ease-out;
	color: #1e1e1f !important;
}

.barkr-box:hover .image {
	transition: all .2s ease-out;
	opacity: .9 !important;
}
.barkr-pad {
	padding-left: 30px;
	padding-right: 30px
}
.liftd {
	 transition: all 1s;
}
.liftd:hover {
	 transition: all .5s;
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 8px 25px -5px rgba(0,0,0,.3);
}
.barkr-newly-bak {
	background-image: url('/_app/ui/barkr/img/barkr-bak-slice.jpg');
	padding-top: 45px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.barkr-newly-bak-shade {
	position: absolute !important;
	margin-top: -45px !important;
	height: 100% !important;
	width: 100% !important;
	background-color: rgba(29,29,29,.8) !important;
}
.barkr-offer-image {
	width: 600px !important;
	height: 600px !important;
	background-color: red !important
}
.barkr-offer-crumb {
	padding-top: 128px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center !important;
}
.barkr-heading-title {
	font-family: "Outfit", sans-serif !important;
	font-weight: 400 !important;
}
.barkr-offer-container {
	padding-top: 45px !important
}
.barkr-tab-style {
	max-height: 340px !important;
	overflow: hidden !important;
	overflow-y: scroll !important;
}
.give-em-a-hand {
	cursor: pointer !important;
	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}
.barkr-offer-title {
	font-family: "Outfit", sans-serif !important;
	font-weight: 200 !important;
}
.barkr-offer-subtitle {
	font-family: "Outfit", sans-serif !important;
	font-weight: 200 !important;
}
.barkr-offer-blurb {
	font-family: "Outfit", sans-serif !important;
	font-weight: 100 !important;
	font-size: 16px !important
}
.barkr-offer-avatar {
	width: 50px !important;
	height: 50px !important;
}
.barkr-cta-color {
	font-family: "Outfit", sans-serif !important;
	font-size: 16px;
	font-weight: 600 !important;
	background-color: #5228f1 !important;
	color: #fff !important
}
.barkr-cta-color:hover {
	background-color: #5018de !important;
}
.barkr-wht-stroke {
	font-family: "Outfit", sans-serif !important;
	color: #fff !important;
	font-size: 16px;
	font-weight: 600 !important;
}
.offerHeroImage {
	width: 100%;
	padding-bottom: 45px !important;
	border-radius: 16px !important;
	border-bottom-left-radius: 16px !important;
	border-bottom-right-radius: 16px !important
}
.barkr-shoulder-pad {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.barkr-shoulder-pad-crumbs {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.barkr-info-line-one {
	color: #f1f1f1 !important;
	font-family: "Outfit", sans-serif !important;
	font-size: 13px;
	font-weight: 400 !important;
	padding-bottom: 5px
}
.barkr-info-line-two {
	color: #f1f1f1 !important;
	font-family: "Outfit", sans-serif !important;
	font-size: 13px;
	font-weight: 400 !important;
	padding-bottom: 20px
}
.barkr-info-icon {
	color: #f1f1f1 !important;
	font-size: 12px;
	padding-right: 8px
}
.barkr-profile-meta-bar {
	font-family: "Outfit", sans-serif !important;
	opacity: .3 !important
}
@media only screen and (max-width: 1600px) {
	div.dont-go {
		margin-top: -88px !important;
		/* background-color: green !important */
	}
	.barkr-shoulder-pad-crumbs {
	padding-left: 60px !important;
	padding-right: 60px !important;
	}
}
@media only screen and (max-width: 1366px) {
	div.dont-go {
		margin-top: -88px !important;
		/* background-color: orange !important */
	}
	.barkr-shoulder-pad-crumbs {
	padding-left: 60px !important;
	padding-right: 60px !important;
	}
}
@media only screen and (max-width: 1199px) {
	div.dont-go {
		margin-top: -88px !important;
		/* background-color: purple !important */
	}
	.barkr-shoulder-pad-crumbs {
	padding-left: 60px !important;
	padding-right: 60px !important;
	}
}
@media only screen and (max-width: 1100px) {
	div.dont-go {
		margin-top: -88px !important;
		/* background-color: pink !important */
	}
	.barkr-shoulder-pad-crumbs {
	padding-left: 60px !important;
	padding-right: 60px !important;
	}
}
@media only screen and (max-width: 991px) {
	div.dont-go {
		margin-top: -88px !important;
		/* background-color: yellow !important */
	}
	.barkr-shoulder-pad-crumbs {
	padding-left: 60px !important;
	padding-right: 60px !important;
	}
}
@media only screen and (max-width: 830px) {
	div.dont-go {
		margin-top: -88px !important;
		/* background-color: lightpink !important */
	}
	
}
@media only screen and (max-width: 767px) {
	div.dont-go {
		margin-top: -88px !important;
		/* background-color: lightblue !important */
	}
	
}
@media only screen and (max-width: 600px) {
	div.dont-go {
		margin-top: 0px !important;
		/* background-color: lightgreen !important */
		
	}
	a#scroll-top {
		right: 15px !important;
		bottom: 15px !important;
		background-color: #37e08d !important;
		color: #232324 !important
	}
	.barkr-pad {
		padding-left: 10px;
		padding-right: 10px
	}
	.barkr-pad-mobile {
		padding-left: 10px;
		padding-right: 10px
	}
	.barkr-newly-bak {
		background-size: cover !important;
	}
	.modal .modal-dialog {
  		margin: auto auto;
	}
	.barkr-shoulder-pad {
	padding-left: 10px !important;
	padding-right: 10px !important;
	}
	.barkr-shoulder-pad-crumbs {
	padding-left: 40px !important;
	padding-right: 40px !important;
	}
}
@media only screen and (max-width: 520px) {
	div.dont-go {
		margin-top: -88px !important;
		/* background-color: lightorange !important */
	}
}
@media only screen and (max-width: 400px) {
	div.dont-go {
		margin-top: -88px !important;
		/* background-color: white !important */
	}
}
@media only screen and (max-width: 385px) {
	div.dont-go {
		margin-top: -220px !important;
		/* background-color: grey !important */
	}
}
footer {
	background-color: #212225 !important;
	padding-bottom: 0px
}
.footer {
	margin-bottom: 0px;
	padding-bottom: 22px
}
.footer-corp {
	padding-top: 40px;
	padding-bottom: 0px
}
.footer-corp-base {
	padding-top: 20px;
	padding-bottom: 0px
}
.copyright {
	font-family: "Poppins", sans-serif !important;
	font-weight: 500 !important;
	font-size: 12px
}
div.footer-links {
	float: right !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-size: 12px
}
a.footer-link {
	color #3d3e42 !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-size: 12px
}
.footer-link-list {
	text-align: right !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-size: 12px;
	padding-bottom: 15px
}
.footer-link-list-left {
	text-align: left !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-size: 12px;
	padding-bottom: 15px
}
@media only screen and (max-width: 600px) {
	.footer-link-list {
		text-align: center !important
	}
	.footer-link-list-left {
		text-align: center !important
	}
}
span.ghost-30 {
	opacity: .3 !important
}
span.ghost-40 {
	opacity: .4 !important
}
span.ghost-50 {
	opacity: .5 !important
}
.footer-base {
	background-color: #1c1c1f !important;
	margin: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 30px !important;
}
footer {
	margin: 0px !important;
}
.footer-corp-logo {
	text-align: left;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
.footer-restron-corp {
	width: 80px
}
.footer-top {
	padding-top: 90px !important
}
#scroll-top::after {
	background-color: #37e08d !important;
	color: #212225 !important;
	z-index: 10000 !important
}
#scroll-top::before {
	background-color: #37e08d !important;
	color: #212225 !important;
	z-index: 10000 !important
}
@media only screen and (max-width: 600px) {
	.footer-restron-corp {
		width: 140px
	}
	.footer-corp-logo {
		text-align: center;
	}
	.footer-corp-base {
		padding-top: 40px;
		padding-bottom: 0px
	}
	.widget-infor {
		padding-bottom: 20px !important
	}
	.menu-1 {
		padding-top: 20px !important;
		padding-bottom: 10px !important
	}
	.menu-2 {
		padding-top: 20px !important;
		padding-bottom: 10px !important
	}
	.menu-3 {
		padding-top: 20px !important;
		padding-bottom: 10px !important
	}
	.menu-4 {
		padding-top: 20px !important;
		padding-bottom: 10px !important
	}
}
.footer-widgets {
	margin-top: 0px !important;
	padding-top: 0px !important
}
.footer-widgets-inner {
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.offer-box {
	cursor: pointer !important;
	 -webkit-user-select: none; /* Safari */
  	-ms-user-select: none; /* IE 10 and IE 11 */
  	user-select: none; /* Standard syntax */
}
.newly-box {
	cursor: pointer !important;
	 -webkit-user-select: none; /* Safari */
  	-ms-user-select: none; /* IE 10 and IE 11 */
  	user-select: none; /* Standard syntax */
}
.barkr-offer-box-clr {
	background-color: #1c1c1f !important
}
.company-fill {
	background-color: red !important;
	width: 100%;
	height: 100%;
}
.nav-cart-control-btn {
	margin-right: 40px important;
	text-align: center !important;
}
@media only screen and (max-width: 991px) {
	.nav-cart-control-btn {
		float: left !important;
		top: 16px !important;
		right: 62px !important;
		position: absolute;
		text-align: center !important;
	}
}
.modal-dialog {
	margin-top: 80px !important
}
.nodragtxt {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}