.page-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	padding: 100px 0;
}
.page-inner {
	width: 100%;
	margin: 40px 0 50px 0;
}
input{
	color:#bdbdbd ;
}
input[type=password].valid,input[type=text].valid,input[type=email].invalid,input[type=email].valid{
	color: #bdbdbd!important;
}
.input-field input[type=text]:focus + label {
	color: #fff;
}
.table > tbody > tr:first-child > td {
	border-top: none;
}
.campaign-header {
	padding: 0;
}
.campaign-header .campaign-title {
	font-size: 30px;
	margin-bottom: 10px;
}
.campaign-header .header-content-media {
	padding: 0;
	max-height: 401px;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}
.campaign-header .header-content-detail {
	padding: 40px;
	position: relative;
}
.campaign-header .progress-details span {
	font-size: 30px;
	color: #E50071;
	font-weight: 600;
}
.campaign-body {
	position: relative;
	overflow: hidden;
	margin-top: 40px;
}
.campaign-body h1 {
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 2.6px;
	text-align: center;
	margin: 80px 0;
}
.campaign-body h2 {
	height: 54px;
	margin-top: 35px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 1.7px;
	text-align: center;
}
.campaign-body h3 {
	margin: 0 auto;
	max-width: 245px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 1.33;
	letter-spacing: 0.9px;
	text-align: center;
	color: #8898aa;
}
.campaign-body .campaign-description {
	padding: 0 5%;
	margin-bottom: 30px;
}
.campaign-body .benefits-circle {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	position: relative;
}
.campaign-body .benefits-circle.svg-star {
	background-position: left 3px;
	background-repeat: no-repeat;
}
.campaign-body .benefits-circle.svg-share {
	background-size: 86px 86px;
	background-position: 4px;
	background-repeat: no-repeat;
}
.campaign-body .benefits-circle.svg-play {
	background-position: 0;
	background-repeat: no-repeat;
}
.campaign-body .benefits-circle.svg-merch {
	background-position: left 3px;
	background-repeat: no-repeat;
}
.campaign-body .campaign-purchase {
	margin: 100px 0 80px 0;
}

/* Campaign purchase */
.campaign-body .campaign-purchase .ui-slider {
	position: relative;
	max-width: 600px;
	height: 24px;
	margin: 0 auto;
	border-radius: 48.5px;
	background: #d5c0ed;
	z-index: 1;
}
.campaign-body .campaign-purchase .ui-slider-range {
	height: 24px;
	border-radius: 48.5px;
	background-image: linear-gradient(90deg, #1f0043 0%, #e50071 65%);
}
.campaign-body .campaign-purchase .ui-slider-handle {
	position: absolute;
	top: -14px;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	background: #e40071 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="18" stroke="white" stroke-width="1.5px" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M8.811,3.153 L3.014,8.950 L8.811,14.748 "/><path d="M17.207,14.792 L23.004,8.995 L17.207,3.198 "/></svg>') 50% no-repeat;
	border: solid 5.2px #ffffff;
	border-radius: 50%;
	cursor: ew-resize;
	outline: 0;
	-moz-box-shadow: 0 0 0 20px #ffffff54, 0 0 0 40px #ffffff54;
	-webkit-box-shadow: 0 0 0 20px #ffffff54, 0 0 0 40px #ffffff54;
	box-shadow: 0 0 0 20px #ffffff54, 0 0 0 40px #ffffff54;
}
.campaign-body .campaign-purchase .purchase-text {
	font-size: 32px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: 2.6px;
	text-align: center;
	color: #222325;
	margin-bottom: 10px;
}
.campaign-body .campaign-purchase .purchase-error {
	font-size: 16px;
	font-weight: 400;
	height: 20px;
	letter-spacing: 0.5px;
	line-height: 1.33;
	text-align: center;
	margin-bottom: 50px;
	color: #FD6A65;
}
.campaign-body .campaign-purchase .purchase-text .invest-amount {
	font-size: 32px;
	font-weight: 900;
	line-height: 1.33;
	letter-spacing: 2.6px;
	text-align: center;
	color: #222325;
	width: 70px;
	min-width: 70px;
	border-radius: 0;
	border-bottom: solid 3px #222325;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: textfield;
}
.campaign-body .campaign-purchase .purchase-text .invest-amount.error {
	color: #FD6A65;
	border-bottom: solid 3px #FD6A65;
}
.campaign-body .campaign-purchase .purchase-text span {
	font-weight: 900;
	padding-right: 5px;
}
.campaign-body .campaign-purchase .invest {
	position: relative;
	text-align: center;
	margin-top: 80px;
}
.campaign-body .campaign-purchase .invest .btn-invest {
	padding: 20px 100px;
	font-size: 17.6px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: #e52d76;
	border-radius: 62.7px;
	background-color: #ffffff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

/* Merch */
.campaign-merch {
	position: relative;
	overflow: hidden;
	margin-top: 40px;
	padding-bottom: 30px;
}
.campaign-merch h1 {
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 2.6px;
	text-align: center;
	margin: 80px 0;
}
.campaign-merch .merch-box {
	position: relative;
	height: 400px;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	border: solid 1px #e6e0e9;
	padding: 30px 20px 10px 20px;
	margin-bottom: 25px;
}
.campaign-merch .merch-box:hover {
	border: solid 1px #d5c0ed;
}
.campaign-merch .merch-box > a {
	display: grid;
}
.campaign-merch .merch-box.disabled > div {
	display: grid;
	opacity: 0.5;
}
.campaign-merch .merch-box.disabled:hover {
	border: solid 1px #e6e0e9;
}
.campaign-merch .merch-box.disabled .sold {
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	letter-spacing: 0.6px;
	font-size: 12px;
	padding: 5px;
	border-radius: 2px;
	background-color: #bf0068;
	color: #fff;
	text-transform: uppercase;
}
.campaign-merch .merch-box .amount {
	font-size: 24px;
	font-weight: 900;
	line-height: 0.83;
	letter-spacing: 1.3px;
	color: #222325;
	margin-bottom: 20px;
}
.campaign-merch .merch-box .title {
	height: 20px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.25;
	letter-spacing: 0.8px;
	color: #222325;
	margin-bottom: 20px;
}
.campaign-merch .merch-box .description {
	height: 60px;
	width: auto;
	font-size: 12px;
	line-height: 1.33;
}
.campaign-merch .merch-box .merch-img {
	position: relative;
	overflow: hidden;
	width: 230px;
	height: 160px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.campaign-merch .merch-box .merch-img img {
	width: auto;
	height: auto;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 10px;
	margin-bottom: 10px;
}
.campaign-merch .merch-box .percentage {
	font-size: 13px;
	line-height: 1.67;
	color: #afafaf;
	margin-bottom: 2px;
}
.campaign-merch .merch-box .percentage-amount {
	font-weight: bold;
	color: #bf0068;
}
.campaign-merch .merch-box .claimed {
	font-size: 13px;
	color: #afafaf;
}
.campaign-merch .merch-box .claimed-amount {
	font-weight: bold;
	color: #e52d76;
}


/* Gamification */
.campaign-gamification {
	margin-top: 40px;
}
.campaign-gamification hr {
	margin-top: 0;
	margin-bottom: 60px;
}

/* Campaign level */
.gamification-start {
	position: absolute;
	max-width: 250px;
	margin: 0 auto;
	right: 0;
	left: 0;
	top: 240px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding: 17px 40px;
}
.campaign-level h1 {
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 2.6px;
	text-align: center;
	margin: 80px 0 20px 0;
}
.campaign-level h2 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.33;
	text-align: center;
	max-width: 315px;
	margin: 0 auto;
}
.campaign-level .progress-points {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	text-align: center;
	color: #7030a0;
	margin-bottom: 35px;
}
.campaign-level .progress-points strong {
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
}
.level-box {
	position: relative;
	margin: 0 auto;
	margin-top: 230px;
	margin-bottom: 50px;
	width: 85%;
}
.level-box .level-1 {
	left: 5%;
}
.level-box .level-2 {
	left: 27.5%;
}
.level-box .level-3 {
	left: 50%;
}
.level-box .level-4 {
	left: 72.5%;
}
.level-box .level-5 {
	left: 95%;
}
.level-box .level-bages > span {
	position: absolute;
	display: grid;
	top: -146px;
	margin-left: -30px;
	text-align: center;
}
.level-box .level-bages img {
	width: 60px;
	height: auto;
}
.level-box .level-bages > span.long {
	top: -176px;
}
.level-box .level-bages .title {
	width: 60px;
	height: auto;
	margin-top: 7px;
	font-size: 14px;
}
.level-box .level-pending .level-marker {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	top: 5px;
	background-color: #7030a0;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.4);
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	z-index: 1;
}
.level-box .level-pending .level-marker:after {
	content: "";
	position: absolute;
	height: 51px;
	margin-left: 7px;
	top: -53px;
	z-index: 1;
	opacity: 0.3;
	border-left: dashed 2px #8898aa;
}
.level-box .level-pending .level-marker.long:after {
	content: "";
	position: absolute;
	height: 81px;
	margin-left: 7px;
	top: -83px;
	z-index: 1;
	opacity: 0.3;
	border-left: dashed 2px #8898aa;
}
.level-box .level-complete {
	height: 26px;
	position: relative;
	background: #eaeaea;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.level-box .level-complete .progress {
	float: left;
	height: 26px;
	min-width: 5%;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	background-image: linear-gradient(90deg, #1f0043 0%, #e50071 100%);
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.level-box .level-complete .level-marker {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	top: 5px;
	background-color: #ffffff;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.4);
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	z-index: 2;
}
.level-box .level-complete .progress-marker {
	position: absolute;
	width: 56px;
	height: 56px;
	margin-left: -28px;
	background-color: #ffffff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
	left: 5%;
	top: -15px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	z-index: 2;
}

/* Campaign badges */
.campaign-badges {
	margin-bottom: 60px;
}
.campaign-badges .badges {
	z-index: 1;
	overflow: hidden;
	margin: 80px 0 10px 0;
	border-radius: 6px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	border: solid 1px #e6e0e9;
}
.campaign-badges .listbadges {
	display: table;
	margin-right: -9px;
	margin-bottom: -3px;
}
.campaign-badges .listbadges .list-group-heading {
	position: relative;
	display: block;
	padding: 18px 15px;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
}
.campaign-badges .listbadges .list-group-heading span,
.campaign-leaderboard .listboard .list-group-heading span {
	color: #b3b3b3;
	margin-left: 5px;
	font-size: 14px;
}
.campaign-badges .listbadges .list-group-item {
	overflow: hidden;
	margin-bottom: 0;
	margin-top: -2px;
	margin-left: -2px;
	padding-right: 7px;
	padding-left: 7px;
	z-index: 0;
	text-align: center;
	border-radius: unset;
	border: 2px solid #f9f9f9;
}
.campaign-badges .listbadges .list-group-item .media-object {
	margin-top: 5px;
	width: 60px;
	height: auto;
}
.campaign-badges .listbadges .media-heading {
	font-size: 13px;
	margin-top: 8px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Badge popover/tooltip */
.badge-popover {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.2px;
	color: #fff;
	text-align: center;
}
.badge-popover.popover {
	border: unset;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.8);
}
.badge-popover .popover-title {
	background-color: unset;
	border-bottom: unset;
	font-size: 15px;
	font-weight: 800;
	margin-top: 15px;
	padding: 0 10px;
}
.badge-popover .popover-content {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
	padding: 9px 10px;
}
.badge-popover.popover.bottom {
	margin-top: 18px;
}

.badge-popover.popover.bottom > .arrow {
	border-bottom-color: unset;
}
.badge-popover.popover.bottom > .arrow:after {
	border-bottom-color: rgb(0, 0, 0);
	border-bottom-color: rgba(0, 0, 0, 0.8);
}

/* Campaign tasks */
.campaign-tasks {
	margin-bottom: 60px;
}
.campaign-tasks h1 {
	font-size: 24px;
	font-weight: 900;
	line-height: 1.25;
	letter-spacing: 1.7px;
	text-align: center;
	margin-bottom: 20px;
}
.campaign-tasks h2 {
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.33;
	text-align: center;
	max-width: 325px;
}
.campaign-tasks .tasks-area .task-box {
	height: 140px;
	margin: 10px 10px;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	border: solid 1px #e6e0e9;
	overflow: hidden;
}
.campaign-tasks .tasks-area .task-box .task-points {
	display: flex;
	position: absolute;
	width: 76px;
	height: 24px;
	border-radius: 100px;
	background-color: #fbfafc;
	float: right;
	margin: 8px 8px 0 0;
	right: 11px;
	top: 11px;
}
.campaign-tasks .tasks-area .task-box .task-points .number {
	width: 24px;
	height: 24px;
	background-color: #7030a0;
	border-radius: 100px;
	font-size: 13px;
	line-height: 25px;
	font-weight: 500;
	text-align: center;
	color: #f9f9f9;
}
.campaign-tasks .tasks-area .task-box .task-points p {
	position: absolute;
	right: 10px;
	font-size: 12px;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
	color: #7030a0;
}
.campaign-tasks .tasks-area .task-box .task-header {
	position: relative;
	display: inline-flex;
	width: 100%;
	height: 63px;
	margin-top: 20px;
}
.campaign-tasks .tasks-area .task-box .task-header p {
	display: flex;
	align-items: center;
	text-align: left;
	margin-top: 10px;
	padding-left: 0;
	font-size: 15px;
	line-height: 1.25;
	letter-spacing: 0.8px;
}
.campaign-tasks .tasks-area .task-box .task-header .task-img {
	display: flex;
	align-items: center;
	height: 60px;
	top: 3px;
}
.campaign-tasks .tasks-area .task-box .task-header .task-img span {
	position: absolute;
	background-repeat: no-repeat;
	height: 60px;
	width: 57px;
}
.campaign-tasks .tasks-area .task-box .task-confirm {
	height: 43px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.86;
	text-align: center;
	background-color: #fbfafc;
	color: #e40071;
	text-transform: uppercase;
	border-radius: 0;
}
.campaign-tasks .tasks-area .task-box .task-success {
	display: none;
}

/* When the task is done */
.campaign-tasks .tasks-area .task-box.task-done .task-points .number {
	background-color: #d0d0d0;
}
.campaign-tasks .tasks-area .task-box.task-done .task-points p {
	color: #d0d0d0;
}
.campaign-tasks .tasks-area .task-box.task-done .task-header .task-img span {
	background-repeat: no-repeat;
}
.campaign-tasks .tasks-area .task-box.task-done .task-confirm {
	display: none;
}
.campaign-tasks .tasks-area .task-box.task-done .task-success {
	display: block;
	height: 43px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 600;
	line-height: 2.66;
	text-align: center;
	color: #7ed321;
	text-transform: uppercase;
	padding: 6px 12px;
}
/* Campaign leaderboard */
.campaign-leaderboard {
	margin: 60px 0;
}
.campaign-leaderboard .leaderboard-area {
	position: relative;
	border-radius: 6px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	border: solid 1px #e6e0e9;
	overflow: hidden;
}
.campaign-leaderboard .listboard {
	display: grid;
	margin-bottom: 0;
}
.campaign-leaderboard .listboard .list-group-heading {
	position: relative;
	display: block;
	padding: 18px 15px;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	border-bottom: solid 2px #f5f5f5;
}
.campaign-leaderboard .listboard .list-group-item {
	border: none;
	margin-bottom: unset;
	padding: 10px 25px;
}
.campaign-leaderboard .listboard .list-group-item:nth-of-type(2) {
	margin-top: 10px;
}
.campaign-leaderboard .listboard .list-group-item img {
	display: inline-block;
	float: left;
    margin-right: 30px;
}
.campaign-leaderboard .listboard .list-group-item .rank {
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 62px;
    top: 36px;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    font-size: 12px;
    letter-spacing: -0.2px;
    line-height: 19px;
    font-weight: 600;
    box-shadow: 0 1px 2px 0 rgba(170, 145, 203, 0.3);
    border: solid 4px #ffffff;
    background: #c2c2ca;
}
.listboard .list-group-item:nth-of-type(2) .rank {
	background: #fb9803;
}
.listboard .list-group-item:nth-of-type(3) .rank {
	background: #fdcb01;
}
.listboard .list-group-item:nth-of-type(4) .rank {
	background: #fdcb66;
}
.campaign-leaderboard .listboard .list-group-item h4 {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 8px;
}
.campaign-leaderboard .listboard .list-group-item .level {

}
.campaign-leaderboard .listboard .list-group-item .level p {
    display: inline-block;
    font-size: 13px;
    color: #717a8a;
    margin-right: 12px;
    letter-spacing: -0.2px;
}
.campaign-leaderboard .listboard .list-group-item .level span {
    display: inline-block;
    font-size: 13px;
    color: #7030a0;
    letter-spacing: -0.2px;
}
.campaign-leaderboard .listboard .list-group-footer {
	height: 48px;
	background-color: #fbfafc;
	margin-top: 10px;
	text-align: center;
	padding: 10px 0;
	font-size: 12px;
	line-height: 2.5;
	font-weight: 600;
}
.campaign-leaderboard .listboard .list-group-footer i {
	margin-left: 3px;
}

/* Badge animation */
.flip-2-ver-right-1 {
	animation: flip-2-ver-right-1 .5s cubic-bezier(.455, .03, .515, .955) 1.5s both;
}
@keyframes flip-2-ver-right-1 {
	0% {
		transform: translateX(0) rotateY(0);
		transform-origin: 100% 50%
	}
	100% {
		transform: translateX(100%) rotateY(-180deg);
		transform-origin: 0 50%
	}
}
.card-object-vf {
	width: 140px;
	height: 159px;
	margin: 0 auto;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.anim-object.active {
	display: block;
	z-index: 905;
	height: 159px;
	width: 140px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 12px;
}
.anim-object {
	display: none;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	margin: 30px 0 50px 0;
}
.card-object-vf .face {
	position: absolute;
	width: 100%;
	height: 159px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 10px;
	text-align: center;
}
.card-object-vf .front {
	z-index: 20;
}
.card-object-vf .back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 10;
}
.card-object-vf .back > img {
	width: 140px;
	height: auto;
}

/* Gamification modals */

/* Badges modal */
.modal .listbadges .list-group-item {
	border: unset;
	margin-bottom: 0;
	padding: 12px 12px;
}
.modal .listbadges .list-group-item .media {
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 6px 15px 0 rgba(190, 190, 190, 0.29);
	-webkit-box-shadow: 0 6px 15px 0 rgba(190, 190, 190, 0.29);
	-moz-box-shadow: 0 6px 15px 0 rgba(190, 190, 190, 0.29);
}
.modal .listbadges .list-group-item .media-body {
	padding: 30px 0;
}
.modal .listbadges .media-body .media-object {
	width: 70px;
	height: auto;
	margin-top: 10px;
}
.modal .listbadges .media-body .media-heading {
	text-align: center;
	font-size: 15px;
	margin-top: 10px;
	height: 25px;
}
.modal .listbadges .list-group-heading {
	display: none;
}

/* Leaderboard modal */
.modal .campaign-leaderboard .listboard .list-group-heading {
	display: none;
}
.modal .campaign-leaderboard .listboard .list-group-item {
	border-bottom: 1px solid #ddd;
}
.modal .campaign-leaderboard .listboard .list-group-item h4 {
	display: inline-flex;
	margin-top: 18px;
}
.modal .campaign-leaderboard .listboard .list-group-item .level {
	display: inline-flex;
	margin-top: 18px;
	float: right;
}

/* Reward modal */
.reward-modal .swal2-title {
	margin-bottom: 40px;
}
.reward-modal .swal2-content p > strong {
	font-size: 22px;
	line-height: 35px;
}
.reward-modal .swal2-content small {
	margin-top: 40px;
	display: block;
}

/* Task modal */
.task-modal .swal2-title {
	margin-bottom: 35px;
}
.task-modal .fb-like {
	margin-top: 30px;
}
.task-modal .fb-share {
	display: inline-block;
	margin-top: 30px;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 600;
	padding: 4px 15px;
	background: #4080ff;
	border: 1px solid #4080ff;
	color: #fff;
}
.task-modal input.form-control {
	text-align: center;
	margin-top: 30px;
}

.img-campaign-block {
	position: relative;
}
#audio-player {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	max-width: 650px;
}
.zaudio_player {
	padding: 2% 6%;
}
.zaudio_wrapper {
	max-width: 650px !important;
	margin: 0;
}
.zaudio_wrapper .material-icons {
	margin-right: 20%;
}
.zaudio_wrapper .zaudio_playercontrolbuttons {
	flex-grow: unset;
}
.zaudio_wrapper .zaudio_playercontrols {
	 flex-grow: unset;
	 flex-direction: unset;
}
.zaudio_wrapper .zaudio_buttonwrapper {
	 margin-right: 10%;
}
.zaudio_wrapper .btn_repeat,
.zaudio_wrapper .zaudio_trackinfo,
.zaudio_wrapper .zaudio_buttonwrapper .zaudio_seekbg,
.zaudio_wrapper .btn_mute {
	display: none;
}
.zaudio_wrapper .btn_play, .zaudio_wrapper .btn_stop {
	padding: 4px;
}
.zaudio_container {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0;
	box-shadow: unset;
}
.campaign-detail h5 {
	height: 100%;
	margin-top: 25px;
	font-size: 17px;
	line-height: 1.44;
	letter-spacing: normal;
}
.campaign-detail .meter {
	margin-top: 40px;
}
.campaign-detail .invested-percentage {
	right: -40px;
	font-size: 12px;
}
.campaign-detail .tagline {
	color: #222325;
}
.campaign-detail .progress-details {
	height: 71px;
	font-size: 15px;
	display: flex;
	margin-top: 30px;
}
.campaign-detail .progress-details .raised {
	display: grid;
	grid-auto-rows: 1fr;
}
.campaign-detail .progress-details .goal {
	text-align: unset;
}
.campaign-detail .progress-details .days,
.campaign-detail .progress-details .backers {
	display: grid;
	grid-auto-rows: 1fr;
	font-size: 30px;
	padding-left: 5%;
	margin-left: 4%;
	border-left: 1px solid #e4e4e4;
	text-transform: lowercase;
}
.campaign-detail .progress-details .days span {
	font-size: 30px;
	color: #222325;
}
.campaign-detail .progress-details .backers .faces {
	min-width: 83px;
}
.campaign-detail .progress-details .backers .help-text {
	min-width: 104px;
}
.campaign-detail .progress-details .backers .faces img {
	margin-top: 5px;
	margin-bottom: 10px;
}
.campaign-detail .progress-details .backers span {
	font-size: 15px;
	font-weight: 400;
}
p.help-text {
	color: #8898aa;
	font-size: 15px;
	font-weight: 400;
}
.campaign-supporters {
	padding: 0;
}
.timer {
	display: flex;
	color: #E40071;
}
.timer .timer-block {
	width: 47px;
	text-align: center;
}
.timer .timer-heading {
	font-size: 26px;
}
.timer .timer-block .help-text {
	font-size: 10px;
	letter-spacing: -0.2px;
	text-transform: uppercase;
}
.timer .colon {
	font-size: 20px;
	font-weight: 200;
	line-height: 43px;
	color: #8898aa;
}
.timer.short .timer-heading {
	font-size: unset;
}
.timer.short .timer-block {
	display: flex;
	width: 32px;
}
.timer.short .timer-block .help-text {
	text-transform: unset;
}
.timer.short .colon {
	display: none;
}
.timer.short .help-text {
	font-size: 0;
}
.timer.short .help-text:first-letter {
	line-height: 17px;
	padding-left: 2px;
	font-size: 13px;
}
.box-default {
	background: #fff;
	box-shadow: 0 5px 56px 0 rgba(157,157,157,0.13);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.days-left-title > strong {
	display: block;
	margin-bottom: -10px;
}
.days-left-title > small{
	font-size: 55%;
}
.timeAgo {
	opacity: 0.7;
}

.media-object {
	margin: 0 auto;
}

.listDonationsBox {
	z-index: 1;
	overflow: hidden;
}
#listDonations {
	padding-top: 18px;
	display: table;
	margin-right: -8px;
	margin-bottom: -3px;
}
#listDonations .list-group-item {
	overflow: hidden;
	margin-bottom: 0;
	margin-top: -2px;
	margin-left: -2px;
	z-index: 0;
	text-align: center;
	border-radius: unset;
	border: 2px solid #f9f9f9;
}

#listDonations .list-group-heading {
	position: relative;
	display: block;
	padding: 10px 15px;
	background-color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 13px;
}
#listDonations .list-group-item .btn-block + .btn-block {
	margin-top: 0;
	height: 25px;
	line-height: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#purchasesModal .modal-body {
	display: table;
}
#purchasesModal .media-heading {
	height: 35px;
}
.purchase-modal .modal-dialog {
	width: 90%;
	max-width: 1100px;
}
.purchase-modal .container-fluid {
	display: flex;
	flex-wrap: wrap;
}
.purchase-modal .purchase-modal-left {
	background-image: linear-gradient(-134deg, #E50071 0%, #660061 100%);
	border-radius: 5px 0 0 0;
	margin-top: -60px;
	margin-left: -15px;
	margin-right: 0;
	padding-bottom: 20px;
	padding-top: 20px;
}
.purchase-modal .purchase-modal-left div {
	padding-left: 20px;
}
.purchase-modal .purchase-modal-left .purchase-img {
	position: relative;
	overflow: hidden;
	height: 150px;
	width: 150px;
	margin: 10px 0 10px 20px;
}
.purchase-modal .purchase-modal-left .purchase-img img {
	width: auto;
	height: auto;
	border-radius: 10px;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.purchase-modal .purchase-modal-left .purchase-logo img {
	max-width: 80%;
}
.purchase-modal .purchase-modal-left hr {
	opacity: 0.3;
	margin-left: -15px;
	margin-right: -15px;
}
.purchase-modal .purchase-modal-left h1 {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.25;
	color: #ffffff;
}
.purchase-modal .purchase-modal-left h2 {
	opacity: 0.7;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.43;
	color: #ffffff;
}
.purchase-modal .purchase-modal-left h3 {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.25;
	color: #ffffff;
}
.purchase-modal .purchase-modal-left h3.total-payment {
	font-size: 36px;
	font-weight: bold;
	line-height: 0.56;
	color: #ffffff;
	margin-top: 15px;
}
.purchase-modal .purchase-modal-left .use-funds {
	padding-left: 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.67;
	color: #ffffff;
}
.purchase-modal .purchase-modal-left .use-funds p {
	margin-bottom: 15px;
}
.purchase-modal .purchase-modal-left .use-funds strong {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.25;
}
.purchase-modal .purchase-modal-left .use-funds .icheckbox_flat-pink {
	margin-right: 5px;
}
.purchase-modal .purchase-modal-left .purchase-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.11;
	color: #ffffff;
	margin-top: 40px;
}
.purchase-modal .purchase-modal-left .campaign-sources {
	font-size: 25px;
	color: #fff;
}
.purchase-modal .purchase-modal-left .rev-sources {
	position: relative;
	margin-left: 25px;
}
.purchase-modal .purchase-modal-left .rev-sources li {
	display: flex;
	padding: 7px 0;
}
.purchase-modal .purchase-modal-left .rev-sources span {
	display: inline-table;
	line-height: 25px;
	color: #fff;
}
.purchase-modal .rev-sources .rev-svg {
	margin-right: 20px;
	opacity: 0.5;
}
.purchase-modal .rev-sources .rev-svg.concerts {
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
.purchase-modal .rev-sources .rev-svg.radiosvg {
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
.purchase-modal .rev-sources .rev-svg.downloads {
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
.purchase-modal .rev-sources .rev-svg.streaming {
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
.purchase-modal .rev-sources .rev-svg.television {
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
.purchase-modal .rev-sources .rev-svg.sync {
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
.purchase-modal .rev-sources .rev-svg.clocksvg {
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
.purchase-modal .purchase-modal-right {
	background: #fff;
	padding: 0 4%;
}
.purchase-modal .purchase-modal-right .row {
	margin-bottom: 30px;
}
.purchase-modal .purchase-modal-right h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.11;
	margin-bottom: 25px;
}
.purchase-modal .purchase-modal-right h2 {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.67;
	color: #000000;
	opacity: 0.21;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.purchase-modal .purchase-modal-right h3 {
	opacity: 0.40;
	font-size: 16px;
}
.purchase-modal .purchase-modal-right .purchase-amount[data-group-container] {
	margin-top: 30px;
}

.purchase-modal-right .shirt-size {
	max-width: 200px;
	border: 3px solid #F0F0F0;
	border-radius: 20px;
	margin: 5px 0;
	color: #222325;
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	text-align: center;
}
.purchase-modal .purchase-input {
	position: relative;
	border: 3px solid transparent;
	border-radius: 42px;
	margin-bottom: 10px;
	display: block;
	width: 131px;
	background: linear-gradient(90deg, #700054 0%, #E50071 100%);
	background-size: 195px;
	background-position: -5px;
}
.purchase-modal .qty {
	font-size: 16px;
	text-align: right;
	color: #586168;
	position: absolute;
	top: 11px;
	right: -80px;
}

.purchase-modal .purchase-input input {
	height: 46px;
	padding: 10px 16px;
	font-size: 19px;
	color: #bf0260;
	border-radius: 42px;
	width: 125px;
	text-align: center;
}
.purchase-modal .information-section {
	display: flex;
}
.purchase-modal .purchase-detail-box {
    display: grid;
	padding-right: 5%;
}
.purchase-modal .purchase-detail-box:last-child {
	padding-right: 0;
}
.purchase-modal .purchase-detail-box #item-calculated-total {
	font-weight: 600;
	color: #bf0260;
}
.payment-method {
	max-width: 780px;
}
.payment-method > li {
	display: inline-block;
	margin: 3px 4px;
}
.payment-method > li > a {
	padding: 20px 20px;
	border: 3px solid #F0F0F0;
	border-radius: 45px;
}
.payment-method > li > a:hover {
	border: 3px solid #dedede;

}
.payment-method > li > a > img {
	margin: 20px;
	max-height: 50px;
	max-width: 90px;
}
.purchase-modal .payment-choices {
	display: flex;
}
.purchase-modal .payment-choice {
    border: 3px solid #F0F0F0;
    border-radius: 20px;
    width: 195px;
    position: relative;
    padding: 15px 0;
    cursor: pointer;
	margin-right: 40px;
}
.purchase-modal .payment-choice:hover {
    border: 3px solid #dedede;
}
.purchase-modal .payment-choice.active {
    border: 3px solid #E40071;
	cursor: auto;
}
.purchase-modal .payment-choice-icon {
	display: block;
	margin: 0 auto;
}
.purchase-modal .payment-choice-icon.bank-link {
	background-repeat: no-repeat;
	height: 31px;
	width: 32px;
}
.purchase-modal .payment-choice-icon.credit-card {
	background-repeat: no-repeat;
	height: 32px;
	width: 43px;
}
.purchase-modal .payment-choice-icon.post {
	background-repeat: no-repeat;
	height: 32px;
	width: 48px;
}
.purchase-modal .payment-choice-icon.omniva {
    background-image: url("../img/omniva.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 32px;
	width: 48px;
}
.purchase-modal .payment-choice.active .payment-choice-icon.bank-link {
	background-repeat: no-repeat;
	height: 31px;
	width: 32px;
}
.purchase-modal .payment-choice.active .payment-choice-icon.credit-card {
	background-repeat: no-repeat;
	height: 32px;
	width: 43px;
}
.purchase-modal .payment-choice.active .payment-choice-icon.post {
	background-repeat: no-repeat;
	height: 32px;
	width: 48px;
}
.purchase-modal .payment-choice.active .payment-choice-icon.omniva {
    background-image: url("../img/omniva-active.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 32px;
	width: 48px;
}
.purchase-modal .payment-choice-label {
    text-align: center;
    width: 102px;
    position: relative;
    display: block;
    margin: 0 auto;
	padding: 8px 0 0 0;
}
.purchase-modal .checked-badge {
    text-align: center;
    height: 0;
}
.purchase-modal .checked-badge > i {
    position: relative;
    font-size: 12px;
    width: 25px;
    height: 25px;
    background: #E40071;
    border-radius: 50%;
    padding-top: 7px;
    color: #fff;
    margin-top: 4px;
}
.purchase-modal .select-country {
	max-width: 260px;
}
.purchase-modal .select-country .select2-container {
	width: 226px !important;
	margin-top: 5px;
}
.purchase-modal .select-country .select2-container--default .select2-selection--single {
	border-radius: 20px;
	border: 3px solid #F0F0F0;
}
.purchase-modal .select-country .select2-container .select2-selection--single {
	height: 46px;
}
.purchase-modal .select-country .select2-container--default .select2-selection--single .select2-selection__rendered {
	text-align: left;
	line-height: 39px;
	font-size: 19px;
	color: #222325;
}
.campaign-detail .select2-dropdown {
	border: 3px solid #F0F0F0;
}
.campaign-detail .purchase-modal .select-country .img-flag,
.select2-dropdown .img-flag {
	margin: -5px 10px 0 8px;
}
.campaign-detail .select2-dropdown .select2-results__option {
	padding: 8px 18px;
}
.campaign-detail .select2-dropdown .select2-results__option .img-flag {
	margin-right: 11px;
	margin-top: -2px;
}
span.select2-selection.select2-selection--single {
	outline: none;
}
.purchase-modal .select-country .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: unset;
	border-style: unset;
	border-width: unset;
	height: unset;
	left: unset;
	margin-left: unset;
	margin-top: unset;
	position: unset;
	top: unset;
	width: unset;
}
.purchase-modal .select-country .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
	top: 10px;
	right: 16px;
	position: absolute;
	content: "\f078";
	font-family: FontAwesome;
}
.purchase-modal .select-country .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
	top: 10px;
	right: 16px;
	position: absolute;
	content: "\f077";
	font-family: FontAwesome;
}

.purchase-modal .shipping-input {
	border: 3px solid #F0F0F0;
	border-radius: 20px;
	margin: 5px 0;
	color: #222325;
}
.purchase-modal .shipping-input::placeholder {
	color: #cccccc;
}

/* Omniva shipping widget */
#omniva_select1 {
	max-width: 400px;
	border: 3px solid #F0F0F0;
	border-radius: 20px;
	margin: 5px 0;
	color: #222325;
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
}

#listDonations .media-heading {
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 3px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.recent-donation-amount {
	background: transparent;
	color: #E40071;
	font-weight: bold;
	font-size: 13px;
}
.load-more {
	position: absolute;
	right: 20px;
	top: 17px;
}
a.loadPaginator {
	padding: 7px 10px;
	position: relative;
	font-size: 11px;
	line-height: 10px;
	border-radius: 10px;
}
a.loadPaginator > i {
	margin-left: 3px;
	font-size: 9px;
	color: #e52d76;
}
a.loadPaginator:hover,
a.loadPaginator:active,
a.loadPaginator:focus {
	color: #3e3e3e;
	opacity: 0.9;
}

.btn-donate {
	text-transform: uppercase;
	border-radius: 42px;
	padding: 17px 100px;
	margin: 4px;
	box-shadow: none;
	font-size: 17px;
	font-weight: bold;
}

/* Media Queries */
@media (max-width: 991px) {
	.campaign-header .header-content-media {
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}

}
@media (max-width: 767px) {
	.page-content {
		padding: 50px 0;
	}
	.campaign-header .campaign-title {
		text-align: center;
	}
	.img-campaign-block {
		padding-top: 30px;
	}
	.campaign-detail .progress-details .raised {
		grid-auto-rows: unset;
		padding-bottom: 5px;
	}
	.campaign-detail .progress-details .days, .campaign-detail .progress-details .backers {
		padding: 5px 0;
		margin: 5px 0;
		border-top: 1px solid #f4f4f4;
		border-left: none;
		grid-auto-rows: unset;
	}
	.campaign-detail .progress-details .days span {
		margin: 0 auto;
	}
	.campaign-detail .progress-details {
		display: block;
		height: auto;
		text-align: center;
	}
	.campaign-body h1 {
		font-size: 30px;
		margin: 35px 0;
	}
	.campaign-body h2 {
		height: auto;
		margin-top: 10px;
	}
	.campaign-body h3 {
		margin-top: 10px;
		margin-bottom: 35px;
	}
	.campaign-body .campaign-purchase {
		margin: 60px 0 80px 0;
	}
	.campaign-body .campaign-purchase .purchase-text {
		font-size: 28px;
	}
	.campaign-body .campaign-purchase .purchase-text .invest-amount {
		font-size: 28px;
	}
	.campaign-body .campaign-purchase .invest {
		margin-top: 55px;
	}
	.btn-donate {
		padding: 17px 70px;
	}
	.campaign-merch h1 {
		font-size: 30px;
		margin: 35px 0;
	}
	.campaign-level h1 {
		font-size: 30px;
		padding: 35px 0;
		margin: 0;
	}
	.campaign-merch .merch-box .merch-img {
		width: 200px;
		height: 160px;
	}
	.purchase-modal .modal-dialog {
		width: auto;
		text-align: center;
	}
	.purchase-modal .modal-content {
		overflow: hidden;
	}
	.purchase-modal .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.purchase-modal .purchase-modal-left {
		margin-right: 0px;
		margin-left: 0;
		margin-top: 0;
		border-radius: 0;
	}
	.purchase-modal .purchase-modal-left h3.total-payment {
		margin-bottom: 15px;
	}
	.purchase-modal .purchase-modal-left .purchase-title {
		 margin-top: 0;
	}
	.purchase-modal .purchase-modal-left .purchase-img {
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.purchase-modal .purchase-modal-left .purchase-logo {
		text-align: left;
	}
	.purchase-modal .purchase-modal-left .purchase-logo img {
		width: 50%;
	}
	.purchase-modal .information-section {
		display: block;
	}
	.purchase-modal .payment-choices {
		display: inline-flex;
	}
	.payment-method > li > a > img {
		margin: 20px;
		max-width: 80px;
	}
	.payment-method > li > a {
		padding: 20px 0;
	}
	.purchase-modal .purchase-input {
		margin: 0 auto;
	}
	.purchase-modal .select-country {
		margin: 0 auto;
	}
	.purchase-modal .purchase-detail-box {
		padding-right: 0;
		margin-top: 10px;
	}
	.purchase-modal .purchase-section {
		margin-bottom: 10px;
	}
	.purchase-modal .purchase-modal-right .purchase-amount[data-group-container] {
		 margin-top: 0;
	}
	.purchase-modal .purchase-modal-right {
		margin-top: 20px;
	}
	.purchase-modal .purchase-modal-right h1 {
		font-size: 20px;
	}
	.purchase-modal .payment-choice {
		margin-right: 4%;
		width: 120px;
	}
	.zaudio_container {
		border-bottom-left-radius: 0;
	}
	.modal #badge-modal .media-body .media-object {
		width: 60px;
	}
	.campaign-gamification, .campaign-merch, .campaign-tasks {
		padding-left: 0;
		padding-right: 0;
	}
	.campaign-gamification hr {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.campaign-leaderboard {
		margin-bottom: 0;
		padding-bottom: 50px;
	}
	.campaign-badges {
		margin-bottom: 30px;
	}
	.campaign-badges .listbadges .list-group-item .media-object {
		width: 45px;
	}
	.level-box {
		width: 95%;
	}
	.level-box .level-bages img {
		width: 45px;
	}
	.level-box .level-bages .title {
		font-size: 13px;
	}
	.level-box .level-complete .progress-marker {
		position: absolute;
		width: 50px;
		height: 50px;
		margin-left: -26px;
		top: -13px;
	}
	.campaign-tasks .tasks-area .task-box .task-points {
		top: 3px;
	}
	.modal .campaign-leaderboard {
		padding-bottom: 0;
	}
	.modal .listbadges .list-group-item {
		padding: 5px 5px;
	}
	.modal .listbadges .list-group-item .media-body {
		padding: 15px 0;
	}
	.modal .listbadges .media-body .media-heading {
		font-size: 14px;
	}
	.modal .listbadges .media-body .media-object {
		width: 45px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.purchase-modal .purchase-section {
		padding-bottom: 15px;
	}
}