#sb-site, .sb-site-container {
	padding: 14px;
}

.sb-slidebar {
	padding: 14px;
	color: #fff;
}

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

/* Fixed position examples */
#sb-site.top-padding {
	padding-top: 50px;
}

#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background: #E55D87; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #E55D87 , #5FC3E4); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #E55D87 , #5FC3E4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	opacity: 0.8;
	border-bottom: 0px solid #ffffff;
	box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
	z-index: 10000;
}

#fixed-top-mo {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background: black;
	border-bottom: 1px solid #ffffff;
	z-index: 10000;
}

#fixed-top span.sb-toggle-left {
	float: left;
	color: white;
	padding: 10px;
}

#fixed-top-mo span.sb-toggle-left {
	float: left;
	color: white;
	padding: 10px;
}

#fixed-top span.sb-center {
	float: center;
	padding: 0px;
}

#fixed-top-mo span.sb-center {
	float: center;
	padding: 0px;
}

#fixed-top span.sb-toggle-right {
	float: right;
	color: white;
	padding: 10px;
}

#fixed-top-mo span.sb-toggle-right {
	float: right;
	color: white;
	padding: 10px;
}

.fa-heart {
  font-size: 1.8em;
  color: #FFC4EB;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.fa-heart:hover {
  color: #DE6E4B;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}
#fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	overflow: hidden;
  	height: 50px;
	background: #ffffff;
	border-top: 1px solid #ffffff;
	z-index: 10000;
	padding-left: 100%;
	box-sizing: content-box;
}

#fixed-bottom span.sb-toggle-left {
	float: left;
	color: white;
	padding: 10px;
}

#fixed-bottom span.sb-center {
	float: center;
	padding: 0px;
}
#fixed-bottom span.sb-toggle-right {
	float: right;
	color: white;
	padding: 10px;
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-110%, 0, 0);
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-110%, 0, 0);
    transform: translate3d(-110%, 0, 0);
  }
}
.ticker:hover {
 -moz-animation-play-state: paused;
 -webkit-animation-play-state: paused;
 -o-animation-play-state: paused;
 animation-play-state: paused;
 }
.ticker {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  vertical-align: center;
  white-space: nowrap;
  padding-right: 100%;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 120s;
  -moz-animation-name: ticker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 120s;
  -webkit-animation-name: ticker;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  -o-animation-duration: 120s;
  -o-animation-name: ticker;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 120s;
  animation-name: ticker;
  z-index: 10001;
}
.ticker__item {
  display: inline-block;
  padding: 0 0;
  font-size: 20px;
  color: white important!;
  z-index: 10001;
}